/* style.css */

/* Shared root variables and resets */
:root {
  --bg: #020617;
  --primary: #6366f1;
  --accent: #22d3ee;
  --text: #f9fafb;
  --muted: #9ca3af;
  --border-soft: rgba(148, 163, 184, 0.35);
  --border-strong: rgba(148, 163, 184, 0.65);
  --radius-xl: 999px;
  --radius-lg: 22px;
  --radius-md: 14px;
  --shadow-soft: 0 26px 90px rgba(15, 23, 42, 0.95);
  --shadow-card: 0 18px 55px rgba(15, 23, 42, 0.9);
  --max-width: 1120px;
  --font: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

body{
  font-family:var(--font);
  min-height:100vh;
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  background-color:#020617;
}

/* Backgrounds per page */
.page-main{
  background-image:url("https://cdn.discordapp.com/attachments/1446496661563248751/1453874340520136965/eWJevLk.png?ex=695103be&is=694fb23e&hm=ac27c1bc71c6bed93bc0fe862835fb8e031cc45d065a39cf592544ab6883be5f&");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}

.page-offer{
  background-image:url("https://cdn.discordapp.com/attachments/1446496661563248751/1454076530966794250/N5k3axl.png?ex=6951174c&is=694fc5cc&hm=551ea87b5f58e0a5ee0fdf43cdf2e4e53d33c27c9b3bbe7f1c51d171fa700e8d&");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}

.page-leadership{
  background-image:url("https://cdn.discordapp.com/attachments/1446496661563248751/1453876231052202178/L2Mh8mV.png?ex=69510581&is=694fb401&hm=fab0295f713fee08836901d8a7af03767a3a8cdc72e11b83fa43829aefb5d2b3&");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}

a{color:var(--accent);text-decoration:none;transition:color .16s ease;}
a:hover{text-decoration:underline;}

main{
  max-width:var(--max-width);
  margin:0 auto;
  padding:2.1rem 1.5rem 3.6rem;
  animation:fadein 400ms ease-out;
}
@keyframes fadein{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);}
}

/* NAV */
.nav-shell{
  position:sticky;top:0;z-index:40;
  backdrop-filter:blur(18px);
  background:rgba(15,23,42,0.92);
  border-bottom:1px solid rgba(31,41,55,0.9);
}
.nav{
  max-width:var(--max-width);margin:0 auto;
  padding:.9rem 1.5rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.brand{display:flex;align-items:center;gap:.8rem;}
.brand-logo{
  width:40px;height:40px;border-radius:16px;overflow:hidden;
  background:radial-gradient(circle at 30% 0,rgba(248,250,252,.16) 0,#020617 55%);
  border:1px solid rgba(148,163,184,.9);
  flex-shrink:0;
  box-shadow:0 14px 40px rgba(15,23,42,.85);
  transform-origin:center;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.brand-logo img{width:100%;height:100%;object-fit:cover;display:block;}
.brand-logo:hover{
  transform:translateY(-1px) scale(1.06) rotate(-1deg);
  border-color:rgba(248,250,252,.96);
  box-shadow:0 20px 60px rgba(15,23,42,.95);
}
.brand-text-main{font-size:.88rem;letter-spacing:.2em;text-transform:uppercase;}
.brand-text-sub{font-size:.78rem;color:var(--muted);}
.nav-right{
  display:flex;flex-wrap:wrap;gap:.8rem;
  align-items:center;justify-content:flex-end;
}

/* Pills / buttons */
.status-pill{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.8rem;padding:.32rem .85rem;
  border-radius:999px;
  border:1px solid rgba(34,197,94,.9);
  background:
    radial-gradient(circle at 0 0,rgba(34,197,94,.22) 0,transparent 65%),
    linear-gradient(120deg,rgba(15,23,42,.96),rgba(6,95,70,.92));
  color:#bbf7d0;
  box-shadow:0 12px 30px rgba(22,163,74,.48);
}
.status-pill-dot{
  width:8px;height:8px;border-radius:999px;
  background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.25);
  animation:pulse 1.8s ease-out infinite;
}
@keyframes pulse{
  0%{transform:scale(1);opacity:1;}
  70%{transform:scale(1.6);opacity:0;}
  100%{transform:scale(1.6);opacity:0;}
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  padding:.7rem 1.7rem;border-radius:var(--radius-xl);
  border:1px solid transparent;font-size:.86rem;font-weight:600;
  cursor:pointer;white-space:nowrap;transform:translateZ(0);
  transition:transform .18s ease,box-shadow .22s ease,
    background .18s ease,color .18s ease,border-color .18s ease;
}
.btn span.btn-arrow{font-size:1.05rem;transition:transform .2s ease;}
.btn-primary{
  background:radial-gradient(circle at 0 0,rgba(248,250,252,.18) 0,transparent 55%),
             linear-gradient(135deg,#22d3ee,#6366f1);
  color:#020617;border-color:rgba(191,219,254,.9);
  box-shadow:0 20px 70px rgba(15,23,42,1);
}
.btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 26px 90px rgba(15,23,42,1);
}
.btn-primary:hover .btn-arrow{transform:translateX(3px);}
.btn-secondary{
  background:radial-gradient(circle at 0 0,rgba(56,189,248,.15) 0,transparent 65%),
             linear-gradient(125deg,rgba(15,23,42,.98),rgba(15,23,42,1));
  color:var(--accent);
  border-color:rgba(56,189,248,.9);
  box-shadow:0 18px 50px rgba(15,23,42,.98);
}
.btn-secondary:hover{
  background:linear-gradient(125deg,rgba(15,23,42,1),rgba(15,23,42,1));
  transform:translateY(-1px);
}
.btn-secondary:hover .btn-arrow{transform:translateX(2px);}

/* LIVE STRIP */
.live-strip{
  max-width:var(--max-width);margin:.4rem auto 0;
  padding:0 1.5rem .6rem;font-size:.8rem;color:var(--muted);
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
}
.live-strip-left{display:flex;align-items:center;gap:.55rem;}
.live-dot{
  width:8px;height:8px;border-radius:999px;
  background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.25);
}
.live-strip-right{opacity:.9;}

/* HERO etc. (unchanged classes copied from worker CSS) */
/* ... (include the remaining CSS from FOOTER_CSS, hero, sections, offer-grid, leader-grid, steps, faq-grid, mini-nav, etc. exactly as in the original file) ... */

/* FOOTER (from FOOTER_CSS) */
.footer {
  background: rgba(15, 23, 42, 0.96);
  border-top: 1px solid rgba(148, 163, 184, 0.8);
  padding: 3rem 1.5rem 1.5rem;
  margin-top: 4rem;
}

.footer-content {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(0, 1.4fr);
  gap: 2.5rem;
  margin-bottom: 2rem;
}

/* ...rest of FOOTER_CSS here unchanged... */