/* Shared site nav — identical on every page (subpages) */
.site-nav{
  position:fixed; top:0; left:0; right:0; z-index:200;
  display:flex; flex-direction:column; padding:0;
  background:rgba(20,24,36,0.6); backdrop-filter:blur(24px);
  border-bottom:1px solid rgba(255,210,0,0.07);
  font-family:'Inter',sans-serif;
}
.sn-split{ display:flex; width:100%; min-height:72px; position:relative; align-items:stretch; }

/* All 5 title panels — equal width, height, padding */
.sn-split > a{
  flex:1 1 0; min-width:0; min-height:72px;
  display:flex; align-items:center; justify-content:center;
  padding:10px 6px; text-decoration:none; position:relative; overflow:hidden;
  transition:all .4s cubic-bezier(.16,1,.3,1);
}

.sn-brand{
  background:linear-gradient(135deg,rgba(255,255,255,0.92) 0%,rgba(255,235,120,0.88) 42%,rgba(255,210,0,0.82) 100%);
  background-size:200% 200%; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.85), 0 0 48px rgba(255,220,0,0.55);
  border-right:1px solid rgba(255,220,0,0.25);
  animation:snGlassShift 10s ease-in-out infinite;
}
.sn-brand:hover{
  filter:brightness(1.08);
  box-shadow:inset 0 1px 3px rgba(255,255,255,0.95), 0 8px 28px rgba(255,230,0,0.45), 0 0 56px rgba(255,230,0,0.75);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.sn-brand img{ height:34px; width:auto; }
/* Digital Marketing title — white + yellow two-tone (matches other panels) */
.sn-brand .sn-t{
  background:linear-gradient(135deg,#15171b 0%,#3a3f47 55%,#6b7079 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,0.4));
}
@supports not (-webkit-background-clip:text){
  .sn-brand .sn-t{ color:#6b5200; background:none; filter:none; }
}
.sn-brand .sn-kick{
  font-weight:700;
  background:linear-gradient(135deg,#1c1f24 0%,#454a52 60%,#70757e 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,0.35));
}
@supports not (-webkit-background-clip:text){
  .sn-brand .sn-kick{ color:#5c4500; background:none; }
}
.sn-title,.sn-sub{ display:none; }

.sn-web{
  color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,0.22) 0%,rgba(56,189,248,0.72) 45%,rgba(2,132,199,0.78) 100%);
  background-size:200% 200%; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); animation:snGlassShift 10s ease-in-out infinite;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.35), 0 0 48px rgba(14,165,233,0.55);
}
.sn-mkt{
  color:#eafffb;
  background:linear-gradient(135deg,rgba(255,255,255,0.18) 0%,rgba(20,184,166,0.72) 45%,rgba(13,148,136,0.78) 100%);
  background-size:200% 200%; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); animation:snGlassShift 10s ease-in-out infinite;
  box-shadow:inset 0 1px 1px rgba(255,255,255,0.3), 0 0 30px rgba(20,180,160,0.3);
  border-left:1px solid rgba(255,255,255,0.12); border-right:1px solid rgba(255,255,255,0.12);
}
.sn-web .sn-t{
  background:linear-gradient(135deg,#ffffff 0%,#7dd3fc 50%,#0ea5e9 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.sn-mkt .sn-t{
  background:linear-gradient(135deg,#ffffff 0%,#5eead4 48%,#0d9488 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.sn-web:hover{
  filter:brightness(1.12);
  box-shadow:inset 0 1px 3px rgba(255,255,255,0.55), 0 8px 28px rgba(56,189,248,0.35), 0 0 56px rgba(56,189,248,0.75);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.sn-mkt:hover{
  filter:brightness(1.12);
  box-shadow:inset 0 1px 3px rgba(255,255,255,0.5), 0 8px 28px rgba(20,180,160,0.35), 0 0 46px rgba(20,180,160,0.55);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.sn-ai{
  color:#f5ecff;
  background:linear-gradient(135deg,rgba(255,255,255,0.16) 0%,rgba(168,85,247,0.72) 45%,rgba(91,33,182,0.78) 100%);
  background-size:200% 200%; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); animation:snGlassShift 10s ease-in-out infinite;
  box-shadow:inset 0 1px 1px rgba(255,255,255,0.28), 0 0 30px rgba(168,85,247,0.35);
  border-left:1px solid rgba(255,255,255,0.12);
}
.sn-ai .sn-t{
  background:linear-gradient(135deg,#ffffff 0%,#e9d5ff 48%,#a855f7 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.sn-ai:hover{
  filter:brightness(1.12);
  box-shadow:inset 0 1px 3px rgba(255,255,255,0.45), 0 8px 28px rgba(168,85,247,0.35), 0 0 46px rgba(168,85,247,0.55);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.sn-ai .sn-kick{ color:rgba(245,235,255,0.88); }
.sn-toolstore{
  color:#f0fdf4;
  background:linear-gradient(135deg,rgba(255,255,255,0.28) 0%,rgba(190,242,100,0.82) 45%,rgba(132,204,22,0.8) 100%);
  background-size:200% 200%; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); animation:snGlassShift 10s ease-in-out infinite;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.45), 0 0 48px rgba(163,230,53,0.55);
  border-left:1px solid rgba(255,255,255,0.18);
}
.sn-toolstore .sn-t{
  background:linear-gradient(135deg,#1a2e05 0%,#3f6212 55%,#65a30d 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,0.4));
}
.sn-toolstore:hover{
  filter:brightness(1.12);
  box-shadow:inset 0 1px 3px rgba(255,255,255,0.55), 0 8px 28px rgba(163,230,53,0.35), 0 0 60px rgba(163,230,53,0.75);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.sn-toolstore .sn-kick{ color:rgba(236,252,203,0.88); }
.sn-toolstore.sn-active{ filter:brightness(1.18); box-shadow:inset 0 1px 2px rgba(220,252,180,0.95), 0 0 70px rgba(163,230,53,0.85); border-bottom:3px solid rgba(163,230,53,1); }

/* active tab — current page highlight */
.sn-brand.sn-active{ filter:brightness(1.18); box-shadow:inset 0 1px 2px rgba(255,255,180,0.9), 0 0 60px rgba(255,220,0,0.7); border-bottom:3px solid rgba(255,220,0,0.9); }
.sn-web.sn-active{ filter:brightness(1.22); box-shadow:inset 0 1px 2px rgba(186,230,253,0.9), 0 0 70px rgba(56,189,248,0.85); border-bottom:3px solid rgba(56,189,248,1); }
.sn-mkt.sn-active{ filter:brightness(1.22); box-shadow:inset 0 1px 2px rgba(160,255,240,0.9), 0 0 70px rgba(20,180,160,0.8); border-bottom:3px solid rgba(20,210,185,1); }
.sn-ai.sn-active{ filter:brightness(1.22); box-shadow:inset 0 1px 2px rgba(240,200,255,0.9), 0 0 70px rgba(168,85,247,0.85); border-bottom:3px solid rgba(168,85,247,1); }
/* All 5 title panels — text above sparkle shimmer (TASK-016: flash behind text) */
.sn-split > a{ z-index:1; }
.sn-split::before,.sn-split::after{ content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background-repeat:no-repeat; }
.sn-split::before{
  background-image:
    radial-gradient(1.6px 1.6px at 12% 35%, rgba(255,255,255,.9), transparent 60%),
    radial-gradient(1.3px 1.3px at 27% 68%, rgba(255,255,255,.8), transparent 60%),
    radial-gradient(1.8px 1.8px at 41% 22%, rgba(255,255,255,.95), transparent 60%),
    radial-gradient(1.2px 1.2px at 53% 55%, rgba(255,255,255,.8), transparent 60%),
    radial-gradient(1.7px 1.7px at 66% 38%, rgba(255,255,255,.9), transparent 60%),
    radial-gradient(1.3px 1.3px at 78% 72%, rgba(255,255,255,.8), transparent 60%),
    radial-gradient(1.9px 1.9px at 88% 30%, rgba(255,255,255,.95), transparent 60%),
    radial-gradient(1.2px 1.2px at 95% 60%, rgba(255,255,255,.8), transparent 60%);
  animation:snSpark 3.4s ease-in-out infinite; }
.sn-split::after{
  background-image:
    radial-gradient(1.4px 1.4px at 18% 60%, rgba(255,255,255,.85), transparent 60%),
    radial-gradient(1.1px 1.1px at 35% 28%, rgba(255,255,255,.7), transparent 60%),
    radial-gradient(1.5px 1.5px at 60% 75%, rgba(255,255,255,.85), transparent 60%),
    radial-gradient(1.1px 1.1px at 83% 48%, rgba(255,255,255,.7), transparent 60%);
  animation:snSpark 2.6s ease-in-out infinite .8s; }
@keyframes snSpark{ 0%,100%{ opacity:.35; transform:translateY(0);} 50%{ opacity:1; transform:translateY(-2px);} }
/* All 5 panels — same title + subtitle metrics as Digital Marketing reference */
.sn-lab{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; position:relative; z-index:3; max-width:100%; }
.sn-t{
  font-family:'Outfit',sans-serif; font-size:18px; font-weight:800; letter-spacing:-0.3px;
  line-height:1.2; white-space:nowrap; text-align:center;
}
.sn-kick{
  font-size:10px; letter-spacing:2px; text-transform:uppercase; font-weight:500;
  text-align:center; line-height:1.5; min-height:30px;
  display:flex; align-items:center; justify-content:center;
  max-width:12em; white-space:normal;
}
.sn-web .sn-kick{ color:rgba(224,247,255,0.88); }
.sn-mkt .sn-kick{ color:rgba(255,255,255,0.88); }
@keyframes snGlassShift{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }

/* TASK-011: glassy lift on all 5 nav title panels */
.sn-split > a:hover{
  transform:translateY(-4px) scale(1.02);
  z-index:4;
}

.sn-row2{ display:grid; grid-template-columns:1fr auto 1fr; column-gap:24px; align-items:center; width:100%;
  padding:9px 5%; background:rgba(20,24,36,0.7); border-top:1px solid rgba(255,255,255,0.06); }

/* per-page bottom bar shades */
.sn-theme-about .sn-row2{ background:linear-gradient(90deg,#f5f2ec,#efe7d8); border-top:1px solid rgba(0,0,0,0.07); }
.sn-theme-about .sn-links a{ color:#5d5851; } .sn-theme-about .sn-links a:hover{ color:#e08a18; }
.sn-theme-about .sn-links a.active{ color:#e08a18; }
.sn-theme-about .sn-cta{ color:#171614; border-color:rgba(0,0,0,0.25); }
.sn-theme-about .sn-cta:hover{ background:rgba(0,0,0,0.06); border-color:#171614; }
.sn-theme-webpro .sn-row2{ background:linear-gradient(90deg,#050e1a,#031828); border-top:1px solid rgba(14,165,233,0.18); }
.sn-theme-webpro .sn-links a:hover{ color:#38bdf8; }
.sn-theme-webpro .sn-links a.active{ color:#38bdf8; }
.sn-theme-webpro .sn-cta{ color:#e0f2fe; border-color:rgba(14,165,233,0.5); }
.sn-theme-webpro .sn-cta:hover{ background:rgba(14,165,233,0.12); border-color:#38bdf8; }
.sn-links{ grid-column:2; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; row-gap:6px; gap:24px; list-style:none; }
.sn-lang{ grid-column:3; justify-self:end; display:flex; gap:5px; }
.sn-lang button{ width:38px; height:32px; border-radius:8px; font-size:12px; font-weight:700; cursor:pointer;
  display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.05); color:rgba(255,255,255,0.6);
  border:1px solid rgba(255,255,255,0.14); transition:all .2s; }
.sn-lang button:hover{ border-color:var(--cyan,#ffd700); color:#fff; }
.sn-lang button.active{ background:#fff; color:#0b0e16; border-color:#fff; }
.sn-theme-about .sn-lang button{ background:rgba(0,0,0,0.04); color:#5d5851; border-color:rgba(0,0,0,0.12); }
.sn-theme-about .sn-lang button.active{ background:#171614; color:#f5f2ec; border-color:#171614; }
.sn-links a{ color:rgba(255,255,255,0.45); text-decoration:none; font-size:11px; font-weight:400; letter-spacing:1.5px; text-transform:uppercase; transition:all .35s cubic-bezier(.16,1,.3,1); display:inline-block; padding:4px 8px; border-radius:8px; }
.sn-links a:hover{
  color:#ffc24d; transform:translateY(-4px) scale(1.02);
  text-shadow:0 0 14px rgba(255,180,60,0.55);
  background:rgba(255,210,0,0.08); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.12), 0 8px 20px rgba(255,210,0,0.15);
}
.sn-links a.active{ color:#ffd700; }
.sn-cta{ grid-column:3; justify-self:end; white-space:nowrap; display:inline-flex; align-items:center; gap:8px;
  padding:10px 22px; border-radius:999px; text-decoration:none; color:#fff; font-family:'Outfit',sans-serif;
  font-size:13px; font-weight:600; letter-spacing:.5px; background:transparent; border:1px solid rgba(255,210,0,0.4); transition:all .35s; }
.sn-cta:hover{ background:rgba(255,210,0,0.12); border-color:#ffd700; box-shadow:0 0 20px rgba(255,210,0,0.2); }

.sn-burger{ display:none; flex-direction:column; gap:5px; cursor:pointer; padding:6px; background:none; border:none; }
.sn-burger span{ display:block; width:24px; height:2px; background:#fff; border-radius:2px; transition:all .35s; }

/* spacer so page content clears the fixed nav */
.sn-spacer{ height:122px; }

/* anchor jumps land below the fixed nav */
section[id], [id="plans"], [id="samples"], [id="how"], [id="top"], [id="early-access"]{ scroll-margin-top:132px; }
@media(max-width:900px){ section[id], [id="plans"], [id="samples"], [id="how"], [id="top"], [id="early-access"]{ scroll-margin-top:78px; } }

/* Sticky launch-offer tab — per-page themed shades */
.sn-offer-tab{
  position:fixed; right:14px; top:132px; z-index:195;
  padding:8px 14px; border-radius:999px; text-decoration:none;
  font-family:'Outfit',sans-serif; font-size:11px; font-weight:800;
  letter-spacing:1px; text-transform:uppercase;
  border:1px solid rgba(255,255,255,0.25);
  box-shadow:0 4px 16px rgba(0,0,0,0.35);
  animation:snOfferGlow 2.2s ease-in-out infinite;
  transition:transform .25s;
}
.sn-offer-tab--gold{
  color:#1a1200;
  background:linear-gradient(135deg,#fff8dc,#ffd700,#ffb800);
  border-color:rgba(255,220,0,0.6);
  box-shadow:0 0 20px rgba(255,200,0,0.55), 0 4px 16px rgba(0,0,0,0.35);
}
.sn-offer-tab--teal{
  color:#04201c;
  background:linear-gradient(135deg,#ccfbf1,#10c2ad,#0d9488);
  border-color:rgba(16,194,173,0.55);
  box-shadow:0 0 20px rgba(16,194,173,0.5), 0 4px 16px rgba(0,0,0,0.35);
}
.sn-offer-tab--blue{
  color:#031828;
  background:linear-gradient(135deg,#e0f2fe,#38bdf8,#0ea5e9);
  border-color:rgba(56,189,248,0.55);
  box-shadow:0 0 20px rgba(56,189,248,0.5), 0 4px 16px rgba(0,0,0,0.35);
}
.sn-offer-tab--purple{
  color:#1a0533;
  background:linear-gradient(135deg,#f3e8ff,#c084fc,#9333ea);
  border-color:rgba(168,85,247,0.55);
  box-shadow:0 0 20px rgba(168,85,247,0.5), 0 4px 16px rgba(0,0,0,0.35);
}
.sn-offer-tab--green{
  color:#1a2e05;
  background:linear-gradient(135deg,#ecfccb,#a3e635,#84cc16);
  border-color:rgba(132,204,22,0.55);
  box-shadow:0 0 20px rgba(132,204,22,0.5), 0 4px 16px rgba(0,0,0,0.35);
}
.sn-offer-tab:hover{ transform:translateY(-4px) scale(1.02); filter:brightness(1.1); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
@keyframes snOfferGlow{
  0%,100%{ filter:brightness(1); }
  50%{ filter:brightness(1.12); }
}
@media(max-width:900px){ .sn-offer-tab{ top:78px; right:10px; font-size:10px; padding:6px 11px; } }

/* Inline "Limited Launch Offer" badges on plan sections */
.launch-badge{
  display:inline-block; margin:0 auto 14px; padding:8px 18px; border-radius:999px;
  font-family:'Outfit',sans-serif; font-size:11px; font-weight:800;
  letter-spacing:1.2px; text-transform:uppercase;
  animation:snOfferGlow 2.2s ease-in-out infinite;
}
.launch-badge--gold{ color:#1a1200; background:linear-gradient(135deg,#fff8dc,#ffd700,#ffb800); border:1px solid rgba(255,220,0,0.55); box-shadow:0 0 22px rgba(255,200,0,0.45); }
.launch-badge--gold + .launch-note{ color:rgba(26,18,0,0.75)!important; }
.launch-badge--teal{ color:#04201c; background:linear-gradient(135deg,#ccfbf1,#10c2ad,#0d9488); border:1px solid rgba(16,194,173,0.5); box-shadow:0 0 22px rgba(16,194,173,0.4); }
.launch-badge--blue{ color:#031828; background:linear-gradient(135deg,#e0f2fe,#38bdf8,#0ea5e9); border:1px solid rgba(56,189,248,0.5); box-shadow:0 0 22px rgba(56,189,248,0.4); }
.launch-badge--purple{ color:#1a0533; background:linear-gradient(135deg,#f3e8ff,#c084fc,#9333ea); border:1px solid rgba(168,85,247,0.5); box-shadow:0 0 22px rgba(168,85,247,0.4); }
.launch-badge--green{ color:#1a2e05; background:linear-gradient(135deg,#ecfccb,#a3e635,#84cc16); border:1px solid rgba(132,204,22,0.5); box-shadow:0 0 22px rgba(132,204,22,0.4); }
.launch-note{ display:block; font-size:12px; font-weight:500; letter-spacing:0; text-transform:none; margin-top:8px; opacity:0.75; }

/* Shared two-tone section heading gradients */
.gt-gold{ background:linear-gradient(135deg,#ffffff 0%,#ffd700 45%,#0060d2 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.gt-teal{ background:linear-gradient(135deg,#ffffff 0%,#5eead4 45%,#0d9488 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.gt-blue{ background:linear-gradient(135deg,#ffffff 0%,#7dd3fc 45%,#0ea5e9 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.gt-purple{ background:linear-gradient(135deg,#ffffff 0%,#e9d5ff 45%,#a855f7 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.gt-green{ background:linear-gradient(135deg,#ffffff 0%,#d9f99d 45%,#84cc16 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.gt-gold-dark{ background:linear-gradient(135deg,#fff8dc 0%,#ffd700 45%,#0060d2 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* TASK-011: shared glassy lift-hover for cards (per-page accent via modifier) */
.glassy-lift{
  transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1),
    border-color .35s, outline-color .35s, filter .35s, background .35s;
}
.glassy-lift:hover{
  transform:translateY(-4px) scale(1.02);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
.glassy-lift--gold:hover{
  border-color:rgba(255,220,0,0.45)!important;
  outline-color:rgba(255,220,0,0.55)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.2), 0 12px 32px rgba(255,210,0,0.22), 0 0 24px rgba(255,220,0,0.15);
  filter:brightness(1.06);
}
.glassy-lift--teal:hover{
  border-color:rgba(16,194,173,0.5)!important;
  outline-color:rgba(16,194,173,0.55)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.15), 0 12px 32px rgba(16,194,173,0.22), 0 0 24px rgba(20,180,160,0.15);
  filter:brightness(1.06);
}
.glassy-lift--blue:hover{
  border-color:rgba(56,189,248,0.5)!important;
  outline-color:rgba(56,189,248,0.55)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.15), 0 12px 32px rgba(56,189,248,0.22), 0 0 24px rgba(14,165,233,0.15);
  filter:brightness(1.06);
}
.glassy-lift--purple:hover{
  border-color:rgba(168,85,247,0.55)!important;
  outline-color:rgba(168,85,247,0.6)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.15), 0 12px 32px rgba(168,85,247,0.25), 0 0 28px rgba(255,215,0,0.1);
  filter:brightness(1.08) saturate(1.06);
}
.glassy-lift--green:hover{
  border-color:rgba(132,204,22,0.55)!important;
  outline-color:rgba(163,230,53,0.6)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.15), 0 12px 32px rgba(132,204,22,0.22), 0 0 24px rgba(163,230,53,0.15);
  filter:brightness(1.06);
}
.glassy-lift--cream:hover{
  border-color:rgba(224,138,24,0.45)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.5), 0 12px 32px rgba(224,138,24,0.18), 0 0 20px rgba(255,215,0,0.12);
  filter:brightness(1.04);
}

@media(max-width:900px){
  .sn-mkt{ display:none; }
  .sn-ai{ display:none; }
  .sn-toolstore{ display:none; }
  /* Mobile burger: hidden title tabs (Self Marketing, Build AI, AI Tools & Store) */
  .sn-mob-tab{ display:block; width:100%; }
  .sn-mob-tab a{
    font-weight:700; letter-spacing:0.5px; text-transform:none;
    color:rgba(255,255,255,0.92)!important;
    background:rgba(255,255,255,0.04);
    border-radius:10px; margin-bottom:6px; padding:16px 14px!important;
  }
  .sn-mob-tab a:hover{ background:rgba(255,210,0,0.1); color:#ffd700!important; }
  .sn-mob-divider{
    list-style:none; height:1px; margin:12px 0 16px;
    background:rgba(255,255,255,0.1); border:none; padding:0;
  }
  .sn-web{ flex:0 0 auto; padding:0 18px; }
  .sn-web .sn-kick{ display:none; } .sn-web .sn-t{ font-size:14px; }
  .sn-burger{ display:flex; z-index:210; margin-left:auto; margin-right:14px; }
  .sn-row2{ padding:0; border-top:0; }
  .sn-links{ flex-direction:column; position:fixed; top:0; left:0; right:0; background:rgba(5,5,8,0.97);
    backdrop-filter:blur(24px); padding:100px 8% 48px; gap:0; transform:translateY(-100%);
    transition:transform .5s cubic-bezier(.16,1,.3,1); z-index:190; }
  .sn-links.open{ transform:translateY(0); }
  .sn-links li{ border-bottom:1px solid rgba(255,255,255,0.06); width:100%; }
  .sn-links a{ display:block; padding:18px 0; font-size:15px; } .sn-links a:hover{ transform:none; }
  .sn-cta{ display:none; }
  .sn-spacer{ height:70px; }
}

/* shared footer with legal links — added to every page by nav.js */
.sn-footer{ text-align:center; padding:30px 5% 34px; background:#070a12; border-top:1px solid rgba(255,255,255,0.07); font-family:'Inter',sans-serif; }
.sn-foot-links{ display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:wrap; }
.sn-foot-links a{ color:rgba(255,255,255,0.6); text-decoration:none; font-size:13px; letter-spacing:.5px; transition:color .2s; }
.sn-foot-links a:hover{ color:#ffd700; }
.sn-foot-links span{ color:rgba(255,255,255,0.25); font-size:12px; }
.sn-foot-copy{ margin-top:12px; color:rgba(255,255,255,0.32); font-size:11.5px; letter-spacing:.5px; }
/* light footer for the cream About page */
.sn-theme-about .sn-footer{ background:#efe7d8; border-top:1px solid rgba(0,0,0,0.08); }
.sn-theme-about .sn-foot-links a{ color:#5d5851; }
.sn-theme-about .sn-foot-links a:hover{ color:#e08a18; }
.sn-theme-about .sn-foot-links span{ color:rgba(0,0,0,0.25); }
.sn-theme-about .sn-foot-copy{ color:rgba(0,0,0,0.4); }

/* TASK-012: unified primary CTA buttons — same size/padding/radius on every page */
.btn-start,.btn-primary,.btn-teal,.btn-outline,
a.btn-start,a.btn-primary,a.btn-teal,a.btn-outline,
.btn.btn-teal{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 32px; min-height:44px; border-radius:999px;
  text-decoration:none; font-family:'Outfit',sans-serif;
  font-size:15px; font-weight:700; letter-spacing:.3px; line-height:1.2;
  border:1px solid transparent; cursor:pointer; box-sizing:border-box;
  transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s, filter .3s, background .3s, border-color .3s, color .3s;
}
.btn-start:hover,.btn-primary:hover,.btn-teal:hover,.btn-outline:hover,
.btn.btn-teal:hover{ transform:translateY(-3px); }
.btn-start{
  color:#fff;
  background:linear-gradient(135deg,rgba(255,210,0,0.55),rgba(0,60,210,0.5));
  border-color:rgba(255,220,0,0.45);
  box-shadow:0 0 32px rgba(255,210,0,0.22);
}
.btn-start:hover{ box-shadow:0 0 48px rgba(255,210,0,0.4), 0 12px 28px rgba(0,0,0,0.35); }
.sn-theme-about .btn-start{
  color:#1a1200;
  background:linear-gradient(135deg,#fff8dc,#ffd700,#ffb800);
  border-color:rgba(255,220,0,0.5);
  box-shadow:0 8px 24px rgba(255,215,0,0.35);
}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,#38bdf8,#0ea5e9,#0369a1);
  box-shadow:0 0 32px rgba(14,165,233,0.45), 0 4px 14px rgba(0,0,0,0.35);
}
.btn-primary:hover{ filter:brightness(1.08); box-shadow:0 0 44px rgba(14,165,233,0.6), 0 8px 22px rgba(0,0,0,0.45); }
.btn-teal,.btn.btn-teal{
  color:#04201c;
  background:linear-gradient(135deg,#5ff0dd,#10c2ad,#0d9488);
  box-shadow:0 0 20px rgba(16,194,173,0.4);
}
.btn-teal:hover,.btn.btn-teal:hover{ filter:brightness(1.06); }
.btn-outline{
  color:#fff;
  background:transparent;
  border-color:rgba(255,210,0,0.3);
  font-weight:600;
}
.btn-outline:hover{
  background:rgba(255,210,0,0.08);
  border-color:#ffd700;
  color:#ffd700;
}

@media(min-width:901px){
  .sn-mob-tab,.sn-mob-divider{ display:none; }
}