/* Shared site nav — identical on every page (subpages) */
.site-nav{
  position:fixed; top:0; left:0; right:0; z-index:9999;
  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:56px; position:relative; align-items:stretch; overflow:visible; }

/* 5 title panels only — offer tab + burger excluded from flex width (TASK-024/025) */
.sn-split > a:not(.sn-offer-tab){
  flex:1 1 0; min-width:0; min-height:56px;
  display:flex; align-items:center; justify-content:center;
  padding:8px 10px; text-decoration:none; position:relative; overflow:visible;
  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 1px rgba(255,255,255,0.3), 0 0 30px rgba(255,220,0,0.28);
  border-right:1px solid rgba(255,255,255,0.12);
  animation:snGlassShift 10s ease-in-out infinite;
}
/* Logo in menu row — flex on desktop, fixed left on mobile burger layout */
.sn-menu-logo{
  position:relative; left:auto; top:auto; transform:none;
  flex:0 0 auto; margin-right:10px;
  display:flex; align-items:center; justify-content:center;
  padding:4px 8px; border-radius:10px; text-decoration:none;
  transition:filter .25s; z-index:210; pointer-events:auto;
}
.sn-menu-logo:hover{ filter:brightness(1.08); }
.sn-menu-logo:hover .sn-tab-logo{ filter:drop-shadow(0 0 12px rgba(255,220,0,0.65)); }
.sn-tab-logo{
  width:36px; height:auto; opacity:0.98;
  filter:drop-shadow(0 0 6px rgba(255,200,0,0.45));
  animation:snLogoFlip 7s ease-in-out infinite;
  transform-style:preserve-3d;
  backface-visibility:visible;
}
.sn-theme-about .sn-tab-logo{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35)) drop-shadow(0 0 10px rgba(255,200,0,0.55));
}
.sn-theme-webpro .sn-tab-logo{
  filter:brightness(1.1) drop-shadow(0 0 10px rgba(255,210,0,0.7)) drop-shadow(0 0 16px rgba(255,255,255,0.32)) drop-shadow(0 1px 3px rgba(0,0,0,0.4));
}
.sn-theme-selfmkt .sn-tab-logo{
  filter:brightness(1.12) drop-shadow(0 0 10px rgba(16,194,173,0.65)) drop-shadow(0 0 18px rgba(255,255,255,0.35)) drop-shadow(0 1px 2px rgba(0,0,0,0.35));
}
.sn-theme-buildai .sn-tab-logo{
  filter:brightness(1.1) drop-shadow(0 0 10px rgba(168,85,247,0.65)) drop-shadow(0 0 16px rgba(255,255,255,0.3)) drop-shadow(0 1px 2px rgba(0,0,0,0.35));
}
.sn-theme-checkout .sn-tab-logo{
  filter:drop-shadow(0 0 8px rgba(255,210,0,0.6)) drop-shadow(0 1px 2px rgba(0,0,0,0.4));
}
.sn-theme-toolstore .sn-tab-logo{
  filter:drop-shadow(0 0 8px rgba(90,154,110,0.55)) drop-shadow(0 1px 2px rgba(0,0,0,0.35));
}
.sn-theme-pricing .sn-tab-logo{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35)) drop-shadow(0 0 10px rgba(255,200,0,0.55));
}
.sn-tab-logo--scroll{ animation:none!important; }
@keyframes snLogoGlowPulse{
  0%,100%{ filter:drop-shadow(0 0 6px rgba(255,255,255,0.35)) drop-shadow(0 0 10px rgba(16,194,173,0.25)); }
  50%{ filter:drop-shadow(0 0 18px rgba(255,255,255,0.85)) drop-shadow(0 0 28px rgba(16,194,173,0.55)); }
}
@keyframes snLogoFlip{
  0%,100%{ transform:perspective(520px) rotateY(0deg) scale(1); opacity:0.9; }
  25%{ transform:perspective(520px) rotateY(0deg) scale(1.03); opacity:1; filter:drop-shadow(0 0 12px rgba(255,220,0,0.65)); }
  50%{ transform:perspective(520px) rotateY(180deg) scale(1.02); opacity:1; }
  75%{ transform:perspective(520px) rotateY(180deg) scale(1.03); }
}
@media (prefers-reduced-motion: reduce){
  .sn-tab-logo{ animation:none; }
}
.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);
}
/* Digital Marketing title — dark base + white shimmer through text */
.sn-brand .sn-t{
  background:linear-gradient(105deg,#2a2e34 0%,#565b63 38%,#2a2e34 52%,#1a1d22 100%);
  background-size:220% 100%;
  animation:snTitleShimmer 3.6s ease-in-out infinite;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,0.25));
}
@keyframes snTitleShimmer{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }
@keyframes snTextShift{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }
@supports not (-webkit-background-clip:text){
  .sn-brand .sn-t{ color:#2a2e34; background:none; filter:none; animation:none; }
}
.sn-brand .sn-kick{ display: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(105deg,rgba(255,255,255,0.82) 0%,#ffffff 38%,rgba(255,255,255,0.55) 52%,#e0f2fe 100%);
  background-size:220% 100%;
  animation:snTitleShimmer 3.6s ease-in-out infinite;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,0.35));
}
@supports not (-webkit-background-clip:text){
  .sn-web .sn-t{ color:#e0f2fe; background:none; filter:none; }
}
.sn-mkt .sn-t{
  background:linear-gradient(105deg,rgba(255,255,255,0.82) 0%,#ffffff 38%,rgba(255,255,255,0.55) 52%,#99f6e4 100%);
  background-size:220% 100%;
  animation:snTitleShimmer 3.6s ease-in-out infinite;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,0.35));
}
@supports not (-webkit-background-clip:text){
  .sn-mkt .sn-t{ color:#ccfbf1; background:none; filter:none; }
}
.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(105deg,rgba(255,255,255,0.82) 0%,#ffffff 38%,rgba(255,255,255,0.55) 52%,#ddd6fe 100%);
  background-size:220% 100%;
  animation:snTitleShimmer 3.6s ease-in-out infinite;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,0.35));
}
@supports not (-webkit-background-clip:text){
  .sn-ai .sn-t{ color:#f3e8ff; background:none; filter:none; }
}
.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.22) 0%,rgba(107,144,128,0.78) 42%,rgba(90,154,110,0.82) 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(90,154,110,0.45);
  border-left:1px solid rgba(255,255,255,0.18);
}
.sn-toolstore .sn-t{
  background:linear-gradient(105deg,rgba(255,255,255,0.82) 0%,#ffffff 38%,rgba(255,255,255,0.55) 52%,#a8d5b5 100%);
  background-size:220% 100%;
  animation:snTitleShimmer 3.6s ease-in-out infinite;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,0.35));
}
@supports not (-webkit-background-clip:text){
  .sn-toolstore .sn-t{ color:#ecfdf3; background:none; filter:none; animation:none; }
}
.sn-toolstore:hover{
  filter:brightness(1.1);
  box-shadow:inset 0 1px 3px rgba(255,255,255,0.45), 0 8px 28px rgba(90,154,110,0.35), 0 0 56px rgba(107,144,128,0.55);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.sn-toolstore .sn-kick{ display:none; }
.sn-toolstore.sn-active{ filter:brightness(1.14); box-shadow:inset 0 1px 2px rgba(210,235,215,0.9), 0 0 70px rgba(90,154,110,0.65); border-bottom:3px solid rgba(90,154,110,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%; overflow:visible; }
.sn-t{
  font-family:'Outfit',sans-serif; font-size:clamp(11px,1.05vw,15px); font-weight:800; letter-spacing:-0.2px;
  line-height:1.2; white-space:normal; text-align:center; overflow:visible;
}
.sn-web .sn-t,.sn-toolstore .sn-t{
  font-size:clamp(10px,0.92vw,13px); line-height:1.25; letter-spacing:-0.3px;
}
.sn-kick{ display:none !important; }
.sn-web .sn-kick{ display:none; }
.sn-mkt .sn-kick{ display:none; }
.sn-ai .sn-kick{ display:none; }
@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{
  position:relative;
  display:flex; align-items:center; flex-wrap:wrap; width:100%;
  padding:8px 130px 8px 3%; background:rgba(20,24,36,0.7); border-top:1px solid rgba(255,255,255,0.06);
  min-height:44px; overflow:visible;
}
/* Logo left, links truly centered, Early Access absolute right (TASK-027) */
.sn-menu-logo{ z-index:212; }
.sn-links{
  position:absolute; left:50%; transform:translateX(-50%);
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  row-gap:4px; gap:16px; list-style:none; margin:0; padding:4px 0;
  max-width:min(680px, calc(100% - 240px)); z-index:218;
  pointer-events:auto;
}
.sn-lang{ display:none !important; }

/* per-page bottom bar shades */
.sn-theme-about .sn-row2{ background:rgba(20,24,36,0.7); border-top:1px solid rgba(255,255,255,0.06); }
.sn-theme-about .sn-links a{ color:rgba(255,255,255,0.72); } .sn-theme-about .sn-links a:hover{ color:#e08a18; }
.sn-theme-about .sn-links a.active{ color:#e08a18; }
.sn-theme-about .sn-cta{ color:#fff; border-color:rgba(255,255,255,0.25); }
.sn-theme-about .sn-cta:hover{ background:rgba(255,255,255,0.08); border-color:#fff; }
.sn-theme-selfmkt .sn-row2{
  background:linear-gradient(90deg,#010807,#041210 40%,#031816);
  border-top:1px solid rgba(16,194,173,0.22);
  box-shadow:inset 0 1px 0 rgba(16,194,173,0.08);
}
.sn-theme-selfmkt .sn-links a{ color:rgba(200,255,248,0.5); font-size:10px; letter-spacing:1.2px; }
.sn-theme-selfmkt .sn-links a:hover{ color:#5ff0dd; text-shadow:0 0 14px rgba(16,194,173,0.55); background:rgba(16,194,173,0.1); }
.sn-theme-selfmkt .sn-links a.active{ color:#5ff0dd; text-shadow:0 0 12px rgba(16,194,173,0.45); }
/* selfmkt override removed — uses base nav (works like webpro) */
.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 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 — compact title bar + menu row */
.sn-spacer{ height:108px; }

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

/* Early Access badge — menu-row only, bottom-right (TASK-030) */
.sn-row2 .sn-offer-tab{
  flex:none !important;
  position:absolute; right:18px; top:auto; bottom:8px; z-index:220;
  transform:none;
  padding:6px 13px; border-radius:999px; text-decoration:none;
  font-family:'Outfit',sans-serif; font-size:10px; 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, filter .25s;
  pointer-events:auto; white-space:nowrap;
}
.sn-offer-tab{
  flex:none !important;
  position:absolute; right:18px; top:auto; bottom:8px; z-index:220;
  transform:none;
  padding:6px 13px; border-radius:999px; text-decoration:none;
  font-family:'Outfit',sans-serif; font-size:10px; 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, filter .25s;
  pointer-events:auto; white-space:nowrap;
}
.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:#1a2e24;
  background:linear-gradient(135deg,#e8f0ea,#8fb89a,#5a9a6e);
  border-color:rgba(90,154,110,0.55);
  box-shadow:0 0 20px rgba(90,154,110,0.4), 0 4px 16px rgba(0,0,0,0.35);
}
.sn-row2 .sn-offer-tab:hover{ transform:scale(1.04); filter:brightness(1.1); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.sn-offer-tab:hover{ transform:scale(1.04); 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){
  /* Badge stays on menu row — bottom-right, no title overlap */
  .sn-offer-tab, .sn-row2 .sn-offer-tab{
    font-size:9px; padding:5px 10px; letter-spacing:0.6px;
    right:12px; top:auto; bottom:8px; transform:none;
  }
  .sn-menu-logo{
    position:absolute; left:14px; top:28px; transform:translateY(-50%);
    margin-right:0; z-index:211;
  }
}

/* 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:#1a2e24; background:linear-gradient(135deg,#e8f0ea,#8fb89a,#5a9a6e); border:1px solid rgba(90,154,110,0.5); box-shadow:0 0 22px rgba(90,154,110,0.35); }
.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%,#b8d4c4 45%,#5a9a6e 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(90,154,110,0.55)!important;
  outline-color:rgba(107,144,128,0.6)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.15), 0 12px 32px rgba(90,154,110,0.22), 0 0 24px rgba(107,144,128,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; }
  .sn-boost{ display:none; }
  .sn-builder{ display:none; }
  /* Mobile burger: hidden title tabs (Self Marketing, Build AI, AI Tools & Store, Boost, Builder Profile) */
  .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 90px 0 0; border-top:0; min-height:36px; position:relative; }
  .sn-links{
    position:fixed; top:0; left:0; right:0; max-width:none;
    flex-direction:column; 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{
  position:relative; display:grid; grid-template-columns:auto 1fr; align-items:center;
  text-align:center; padding:24px 5% 30px; background:#070a12; border-top:1px solid rgba(255,255,255,0.07); font-family:'Inter',sans-serif;
}
/* footer logo — left, vertically centered, same size as Digital Marketing footer */
.sn-foot-brand{
  position:static; transform:none; display:inline-flex; align-items:center;
  justify-self:start; opacity:.85; transition:opacity .2s; z-index:2;
}
.sn-foot-brand img{ height:clamp(28px,4vw,42px); width:auto; }
.sn-foot-brand:hover{ opacity:1; }
@media (max-width:768px){
  .sn-footer{ grid-template-columns:1fr; gap:14px; }
  .sn-foot-brand{ justify-self:center; }
}
.sn-foot-links{ grid-column:1 / -1; justify-self:center; display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:wrap; padding:0 clamp(72px,10vw,120px); }
.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{ grid-column:1 / -1; margin-top:8px; 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; }
  .sn-burger{ display:none !important; }
}

/* Site-wide cursor glow — color follows active tab (set in nav.js) */
#cg{
  pointer-events:none; position:fixed; width:84px; height:84px; border-radius:50%;
  background:radial-gradient(circle, var(--cursor-glow, rgba(255,210,0,0.14)), transparent 70%);
  transform:translate(-50%,-50%); transition:left .08s, top .08s, background .4s;
  z-index:9999; mix-blend-mode:screen;
}

/* Smooth page enter after title-tab click */
body.sn-tab-enter main,
body.sn-tab-enter .page,
body.sn-tab-enter #studio-zone,
body.sn-tab-enter .page-zone{
  animation:snPageIn .45s cubic-bezier(.16,1,.3,1);
}
@keyframes snPageIn{
  from{ opacity:.88; transform:translateY(8px); }
  to{ opacity:1; transform:none; }
}

/* Footer logo-only (no duplicate text) */
.footer-brand .footer-title,
.footer-brand .footer-sub{ display:none !important; }
.footer-brand img{ height:clamp(28px,4vw,42px)!important; width:auto!important; margin:0!important; display:block!important; }

/* WhatsApp smart Q&A widget */
#geetai-chat-root{ position:fixed; bottom:88px; right:22px; z-index:9980; font-family:'Inter',sans-serif; }
.gc-fab{
  width:56px; height:56px; border-radius:50%; border:none; cursor:pointer;
  background:linear-gradient(135deg,#25D366,#128C7E); color:#fff;
  box-shadow:0 6px 24px rgba(37,211,102,0.45); display:flex; align-items:center; justify-content:center;
  transition:transform .25s, box-shadow .25s;
}
.gc-fab svg{ width:28px; height:28px; fill:#fff; }
.gc-fab:hover{ transform:scale(1.06); box-shadow:0 8px 28px rgba(37,211,102,0.55); }
.gc-fab--open{ transform:scale(0.94); }
.gc-panel{
  position:absolute; bottom:68px; right:0; width:min(300px, calc(100vw - 40px));
  padding:18px 16px 14px; border-radius:18px;
  background:rgba(12,16,28,0.96); border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 16px 48px rgba(0,0,0,0.45); backdrop-filter:blur(16px);
}
.gc-close{
  position:absolute; top:10px; right:12px; border:none; background:none;
  color:rgba(255,255,255,0.45); font-size:16px; cursor:pointer;
}
.gc-q{ font-size:14px; font-weight:600; color:#fff; line-height:1.45; margin:0 28px 14px 4px; }
.gc-opts{ display:flex; flex-direction:column; gap:8px; }
.gc-opt{
  padding:11px 14px; border-radius:12px; border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.05); color:#fff; font-size:13px; font-weight:600;
  text-align:left; cursor:pointer; transition:background .2s, border-color .2s, transform .2s;
}
.gc-opt:hover{ background:rgba(37,211,102,0.15); border-color:rgba(37,211,102,0.45); transform:translateY(-2px); }
.gc-direct{
  display:block; margin-top:12px; font-size:11px; color:rgba(255,255,255,0.45);
  text-decoration:none; text-align:center;
}
.gc-direct:hover{ color:#25D366; }
@media(max-width:900px){ #geetai-chat-root{ bottom:72px; right:14px; } .gc-fab{ width:50px; height:50px; } }

/* ── Boost tab (🚀) ── */
.sn-boost{
  color:#fff7ed;
  background:linear-gradient(135deg,rgba(255,255,255,0.22) 0%,rgba(251,146,60,0.78) 42%,rgba(234,88,12,0.82) 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(251,146,60,0.45);
  border-left:1px solid rgba(255,255,255,0.18);
}
.sn-boost .sn-t{
  background:linear-gradient(105deg,rgba(255,255,255,0.82) 0%,#ffffff 38%,rgba(255,255,255,0.55) 52%,#fed7aa 100%);
  background-size:220% 100%;
  animation:snTitleShimmer 3.6s ease-in-out infinite;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,0.35));
}
@supports not (-webkit-background-clip:text){
  .sn-boost .sn-t{ color:#ffedd5; background:none; filter:none; animation:none; }
}
.sn-boost:hover{
  filter:brightness(1.1);
  box-shadow:inset 0 1px 3px rgba(255,255,255,0.45), 0 8px 28px rgba(251,146,60,0.35), 0 0 56px rgba(234,88,12,0.55);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.sn-boost.sn-active{ filter:brightness(1.14); box-shadow:inset 0 1px 2px rgba(255,237,213,0.9), 0 0 70px rgba(251,146,60,0.65); border-bottom:3px solid rgba(251,146,60,1); }
.sn-boost .sn-kick{ display:none; }

/* ── Builder tab (🏗️) ── */
.sn-builder{
  color:#f1f5f9;
  background:linear-gradient(135deg,rgba(255,255,255,0.20) 0%,rgba(148,163,184,0.72) 42%,rgba(100,116,139,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(148,163,184,0.35);
  border-left:1px solid rgba(255,255,255,0.18);
}
.sn-builder .sn-t{
  background:linear-gradient(105deg,rgba(255,255,255,0.82) 0%,#ffffff 38%,rgba(255,255,255,0.55) 52%,#cbd5e1 100%);
  background-size:220% 100%;
  animation:snTitleShimmer 3.6s ease-in-out infinite;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,0.35));
}
@supports not (-webkit-background-clip:text){
  .sn-builder .sn-t{ color:#e2e8f0; background:none; filter:none; animation:none; }
}
.sn-builder:hover{
  filter:brightness(1.1);
  box-shadow:inset 0 1px 3px rgba(255,255,255,0.45), 0 8px 28px rgba(148,163,184,0.35), 0 0 56px rgba(100,116,139,0.45);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
}
.sn-builder.sn-active{ filter:brightness(1.14); box-shadow:inset 0 1px 2px rgba(241,245,249,0.9), 0 0 70px rgba(148,163,184,0.55); border-bottom:3px solid rgba(148,163,184,1); }
.sn-builder .sn-kick{ display:none; }

/* ── Boost + Builder logo filters ── */
.sn-theme-boost .sn-tab-logo{
  filter:drop-shadow(0 0 8px rgba(251,146,60,0.55)) drop-shadow(0 1px 2px rgba(0,0,0,0.35));
}
.sn-theme-builder .sn-tab-logo{
  filter:drop-shadow(0 0 8px rgba(148,163,184,0.55)) drop-shadow(0 1px 2px rgba(0,0,0,0.35));
}

/* ── Boost theme row2 + links ── */
.sn-theme-boost .sn-row2{
  background:linear-gradient(90deg,#1c0f06,#2a1409);
  border-top:1px solid rgba(251,146,60,0.18);
  box-shadow:inset 0 1px 0 rgba(251,146,60,0.08);
}
.sn-theme-boost .sn-links a{ color:rgba(255,237,213,0.5); }
.sn-theme-boost .sn-links a:hover{ color:#fb923c; text-shadow:0 0 14px rgba(251,146,60,0.45); background:rgba(251,146,60,0.1); }
.sn-theme-boost .sn-links a.active{ color:#fb923c; text-shadow:0 0 12px rgba(251,146,60,0.35); }

/* ── Builder theme row2 + links ── */
.sn-theme-builder .sn-row2{
  background:linear-gradient(90deg,#0f1117,#1a1e28);
  border-top:1px solid rgba(148,163,184,0.15);
  box-shadow:inset 0 1px 0 rgba(148,163,184,0.06);
}
.sn-theme-builder .sn-links a{ color:rgba(241,245,249,0.5); }
.sn-theme-builder .sn-links a:hover{ color:#94a3b8; text-shadow:0 0 14px rgba(148,163,184,0.45); background:rgba(148,163,184,0.1); }
.sn-theme-builder .sn-links a.active{ color:#94a3b8; text-shadow:0 0 12px rgba(148,163,184,0.35); }

/* ── Offer tab colors for boost (amber) and builder (slate) ── */
.sn-offer-tab--amber{
  color:#1a0f06;
  background:linear-gradient(135deg,#ffedd5,#fb923c,#ea580c);
  border-color:rgba(251,146,60,0.55);
  box-shadow:0 0 20px rgba(251,146,60,0.45), 0 4px 16px rgba(0,0,0,0.35);
}
.sn-offer-tab--slate{
  color:#0f1117;
  background:linear-gradient(135deg,#e2e8f0,#94a3b8,#64748b);
  border-color:rgba(148,163,184,0.55);
  box-shadow:0 0 20px rgba(148,163,184,0.35), 0 4px 16px rgba(0,0,0,0.35);
}

/* ── Section heading gradients ── */
.gt-amber{ background:linear-gradient(135deg,#ffffff 0%,#fb923c 45%,#ea580c 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.gt-slate{ background:linear-gradient(135deg,#ffffff 0%,#94a3b8 45%,#64748b 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ── Glassy lift ── */
.glassy-lift--amber:hover{
  border-color:rgba(251,146,60,0.55)!important;
  outline-color:rgba(251,146,60,0.6)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.15), 0 12px 32px rgba(251,146,60,0.25), 0 0 28px rgba(234,88,12,0.15);
  filter:brightness(1.06);
}
.glassy-lift--slate:hover{
  border-color:rgba(148,163,184,0.5)!important;
  outline-color:rgba(148,163,184,0.55)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,0.12), 0 12px 32px rgba(148,163,184,0.2), 0 0 24px rgba(100,116,139,0.12);
  filter:brightness(1.04);
}