:root{
  --bg: #ffffff;
  --cyan: #007BFF;
  --emerald: #28a745;
  --gray: #6c757d;
  --card: rgba(0, 0, 0, 0.04);
  color: #000;
}

:root[data-theme="light"] {
  --bg: #FFFFFF;
  --cyan: #1E40AF;
  --emerald: #0D9488;
  --gray: #64748B;
  --card: rgba(226, 232, 240, 0.5);
  color: #1F2937;
}

:root[data-theme="dark"] {
  --bg: #0A0E1A;
  --cyan: #007BFF;
  --emerald: #28a745;
  --gray: #ffffff;
  --card: rgba(255, 255, 255, 0.04);
  color: #ffffff;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--gray);overflow-x:hidden;cursor:none}

/* Base responsive text properties */
body, button, input, textarea, select {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Prevent overflow and ensure responsive text */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* Global link styles: make links gray, remove underline, keep page font */
a, a:link, a:visited{-decoration:none!important;font-family:inherit}
a:hover, a:focus, a:active{color:var(--gray)!important;text-decoration:none!important}

/* Override: make nav and footer hovers cyan (higher specificity to beat global rule) */
nav a:hover, .nav-links a:hover, .nav-cta:hover, footer a:hover, .foot-links a:hover, .foot-contact a:hover { 
  color:var(--cyan)!important;
  text-decoration:none!important;
}

/* SCI-FI CURSOR — hide system cursor, show custom pointer on desktop */
@media (min-width: 1025px) {
  *{cursor:none!important}
}
#cur{position:fixed;width:5px;height:5px;background:var(--cyan);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 10px 3px rgba(0,242,255,.55),0 0 3px rgba(0,242,255,1);transition:width .15s,height .15s}
#cur-ring{position:fixed;width:30px;height:30px;border:1.5px solid rgba(0,242,255,.7);border-radius:3px;pointer-events:none;z-index:9998;transform:translate(-50%,-50%) rotate(45deg);transition:width .2s,height .2s;animation:curRingSpin 7s linear infinite}
#cur-ring::before,#cur-ring::after{content:'';position:absolute;border-style:solid;border-color:rgba(0,242,255,.95)}
#cur-ring::before{top:-5px;left:-5px;width:8px;height:8px;border-width:1.5px 0 0 1.5px}
#cur-ring::after{bottom:-5px;right:-5px;width:8px;height:8px;border-width:0 1.5px 1.5px 0}
@keyframes curRingSpin{from{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}

/* Hide cursor on mobile & tablet */
@media (max-width: 1024px) {
  *{cursor:none!important}
  #cur, #cur-ring { display: none !important; }
}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 48px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:none;background:transparent;border-bottom:1px solid transparent;transition:background .45s ease,backdrop-filter .45s ease,border-color .45s ease,padding .3s ease}
nav.nav--scrolled{backdrop-filter:blur(22px);background:rgba(10,14,26,.88);border-bottom-color:rgba(0,242,255,.1)}
[data-theme="light"] nav.nav--scrolled{background:rgba(240,245,255,.94);border-bottom-color:rgba(0,112,204,.14);box-shadow:0 2px 20px rgba(0,0,0,.06)}
.logo{font-size:22px;font-weight:800;letter-spacing:-.5px;border:none!important;border-bottom:none!important;text-decoration:none!important;}
.logo a{border:none!important;border-bottom:none!important;text-decoration:none!important;outline:none!important}
.logo span{color:var(--cyan)}
.nav-burger{display:none;background:none;border:none!important;outline:none!important;color:#fff;font-size:24px;cursor:pointer;padding:8px;z-index:1001;flex-direction:column;gap:5px;transition:all .3s;box-shadow:none!important}
.nav-burger:hover{color:var(--cyan)}
.nav-burger.active .burger-line:nth-child(1){transform:rotate(45deg) translateY(14px)}
.nav-burger.active .burger-line:nth-child(2){opacity:0}
.nav-burger.active .burger-line:nth-child(3){transform:rotate(-45deg) translateY(-14px)}
.burger-line{display:block;width:24px;height:2px;background:currentColor;border-radius:1px;transition:all .3s}
.nav-links{display:flex;gap:8px;list-style:none;align-items:center;flex-wrap:wrap}
/* ─── NAV LINKS = PILL BUTTONS (mirrors footer style) ──────────── */
.nav-links a{
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;text-decoration:none;
  font-size:13px;font-weight:600;letter-spacing:.3px;white-space:nowrap;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
  padding:7px 16px;border-radius:100px;
  transition:all .3s ease
}
.nav-links a:hover{
  background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45);
  transform:translateY(-2px);
  color:#fff
}
.nav-cta{background:linear-gradient(135deg,var(--cyan),#0056b3);color:#fff!important;padding:9px 22px;border-radius:100px;font-weight:700!important;transition:all .25s!important}
.nav-cta:hover{box-shadow:0 0 28px rgba(0,242,255,.4);transform:scale(1.05)}
[data-theme="light"] .nav-cta{color:#212121!important}

/* HERO */
#hero{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding-left:48px}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%}
.hero-content{position:relative;z-index:10;text-align:left;max-width:920px;padding:0;pointer-events:none}
.hero-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:28px;opacity:0;animation:fup 1s .4s forwards}
.hero-title{font-size:clamp(44px,5.5vw,90px);font-weight:900;line-height:1.05;letter-spacing:-2px;margin-bottom:24px;opacity:0;animation:fup 1s .7s forwards}
.hero-title .chaos{color:var(--gray);font-weight:900;display:block;margin-bottom:8px}
.hero-title .order{background:linear-gradient(135deg,var(--cyan),#00A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;display:block}
.hero-sub{font-size:18px;color:var(--gray);margin-bottom:48px;line-height:1.6;opacity:0;animation:fup 1s 1s forwards}
.hero-explore{font-size:10px;letter-spacing:3px;color:var(--gray);text-transform:uppercase;margin-bottom:48px;margin-top:-40px;opacity:0;animation:fup 1s 1.2s forwards;pointer-events:auto;display:block}
.hero-btns{display:flex;gap:16px;justify-content:flex-start;opacity:0;animation:fup 1s 1.3s forwards;pointer-events:all}
.btn-p{background:linear-gradient(135deg,var(--cyan),#0080FF);color:#fff;font-family:'Inter',sans-serif;font-size:16px;font-weight:700;padding:15px 38px;border:none;border-radius:100px;cursor:none;transition:all .3s;text-shadow:0 1px 4px rgba(0,0,0,.25)}
.btn-p:hover{transform:scale(1.05);box-shadow:0 0 40px rgba(0,242,255,.4)}
.btn-s{background:rgba(255,255,255,.07);backdrop-filter:blur(10px);color:#fff;font-family:'Inter',sans-serif;font-size:16px;font-weight:600;padding:15px 38px;border:1px solid rgba(255,255,255,.14);border-radius:100px;cursor:none;transition:all .3s}
.btn-s:hover{border-color:rgba(0,242,255,.3);background:rgba(255,255,255,.1)}
.scroll-ind{display:none;position:absolute;bottom:36px;left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fin 1s 1.8s forwards}
.scroll-ind span{font-size:10px;letter-spacing:3px;color:var(--gray);text-transform:uppercase}
.scroll-line{width:1px;height:56px;background:linear-gradient(to bottom,rgba(0,242,255,.9),transparent);animation:spulse 2s ease-in-out infinite}

/* HERO BADGE */
.hero-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--emerald);background:rgba(0,255,65,.08);border:1px solid rgba(0,255,65,.25);padding:6px 16px;border-radius:100px;margin-bottom:16px;opacity:0;animation:fup 1s .2s forwards}
.stat-special{font-size:44px;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,var(--cyan),var(--gray));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* STATS */
.stats-bar{display:flex;justify-content:center;gap:60px;padding:40px 48px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.stat-n{font-size:44px;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,#fff,var(--gray));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-l{font-size:13px;color:var(--gray);margin-top:4px}

/* PAIN POINTS */
#pain{padding:100px 48px;position:relative}
.pain-wrap{max-width:1160px;margin:0 auto}
.pain-hdr{text-align:center;margin-bottom:56px}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}
.pain-card{background:rgba(255,80,80,.04);border:1px solid rgba(255,80,80,.15);border-radius:20px;padding:28px;transition:all .3s}
.pain-card:hover{background:rgba(255,80,80,.08);border-color:rgba(255,80,80,.3);transform:translateY(-4px)}
.pain-icon{font-size:32px;margin-bottom:14px}
.pain-title{font-size:16px;font-weight:700;margin-bottom:8px}
.pain-desc{font-size:13px;color:var(--gray);line-height:1.6}
.pain-bottom{display:flex;align-items:center;gap:60px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:48px}
.pain-stat-block{flex-shrink:0;text-align:center;min-width:180px}
.pain-big-num{font-size:100px;font-weight:900;letter-spacing:-5px;background:linear-gradient(135deg,#FF6060,#FF9060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.pain-big-label{font-size:14px;color:var(--gray);line-height:1.6;margin-top:8px}
.pain-chart{flex:1;display:flex;flex-direction:column;gap:18px}
.chart-item{display:flex;flex-direction:column;gap:6px}
.chart-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--gray)}
.chart-meta strong{color:var(--cyan);font-weight:700}
.chart-bar-wrap{height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden}
.chart-bar{height:100%;background:linear-gradient(90deg,var(--cyan),#0080FF);border-radius:4px;width:0;transition:width 1.6s cubic-bezier(.34,1.1,.64,1)}

/* COMPARISON TABLE */
#comparison{padding:100px 48px}
.comp-wrap{max-width:860px;margin:0 auto}
.comp-hdr{text-align:center;margin-bottom:56px}
.comp-table{border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden}
.comp-head-row,.comp-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center}
.comp-head-row{background:rgba(0,242,255,.05);border-bottom:1px solid rgba(255,255,255,.08);padding:18px 28px;gap:8px}
.comp-row{padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s;gap:8px}
.comp-row:last-child{border-bottom:none}
.comp-row:hover{background:rgba(255,255,255,.03)}
.comp-head-feature{font-size:11px;color:var(--gray);letter-spacing:1px;text-transform:uppercase}
.comp-head-synapse{font-size:15px;font-weight:800;color:var(--cyan);text-align:center}
.comp-head-other{font-size:12px;color:var(--gray);text-align:center}
.comp-feature{font-size:14px}
.comp-feature strong{display:block;font-weight:600;margin-bottom:3px}
.comp-desc{font-size:12px;color:var(--gray);line-height:1.4}
.comp-col{text-align:center;font-size:18px}
.comp-col.synapse{font-size:20px}

/* PILOT BADGE & CARD */
.test-card--pilot{border-color:rgba(0,242,255,.2)!important;background:rgba(0,242,255,.04)!important}
.pilot-badge{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--cyan);margin-bottom:14px;opacity:.8}

/* FOOTER CONTACT */
.foot-contact{margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.foot-contact a{font-size:12px;color:#ffffff;text-decoration:none;transition:opacity .2s}
.foot-contact a:hover{opacity:.7}
.foot-contact span{font-size:12px;color:var(--gray)}

/* STORY */
#story{padding:120px 0;background:linear-gradient(180deg,var(--bg) 0%,#060810 60%,var(--bg) 100%);overflow:hidden}
.sec-label{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}
.sec-title{font-size:clamp(34px,4vw,62px);font-weight:800;letter-spacing:-1.5px;line-height:1.1}
.story-hdr{text-align:center;margin-bottom:90px;padding:0 24px}
.story-track{max-width:960px;margin:0 auto;padding:0 48px}
.milestone{display:flex;align-items:center;gap:56px;margin-bottom:110px;opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.34,1.56,.64,1),transform .9s cubic-bezier(.34,1.56,.64,1)}
.milestone.vis{opacity:1;transform:translateY(0)}
.milestone:nth-child(even){flex-direction:row-reverse}
.m-content{flex:1;background:rgba(0,242,255,.03);border:1px solid rgba(0,242,255,.1);border-radius:22px;padding:36px;transition:all .3s}
.m-content:hover{background:rgba(0,242,255,.06);border-color:rgba(0,242,255,.25);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,242,255,.09)}
.m-num{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--cyan);margin-bottom:12px}
.m-title{font-size:24px;font-weight:700;margin-bottom:12px}
.m-desc{font-size:15px;color:var(--gray);line-height:1.75}
.m-visual{width:220px;height:160px;flex-shrink:0;display:flex;align-items:center;justify-content:center}

/* Typing Form */
.typing-form{background:rgba(0,0,0,.35);border:1px solid rgba(0,242,255,.2);border-radius:14px;padding:18px;width:100%}
.tf-head{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--cyan);margin-bottom:14px}
.tf-line{height:10px;border-radius:5px;background:rgba(255,255,255,.08);margin-bottom:8px;overflow:hidden;position:relative}
.tf-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--cyan),rgba(0,242,255,.5));border-radius:5px;width:0;transition:width 1.2s ease}
.tf-ok{text-align:right;margin-top:12px;font-size:9px;font-weight:700;color:var(--emerald);opacity:0;transition:opacity .5s}

/* Stamp */
.stamp-wrap{height:100%;display:flex;align-items:center;justify-content:center}
.d-stamp{width:86px;height:86px;border:3px solid var(--emerald);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;opacity:0;transform:scale(.5);transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.d-stamp.vis{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(0,255,65,.4);animation:stampulse 2s 1s ease-in-out infinite}

/* NOTIFICATION VISUAL (M4) */
.notif-visual{display:flex;flex-direction:column;align-items:center;gap:14px}
.notif-bell{position:relative;width:72px;height:72px;background:rgba(0,255,65,.06);border:2px solid rgba(0,255,65,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px}
.notif-dot{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:var(--emerald);border-radius:50%;box-shadow:0 0 10px rgba(0,255,65,.7);animation:notifPop 2s ease-in-out infinite}
.notif-ring{position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(0,255,65,.2);animation:notifRing 2.4s ease-in-out infinite}
.notif-days{text-align:center;background:rgba(0,255,65,.05);border:1px solid rgba(0,255,65,.15);border-radius:12px;padding:12px 20px}
.notif-days span{display:block;font-size:20px;font-weight:800;color:var(--emerald);letter-spacing:-.5px}
.notif-days small{font-size:10px;color:var(--gray);letter-spacing:.5px}
@keyframes notifPop{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.8}}
@keyframes notifRing{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}

/* SCOPE BANNER */
.scope-banner{padding:40px 48px}
.scope-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:22px;padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015));backdrop-filter:blur(20px);box-shadow:0 24px 80px rgba(0,0,0,.22);position:relative;overflow:hidden}
.scope-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(0,242,255,.08),transparent 42%),radial-gradient(circle at bottom right,rgba(0,255,65,.06),transparent 38%);pointer-events:none}
.scope-item{display:flex;align-items:flex-start;gap:16px;flex:1;position:relative;z-index:1;padding:24px 22px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.scope-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;margin-top:1px;box-shadow:0 0 0 6px rgba(255,255,255,.02)}
.scope-yes .scope-icon{background:rgba(0,255,65,.1);border:1px solid rgba(0,255,65,.3);color:var(--emerald)}
.scope-no  .scope-icon{background:rgba(255,80,80,.08);border:1px solid rgba(255,80,80,.2);color:#FF6060}
.scope-title{font-size:13px;font-weight:700;margin-bottom:5px}
.scope-yes .scope-title{color:var(--emerald)}
.scope-no  .scope-title{color:#FF8080}
.scope-text{font-size:13px;color:var(--gray);line-height:1.65}
.scope-divider{font-size:22px;font-weight:900;color:var(--gray);opacity:.35;flex-shrink:0;padding:0 8px;display:flex;align-items:center;justify-content:center;min-width:56px;position:relative;z-index:1}

/* FEATURES */
#features{padding:120px 48px}
.feat-hdr{text-align:center;margin-bottom:80px}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1160px;margin:0 auto}
.feat-card{perspective:1200px;cursor:none;height:370px}
.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.34,1.56,.64,1)}
.feat-card:hover .card-inner{transform:rotateY(180deg)}
.card-f,.card-b{position:absolute;inset:0;backface-visibility:hidden;border-radius:24px;padding:40px;background:var(--card);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07)}
.card-b{transform:rotateY(180deg);background:rgba(0,242,255,.05);border-color:rgba(0,242,255,.2)}
.card-f:hover{border-color:rgba(0,242,255,.18)}
.card-icon{width:58px;height:58px;border-radius:15px;background:linear-gradient(135deg,rgba(0,242,255,.18),rgba(0,128,255,.08));border:1px solid rgba(0,242,255,.25);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px}
.card-title{font-size:21px;font-weight:700;margin-bottom:10px}
.card-desc{font-size:14px;color:var(--gray);line-height:1.7}
.card-badge{position:absolute;top:22px;right:22px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--emerald);background:rgba(0,255,65,.08);border:1px solid rgba(0,255,65,.25);padding:4px 11px;border-radius:100px}
.card-b-title{font-size:15px;font-weight:700;color:var(--cyan);margin-bottom:20px}
.checklist{list-style:none;display:flex;flex-direction:column;gap:10px}
.checklist li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(255,255,255,.8);line-height:1.4}
.checklist li::before{content:'✓';color:var(--emerald);font-weight:700;flex-shrink:0;margin-top:1px}

/* CALCULATOR */
#calculator{padding:120px 48px;position:relative;overflow:hidden}
#calculator::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(0,242,255,.05) 0%,transparent 70%);pointer-events:none}
.calc-wrap{max-width:780px;margin:0 auto;text-align:center}
.calc-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:32px;padding:56px 48px;margin-top:60px;position:relative;overflow:hidden}
.calc-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.slider-lbl{font-size:15px;color:var(--gray);margin-bottom:6px}
.slider-val{font-size:80px;font-weight:900;letter-spacing:-4px;line-height:1;background:linear-gradient(135deg,var(--cyan),#00A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
.slider-sub{font-size:14px;color:var(--gray);margin-bottom:44px}
.slider-wrap{position:relative;margin-bottom:44px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.1);outline:none;position:relative;z-index:2;cursor:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#0080FF);cursor:none;box-shadow:0 0 18px rgba(0,242,255,.6);transition:transform .2s}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.3)}
.track-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;border-radius:2px;background:linear-gradient(90deg,var(--cyan),#0080FF);pointer-events:none;z-index:1}
.calc-res{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.res-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:24px}
.res-card.hl{background:rgba(0,255,65,.04);border-color:rgba(0,255,65,.18)}
.res-val{font-size:38px;font-weight:800;letter-spacing:-1.5px;margin-bottom:6px}
.res-val.c{color:var(--cyan)}.res-val.e{color:var(--emerald)}.res-val.w{color:#fff}
.res-lbl{font-size:12px;color:var(--gray);line-height:1.5}

/* TESTIMONIALS */
#testimonials{padding:120px 48px;overflow:hidden}
.test-wrap{max-width:1200px;margin:0 auto}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px;align-items:start}
.test-col{display:flex;flex-direction:column;gap:28px}
.test-card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:none}
.test-card:hover{background:rgba(255,255,255,.07);border-color:rgba(0,242,255,.2);transform:translateY(-8px);box-shadow:0 28px 80px rgba(0,0,0,.35)}
.test-grid.focused .test-card:not(:hover){opacity:.25;filter:blur(2px);transform:scale(.98)}
.t-quote{font-size:14px;line-height:1.8;color:rgba(255,255,255,.75);margin-bottom:22px;font-style:italic}
.t-quote::before{content:'\201C';font-size:44px;line-height:0;vertical-align:-18px;color:var(--cyan);opacity:.45;margin-right:3px}
.t-author{display:flex;align-items:center;gap:12px}
.t-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#0080FF);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--bg);flex-shrink:0}
.t-name{font-size:13px;font-weight:600}
.t-role{font-size:11px;color:var(--gray)}

/* FOOTER */
footer{border-top:1px solid rgba(255,255,255,.06);padding:56px 48px}
.foot-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.foot-copy{font-size:13px;color:var(--gray);margin-top:6px}
.foot-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.foot-links a{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--cyan);text-decoration:none;background:rgba(0,242,255,.08);border:1px solid rgba(0,242,255,.22);padding:7px 15px;border-radius:100px;transition:all .3s ease;letter-spacing:.3px;white-space:nowrap}
.foot-links a:hover{background:rgba(0,242,255,.18);border-color:rgba(0,242,255,.5);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,242,255,.15)}

/* TOAST */
.toast{position:fixed;bottom:28px;right:28px;background:rgba(10,14,26,.97);border:1px solid rgba(0,255,65,.3);border-radius:16px;padding:14px 22px;display:flex;align-items:center;gap:12px;z-index:9999;transform:translateX(200%);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.toast.show{transform:translateX(0)}
.t-ico{width:30px;height:30px;border-radius:50%;background:rgba(0,255,65,.1);border:1px solid rgba(0,255,65,.3);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.t-msg strong{display:block;font-size:13px}
.t-msg span{font-size:11px;color:var(--gray)}

/* ANIMATIONS */
@keyframes fup{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fin{from{opacity:0}to{opacity:1}}
@keyframes spulse{0%,100%{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.85)}}
@keyframes stampulse{0%,100%{box-shadow:0 0 0 0 rgba(0,255,65,.4)}50%{box-shadow:0 0 0 18px rgba(0,255,65,0)}}

/* NETWORK BG */
#netCanvas{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:1}

/* STACKING FIX — keep all page content above the full-opacity space canvas */
#hero{z-index:2}
#story,#features,#calculator,#testimonials,.stats-bar,.stats-strip,.support-stats{position:relative;z-index:2}
footer{z-index:2}

/* STATS STRIP (used on Team page) */
.stats-strip{display:flex;justify-content:center;gap:60px;padding:48px;margin:0 48px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:24px}
.stats-strip--narrow{max-width:800px;margin:0 auto 60px}
.strip-stat{text-align:center;flex:1}
.strip-num{font-size:44px;font-weight:900;letter-spacing:-2px;color:var(--cyan)}
.strip-label{font-size:13px;color:var(--gray);margin-top:8px;line-height:1.5}

/* ══════════════════════════════════════════════════════════════════
   RESPONSIVE DESIGN: Mobile, Tablet, Desktop
   ══════════════════════════════════════════════════════════════════ */

/* ── EXTRA SMALL (iPhone SE): < 480px ────────────────────────────── */
@media (max-width: 479px) {
  body { font-size: 13px; }
  
  /* Navigation */
  nav { padding: 14px 16px; align-items: center; justify-content: space-between; }
  .logo { font-size: 16px; order: 1; }
  .nav-burger { display: flex; padding: 6px; font-size: 22px; align-items: center; justify-content: center; height: 36px; order: 2; }
  .nav-links { order: 3; width: 100%; }
  .burger-line { width: 20px; }
  .nav-links {
    top: 58px;
    padding: 16px;
    gap: 12px;
  }
  .nav-links li { padding: 6px 0; }
  .nav-links a { font-size: 13px; }
  .nav-controls { gap: 10px; flex-direction: column; width: 100%; }
  .ctrl-btn { font-size: 14px; padding: 6px; }
  .nav-cta { padding: 8px 16px; font-size: 12px !important; width: 100%; text-align: center; }
  
  /* Hero Section */
  #hero { 
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 100px;
    min-height: 70vh;
  }
  .hero-label { font-size: 9px; margin-bottom: 12px; letter-spacing: 2px; }
  .hero-title { font-size: clamp(22px, 5vw, 42px); margin-bottom: 12px; letter-spacing: -1px; line-height: 1.1; font-weight: 900; }
  .hero-title .chaos { margin-bottom: 2px; display: block; }
  .hero-title .order { display: block; }
  .hero-sub { font-size: 13px; margin-bottom: 16px; line-height: 1.4; }
  .hero-btns { flex-direction: column; gap: 10px; justify-content: center; }
  .btn-p, .btn-s { width: 100%; padding: 10px 16px; font-size: 13px; min-height: 44px; border: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .scroll-ind { bottom: 16px; }
  .scroll-ind span { font-size: 9px; }
  
  /* Stats Bar */
  .stats-bar { 
    padding: 20px 16px;
    gap: 16px;
  }
  .stat-n { font-size: 24px; }
  .stat-l { font-size: 10px; }
  
  /* Sections */
  #pain, #comparison, #story, #features, #calculator, #testimonials { padding: 50px 16px; }
  .pain-grid { gap: 12px; }
  .pain-card { padding: 16px; }
  .pain-icon { font-size: 20px; }
  .pain-title { font-size: 13px; }
  .pain-desc { font-size: 11px; }
  .pain-bottom { padding: 24px 16px; gap: 18px; border-radius: 14px; }
  .pain-big-num { font-size: 48px; }
  .pain-big-label { font-size: 11px; }
  
  /* Story */
  .story-hdr { margin-bottom: 48px; }
  .sec-title { font-size: clamp(20px, 4vw, 36px); }
  .milestone { gap: 16px; margin-bottom: 48px; }
  .m-content { padding: 20px; border-radius: 14px; }
  .m-visual { height: 100px; }
  
  /* Features */
  .cards-grid { gap: 14px; }
  .card-f, .card-b { padding: 22px; border-radius: 16px; }
  .card-icon { width: 40px; height: 40px; font-size: 18px; margin-bottom: 16px; }
  .card-title { font-size: 16px; }
  .card-desc { font-size: 12px; }
  .checklist li { font-size: 11px; gap: 6px; }
  
  /* Calculator */
  #calculator::before { width: 200px; height: 200px; }
  .calc-box { padding: 24px 16px; margin-top: 30px; border-radius: 16px; }
  .slider-val { font-size: 40px; }
  .slider-lbl { font-size: 13px; }
  .slider-sub { font-size: 12px; }
  .calc-res { gap: 10px; }
  .res-card { padding: 12px; border-radius: 10px; }
  .res-val { font-size: 24px; }
  .res-lbl { font-size: 10px; }
  
  /* Stats Strips */
  .stats-strip { 
    display: flex;
    flex-direction: column;
    gap: 16px; 
    margin: 32px 16px; 
    padding: 24px 16px;
  }
  .strip-num { 
    font-size: 28px; 
    -webkit-text-fill-color: unset;
    background: unset;
    color: var(--cyan);
  }
  .strip-label { font-size: 10px; }
  
  /* Support Stats */
  .support-stats { 
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 100%;
    margin: 32px 16px;
    padding: 12px 0;
  }
  .supp-stat { 
    padding: 16px 12px;
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .supp-stat:last-child { border-bottom: none; }
  .supp-num { 
    font-size: 24px; 
    color: var(--cyan);
  }
  .supp-label { 
    font-size: 10px; 
    margin-top: 4px;
  }
  
  /* Testimonials */
  .test-grid { gap: 14px; margin-top: 32px; }
  .test-card { padding: 16px; border-radius: 14px; }
  .t-quote { font-size: 12px; margin-bottom: 14px; }
  .t-quote::before { font-size: 32px; }
  .t-av { width: 28px; height: 28px; font-size: 10px; }
  .t-name { font-size: 11px; }
  .t-role { font-size: 9px; }
  
  /* Scope Banner */
  .scope-banner { padding: 20px 16px; }
  .scope-inner { 
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
  }
  .scope-item { padding: 12px; border-radius: 10px; gap: 12px; }
  .scope-icon { width: 32px; height: 32px; font-size: 12px; }
  .scope-title { font-size: 11px; }
  .scope-text { font-size: 11px; }
  
  /* Footer */
  footer { padding: 32px 16px; }
  .foot-inner { gap: 18px; }
  .logo { font-size: 16px; }
  .foot-copy { font-size: 11px; margin-top: 8px; }
  .foot-contact { gap: 6px; flex-wrap: wrap; }
  .foot-contact a { font-size: 11px; }
  .foot-contact span { font-size: 11px; }
  .foot-links { gap: 12px; flex-direction: column; }
  .foot-links a { font-size: 11px; }
}

/* ── MOBILE: < 640px ─────────────────────────────────────────────── */
@media (max-width: 639px) {
  /* Base adjustments */
  body { font-size: 14px; }
  
  /* Navigation */
  nav {
    padding: 16px 20px;
    align-items: center;
    justify-content: space-between;
  }
  .logo { font-size: 18px; order: 1; }
  .nav-burger { display: flex; align-items: center; justify-content: center; height: 40px; order: 2; }
  .nav-links { order: 3; width: 100%; }
  .nav-links {
    display: none;
    gap: 10px;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: rgba(10,14,26,.92);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    padding: 16px;
    border-bottom: 1px solid rgba(0,242,255,.12);
    z-index: 999;
    list-style: none;
  }
  .nav-links.active { display: flex; }
  /* Burger menu pills — full-width, centred */
  .nav-links li { padding: 0; width: 100%; }
  .nav-links a {
    width: 100%;
    font-size: 14px;
    padding: 11px 20px;
    border-radius: 14px;
    justify-content: center;
    /* reset float animation inside menu */
    animation: none !important;
    transform: none !important;
  }
  .nav-links a:hover { transform: none; box-shadow: none; }
  .nav-controls { flex-direction: column; gap: 10px; width: 100%; }
  .nav-controls .ctrl-btn { width: 100%; justify-content: center; border-radius: 14px; padding: 10px; }
  .nav-cta { width: 100%; text-align: center; border-radius: 14px; }
  /* Light mode burger */
  [data-theme="light"] .nav-links {
    background: rgba(10,40,100,.88);
    border-bottom-color: rgba(255,255,255,.12);
  }
  [data-theme="light"] .nav-links a:not(.nav-cta) {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.35);
    color: #fff;
    animation: none !important;
    box-shadow: none;
  }
  [data-theme="light"] .nav-links a:not(.nav-cta):hover {
    background: rgba(255,255,255,.24);
    transform: none;
    animation-play-state: running;
  }
  
  /* Hero Section */
  #hero {
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    min-height: 80vh;
    align-items: flex-start;
    padding-top: 120px;
  }
  .hero-content {
    max-width: 100%;
  }
  .hero-label { font-size: 10px; margin-bottom: 16px; }
  .hero-title { font-size: clamp(28px, 6vw, 48px); margin-bottom: 16px; }
  .hero-title .chaos { margin-bottom: 4px; }
  .hero-sub { font-size: 14px; margin-bottom: 24px; line-height: 1.5; }
  .hero-btns { flex-direction: column; gap: 12px; }
  .btn-p, .btn-s { width: 100%; padding: 12px 24px; font-size: 14px; }
  .scroll-ind { bottom: 20px; }
  
  /* Stats Bar */
  .stats-bar {
    padding: 24px 20px;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .stat-n { font-size: 28px; }
  .stat-l { font-size: 11px; }
  
  /* Pain Section */
  #pain { padding: 60px 20px; }
  .pain-wrap { max-width: 100%; }
  .pain-hdr { margin-bottom: 40px; }
  .pain-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 32px;
  }
  .pain-card { padding: 20px; }
  .pain-icon { font-size: 24px; }
  .pain-title { font-size: 14px; }
  .pain-desc { font-size: 12px; }
  .pain-bottom {
    flex-direction: column;
    gap: 24px;
    padding: 32px 20px;
    border-radius: 16px;
  }
  .pain-big-num { font-size: 60px; }
  .pain-big-label { font-size: 12px; }
  .pain-chart { gap: 12px; }
  
  /* Comparison Table */
  #comparison { padding: 60px 20px; }
  .comp-wrap { max-width: 100%; }
  .comp-head-row { display: none; }
  .comp-row {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 10px;
    padding: 14px 12px;
    font-size: 13px;
  }
  .comp-head-row { padding: 12px 16px; }
  .comp-head-feature, .comp-head-synapse, .comp-head-other { text-align: left; }
  .comp-feature {
    font-size: 12px;
    line-height: 1.35;
  }
  .comp-feature strong {
    font-size: 12px;
    margin-bottom: 3px;
  }
  .comp-desc {
    font-size: 10px;
    line-height: 1.3;
  }
  .comp-col { 
    text-align: center; 
    font-size: 18px;
    font-weight: 600;
    padding: 6px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Story Section */
  #story { padding: 80px 20px; }
  .story-hdr { margin-bottom: 60px; padding: 0 16px; }
  .sec-label { font-size: 10px; margin-bottom: 12px; }
  .sec-title { font-size: clamp(24px, 5vw, 42px); }
  .story-track { max-width: 100%; padding: 0 20px; }
  .milestone {
    gap: 20px;
    margin-bottom: 60px;
    flex-direction: column !important;
  }
  .m-content { padding: 24px; border-radius: 16px; }
  .m-visual {
    width: 100%;
    height: 120px;
  }
  
  /* Features */
  #features { padding: 80px 20px; }
  .cards-grid { grid-template-columns: 1fr; gap: 16px; max-width: 100%; }
  .feat-card { height: auto; min-height: 300px; }
  .card-f, .card-b { padding: 28px; border-radius: 16px; }
  .card-icon { width: 48px; height: 48px; font-size: 22px; }
  .card-title { font-size: 18px; }
  .card-desc { font-size: 13px; }
  .checklist li { font-size: 12px; gap: 8px; }
  
  /* Calculator */
  #calculator { padding: 80px 20px; }
  #calculator::before { width: 300px; height: 300px; }
  .calc-wrap { max-width: 100%; }
  .calc-box { padding: 32px 20px; margin-top: 40px; border-radius: 20px; }
  .slider-val { font-size: 48px; }
  .calc-res { grid-template-columns: 1fr; gap: 12px; }
  .res-card { padding: 16px; border-radius: 12px; }
  .res-val { font-size: 28px; }
  .res-lbl { font-size: 11px; }
  
  /* Stats Strips */
  .stats-strip { 
    display: flex;
    flex-direction: column;
    gap: 20px; 
    margin: 40px 20px; 
    padding: 32px 20px;
  }
  .strip-num { 
    font-size: 36px; 
    -webkit-text-fill-color: unset;
    background: unset;
    color: var(--cyan);
  }
  .strip-label { font-size: 11px; }
  
  /* Support Stats */
  .support-stats { 
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 100%;
    margin: 40px 20px;
    padding: 16px 0;
  }
  .supp-stat { 
    padding: 20px 16px;
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .supp-stat:last-child { border-bottom: none; }
  .supp-num { 
    font-size: 28px; 
    color: var(--cyan);
  }
  .supp-label { 
    font-size: 11px; 
    margin-top: 6px;
  }
  
  /* Testimonials */
  #testimonials { padding: 80px 20px; }
  .test-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .test-col { gap: 16px; }
  .test-card { padding: 20px; border-radius: 16px; }
  .t-quote { font-size: 13px; margin-bottom: 16px; }
  .t-quote::before { font-size: 36px; }
  .t-av { width: 32px; height: 32px; font-size: 11px; }
  .t-name { font-size: 12px; }
  .t-role { font-size: 10px; }
  
  /* Scope Banner */
  .scope-banner { padding: 24px 20px; }
  .scope-inner {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px;
    border-radius: 16px;
  }
  .scope-item { padding: 16px; border-radius: 12px; }
  .scope-icon { width: 36px; height: 36px; font-size: 14px; }
  .scope-title { font-size: 12px; }
  .scope-text { font-size: 12px; }
  .scope-divider { display: none; }
  
  /* Vision Section */
  .vision-section { padding: 60px 20px; }
  .vision-wrap { max-width: 100%; }
  .vision-card {
    padding: 32px 20px;
    border-radius: 20px;
  }
  .vision-card::before { display: none; }
  .vision-label { 
    font-size: 10px; 
    margin-bottom: 16px;
  }
  .vision-quote { 
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 24px;
  }
  .vision-quote span {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: var(--cyan);
  }
  .vision-logo { 
    font-size: 16px; 
    gap: 6px;
  }
  
  /* Footer */
  footer { padding: 40px 20px; }
  .foot-inner { flex-direction: column; gap: 24px; align-items: flex-start; }
  .foot-copy { margin-top: 12px; font-size: 12px; }
  .foot-links { gap: 16px; flex-wrap: wrap; flex-direction: column; }
  .foot-links a { font-size: 12px; display: block; }
}

/* ── TABLET: 640px - 1024px ────────────────────────────────────── */
@media (min-width: 640px) and (max-width: 1024px) {
  /* Base adjustments */
  body { font-size: 15px; }
  
  /* Navigation */
  nav { padding: 18px 32px; }
  .logo { font-size: 20px; }
  .nav-links { gap: 24px; }
  
  /* Hero Section */
  #hero {
    padding-left: 32px;
    padding-right: 32px;
  }
  .hero-content { max-width: 800px; }
  .hero-label { font-size: 10px; margin-bottom: 20px; }
  .hero-title { font-size: clamp(36px, 5vw, 64px); margin-bottom: 20px; }
  .hero-sub { font-size: 16px; margin-bottom: 32px; }
  .hero-btns { gap: 14px; }
  .btn-p, .btn-s { padding: 12px 32px; font-size: 15px; }
  
  /* Stats Bar */
  .stats-bar {
    padding: 32px 32px;
    gap: 40px;
  }
  .stat-n { font-size: 36px; }
  .stat-l { font-size: 12px; }
  
  /* Pain Section */
  #pain { padding: 80px 32px; }
  .pain-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .pain-bottom { gap: 40px; padding: 40px; }
  .pain-big-num { font-size: 80px; }
  .pain-big-label { font-size: 13px; }
  .pain-chart { gap: 16px; }
  
  /* Comparison Table */
  #comparison { padding: 80px 32px; }
  .comp-wrap { max-width: 100%; }
  .comp-head-row, .comp-row {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }
  
  /* Story Section */
  #story { padding: 100px 32px; }
  .story-hdr { margin-bottom: 80px; }
  .story-track { max-width: 100%; padding: 0 32px; }
  .milestone { gap: 40px; margin-bottom: 80px; }
  .m-content { padding: 32px; }
  .m-visual { width: 180px; height: 140px; }
  
  /* Features */
  #features { padding: 100px 32px; }
  .cards-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .feat-card { height: 340px; }
  .card-f, .card-b { padding: 32px; }
  .card-icon { width: 54px; height: 54px; font-size: 24px; }
  .card-title { font-size: 19px; }
  .card-desc { font-size: 13px; }
  .checklist { gap: 9px; }
  .checklist li { font-size: 12px; }
  
  /* Calculator */
  #calculator { padding: 100px 32px; }
  .calc-box { padding: 48px 40px; margin-top: 50px; }
  .slider-val { font-size: 64px; }
  .calc-res { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .res-card { padding: 20px; }
  .res-val { font-size: 32px; }
  
  /* Testimonials */
  #testimonials { padding: 100px 32px; }
  .test-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .test-col { gap: 24px; }
  .test-card { padding: 24px; }
  .t-quote { font-size: 13px; margin-bottom: 18px; }
  .t-av { width: 36px; height: 36px; font-size: 12px; }
  
  /* Scope Banner */
  .scope-banner { padding: 32px 32px; }
  .scope-inner {
    grid-template-columns: 1fr auto 1fr;
    padding: 28px;
    border-radius: 24px;
  }
  .scope-item { padding: 20px; border-radius: 16px; }
  .scope-divider { min-width: 48px; }
  
  /* Footer */
  footer { padding: 48px 32px; }
  .foot-inner { flex-wrap: wrap; gap: 32px; }
  .foot-links { gap: 24px; }
}

/* ── DESKTOP: > 1024px (DEFAULT STYLES) ──────────────────────── */
@media (min-width: 1025px) {
  /* This is the default, already defined above */
}

/* ── LANDSCAPE MOBILE (H) ────────────────────────────────────────── */
@media (max-height: 600px) and (orientation: landscape) {
  #hero { min-height: 100vh; }
  .hero-title { font-size: clamp(28px, 4vw, 48px); }
  .hero-btns { gap: 10px; }
}

/* ── LARGE SCREENS: > 1440px ────────────────────────────────────── */
@media (min-width: 1440px) {
  nav { padding: 24px 64px; }
  #hero { padding-left: 64px; padding-right: 64px; }
  #pain { padding: 120px 64px; }
  #story { padding: 140px 64px; }
  #features { padding: 140px 64px; }
  #calculator { padding: 140px 64px; }
  #testimonials { padding: 140px 64px; }
  .scope-banner { padding: 48px 64px; }
  footer { padding: 64px 64px; }
}

/* ── PRINT STYLES ────────────────────────────────────────────────── */
@media print {
  nav, footer, .scroll-ind, .nav-controls { display: none; }
  body { font-size: 12pt; color: #000; }
  a { color: #0066BB; text-decoration: underline; }
}

/* ── TOUCH DEVICES (High DPI) ────────────────────────────────────── */
@media (hover: none) and (pointer: coarse) {
  .btn-p, .btn-s, .nav-cta { 
    padding: 12px 28px; 
    min-height: 48px;
    font-size: 14px;
  }
  button { min-height: 48px; min-width: 48px; }
  a, button { 
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
}

/* Ensure text doesn't overflow on small screens */
* {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

button, a, input {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

/* Fix zoom on input focus for iOS */
input, textarea, select {
  font-size: 16px;
}

/* Prevent double tap zoom on buttons */
button {
  touch-action: manipulation;
}

/* ── LIGHT THEME OVERRIDES ───────────────────────────────────────── */
[data-theme="light"] body{background:#F0F5FF;color:#0A0E1A}
[data-theme="light"] nav{background:transparent;border-bottom-color:transparent}
/* Logo + nav links → white on sky background */
/* logo always white/cyan — no override needed, base rule handles it */
[data-theme="light"] .logo a{color:#212121;text-decoration:none}
[data-theme="light"] .logo span{color:var(--cyan)}
[data-theme="light"] .btn-s{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:#fff;backdrop-filter:blur(8px)}
[data-theme="light"] .btn-s:hover{background:rgba(255,255,255,.32);border-color:rgba(255,255,255,.8)}
[data-theme="light"] .btn-p{background:linear-gradient(135deg,#0066BB,#0080FF);color:#fff!important;font-weight:700;box-shadow:0 0 20px rgba(0,102,187,.2)}
[data-theme="light"] .btn-p:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(0,102,187,.35)}
[data-theme="light"] .hero-title .chaos{color:#0A0E1A;font-weight:900}
[data-theme="light"] .hero-title .order{background:linear-gradient(135deg,#0066BB,#0091FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
[data-theme="light"] .hero-sub{color:#3A4560;line-height:1.6}
[data-theme="light"] .scroll-ind span{color:#3A4560}
[data-theme="light"] .scroll-line{background:linear-gradient(to bottom,rgba(0,102,187,.7),transparent)}
[data-theme="light"] .hero-label{color:#0066BB}
[data-theme="light"] .hero-badge{color:#007A22;background:rgba(0,122,34,.08);border-color:rgba(0,122,34,.25)}
[data-theme="light"] .scroll-ind span{color:#5A6878}
[data-theme="light"] .stats-bar{border-color:rgba(0,0,0,.07)}
[data-theme="light"] .stat-n{background:linear-gradient(135deg,#0A0E1A,#5A6878);-webkit-background-clip:text;background-clip:text}
[data-theme="light"] .stat-l{color:#5A6878}
[data-theme="light"] #story{background:linear-gradient(180deg,#F0F5FF 0%,#E4EEFF 60%,#F0F5FF 100%)}
[data-theme="light"] .sec-label{color:#0066BB}
[data-theme="light"] .m-content{background:rgba(255,255,255,.75);border-color:rgba(0,112,204,.15)}
[data-theme="light"] .m-content:hover{background:rgba(255,255,255,.95);border-color:rgba(0,112,204,.3);box-shadow:0 20px 60px rgba(0,112,204,.09)}
[data-theme="light"] .m-num{color:#0066BB}
[data-theme="light"] .m-title{color:#0A0E1A}
[data-theme="light"] .m-desc{color:#5A6878}
[data-theme="light"] .typing-form{background:rgba(255,255,255,.75);border-color:rgba(0,112,204,.2)}
[data-theme="light"] .tf-head{color:#0066BB}
[data-theme="light"] .tf-line{background:rgba(0,0,0,.07)}
[data-theme="light"] .tf-fill{background:linear-gradient(90deg,#0066BB,rgba(0,102,187,.5))}
[data-theme="light"] .d-stamp{border-color:#007A22;color:#007A22}
[data-theme="light"] .d-stamp.vis{box-shadow:0 0 0 0 rgba(0,122,34,.4);animation:stampulse-light 2s 1s ease-in-out infinite}
[data-theme="light"] .notif-bell{background:rgba(0,122,34,.06);border-color:rgba(0,122,34,.3)}
[data-theme="light"] .notif-dot{background:#007A22;box-shadow:0 0 10px rgba(0,122,34,.6)}
[data-theme="light"] .notif-ring{border-color:rgba(0,122,34,.2)}
[data-theme="light"] .notif-days{background:rgba(0,122,34,.04);border-color:rgba(0,122,34,.14)}
[data-theme="light"] .notif-days span{color:#007A22}
[data-theme="light"] .notif-days small{color:#5A6878}
[data-theme="light"] .scope-banner{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .scope-text{color:#5A6878}
[data-theme="light"] .scope-divider{color:#5A6878}
[data-theme="light"] #features{background:#F0F5FF}
[data-theme="light"] .sec-title{color:#0A0E1A}
[data-theme="light"] .card-f,.card-b{background:rgba(255,255,255,.8);border-color:rgba(0,0,0,.08)}
[data-theme="light"] .card-f{background:rgba(255,255,255,.8)}
[data-theme="light"] .card-b{background:rgba(235,248,255,.9);border-color:rgba(0,112,204,.18)}
[data-theme="light"] .card-title{color:#0A0E1A}
[data-theme="light"] .card-desc{color:#5A6878}
[data-theme="light"] .card-b-title{color:#0066BB}
[data-theme="light"] .checklist li{color:rgba(10,14,26,.8)}
[data-theme="light"] .checklist li::before{color:#007A22}
[data-theme="light"] #calculator{background:#F0F5FF}
[data-theme="light"] .calc-box{background:rgba(255,255,255,.75);border-color:rgba(0,0,0,.08)}
[data-theme="light"] .slider-lbl,.slider-sub{color:#5A6878}
[data-theme="light"] .res-card{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .res-card.hl{background:rgba(0,122,34,.04);border-color:rgba(0,122,34,.16)}
[data-theme="light"] .res-val.w{color:#0A0E1A}
[data-theme="light"] .res-val.c{color:#0066BB}
[data-theme="light"] .res-val.e{color:#007A22}
[data-theme="light"] .res-lbl{color:#5A6878}
[data-theme="light"] input[type=range]{background:rgba(0,0,0,.1)}
[data-theme="light"] #testimonials{background:#F0F5FF}
[data-theme="light"] .test-card{background:rgba(255,255,255,.75);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .test-card:hover{background:#fff;border-color:rgba(0,112,204,.2);box-shadow:0 28px 80px rgba(0,0,0,.1)}
[data-theme="light"] .t-quote{color:rgba(10,14,26,.75)}
[data-theme="light"] .t-quote::before{color:#0066BB}
[data-theme="light"] .t-name{color:#0A0E1A}
[data-theme="light"] .t-role{color:#5A6878}
[data-theme="light"] footer{border-top-color:rgba(0,0,0,.07);background:#F0F5FF;color:#0A0E1A}
[data-theme="light"] .foot-copy{color:#5A6878}
[data-theme="light"] .foot-links a{color:#1E40AF;background:rgba(30,64,175,.07);border-color:rgba(30,64,175,.2)}
[data-theme="light"] .foot-links a:hover{background:rgba(30,64,175,.14);border-color:rgba(30,64,175,.4);color:#1E40AF;box-shadow:0 6px 16px rgba(30,64,175,.12)}
[data-theme="light"] .toast{background:rgba(240,245,255,.97);border-color:rgba(0,122,34,.3)}
[data-theme="light"] .ctrl-btn{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);color:#fff}
[data-theme="light"] .ctrl-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.7);color:#fff}
[data-theme="light"] #netCanvas{opacity:.6}
[data-theme="light"] #heroCanvas{opacity:.3}
[data-theme="light"] #cur-ring{border-color:rgba(0,102,187,.7);border-radius:3px}
[data-theme="light"] #cur{background:#0066BB;box-shadow:0 0 10px 3px rgba(0,102,187,.4)}
[data-theme="light"] .nav-controls .ctrl-btn{color:#212121}
[data-theme="light"] #cur-ring::before,
[data-theme="light"] #cur-ring::after{border-color:rgba(0,102,187,.95)}
[data-theme="light"] .hero-badge{color:#007A22;background:rgba(0,122,34,.07);border-color:rgba(0,122,34,.25)}
[data-theme="light"] .pain-card{background:rgba(200,50,50,.04);border-color:rgba(200,50,50,.15)}
[data-theme="light"] .pain-card:hover{background:rgba(200,50,50,.08);border-color:rgba(200,50,50,.3)}
[data-theme="light"] .pain-title{color:#0A0E1A}
[data-theme="light"] .pain-bottom{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .chart-bar-wrap{background:rgba(0,0,0,.07)}
[data-theme="light"] .comp-wrap{padding:48px;border-radius:24px;background:rgba(232,240,255,.97)}
[data-theme="light"] .comp-table{background:rgba(255,255,255,.92);border-color:rgba(0,0,0,.09)}
[data-theme="light"] .comp-head-row{background:rgba(0,102,187,.08);border-bottom-color:rgba(0,0,0,.08)}
[data-theme="light"] .comp-row{border-bottom-color:rgba(0,0,0,.06)}
[data-theme="light"] .comp-row:hover{background:rgba(0,102,187,.04)}
[data-theme="light"] .comp-feature strong{color:#0A0E1A}
[data-theme="light"] .comp-head-synapse{color:#0055BB}
[data-theme="light"] .comp-head-other{color:#5A6878}
[data-theme="light"] .comp-col.synapse{color:#0055BB}
[data-theme="light"] .test-card--pilot{border-color:rgba(0,112,204,.25)!important;background:rgba(0,112,204,.04)!important}
[data-theme="light"] .pilot-badge{color:#0066BB}
[data-theme="light"] .foot-contact a{color:#212121}

/* Light theme responsive adjustments */
@media (max-width: 479px) {
  [data-theme="light"] nav { background: rgba(240, 245, 255, .15); padding: 14px 16px; }
  [data-theme="light"] .nav-links { background: rgba(30,60,130,.85); backdrop-filter:blur(16px); border-bottom-color: rgba(255,255,255,.15); }
  [data-theme="light"] .nav-links a { color: #fff; }
  [data-theme="light"] .nav-burger { color: #fff; }
  [data-theme="light"] .btn-p { background: linear-gradient(135deg, #0066BB, #0080FF); color: #fff !important; box-shadow: 0 0 20px rgba(0, 102, 187, .2); }
  [data-theme="light"] .btn-s { background: rgba(10, 14, 26, .08); color: #0A0E1A; padding: 10px 16px; border-color: rgba(10, 14, 26, .15); }
  [data-theme="light"] .btn-s:hover { background: rgba(0, 112, 204, .12); border-color: var(--cyan); }
  [data-theme="light"] .stats-bar { border-color: rgba(0, 0, 0, .07); padding: 20px 16px; }
  [data-theme="light"] .pain-card { background: rgba(200, 50, 50, .04); padding: 16px; }
  [data-theme="light"] #story { background: linear-gradient(180deg, #F0F5FF 0%, #E4EEFF 60%, #F0F5FF 100%); }
  [data-theme="light"] .m-content { background: rgba(255, 255, 255, .75); border-color: rgba(0, 112, 204, .15); padding: 20px; }
  [data-theme="light"] .card-f, [data-theme="light"] .card-b { background: rgba(255, 255, 255, .8); border-color: rgba(0, 0, 0, .08); padding: 22px; }
  [data-theme="light"] .calc-box { background: rgba(255, 255, 255, .75); border-color: rgba(0, 0, 0, .08); padding: 24px 16px; }
  [data-theme="light"] .test-card { background: rgba(255, 255, 255, .75); border-color: rgba(0, 0, 0, .07); padding: 16px; }
  [data-theme="light"] footer { background: #F0F5FF; padding: 32px 16px; }
}

@media (max-width: 639px) {
  [data-theme="light"] nav { background: rgba(240, 245, 255, .15); }
  [data-theme="light"] .nav-links { background: rgba(30,60,130,.85); backdrop-filter:blur(16px); border-bottom-color: rgba(255,255,255,.15); }
  [data-theme="light"] .nav-links a { color: #fff; }
  [data-theme="light"] .nav-burger { color: #fff; }
  [data-theme="light"] .btn-s { background: rgba(10, 14, 26, .08); }
  [data-theme="light"] .stats-bar { border-color: rgba(0, 0, 0, .07); }
  [data-theme="light"] .pain-card { background: rgba(200, 50, 50, .04); }
  [data-theme="light"] #story { background: linear-gradient(180deg, #F0F5FF 0%, #E4EEFF 60%, #F0F5FF 100%); }
  [data-theme="light"] .m-content { background: rgba(255, 255, 255, .75); border-color: rgba(0, 112, 204, .15); }
  [data-theme="light"] .card-f, [data-theme="light"] .card-b { background: rgba(255, 255, 255, .8); border-color: rgba(0, 0, 0, .08); }
  [data-theme="light"] .calc-box { background: rgba(255, 255, 255, .75); border-color: rgba(0, 0, 0, .08); }
  [data-theme="light"] .test-card { background: rgba(255, 255, 255, .75); border-color: rgba(0, 0, 0, .07); }
  [data-theme="light"] footer { background: #F0F5FF; }
}

@media (min-width: 640px) and (max-width: 1024px) {
  [data-theme="light"] .pain-bottom { background: rgba(255, 255, 255, .6); border-color: rgba(0, 0, 0, .07); }
  [data-theme="light"] .comp-table { border-color: rgba(0, 0, 0, .08); }
  [data-theme="light"] .scope-inner { background: rgba(0, 0, 0, .02); border-color: rgba(0, 0, 0, .06); }
}
@keyframes stampulse-light{0%,100%{box-shadow:0 0 0 0 rgba(0,122,34,.4)}50%{box-shadow:0 0 0 18px rgba(0,122,34,0)}}

/* ─── LIGHT THEME — SECONDARY PAGES ─────────────────────────────── */
/* Page heroes sit on top of the sky canvas → text must be WHITE */
[data-theme="light"] .page-hero{background:transparent}
[data-theme="light"] .page-hero-label{
  color:rgba(255,255,255,.75);
  letter-spacing:4px;
  text-shadow:0 1px 6px rgba(0,0,0,.18)
}
[data-theme="light"] .page-hero-title{
  text-shadow:0 2px 16px rgba(0,60,140,.25)
}
/* span (highlighted word) — bright white-to-cyan on sky */
[data-theme="light"] .page-hero-title span{
  background:linear-gradient(135deg,#fff 0%,#aaddff 60%,#7ec8ff 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-shadow:none;
  filter:drop-shadow(0 2px 8px rgba(0,80,200,.3))
}
/* pricing & support: keep their accent colour on the span */
[data-page="pricing"][data-theme="light"] .page-hero-title span,
[data-page="team"][data-theme="light"] .page-hero-title span{
  background:linear-gradient(135deg,#fff 0%,#b8e4ff 50%,#7ac8ff 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
[data-page="support"][data-theme="light"] .page-hero-title span{
  background:linear-gradient(135deg,#fff 0%,#b8ffdb 50%,#7affc0 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
[data-theme="light"] .page-hero-sub{
  color:rgba(255,255,255,.82);
  text-shadow:0 1px 8px rgba(0,0,0,.15)
}
[data-theme="light"] #pageHeroCanvas{opacity:1}

[data-theme="light"] .pricing-section,[data-theme="light"] .roadmap-section,[data-theme="light"] #pain,[data-theme="light"] #comparison,[data-theme="light"] .support-section,[data-theme="light"] .faq-section,[data-theme="light"] .contact-section,[data-theme="light"] .team-section,[data-theme="light"] .vision-section{background:transparent}
[data-theme="light"] .pricing-card{background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.25)}
[data-theme="light"] .pricing-card:hover{background:rgba(255,255,255,.55);border-color:var(--cyan);box-shadow:0 20px 60px rgba(0,112,204,.15)}
[data-theme="light"] .pricing-card.featured{background:rgba(255,255,255,.50);border-color:rgba(255,255,255,.3)}
[data-theme="light"] .pricing-card.featured:hover{background:rgba(255,255,255,.60);border-color:var(--cyan)}
[data-theme="light"] .pricing-type{color:#fff}
[data-theme="light"] .pricing-name{color:#0A0E1A}
[data-theme="light"] .pricing-price{color:#0066bb}
[data-theme="light"] .pricing-period{color:rgba(255,255,255,.85)}
[data-theme="light"] .pricing-desc{color:#212121}
[data-theme="light"] .pricing-features li{color:#212121}
[data-theme="light"] .pricing-features li::before{color:#007A22}
[data-theme="light"] .pricing-btn{color:#0A0E1A}
[data-theme="light"] .pricing-badge{
  background:linear-gradient(135deg,#1a3a8f,#0d6efd);
  color:#fff;
  box-shadow:0 4px 16px rgba(13,110,253,.45),0 0 0 2px rgba(255,255,255,.6);
  letter-spacing:2px
}
/* Potential box — frosted glass so 320K ARR is readable on sky */
[data-theme="light"] .potential{
  background:rgba(255,255,255,.28);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 8px 32px rgba(0,60,160,.12)
}
[data-theme="light"] .potential-num{
  background:linear-gradient(135deg,#0d2a6e,#0d6efd);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text
}
[data-theme="light"] .potential-label{color:rgba(10,14,26,.8)}
[data-theme="light"] .potential-label strong{color:#0d2a6e}

[data-theme="light"] .roadmap-card{background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.25)}
[data-theme="light"] .roadmap-title{color:#fff}
[data-theme="light"] .roadmap-desc{color:rgba(255,255,255,.85)}
[data-theme="light"] .roadmap-num{color:rgb(0 102 187 / 89%)}
[data-theme="light"] .roadmap-pill{background:rgba(255,255,255,.72);border-color:rgba(0,112,204,.12);color:#5A6878}

[data-theme="light"] .cross-section{background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.25);box-shadow:0 20px 60px rgba(0,0,0,.1)}
[data-theme="light"] .cross-icon{filter:saturate(.9)}
[data-theme="light"] .cross-title{color:#fff}
[data-theme="light"] .cross-desc{color:rgba(255,255,255,.85)}
[data-theme="light"] .cross-tag{background:rgba(0,122,34,.08);border-color:rgba(0,122,34,.18);color:#007A22}

[data-theme="light"] .stats-strip{background:rgba(255,255,255,.78);border-color:rgba(0,112,204,.12);box-shadow:0 20px 60px rgba(0,102,187,.06)}
[data-theme="light"] .strip-num{background:linear-gradient(135deg,#0A0E1A,#5A6880);-webkit-background-clip:text;background-clip:text}
[data-theme="light"] .strip-label{color:#5A6878}

[data-theme="light"] .vision-card{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(235,248,255,.94));border-color:rgba(0,112,204,.15);box-shadow:0 20px 60px rgba(0,102,187,.1)}
[data-theme="light"] .vision-card::before{display:none}
[data-theme="light"] .vision-quote span{background:linear-gradient(135deg,#0066BB,#00A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

[data-theme="light"] .contact-card{background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.25);box-shadow:0 20px 60px rgba(0,0,0,.1)}
[data-theme="light"] .form-label{color:#fff}
[data-theme="light"] .form-input{background:rgba(255,255,255,.92);border-color:rgba(0,112,204,.15);color:#0A0E1A}
[data-theme="light"] .form-input:focus{border-color:rgba(0,112,204,.4);background:#fff}
[data-theme="light"] .form-input::placeholder{color:rgba(10,14,26,.4)}
[data-theme="light"] .form-submit{box-shadow:none}

[data-theme="light"] .support-stats{background:rgba(255,255,255,.78);border-color:rgba(0,112,204,.12);box-shadow:0 20px 60px rgba(0,102,187,.06)}
[data-theme="light"] .supp-stat{border-right-color:rgba(0,0,0,.06)}

[data-theme="light"] #pain{background:#F0F5FF}
[data-theme="light"] .pain-wrap{color:#0A0E1A}
[data-theme="light"] .pain-icon{opacity:.8}
[data-theme="light"] .pain-card{background:rgba(200,50,50,.03);border-color:rgba(200,50,50,.12)}
[data-theme="light"] .pain-card:hover{background:rgba(200,50,50,.06);border-color:rgba(200,50,50,.25)}
[data-theme="light"] .pain-title{color:#0A0E1A}
[data-theme="light"] .pain-desc{color:#5A6878}
[data-theme="light"] .pain-bottom{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.07)}
[data-theme="light"] .pain-big-num{background:linear-gradient(135deg,#C83232,#FF6060);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="light"] .pain-big-label{color:#5A6878}
[data-theme="light"] .chart-meta{color:#5A6878}
[data-theme="light"] .chart-meta strong{color:#0066BB}

[data-theme="light"] .scope-banner{background:transparent}
[data-theme="light"] .scope-inner{border-color:rgba(0,0,0,.08);background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,.62));box-shadow:0 24px 80px rgba(0,102,187,.08)}
[data-theme="light"] .scope-inner::before{background:radial-gradient(circle at top left,rgba(0,102,187,.08),transparent 42%),radial-gradient(circle at bottom right,rgba(0,122,34,.06),transparent 38%)}
[data-theme="light"] .scope-item{background:rgba(255,255,255,.72);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .scope-text{color:#5A6878}
[data-theme="light"] .scope-divider{color:#5A6878}
[data-theme="light"] .scope-yes .scope-icon{background:rgba(0,122,34,.1);border-color:rgba(0,122,34,.28);color:#007A22}
[data-theme="light"] .scope-no .scope-icon{background:rgba(255,80,80,.08);border-color:rgba(255,80,80,.18);color:#C83232}
[data-theme="light"] .scope-yes .scope-title{color:#0A0E1A}
[data-theme="light"] .scope-no .scope-title{color:#0A0E1A}

/* comp duplicates removed — see primary block above */

[data-theme="light"] .support-section{
  background:rgba(232,242,255,.7);
  border-radius:40px;
  margin:0 32px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 8px 32px rgba(0,80,180,.08)
}
[data-theme="light"] .support-stats{margin:40px auto 80px}
[data-theme="light"] .supp-stat{text-align:center}
[data-theme="light"] .supp-num{color:#0066BB}
[data-theme="light"] .supp-label{color:#5A6878}
[data-theme="light"] .support-card{background:rgba(255,255,255,.75);border-color:rgba(0,112,204,.15);box-shadow:0 8px 32px rgba(0,102,187,.06)}
[data-theme="light"] .support-card.primary{background:rgba(0,122,34,.05);border-color:rgba(0,122,34,.2)}
[data-theme="light"] .support-card:hover{background:rgba(255,255,255,.95);border-color:var(--cyan);box-shadow:0 20px 60px rgba(0,112,204,.15)}
[data-theme="light"] .support-icon{opacity:.9}
[data-theme="light"] .support-title{color:#0A0E1A}
[data-theme="light"] .support-desc{color:#5A6878}
[data-theme="light"] .support-btn.outline{background:rgba(10,14,26,.06);border:1px solid rgba(10,14,26,.15);color:#0A0E1A}
[data-theme="light"] .support-btn.outline:hover{background:rgba(10,14,26,.1);border-color:rgba(10,14,26,.25)}

[data-theme="light"] .faq-wrap{background:rgba(235,242,255,.97);border-radius:20px;padding:40px;border:1px solid rgba(0,0,0,.07)}
[data-theme="light"] .faq-item{background:transparent;border-color:rgba(0,0,0,.1)}
[data-theme="light"] .faq-item:first-child{border-top-color:rgba(0,0,0,.1)}
[data-theme="light"] .faq-q{color:#0A0E1A}
[data-theme="light"] .faq-q:hover{color:#0066BB}
[data-theme="light"] .faq-icon{color:#0066BB}
[data-theme="light"] .faq-a{background:transparent}
[data-theme="light"] .faq-a-inner{color:#5A6878}
[data-theme="light"] .contact-header{color:#0A0E1A}
[data-theme="light"] .contact-header .sec-title{color:#0A0E1A}
[data-theme="light"] .form-group{display:flex;flex-direction:column}
[data-theme="light"] .form-group label{color:#0A0E1A;margin-bottom:6px}
[data-theme="light"] input[type=text],[data-theme="light"] input[type=email],[data-theme="light"] select,[data-theme="light"] textarea{background:rgba(255,255,255,.9);border-color:rgba(0,112,204,.15);color:#0A0E1A}
[data-theme="light"] input[type=text]:focus,[data-theme="light"] input[type=email]:focus,[data-theme="light"] select:focus,[data-theme="light"] textarea:focus{border-color:rgba(0,112,204,.4);background:#fff}
[data-theme="light"] textarea::placeholder{color:rgba(10,14,26,.4)}
[data-theme="light"] input::placeholder{color:rgba(10,14,26,.4)}

[data-theme="light"] .team-card{background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.25)}
[data-theme="light"] .team-card:hover{background:rgba(255,255,255,.55);border-color:var(--cyan);box-shadow:0 20px 60px rgba(0,112,204,.15)}
[data-theme="light"] .team-avatar{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.3)}
[data-theme="light"] .team-dept{color:#fff}
[data-theme="light"] .team-name{color:#fff}
[data-theme="light"] .team-desc{color:rgba(255,255,255,.85)}
[data-theme="light"] .team-tag{background:rgba(0,112,204,.08);border-color:rgba(0,112,204,.15);color:#0066BB}

[data-theme="light"] .vision-section{background:#F0F5FF}
[data-theme="light"] .vision-wrap{background:rgba(255,255,255,.40);border-color:rgba(255,255,255,.25)}
[data-theme="light"] .vision-label{color:#0066BB}
[data-theme="light"] .vision-quote{color:#fff}
[data-theme="light"] .live-badge{
  background:rgba(255,255,255,.25);
  border:1px solid rgba(255,255,255,.6);
  color:rgba(255,255,255,.95);
  backdrop-filter:blur(8px)
}
[data-theme="light"] .live-dot{background:#fff;box-shadow:0 0 8px rgba(255,255,255,.9)}

/* SHARED HELPERS FOR PAGE SHELLS */
.logo a{color:#ffffff;text-decoration:none}
.text-center{text-align:center}
.page-center{max-width:700px;margin:0 auto}
.page-center-wide{max-width:800px;margin:0 auto}
.spacer-24{height:24px}
.section-header{margin-bottom:48px}
.section-header .sec-label,
.section-header .sec-title{display:block;text-align:center}
.test-col--offset{margin-top:44px}
.stats-strip--narrow{max-width:800px;margin:0 auto 60px}
.form-select{appearance:none}
.currency-sm{font-size:16px;margin-left:4px}
.currency-md{font-size:20px;margin-left:4px}
.currency-lg{font-size:18px}
.price-compact{font-size:26px;letter-spacing:-.5px;line-height:1.2;word-break:keep-all;overflow-wrap:normal}
.track-fill#trackFill{width:10.5%}
.typing-form .tf-line:nth-of-type(2){width:78%}
.typing-form .tf-line:nth-of-type(3){width:92%}
.typing-form .tf-line:nth-of-type(4){width:65%}
.typing-form .tf-line:nth-of-type(5){width:85%}

/* PAGE-SPECIFIC SHELL STYLES */
.page-hero{padding:160px 48px 80px;text-align:center;position:relative;overflow:hidden}

.page-hero-label{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:16px;position:relative;z-index:1}
.page-hero-title{font-size:clamp(40px,5vw,76px);font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:20px;display:inline-block;position:relative;z-index:1}
.page-hero-title span{display:inline;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background:none}
.page-hero-sub{font-size:18px;max-width:600px;margin:0 auto;position:relative;z-index:1}
.live-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--emerald);background:rgba(0,255,65,.08);border:1px solid rgba(0,255,65,.25);padding:8px 18px;border-radius:100px;margin-bottom:24px;position:relative;z-index:1}

.pricing-section,.roadmap-section,#pain,#comparison,.support-section,.faq-section,.contact-section,.team-section,.vision-section{background:transparent}

[data-page="pricing"] .page-hero-title span{background:linear-gradient(135deg,var(--cyan),#00A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
[data-page="support"] .page-hero-title span{background:linear-gradient(135deg,var(--emerald),#00CC55);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
[data-page="team"] .page-hero-title span{background:linear-gradient(135deg,var(--cyan),#00A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* labels use white-tinted colour so they read on sky */
[data-page="pricing"] .page-hero-label{color:var(--cyan)}
[data-page="support"] .page-hero-label{color:var(--emerald)}
[data-page="team"] .page-hero-label{color:var(--cyan)}
/* light override: keep readable on sky bg */
[data-page="pricing"][data-theme="light"] .page-hero-label{color:rgba(255,255,255,.75)}
[data-page="support"][data-theme="light"] .page-hero-label{color:rgba(200,255,230,.85)}
[data-page="team"][data-theme="light"] .page-hero-label{color:rgba(255,255,255,.75)}
#pageHeroCanvas{position:fixed;inset:0;pointer-events:none;z-index:0}

[data-page="pricing"] nav a[href="pricing.html"],
[data-page="support"] nav a[href="suport.html"],
[data-page="team"] nav a[href="echipa.html"]{color:#fff}

/* PRICING PAGE */
.pricing-section{padding:60px 48px 100px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto 80px}
.pricing-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px;position:relative;transition:all .3s}
.pricing-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(0,242,255,.15);border-color:var(--cyan)}
.pricing-card.featured{background:rgba(0,242,255,.06);border-color:rgba(0,242,255,.3);transform:scale(1.03)}
.pricing-card.featured:hover{transform:scale(1.03) translateY(-6px)}
.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:2px;color:#0A0E1A;background:linear-gradient(135deg,var(--cyan),#0080FF);padding:5px 18px;border-radius:100px;white-space:nowrap;box-shadow:0 4px 16px rgba(0,128,255,.5)}
.pricing-type{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}
.pricing-name{font-size:24px;font-weight:800;margin-bottom:8px}
.pricing-price{font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1;margin:20px 0 6px}
.pricing-price span{font-weight:500;color:var(--gray);letter-spacing:0}
.pricing-period{font-size:13px;color:var(--gray);margin-bottom:24px}
.pricing-desc{font-size:14px;color:var(--gray);line-height:1.7;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.07)}
.pricing-features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.pricing-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(255,255,255,.8);list-style:none}
.pricing-features li::before{content:'✓';color:var(--emerald);font-weight:700;flex-shrink:0;margin-top:1px}
.pricing-btn{display:block;width:100%;padding:14px;border:none;border-radius:100px;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;text-align:center;text-decoration:none;transition:all .3s;cursor:none}
/* ─ PRICING BUTTONS ─────────────────────────────────────────────── */
.pricing-btn.primary{background:linear-gradient(135deg,var(--cyan),#0080FF);color:#fff !important;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.pricing-btn.primary:hover{box-shadow:0 0 30px rgba(0,242,255,.4);transform:scale(1.02)}
.pricing-btn.secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:600;backdrop-filter:blur(8px)}
.pricing-btn.secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}

/* light mode overrides for buttons */
[data-theme="light"] .pricing-btn.primary{background:linear-gradient(135deg,#0d6efd,#0040b8);color:#fff;text-shadow:none}
[data-theme="light"] .pricing-btn.secondary{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);color:#1a3a8f;backdrop-filter:blur(10px);font-weight:700}
[data-theme="light"] .pricing-btn.secondary:hover{background:rgba(255,255,255,.9);color:#0d2a6e}

/* ─ POTENTIAL / ARR CALLOUT ─────────────────────────────────────── */
.potential{max-width:800px;margin:0 auto 80px;background:linear-gradient(135deg,rgba(0,242,255,.08),rgba(0,128,255,.05));border:1px solid rgba(0,242,255,.2);border-radius:24px;padding:40px;text-align:center;position:relative;overflow:hidden}
.potential-num{font-size:56px;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,var(--cyan),#00A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
.potential-label{font-size:16px;color:var(--gray);line-height:1.6}
.potential-label strong{color:#fff}
.cross-section{max-width:800px;margin:0 auto 80px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:40px;display:flex;gap:32px;align-items:center}
.cross-icon{font-size:48px;flex-shrink:0}
.cross-title{font-size:20px;font-weight:700;margin-bottom:8px}
.cross-desc{font-size:14px;color:var(--gray);line-height:1.7}
.cross-tag{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--emerald);background:rgba(0,255,65,.08);border:1px solid rgba(0,255,65,.2);padding:4px 12px;border-radius:100px}
.roadmap-section{padding:0 48px 100px}
.roadmap-wrap{max-width:900px;margin:0 auto}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.roadmap-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:32px;position:relative}
.roadmap-phase{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:8px}
.roadmap-timeline{display:inline-block;font-size:11px;font-weight:600;color:var(--cyan);background:rgba(0,242,255,.08);border:1px solid rgba(0,242,255,.2);padding:3px 10px;border-radius:100px;margin-bottom:16px}
.roadmap-title{font-size:20px;font-weight:700;margin-bottom:12px}
.roadmap-desc{font-size:14px;color:var(--gray);line-height:1.7}
.roadmap-num{position:absolute;top:28px;right:28px;font-size:48px;font-weight:900;color:rgba(0,242,255,.08);letter-spacing:-2px}
.roadmap-footer{margin-top:40px;text-align:center;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.roadmap-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--gray);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:8px 16px;border-radius:100px}

/* SUPPORT PAGE */
.support-section{padding:60px 48px 80px}
.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:900px;margin:60px auto 0}
.support-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:44px;transition:all .3s}
.support-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(0,242,255,.15);border-color:var(--cyan)}
.support-card.primary{background:rgba(0,255,65,.04);border-color:rgba(0,255,65,.2)}
.support-icon{font-size:44px;margin-bottom:20px}
.support-title{font-size:24px;font-weight:800;margin-bottom:12px}
.support-desc{font-size:15px;color:var(--gray);line-height:1.75;margin-bottom:28px}
.support-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:100px;font-family:'Inter',sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;cursor:none}
.support-btn.green{background:linear-gradient(135deg,var(--emerald),#00CC55);color:var(--bg)}
.support-btn.green:hover{box-shadow:0 0 30px rgba(0,255,65,.4)}
.support-btn.outline{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff}
.support-btn.outline:hover{background:rgba(255,255,255,.12)}
.support-stats{display:flex;justify-content:center;gap:0;max-width:700px;margin:0 auto 80px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden}
.supp-stat{flex:1;text-align:center;padding:28px 20px;border-right:1px solid rgba(255,255,255,.06)}
.supp-stat:last-child{border-right:none}
.supp-num{font-size:32px;font-weight:900;letter-spacing:-1px;color:var(--emerald)}
.supp-label{font-size:12px;color:var(--gray);margin-top:4px;line-height:1.4}
.faq-section{padding:0 48px 100px}
.faq-wrap{max-width:760px;margin:0 auto}
.faq-item{border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}
.faq-item:first-child{border-top:1px solid rgba(255,255,255,.06)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 0;cursor:none;font-size:16px;font-weight:600;transition:color .2s}
.faq-q:hover{color:var(--cyan)}
.faq-icon{font-size:20px;color:var(--cyan);flex-shrink:0;transition:transform .3s}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;font-size:14px;color:var(--gray);line-height:1.75}
.faq-a-inner{padding-bottom:20px}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-item.open .faq-a{max-height:300px}
.contact-section{padding:0 48px 100px}
.contact-wrap{max-width:660px;margin:0 auto;text-align:center}
.contact-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:28px;padding:48px;margin-top:48px;text-align:left}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gray);margin-bottom:8px}
.form-input{width:100%;padding:14px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-family:'Inter',sans-serif;font-size:14px;color:#fff;outline:none;transition:border-color .2s;cursor:none}
.form-input:focus{border-color:rgba(0,242,255,.4)}
.form-input::placeholder{color:var(--gray)}
textarea.form-input{height:120px;resize:vertical}
.form-submit{width:100%;padding:15px;background:linear-gradient(135deg,var(--emerald),#00CC55);color:var(--bg);font-family:'Inter',sans-serif;font-size:15px;font-weight:700;border:none;border-radius:100px;cursor:none;transition:all .3s;margin-top:8px}
.form-submit:hover{box-shadow:0 0 30px rgba(0,255,65,.4);transform:scale(1.02)}

/* TEAM PAGE */
.team-section{padding:60px 48px 80px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:60px auto 0}
.team-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.team-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),#0080FF);opacity:0;transition:opacity .3s}
.team-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px rgba(0,242,255,.15);border-color:var(--cyan)}
.team-card:hover::before{opacity:1}
.team-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#0080FF);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:var(--bg);margin:0 auto 20px}
.team-dept{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.team-name{font-size:22px;font-weight:800;margin-bottom:12px}
.team-desc{font-size:14px;color:var(--gray);line-height:1.75}
.team-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.team-tag{font-size:11px;color:var(--gray);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:100px}
.vision-section{padding:60px 48px 100px}
.vision-wrap{max-width:900px;margin:0 auto}
.vision-card{background:linear-gradient(135deg,rgba(0,242,255,.07),rgba(0,128,255,.04));border:1px solid rgba(0,242,255,.2);border-radius:32px;padding:60px;text-align:center;position:relative;overflow:hidden}
.vision-card::before{content:'"';position:absolute;top:-20px;left:40px;font-size:200px;font-weight:900;color:rgba(0,242,255,.05);line-height:1;font-family:Georgia,serif}
.vision-label{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:24px}
.vision-quote{font-size:clamp(20px,2.5vw,28px);font-weight:700;line-height:1.5;letter-spacing:-.5px;margin-bottom:32px}
.vision-quote span{background:linear-gradient(135deg,var(--cyan),#00A8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.vision-logo{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:var(--gray)}
.vision-logo span{color:var(--cyan)}
.stats-strip{display:flex;justify-content:center;gap:60px;padding:48px;margin:0 48px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:24px}
.stats-strip.stats-strip--narrow{max-width:800px;margin:0 auto 60px}
.strip-stat{text-align:center}
.strip-num{font-size:44px;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,var(--cyan),var(--gray));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.strip-label{font-size:12px;color:var(--gray);margin-top:4px}

/* SHARED LAYOUT/RESPONSIVE RULES */
.page-hero,.pricing-section,.roadmap-section,.support-section,.faq-section,.contact-section,.team-section,.vision-section,.scope-banner,#pain,#comparison,footer{position:relative;z-index:2}

@media(min-width:901px){
  .page-hero{padding-top:120px;padding-bottom:56px}
  .pricing-section{padding-top:36px;padding-bottom:72px}
  .roadmap-section{padding-bottom:72px}
  .support-section{padding-top:36px;padding-bottom:64px}
  .faq-section{padding-bottom:72px}
  .contact-section{padding-bottom:72px}
  .team-section{padding-top:36px;padding-bottom:72px}
  .vision-section{padding-top:24px;padding-bottom:80px}
}

@media(max-width:900px){
  .pricing-grid,.roadmap-grid,.team-grid{grid-template-columns:1fr}
  .pricing-card.featured{transform:none}
  .cross-section,.support-grid{grid-template-columns:1fr;flex-direction:column}
  .page-hero,.pricing-section,.roadmap-section,.support-section,.faq-section,.contact-section,.team-section,.vision-section{padding-left:24px;padding-right:24px}
  .stats-strip{flex-direction:column;gap:28px;margin:0 24px}
  .support-stats{flex-direction:column}
  .supp-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}
  .supp-stat:last-child{border-bottom:none}
  .cross-section{display:flex}
  .cross-section,.vision-card,.contact-card{padding-left:24px;padding-right:24px}
  .page-center,.page-center-wide{max-width:none}
}

@media(max-width:900px){
  .cards-grid{grid-template-columns:1fr 1fr}
  .test-grid{grid-template-columns:1fr}
  .milestone{flex-direction:column!important;gap:28px}
  .m-visual{width:100%;height:120px}
  nav{padding:16px 24px}
  .stats-bar{gap:24px;flex-wrap:wrap}
  #features,#calculator,#testimonials{padding:80px 24px}
  #hero{padding-left:24px}
  .hero-content{max-width:100%}
  .scope-inner{flex-direction:column;gap:24px}
  .scope-divider{align-self:center}
  .scope-banner{padding:28px 24px}
}

/* ── NAV CONTROLS ─────────────────────────────────────────────────── */
.nav-controls{display:flex;align-items:center;gap:10px}
.ctrl-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;padding:7px 13px;border-radius:100px;cursor:none;transition:color .25s,background .25s,border-color .25s;font-family:'Inter',sans-serif;font-weight:600;line-height:1}
/* ── Theme toggle ──────────────────────────────────────────── */
[data-theme="light"] #themeToggle{background:#ffffff;border-color:#ffffff;color:#212121}
[data-theme="dark"]  #themeToggle{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}

/* ── RO lang toggle — cloud (light) / glass (dark) ────────── */
[data-theme="light"] #langToggle{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.95);
  color:#1E3A8A;
  box-shadow:0 3px 12px rgba(0,0,0,.07),inset 0 1px 2px rgba(255,255,255,.9)
}
[data-theme="light"] #langToggle:hover{
  background:rgba(255,255,255,.97);
  color:#0d2a6e;
  box-shadow:0 6px 20px rgba(0,0,0,.1)
}
[data-theme="dark"] #langToggle{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);
  color:#fff
}
[data-theme="dark"] #langToggle:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(0,242,255,.55);
  color:#fff;
  box-shadow:0 6px 16px rgba(0,242,255,.2)
}

/* ── Start free nav-cta ─────────────────────────────────────── */
[data-theme="light"] .nav-cta{
  background:linear-gradient(135deg,#0d6efd,#0040b8);
  color:#fff!important;
  box-shadow:0 4px 14px rgba(13,110,253,.35)
}
[data-theme="light"] .nav-cta:hover{
  box-shadow:0 6px 22px rgba(13,110,253,.5);
  transform:scale(1.05)
}
[data-theme="dark"] .nav-cta{
  background:linear-gradient(135deg,var(--cyan),#0056b3);
  color:#fff!important;
  box-shadow:0 4px 14px rgba(0,86,179,.3)
}
[data-theme="dark"] .nav-cta:hover{
  box-shadow:0 6px 22px rgba(0,242,255,.4);
  transform:scale(1.05)
}
.ctrl-btn:hover{color:#fff;border-color:rgba(0,242,255,.3);background:rgba(0,242,255,.08)}

/* ── LIGHT THEME ──────────────────────────────────────────────────── */
[data-theme="light"]{--bg:#FFFFFF;--gray:#64748B;--card:rgba(226,232,240,.5)}
[data-theme="light"] body{color:#1F2937}
[data-theme="light"] #cur{background:rgba(30,64,175,.88);box-shadow:0 0 10px 3px rgba(30,64,175,.4),0 0 3px rgba(30,64,175,.9)}
[data-theme="light"] #cur-ring{border-color:rgba(30,64,175,.65)}
[data-theme="light"] #cur-ring::before,[data-theme="light"] #cur-ring::after{border-color:rgba(30,64,175,.9)}
/* nav transparent — see nav.nav--scrolled above */
/* nav link color handled per-theme above (dark=cyan, light=cloud) */
/* nav always white — overrides below only adjust hover glow */
[data-theme="light"] .nav-links a:hover{color:#fff;opacity:1}
[data-theme="light"] .nav-burger{color:#fff}
[data-theme="light"] .nav-burger:hover{color:rgba(255,255,255,.7)}
[data-theme="light"] .ctrl-btn{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);color:#fff}
[data-theme="light"] .ctrl-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.7);color:#fff}
/* hero index text stays readable on sky */
[data-theme="light"] .hero-label{color:rgba(255,255,255,.82)}
[data-theme="light"] .hero-sub{color:rgba(255,255,255,.78)}
[data-theme="light"] .hero-explore{color:rgba(255,255,255,.6)}
/* hero main btns on sky */
[data-theme="light"] .btn-p{background:linear-gradient(135deg,#0d6efd,#0040b8);color:#fff;box-shadow:0 4px 20px rgba(13,110,253,.35)}
[data-theme="light"] .btn-p:hover{box-shadow:0 8px 28px rgba(13,110,253,.5);transform:translateY(-2px)}
[data-theme="light"] .btn-s{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.5);backdrop-filter:blur(8px)}
[data-theme="light"] .btn-s:hover{background:rgba(255,255,255,.32);border-color:rgba(255,255,255,.8)}
[data-theme="light"] .scroll-ind span{color:#64748B}
[data-theme="light"] .stats-bar{border-color:rgba(226,232,240,.8);background:rgba(240,244,255,.4)}
[data-theme="light"] .stat-n{background:linear-gradient(135deg,#1E40AF,#3B82F6);-webkit-background-clip:text;background-clip:text}
[data-theme="light"] .stat-l{color:#64748B;font-weight:500}
[data-theme="light"] #story{background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%)}
[data-theme="light"] .sec-title{color:#1F2937;font-weight:900}
[data-theme="light"] .sec-label{color:#1E40AF;font-weight:700}
[data-theme="light"] .m-content{background:#F8FAFC;border-color:rgba(226,232,240,.8);box-shadow:0 2px 8px rgba(0,0,0,.04)}
[data-theme="light"] .m-content:hover{background:#F0F4FF;border-color:rgba(30,64,175,.2);box-shadow:0 8px 20px rgba(30,64,175,.1)}
[data-theme="light"] .m-title{color:#1F2937;font-weight:800}
[data-theme="light"] .m-desc{color:#64748B}
[data-theme="light"] .m-num{background:linear-gradient(135deg,#1E40AF,#3B82F6);-webkit-background-clip:text;background-clip:text}
[data-theme="light"] .typing-form{background:#F8FAFC;border-color:rgba(226,232,240,.8)}
[data-theme="light"] .tf-line{background:rgba(226,232,240,.6)}
[data-theme="light"] .card-f{background:#FFFFFF;border-color:rgba(226,232,240,.8);box-shadow:0 2px 8px rgba(0,0,0,.04)}
[data-theme="light"] .card-b{background:rgba(30,64,175,.04)}
[data-theme="light"] .card-f:hover{border-color:rgba(30,64,175,.3);box-shadow:0 12px 32px rgba(30,64,175,.12);transform:translateY(-4px)}
[data-theme="light"] .card-icon{background:rgba(30,64,175,.1)}
[data-theme="light"] .card-title{color:#1F2937;font-weight:800}
[data-theme="light"] .card-desc{color:#64748B}
[data-theme="light"] .checklist li{color:#1F2937}
[data-theme="light"] .checklist li::before{color:#0D9488}
[data-theme="light"] .calc-box{background:#F8FAFC;border-color:rgba(226,232,240,.8);box-shadow:0 2px 8px rgba(0,0,0,.04)}
[data-theme="light"] input[type=range]{background:rgba(226,232,240,.8)}
[data-theme="light"] input[type=range]::-webkit-slider-thumb{background:linear-gradient(135deg,#1E40AF,#3B82F6);box-shadow:0 2px 8px rgba(30,64,175,.3)}
[data-theme="light"] .res-card{background:#FFFFFF;border-color:rgba(226,232,240,.8)}
[data-theme="light"] .res-card.hl{background:rgba(13,148,136,.08);border-color:rgba(13,148,136,.2)}
[data-theme="light"] .res-val.w{color:#1F2937;font-weight:800}
[data-theme="light"] .res-val.c{color:#1E40AF}
[data-theme="light"] .res-val.e{color:#0D9488}
[data-theme="light"] .res-lbl{color:#64748B}
[data-theme="light"] .slider-lbl{color:#1F2937;font-weight:600}
[data-theme="light"] .slider-sub{color:#64748B}
[data-theme="light"] .test-card{background:#FFFFFF;border-color:rgba(226,232,240,.8);box-shadow:0 2px 8px rgba(0,0,0,.04)}
[data-theme="light"] .test-card:hover{border-color:rgba(30,64,175,.3);box-shadow:0 12px 32px rgba(30,64,175,.12);transform:translateY(-4px)}
[data-theme="light"] .test-grid.focused .test-card:not(:hover){opacity:.4;filter:blur(1px)}
[data-theme="light"] .t-quote{color:#1F2937;font-weight:500}
[data-theme="light"] .t-quote::before{color:#1E40AF;opacity:.6}
[data-theme="light"] .t-av{background:linear-gradient(135deg,#1E40AF,#3B82F6);color:#fff}
[data-theme="light"] .t-name{color:#1F2937;font-weight:700}
[data-theme="light"] .t-role{color:#64748B}
[data-theme="light"] .t-av{color:#0A0E1A}
[data-theme="light"] footer{border-top-color:rgba(0,0,0,.08)}
[data-theme="light"] .foot-copy{color:#5A6880}
/* pill style already defined above — mobile gets a 2-col grid */
@media (max-width: 639px) {
  .foot-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:280px;margin:0 auto;justify-content:center}
  .foot-links a{padding:11px 14px;font-size:12px;animation:float 3s ease-in-out infinite}
  .foot-links a:nth-child(1){animation-delay:0s}
  .foot-links a:nth-child(2){animation-delay:.2s}
  .foot-links a:nth-child(3){animation-delay:.4s}
  .foot-links a:nth-child(4){animation-delay:.6s}
  .foot-links a:nth-child(5){animation-delay:.8s}
  .foot-links a:nth-child(6){animation-delay:1s}
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

@keyframes cloudFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}
[data-theme="light"] .toast{background:rgba(240,244,255,.97)}
[data-theme="light"] .t-msg strong{color:#0A0E1A}
[data-theme="light"] #netCanvas{opacity:1}

/* ── DARK — SPACE / ZERO GRAVITY ─────────────────────────────────── */
[data-theme="dark"] body{
  background:
    radial-gradient(ellipse at 20% 80%,rgba(70,0,190,.18) 0%,transparent 48%),
    radial-gradient(ellipse at 80% 18%,rgba(0,80,220,.15) 0%,transparent 48%),
    radial-gradient(ellipse at 54% 50%,rgba(120,0,160,.09) 0%,transparent 40%),
    #0A0E1A;
  background-attachment:fixed;
}
[data-theme="dark"] #story{background:transparent}
[data-theme="dark"] #features{background:transparent}
[data-theme="dark"] #calculator{background:transparent}
[data-theme="dark"] #testimonials{background:transparent}
/* Vignette on hero to frame the space */
[data-theme="dark"] #hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(4,6,18,.6) 100%);pointer-events:none;z-index:5}
/* Zero-gravity float on milestones */
[data-theme="dark"] .milestone.vis .m-content{animation:spaceFloat 7s ease-in-out infinite}
[data-theme="dark"] .milestone:nth-child(2).vis .m-content{animation-delay:-2.5s}
[data-theme="dark"] .milestone:nth-child(3).vis .m-content{animation-delay:-4.8s}
@keyframes spaceFloat{0%,100%{transform:translateY(0)}33%{transform:translateY(-7px) rotate(.12deg)}66%{transform:translateY(-3px) rotate(-.08deg)}}
/* Star-pulse on service icons */
[data-theme="dark"] .card-icon{animation:starPulse 4.5s ease-in-out infinite}
@keyframes starPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 28px 5px rgba(0,242,255,.13),inset 0 0 12px rgba(0,242,255,.07)}}
/* Cosmic depth on milestone cards */
[data-theme="dark"] .m-content{box-shadow:0 4px 40px rgba(0,80,255,.07),inset 0 1px 0 rgba(255,255,255,.04)}
[data-theme="dark"] .test-card:hover{box-shadow:0 28px 80px rgba(0,0,0,.35),0 0 40px rgba(0,200,255,.07)}
/* Zero-gravity float — nav drifts slowly in space */
[data-theme="dark"] nav{animation:navSpaceFloat 9s ease-in-out infinite}
@keyframes navSpaceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* ── Dark: nav pills — white text, zero-gravity float ───────────── */
[data-theme="dark"] .nav-links a:not(.nav-cta){
  color:#fff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.2);
  animation:footZeroG 3.6s ease-in-out infinite
}
[data-theme="dark"] .nav-links a:not(.nav-cta):hover{
  color:#fff;
  background:rgba(255,255,255,.16);
  border-color:rgba(0,242,255,.6);
  box-shadow:0 6px 20px rgba(0,242,255,.2);
  animation-play-state:paused
}
[data-theme="dark"] .nav-links li:nth-child(1) a{animation-delay:0s}
[data-theme="dark"] .nav-links li:nth-child(2) a{animation-delay:.55s}
[data-theme="dark"] .nav-links li:nth-child(3) a{animation-delay:1.1s}
[data-theme="dark"] .nav-links li:nth-child(4) a{animation-delay:1.65s}
[data-theme="dark"] .nav-links li:nth-child(5) a{animation-delay:2.2s}

/* ── Light: nav pills cloud drift (same as footer) ──────────────── */
[data-theme="light"] .nav-links a:not(.nav-cta){
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.95);
  color:#212121;
  box-shadow:0 3px 12px rgba(0,0,0,.07),inset 0 1px 2px rgba(255,255,255,.9);
  animation:cloudDrift 4.5s ease-in-out infinite
}
[data-theme="light"] .nav-links li:nth-child(1) a{animation-delay:0s}
[data-theme="light"] .nav-links li:nth-child(2) a{animation-delay:.75s}
[data-theme="light"] .nav-links li:nth-child(3) a{animation-delay:1.5s}
[data-theme="light"] .nav-links li:nth-child(4) a{animation-delay:2.25s}
[data-theme="light"] .nav-links li:nth-child(5) a{animation-delay:3s}
[data-theme="light"] .nav-links a:not(.nav-cta):hover{
  background:rgba(255,255,255,.97);
  border-color:rgba(255,255,255,1);
  color:#212121;
  box-shadow:0 8px 24px rgba(0,0,0,.1),inset 0 1px 3px rgba(255,255,255,1);
  transform:translateY(-4px);
  animation-play-state:paused
}
/* Aurora line on footer + footer space float */
footer{position:relative}
[data-theme="dark"] footer{animation:footSpaceFloat 11s ease-in-out infinite 1.5s}
@keyframes footSpaceFloat{0%,100%{transform:translateY(0)}33%{transform:translateY(-5px)}66%{transform:translateY(-2px)}}
[data-theme="dark"] footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(100,0,220,.55),rgba(0,242,255,.85),rgba(0,255,65,.5),transparent);animation:auroraShift 5s ease-in-out infinite}
@keyframes auroraShift{0%,100%{opacity:.45}50%{opacity:1}}
/* Glow ring on stamp */
[data-theme="dark"] .d-stamp.vis{box-shadow:0 0 0 0 rgba(0,255,65,.5),0 0 30px rgba(0,255,65,.15)}

/* ── LIGHT — BLUE SKY ─────────────────────────────────────────────── */
[data-theme="light"] body{
  background:
    linear-gradient(160deg,#B5DEFF 0%,#CCEAFF 28%,#E3F3FF 58%,#F0F8FF 100%);
  background-attachment:fixed;
}
/* Sky gradient on hero */
[data-theme="light"] #hero{background:transparent}
/* Sun glow top-right */
[data-theme="light"] #hero::before{display:none}
@keyframes sunGlow{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.14);opacity:1}}
/* Edge fade hero */
[data-theme="light"] #hero::after{display:none}
/* Sky section backgrounds */
[data-theme="light"] #story{background:rgba(188,222,250,0.72)}
[data-theme="light"] #features{background:rgba(212,236,255,0.65)}
[data-theme="light"] #calculator{background:rgba(202,230,252,0.68)}
[data-theme="light"] #testimonials{background:rgba(206,232,254,0.65)}
[data-theme="light"] footer{background:rgba(200,228,252,0.82)}
/* Sunlight divider line on footer */
[data-theme="light"] footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(80,160,220,.4),rgba(255,210,60,.55),rgba(80,200,220,.35),transparent)}
/* Airy float on milestones */
[data-theme="light"] .milestone.vis .m-content{animation:skyFloat 6s ease-in-out infinite;box-shadow:0 8px 40px rgba(80,150,220,.12)}
[data-theme="light"] .milestone:nth-child(2).vis .m-content{animation-delay:-2s}
[data-theme="light"] .milestone:nth-child(3).vis .m-content{animation-delay:-4s}
@keyframes skyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* Sky card shadows and hover */
[data-theme="light"] .card-f{box-shadow:0 4px 24px rgba(80,150,220,.14),0 1px 4px rgba(0,80,180,.07)}
[data-theme="light"] .feat-card:hover .card-inner{filter:drop-shadow(0 8px 28px rgba(80,150,220,.22))}
[data-theme="light"] .test-card{box-shadow:0 4px 20px rgba(80,150,220,.1)}
[data-theme="light"] .test-card:hover{box-shadow:0 16px 48px rgba(80,150,220,.2)!important}
/* Stats bar sky tint */
[data-theme="light"] .stats-bar{background:rgba(180,225,255,.35)}
/* Calculator box */
[data-theme="light"] .calc-box{box-shadow:0 8px 40px rgba(80,150,220,.1)}
/* Sky m-content */
[data-theme="light"] .m-content{box-shadow:0 4px 24px rgba(80,150,220,.09)}

/* ─── RESPONSIVENESS ─────────────────────────────────────────────── */
/* Tablet and below */
@media(max-width:1024px){
  nav{padding:16px 32px}
  .nav-links{gap:6px}
  .hero-content{max-width:90%;padding:0 20px}
  .hero-title{font-size:clamp(36px,4vw,72px)}
  .hero-sub{font-size:16px;margin-bottom:36px}
  .stats-bar{gap:40px;padding:32px 24px}
  .story-track{padding:0 24px;gap:40px}
  .cards-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .milestone{gap:32px}
}

/* Mobile - Medium */
@media(max-width:768px){
  nav{padding:12px 20px}
  .logo{font-size:18px}
  .nav-links{gap:6px}
  .nav-links a{font-size:12px}
  .nav-cta{padding:8px 18px;font-size:13px}
  
  .hero-content{max-width:100%;padding:0 16px}
  .hero-label{font-size:10px;margin-bottom:20px;letter-spacing:2px}
  .hero-title{font-size:clamp(32px,7vw,56px);line-height:1.1;margin-bottom:18px}
  .hero-title .chaos{margin-bottom:6px}
  .hero-sub{font-size:15px;margin-bottom:32px;line-height:1.5}
  .hero-btns{flex-direction:column;gap:12px}
  .btn-p,.btn-s{width:100%;padding:14px 28px;font-size:15px}
  
  .stats-bar{flex-direction:column;gap:32px;padding:24px 16px}
  .stat-n{font-size:36px}
  .stat-l{font-size:12px}
  
  .story-hdr{margin-bottom:60px;padding:0 16px}
  .sec-label{font-size:10px;margin-bottom:12px}
  .sec-title{font-size:clamp(28px,5vw,44px)}
  .story-track{padding:0 16px}
  .milestone{flex-direction:column!important;gap:24px;margin-bottom:60px}
  .m-visual{width:100%;height:200px}
  .m-content{padding:24px}
  
  .cards-grid{grid-template-columns:1fr;gap:16px}
  #features{padding:80px 16px}
  .feat-card{height:auto}
  
  #calculator{padding:80px 16px}
  .calc-box{padding:32px 20px;margin-top:40px}
  .calc-res{flex-direction:column;gap:16px}
  
  #testimonials{padding:80px 16px}
  .test-col{margin-top:0!important}
  
  footer{padding:32px 16px;text-align:center}
  .foot-inner{flex-direction:column;gap:16px}
  .foot-links{flex-direction:column;gap:12px;text-align:center}
}

/* Mobile - Small */
@media(max-width:480px){
  nav{padding:10px 12px;gap:12px}
  .logo{font-size:16px}
  .nav-links{gap:6px;flex-wrap:wrap}
  .nav-links a{font-size:11px}
  .nav-cta{padding:6px 14px;font-size:12px}
  
  .hero-content{padding:0 12px}
  .hero-label{font-size:9px;margin-bottom:16px;letter-spacing:2px}
  .hero-title{font-size:clamp(24px,6vw,44px);line-height:1;margin-bottom:14px}
  .hero-sub{font-size:14px;margin-bottom:24px}
  .hero-btns{gap:10px}
  .btn-p,.btn-s{padding:12px 20px;font-size:14px}
  
  .stats-bar{padding:16px 12px;gap:24px}
  .stat-n{font-size:28px}
  
  .story-hdr{margin-bottom:40px}
  .sec-title{font-size:clamp(22px,5vw,32px)}
  .story-track{padding:0 12px}
  .milestone{margin-bottom:40px}
  .m-visual{height:160px}
  .m-content{padding:16px}
  .m-num{font-size:10px}
  .m-title{font-size:18px;margin-bottom:10px}
  .m-desc{font-size:13px}
  
  .feat-hdr{margin-bottom:40px;padding:0 12px}
  #features{padding:60px 12px}
  .feat-card{height:auto}
  .card-f,.card-b{padding:20px}
  .card-icon{width:48px;height:48px;font-size:22px}
  .card-title{font-size:18px}
  .card-desc{font-size:13px}
  
  #calculator{padding:60px 12px}
  .calc-wrap{max-width:100%}
  .calc-box{padding:20px 16px;margin-top:30px}
  .slider-lbl{font-size:13px}
  
  #testimonials{padding:60px 12px}
  .sec-label{font-size:9px}
  .test-card{padding:16px}
  .t-quote{font-size:12px;line-height:1.4}
  
  footer{padding:20px 12px;text-align:center}
  .foot-inner{flex-direction:column;gap:16px}
  .foot-links{flex-direction:column;gap:12px;text-align:center}
}

/* ═══════════════════════════════════════════════════════════════════
   FOOTER BUTTONS — ZERO GRAVITY (dark) + CLOUDY (light)
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="dark"] .card-f,.card-b{background: rgba(0, 242, 255, .05);border-color:rgba(0,0,0,.08)}
/* Dark — every pill floats independently at different heights */
[data-theme="dark"] .foot-links a{
  animation:footZeroG 3.6s ease-in-out infinite;
  background:rgba(0,242,255,.07);
  border-color:rgba(0,242,255,.2);
  color: #ffffff;
}
[data-theme="dark"] .foot-links a:nth-child(1){animation-delay:0s}
[data-theme="dark"] .foot-links a:nth-child(2){animation-delay:.6s}
[data-theme="dark"] .foot-links a:nth-child(3){animation-delay:1.2s}
[data-theme="dark"] .foot-links a:nth-child(4){animation-delay:1.8s}
[data-theme="dark"] .foot-links a:nth-child(5){animation-delay:2.4s}
[data-theme="dark"] .foot-links a:nth-child(6){animation-delay:3s}
[data-theme="dark"] .foot-links a:hover{
  transform:translateY(-6px) scale(1.06);
  background:rgba(0,242,255,.16);
  border-color:rgba(0,242,255,.5);
  box-shadow:0 12px 28px rgba(0,242,255,.18),0 0 16px rgba(0,242,255,.1);
  animation-play-state:paused;
}
@keyframes footZeroG{
  0%  {transform:translateY(0px);box-shadow:0 4px 12px rgba(0,242,255,.08)}
  30% {transform:translateY(-7px);box-shadow:0 10px 22px rgba(0,242,255,.14)}
  60% {transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,242,255,.1)}
  100%{transform:translateY(0px);box-shadow:0 4px 12px rgba(0,242,255,.08)}
}

/* Light — white frosted-glass cloud pills drifting gently */
[data-theme="light"] .foot-links a{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.95);
  color:#212121;
  box-shadow:0 3px 12px rgba(0,0,0,.07),0 1px 4px rgba(30,80,180,.06),inset 0 1px 2px rgba(255,255,255,.9);
  animation:cloudDrift 4.5s ease-in-out infinite;
}
[data-theme="light"] .foot-links a:nth-child(1){animation-delay:0s}
[data-theme="light"] .foot-links a:nth-child(2){animation-delay:.75s}
[data-theme="light"] .foot-links a:nth-child(3){animation-delay:1.5s}
[data-theme="light"] .foot-links a:nth-child(4){animation-delay:2.25s}
[data-theme="light"] .foot-links a:nth-child(5){animation-delay:3s}
[data-theme="light"] .foot-links a:nth-child(6){animation-delay:3.75s}
[data-theme="light"] .foot-links a:hover{
  background:rgba(255,255,255,.97);
  border-color:rgba(255,255,255,1);
  color:#1E3A8A;
  box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 8px rgba(30,80,180,.08),inset 0 1px 3px rgba(255,255,255,1);
  transform:translateY(-5px) scale(1.04);
  animation-play-state:paused;
}
@keyframes cloudDrift{
  0%  {transform:translateY(0);box-shadow:0 3px 12px rgba(0,0,0,.07)}
  50% {transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,.1)}
  100%{transform:translateY(0);box-shadow:0 3px 12px rgba(0,0,0,.07)}
}

/* ═══════════════════════════════════════════════════════════════════
   PAIN SECTION — ROUNDED CARD (light theme)
   Photo shows: whole section wrapped in a rounded card on white bg
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="light"] #pain{
  padding:40px 48px;
  background:transparent;
}
[data-theme="light"] .pain-wrap{
  background:rgba(232,241,255,.65);
  border-radius:28px;
  padding:48px;
  border:1px solid rgba(180,210,255,.45);
  box-shadow:0 4px 28px rgba(0,80,180,.06);
}
[data-theme="light"] .pain-hdr{margin-bottom:44px}
[data-theme="light"] .pain-card{
  background:rgba(255,255,255,.8);
  border-color:rgba(220,180,180,.4);
  backdrop-filter:blur(8px);
}
[data-theme="light"] .pain-card:hover{
  background:rgba(255,255,255,.95);
  border-color:rgba(200,100,100,.35);
  box-shadow:0 12px 32px rgba(200,100,100,.08);
}
[data-theme="light"] .pain-title{color:#1A1A2E}
[data-theme="light"] .pain-desc{color:#5A6878}
[data-theme="light"] .pain-bottom{
  background:rgba(255,255,255,.7);
  border-color:rgba(180,210,255,.4);
  backdrop-filter:blur(12px);
}

/* ═══════════════════════════════════════════════════════════════════
   LIGHT THEME — BACKGROUND CONTINUITY FIX
   Sky gradient stays visible; content sections get glass cards
   ═══════════════════════════════════════════════════════════════════ */
[data-theme="light"] #story,
[data-theme="light"] #features,
[data-theme="light"] #comparison,
[data-theme="light"] #calculator,
[data-theme="light"] #testimonials{
  background:transparent;
}
/* Give story milestones a glass card so sky stays visible */
[data-theme="light"] .story-hdr,
[data-theme="light"] .m-content{
  backdrop-filter:blur(10px);
}
/* Features section: glassmorphic cards already handled */
/* Calculator section: frosted box */
[data-theme="light"] .calc-box{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(16px);
  border-color:rgba(180,210,255,.4);
}
/* Testimonials */
[data-theme="light"] .test-card{
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(10px);
  border-color:rgba(180,210,255,.35);
}
[data-theme="light"] .test-card:hover{
  background:rgba(255,255,255,.95);
  border-color:rgba(0,112,204,.25);
}
/* Footer glass */
[data-theme="light"] footer{
  background:rgba(232,241,255,.6);
  backdrop-filter:blur(16px);
  border-top-color:rgba(180,210,255,.4);
}