:root{
  --bg:#02040a;
  --panel:#091021;
  --panel2:#0d1530;
  --text:#f5f7fb;
  --muted:#939caf;
  --line:rgba(142,164,255,.16);
  --blue:#35c9ff;
  --indigo:#5d6dff;
  --violet:#7051ff;
  --green:#39e6b0;
  --danger:#ff6781;
  --scroll:0;
  --font-ui:"Segoe UI",Arial,sans-serif;
  --font-display:"Segoe UI",Arial,sans-serif;
  --font-mono:"Cascadia Code","Cascadia Mono",Consolas,"Courier New",monospace;
  --mood-hue:226;
  --mood-hue-alt:260;
  --mood-glow:.30;
}
@property --mood-hue{syntax:"<number>";inherits:true;initial-value:226}
@property --mood-hue-alt{syntax:"<number>";inherits:true;initial-value:260}
@property --mood-glow{syntax:"<number>";inherits:true;initial-value:.30}
*{box-sizing:border-box}
html{scroll-behavior:auto;overflow-x:hidden}
body{
  margin:0;
  background:
    radial-gradient(circle at 72% 12%,hsl(var(--mood-hue) 100% 58% / calc(var(--mood-glow) * .42)),transparent 28rem),
    radial-gradient(circle at 18% 78%,hsl(var(--mood-hue-alt) 100% 56% / calc(var(--mood-glow) * .24)),transparent 32rem),
    linear-gradient(180deg,#03050b,#010207 85%);
  color:var(--text);
  font-family:var(--font-ui);
  overflow-x:hidden;
  cursor:auto;
}
a,button,input{font:inherit}
a,button{cursor:pointer}
::selection{background:#6374ff;color:white}
#webgl{
  position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none
}
.fx-vignette{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(circle at 50% 43%,transparent 16%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.88) 100%),
    linear-gradient(180deg,rgba(0,0,0,.28),transparent 20%,transparent 80%,rgba(0,0,0,.52));
}
.fx-noise{
  position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.055;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.site{position:relative;z-index:4}
/* Minimal opening transition — the actual site orb is the intro. */
.boot{
  position:fixed;inset:0;z-index:999;
  background:#02040a;
  pointer-events:none;
  opacity:1;visibility:visible;
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),visibility .72s ease;
}
.boot.hide{opacity:0;visibility:hidden}

html.booting #webgl{
  opacity:.08 !important;
  transform:scale(.92);
  filter:blur(7px) saturate(.72) brightness(.78) !important;
}
html.boot-ready #webgl,
html.boot-complete #webgl{
  transform:scale(1);
  transition:opacity 1s ease,transform 1.05s cubic-bezier(.16,1,.3,1),filter 1s ease;
}

html.booting body > nav,
html.booting .site,
html.booting .download-shell,
html.booting .faq-shell,
html.booting .changelog-shell,
html.booting .side-menu-toggle{
  opacity:0;
  transform:translateY(7px);
}
html.boot-ready body > nav,
html.boot-ready .site,
html.boot-ready .download-shell,
html.boot-ready .faq-shell,
html.boot-ready .changelog-shell,
html.boot-ready .side-menu-toggle{
  opacity:1;
  transform:none;
  transition:opacity .72s ease .10s,transform .82s cubic-bezier(.16,1,.3,1) .10s;
}

@media (prefers-reduced-motion: reduce){
  .boot{transition:opacity .2s ease,visibility .2s ease}
  html.booting #webgl{transform:none;filter:none !important}
  html.boot-ready #webgl,
  html.boot-ready body > nav,
  html.boot-ready .site,
  html.boot-ready .download-shell,
  html.boot-ready .faq-shell,
  html.boot-ready .changelog-shell,
  html.boot-ready .side-menu-toggle{transition:none}
}

nav{
  position:fixed;left:0;right:0;top:0;z-index:30;height:78px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 clamp(18px,3vw,48px);
  background:linear-gradient(180deg,rgba(2,4,10,.72),rgba(2,4,10,0));
}
.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:-.02em}
.brand img{width:24px;height:24px;object-fit:contain}
.nav-mid{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#b9c4dd;text-shadow:0 0 12px rgba(111,128,255,.10)}
.nav-right{justify-self:end;display:flex;align-items:center;gap:16px}
.lang-switch{
  display:inline-flex;align-items:center;gap:3px;padding:3px;
  border:1px solid rgba(120,134,255,.32);border-radius:999px;
  background:rgba(7,11,24,.72);backdrop-filter:blur(12px);
  box-shadow:0 0 18px rgba(64,92,255,.12)
}
.lang-switch button{
  min-width:36px;border:0;border-radius:999px;padding:8px 10px;
  background:transparent;color:#cbd3e6;
  font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease
}
.lang-switch button.active{
  color:#ffffff;background:rgba(93,109,255,.30);
  box-shadow:inset 0 0 0 1px rgba(142,157,255,.42),0 0 16px rgba(111,128,255,.18)
}
.nav-right a{position:relative;color:#f2f5ff;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;text-shadow:0 0 16px rgba(111,128,255,.16)}
.nav-right a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(118,137,255,.9),rgba(255,255,255,0));opacity:0;transform:scaleX(.65);transition:opacity .2s ease,transform .2s ease}
.nav-right a:hover::after,.nav-right a.active-page::after,.nav-right a.nav-download::after{opacity:1;transform:scaleX(1)}
.nav-right a.nav-download{padding:8px 12px;border:1px solid rgba(124,137,255,.26);border-radius:999px;background:rgba(11,15,30,.58);box-shadow:0 0 18px rgba(71,95,255,.10)}
.inspect-btn{
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.36);
  color:#f7f9ff;background:rgba(255,255,255,.05);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  text-shadow:0 0 10px rgba(111,128,255,.18);box-shadow:0 0 18px rgba(255,255,255,.04)
}
.inspect-btn.on{border-color:rgba(83,201,255,.65);color:#6ed7ff;box-shadow:0 0 26px rgba(53,201,255,.10)}

.progress{
  position:fixed;right:18px;top:50%;z-index:25;width:1px;height:150px;background:rgba(255,255,255,.12);transform:translateY(-50%)
}
.progress i{display:block;width:1px;height:calc(var(--scroll)*100%);background:linear-gradient(var(--blue),var(--indigo))}

.telemetry{
  position:fixed;left:24px;bottom:22px;z-index:24;
  font:8px/1.65 var(--font-mono);color:#7f899d;
  letter-spacing:.08em;text-transform:uppercase
}
.telemetry .live{color:var(--green)}
.telemetry-grid{display:grid;grid-template-columns:auto auto;gap:1px 18px;margin-top:6px}
.telemetry-grid span:nth-child(even){text-align:right;color:#d6dce7}
.wave,.telemetry{display:none !important}

.wave{
  position:fixed;left:24px;top:96px;z-index:24;width:188px;height:74px;
  border:1px solid var(--line);border-radius:14px;background:rgba(3,6,15,.55);backdrop-filter:blur(12px);
  padding:9px 10px
}
.wave-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:#7f899d}
.wave canvas{display:block;width:100%;height:42px;margin-top:4px}

.inspect-note{
  position:fixed;right:28px;bottom:22px;z-index:26;padding:9px 11px;border:1px solid var(--line);
  border-radius:999px;background:rgba(3,6,15,.7);color:#8d97aa;font-size:8px;letter-spacing:.12em;text-transform:uppercase;
  opacity:0;transform:translateY(8px);transition:.22s ease;pointer-events:none
}
.inspect-note.show{opacity:1;transform:none}

.inspector{
  position:fixed;z-index:40;width:250px;padding:14px;border:1px solid var(--line);border-radius:16px;
  background:rgba(5,9,19,.90);backdrop-filter:blur(16px);box-shadow:0 24px 80px rgba(0,0,0,.35);
  opacity:0;transform:translateY(8px) scale(.98);transition:.17s ease;pointer-events:none
}
.inspector.show{opacity:1;transform:none}
.inspector small{display:block;color:#70809b;font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.inspector strong{display:block;font-size:14px;margin-bottom:7px}
.inspector p{margin:0;color:#9ca6b8;font-size:11px;line-height:1.55}

.scene-label{
  position:fixed;left:50%;bottom:20px;z-index:22;transform:translateX(-50%);
  padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(3,6,15,.58);backdrop-filter:blur(10px);
  font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#7f899d
}
.scene-label b{color:#d9e0ed;font-weight:600}

.scene-flash{
  position:fixed;inset:0;z-index:20;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 50% 50%,rgba(83,201,255,.035),transparent 62%);
  mix-blend-mode:screen;transition:opacity .55s ease
}
.scene-flash.on{opacity:.55}

.mascot{
  position:fixed;right:18px;bottom:58px;z-index:28;width:108px;height:117px;overflow:hidden;
  opacity:0;transform:translateX(18px) translateY(4px);transition:opacity .28s ease,transform .28s ease;
  pointer-events:none;filter:drop-shadow(0 15px 28px rgba(20,64,255,.20))
}
.mascot.show{opacity:1;transform:none}
.mascot img{height:100%;width:800%;max-width:none;display:block;transform:translateX(0%);transition:transform .22s steps(1,end)}
.mascot::after{
  content:"SENYTRA";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);
  font-size:7px;letter-spacing:.16em;color:#71809a
}

section{min-height:100vh;position:relative;padding:120px clamp(22px,5vw,76px) 90px}
.hero{height:118vh;display:grid;align-items:center;text-align:center}
.hero-inner{width:min(1180px,100%);margin:auto;position:relative}
.hero-logo{
  width:clamp(94px,9vw,138px);height:auto;display:block;margin:0 auto 26px;
  filter:drop-shadow(0 0 34px rgba(61,140,255,.25))
}
.kicker{font-size:9px;letter-spacing:.19em;text-transform:uppercase;color:#8791a4;margin-bottom:20px}
.hero h1{
  margin:0;font-size:clamp(58px,9.2vw,142px);line-height:.84;letter-spacing:-.073em;font-weight:650;text-transform:uppercase
}
.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(135,154,255,.72)}
.hero-bottom{
  margin:58px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;text-align:left;width:min(1100px,100%)
}
.hero-copy{max-width:400px;margin:0;color:#a2aabd;font-size:13px;line-height:1.72}
.scroll-orb{width:64px;height:64px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#aab3c4}
.hero-cta{justify-self:end}
.pill{
  display:inline-flex;gap:14px;align-items:center;padding:13px 17px;border-radius:999px;
  background:#f4f6fa;color:#070a10;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:.10em;text-transform:uppercase
}
.pill i{font-style:normal;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0a1020;color:white}

.story{min-height:128vh;display:flex;align-items:center}
.story-grid{width:100%;display:grid;grid-template-columns:.58fr 1.55fr .64fr;gap:38px;align-items:start}
.story h2{
  margin:0;font-size:clamp(52px,7vw,110px);line-height:.89;letter-spacing:-.063em;font-weight:550;text-transform:uppercase
}
.story h2 span{color:#6f7990}
.story-side{align-self:end;color:#9ba5b7;font-size:12px;line-height:1.7}
.story-side::before{content:"";display:block;width:58px;height:2px;background:linear-gradient(90deg,var(--indigo),var(--blue));margin-bottom:18px}
.index{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#67748c}

.product-copy{min-height:116vh;display:grid;align-items:center}
.copy-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:4px}
.copy-head h3{margin:0;font-size:clamp(30px,4vw,60px);font-weight:550;letter-spacing:-.04em}
.copy-head span{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#68758d}
.copy-row{
  min-height:155px;display:grid;grid-template-columns:.8fr 1.4fr .55fr;gap:22px;align-items:center;border-bottom:1px solid var(--line)
}
.copy-row .label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#7f8ba1}
.copy-row strong{font-size:clamp(44px,6.5vw,92px);font-weight:520;letter-spacing:-.06em;line-height:1}
.copy-row strong em{font-style:normal;color:#7a85ff}
.copy-row small{justify-self:end;color:#69758b;font-size:8px;letter-spacing:.12em;text-transform:uppercase}

.compare{min-height:120vh;display:grid;align-items:center}
.compare-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}
.compare-head h2{margin:0;font-size:clamp(52px,7vw,112px);line-height:.88;letter-spacing:-.064em;font-weight:550;text-transform:uppercase}
.compare-head h2 span{color:#6b758a}
.compare-head p{max-width:380px;color:#98a2b5;font-size:12px;line-height:1.7}
.scrubber{
  position:relative;height:460px;border:1px solid var(--line);border-radius:24px;overflow:hidden;--compare:50%;
  background:#060913
}
.scrub-pane{position:absolute;inset:0;padding:30px;display:block;overflow:hidden;will-change:clip-path}
.scrub-before{background:linear-gradient(135deg,#090b12,#04050a);clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.scrub-after{
  background:radial-gradient(circle at 60% 50%,rgba(93,109,255,.13),transparent 34%),linear-gradient(135deg,#081025,#040711);
  clip-path:inset(0 0 0 var(--compare))
}
.scrub-top,.scrub-big,.scrub-grid{position:absolute;z-index:3}
.scrub-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#78849a}
.scrub-big{font-size:clamp(42px,5.7vw,82px);line-height:.88;letter-spacing:-.058em;text-transform:uppercase;color:rgba(255,255,255,.10);font-weight:600}
.scrub-after .scrub-big{color:rgba(119,137,255,.16)}
.scrub-grid{display:grid;grid-template-columns:1fr;gap:12px}
.scrub-grid div{border-top:1px solid rgba(255,255,255,.09);padding-top:11px}
.scrub-grid span{display:block;color:#6f7b92;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.scrub-grid b{display:block;margin-top:6px;font-size:18px;font-weight:550;color:#c9d1df}
.scrub-after .scrub-grid b{color:#7c8cff}
.scrub-visual{position:absolute;left:26px;right:26px;top:58px;bottom:86px;z-index:1;pointer-events:none}
.scrub-before .scrub-visual{filter:saturate(.72) brightness(.9)}
.scrub-after .scrub-visual{filter:saturate(1.05) brightness(1.0)}
.win-card{position:absolute;border-radius:18px;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.win-card::before{content:"";position:absolute;left:0;right:0;top:0;height:26px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.win-card::after{content:"";position:absolute;left:14px;right:14px;bottom:16px;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%),repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 1px,transparent 1px 17px);opacity:.7}
.win-card span{position:absolute;left:14px;top:8px;width:34px;height:8px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:46px 0 0 rgba(255,255,255,.08),88px 0 0 rgba(255,255,255,.06)}
.before-main{left:14%;top:15%;width:36%;height:44%;background:linear-gradient(180deg,#0a0f18,#06080f);box-shadow:0 24px 40px rgba(0,0,0,.24)}
.before-side{left:30%;top:12%;width:30%;height:28%;background:linear-gradient(180deg,#0c111a,#070910);transform:rotate(-2deg)}
.before-mini{left:5%;top:34%;width:22%;height:22%;background:linear-gradient(180deg,#0c1017,#05070c);transform:rotate(5deg)}
.scrub-before .glitch-layer{position:absolute;inset:0;mix-blend-mode:screen;opacity:.28;background:
  repeating-linear-gradient(180deg,rgba(104,121,255,.10) 0 2px,transparent 2px 10px),
  linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.04) 12% 18%,transparent 18% 34%,rgba(99,121,255,.08) 34% 40%,transparent 40% 100%);
  animation:glitchShift 3.2s steps(2,end) infinite}
.scrub-before .noise-bars{position:absolute;inset:8% 4% 10%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 26px);opacity:.10;transform:skewX(-8deg)}
.scrub-before .stutter{animation:stutterPane 3.4s steps(2,end) infinite}
.scrub-before .ghost-copy{position:absolute;inset:0;opacity:.07;transform:translate(5px,-3px);filter:blur(.3px)}
.clean-panel{position:absolute;border-radius:20px;border:1px solid rgba(132,147,255,.16);background:linear-gradient(180deg,rgba(13,20,42,.92),rgba(8,12,24,.88));box-shadow:0 12px 40px rgba(26,42,128,.18), inset 0 1px 0 rgba(255,255,255,.03)}
.clean-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;border-bottom:1px solid rgba(132,147,255,.10);background:linear-gradient(180deg,rgba(91,115,255,.10),rgba(91,115,255,.02))}
.clean-panel::after{content:"";position:absolute;left:18px;right:18px;bottom:18px;height:42%;background:linear-gradient(180deg,rgba(110,132,255,.10),transparent 25%),repeating-linear-gradient(180deg,rgba(123,138,255,.18) 0 2px,transparent 2px 18px);opacity:.72}
.clean-panel strong{position:absolute;left:18px;top:8px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#a9b5ff}
.after-main{left:56%;top:12%;width:26%;height:40%}
.after-side{left:56%;top:56%;width:12%;height:16%}
.after-bottom{left:70%;top:56%;width:16%;height:16%}
.after-chip{position:absolute;left:56%;top:76%;width:24%;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(83,201,255,.30),rgba(104,122,255,.42))}
.after-dot{position:absolute;right:12%;bottom:20%;width:9px;height:9px;border-radius:50%;background:#7a89ff;box-shadow:0 0 18px rgba(122,137,255,.55)}
@keyframes glitchShift{0%,100%{transform:translate(0,0)}20%{transform:translate(-7px,0)}40%{transform:translate(5px,2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(6px,1px)}}
@keyframes stutterPane{0%,100%{transform:translate(0,0)}18%{transform:translate(3px,-1px)}19%{transform:translate(-4px,2px)}20%{transform:translate(0,0)}54%{transform:translate(-2px,1px)}55%{transform:translate(4px,-2px)}56%{transform:translate(0,0)}}

.scrub-before .scrub-top{left:30px;top:28px;width:32%;max-width:320px}
.scrub-before .scrub-big{left:30px;top:170px;width:34%;max-width:330px}
.scrub-before .scrub-grid{left:30px;bottom:28px;width:30%;max-width:300px}
.scrub-after .scrub-top{right:30px;top:28px;width:28%;max-width:290px}
.scrub-after .scrub-big{right:30px;top:170px;width:27%;max-width:285px;text-align:left}
.scrub-after .scrub-grid{right:30px;bottom:28px;width:28%;max-width:290px}
.scrub-after .scrub-top span:last-child,.scrub-after .scrub-top span:first-child{text-align:left}
.scrub-after .scrub-big{color:rgba(128,145,255,.22)}
.scrub-before .scrub-big{color:rgba(255,255,255,.12)}

.scrub-divider{position:absolute;top:0;bottom:0;left:var(--compare);width:1px;background:#dce3ef;z-index:5}
.scrub-divider::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;
  background:#f0f3f8;border:8px solid #111727;box-shadow:0 0 0 1px rgba(255,255,255,.2)
}
.scrub-input{position:absolute;inset:0;z-index:8;width:100%;height:100%;opacity:0;cursor:ew-resize}


/* Windows load -> Senytra cleanup comparison */
.cleanup-scene{position:absolute;inset:0;padding:26px 28px 24px;z-index:3;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px}
.cleanup-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#738097}
.cleanup-head .state{display:inline-flex;align-items:center;gap:8px}
.cleanup-head .state i{width:6px;height:6px;border-radius:50%;display:block}
.cleanup-before .state i{background:#ff7182;box-shadow:0 0 14px rgba(255,82,104,.36)}
.cleanup-after .state i{background:#42e6b4;box-shadow:0 0 14px rgba(66,230,180,.30)}
.cleanup-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cleanup-stat{min-height:72px;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 13px;background:rgba(255,255,255,.018)}
.cleanup-stat span{display:block;font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:#6f7b90}
.cleanup-stat b{display:block;margin-top:8px;font-size:22px;line-height:1;font-weight:590;letter-spacing:-.04em;color:#d8dde6}
.cleanup-stat small{display:block;margin-top:5px;font-size:8px;color:#6f7a8e}
.cleanup-before .cleanup-stat b{color:#d7dbe3}
.cleanup-after .cleanup-stat b{color:#7f8dff}
.cleanup-after .cleanup-stat.good b{color:#45dfb0}
.cleanup-main{display:grid;grid-template-columns:1.4fr .86fr;gap:12px;min-height:0}
.cleanup-card{position:relative;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:13px 14px;background:rgba(5,8,16,.64);overflow:hidden}
.cleanup-after .cleanup-card{border-color:rgba(107,126,255,.14);background:rgba(8,13,29,.66)}
.cleanup-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#7b879b}
.cleanup-card-title b{font-weight:600;color:#aab3c1}
.service-list{display:grid;gap:6px}
.service-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.035)}
.service-name{font-size:10px;color:#c9ced8}
.service-name small{display:block;margin-top:2px;font-size:7px;color:#69758a}
.service-state{display:inline-flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.10em;text-transform:uppercase;color:#8792a5}
.service-state i{width:5px;height:5px;border-radius:50%;display:block}
.cleanup-before .service-state i{background:#ff6c7d;box-shadow:0 0 9px rgba(255,82,104,.35)}
.cleanup-after .service-state i{background:#42e6b4;box-shadow:0 0 9px rgba(66,230,180,.25)}
.cleanup-before .service-row{animation:serviceStutter 3.1s steps(2,end) infinite}
.cleanup-before .service-row:nth-child(2){animation-delay:-.7s}
.cleanup-before .service-row:nth-child(3){animation-delay:-1.4s}
.cleanup-before .service-row:nth-child(4){animation-delay:-2.1s}
.junk-list{display:grid;gap:10px;margin-top:3px}
.junk-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
.junk-item span{font-size:9px;color:#939daf}
.junk-item b{font-size:10px;font-weight:600;color:#c7cdd7}
.junk-track{grid-column:1/-1;height:3px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}
.junk-track i{display:block;height:100%;border-radius:999px}
.cleanup-before .junk-track i{background:linear-gradient(90deg,#8a3546,#ff6478);box-shadow:0 0 12px rgba(255,80,104,.12)}
.cleanup-after .junk-track i{background:linear-gradient(90deg,#39cfa3,#63e7c2)}
.cleanup-before .junk-track i.w72{width:72%}.cleanup-before .junk-track i.w48{width:48%}.cleanup-before .junk-track i.w36{width:36%}
.cleanup-after .junk-track i{width:0%}
.cleanup-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gain-box{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);color:#707c90;font-size:8px;letter-spacing:.10em;text-transform:uppercase}
.gain-box b{font-size:12px;letter-spacing:-.02em;text-transform:none;color:#cfd5df}
.cleanup-after .gain-box b{color:#67e3bd}
.cleanup-before::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0 1px,transparent 1px 8px);animation:scanNoise 3.2s steps(2,end) infinite}
.cleanup-after::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 20%,rgba(90,112,255,.08),transparent 35%)}
@keyframes serviceStutter{0%,100%{transform:translateX(0)}18%{transform:translateX(0)}19%{transform:translateX(-2px)}20%{transform:translateX(1px)}21%{transform:translateX(0)}62%{transform:translateX(0)}63%{transform:translateX(2px)}64%{transform:translateX(-1px)}65%{transform:translateX(0)}}
@keyframes scanNoise{0%,100%{transform:translateY(0)}45%{transform:translateY(0)}46%{transform:translateY(3px)}47%{transform:translateY(-2px)}48%{transform:translateY(0)}}

@media(max-width:820px){
  .cleanup-scene{padding:18px 18px 16px;grid-template-rows:auto auto 1fr auto;gap:10px}
  .cleanup-summary{grid-template-columns:1fr 1fr}
  .cleanup-summary .cleanup-stat:nth-child(3),.cleanup-summary .cleanup-stat:nth-child(4){display:none}
  .cleanup-main{grid-template-columns:1fr}
  .cleanup-main .cleanup-card:nth-child(2){display:none}
  .cleanup-stat{min-height:60px;padding:10px}.cleanup-stat b{font-size:18px}
  .service-row{padding:7px 8px}.service-name{font-size:9px}
  .cleanup-footer{grid-template-columns:1fr}.gain-box:nth-child(2){display:none}
}

.final{min-height:112vh;display:grid;place-items:center;text-align:center}
.final-logo{width:clamp(110px,11vw,165px);height:auto;filter:drop-shadow(0 0 38px rgba(84,104,255,.28))}
.final h2{margin:24px 0 0;font-size:clamp(58px,8vw,120px);line-height:.84;letter-spacing:-.07em;font-weight:560;text-transform:uppercase}
.final h2 span{color:#6f7cff}
.final p{max-width:570px;margin:28px auto 0;color:#9aa4b7;font-size:13px;line-height:1.72}
.final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.final .pill.secondary{background:transparent;border:1px solid var(--line);color:#dce3ef}
.final-chibi{display:flex;justify-content:center;margin-top:26px}
.final-chibi .single{width:118px;height:128px;overflow:hidden;position:relative}
.final-chibi .single img{height:100%;width:800%;max-width:none;transform:translateX(-37.5%)}

footer{
  min-height:210px;border-top:1px solid var(--line);padding:42px clamp(22px,5vw,76px);
  display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;color:#657188;font-size:8px;letter-spacing:.13em;text-transform:uppercase
}
footer div:nth-child(2){text-align:center}footer div:nth-child(3){text-align:right}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.on{opacity:1;transform:none}


/* subtle local readability veils behind copy only */
.hero-inner,
.story-grid,
.copy-head,
.copy-row,
.compare-head,
.final > div{
  position:relative;
}
.hero-inner::before,
.story-grid::before,
.compare-head::before,
.final > div::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:-42px -54px;
  background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.28) 0%,rgba(0,0,0,.16) 46%,rgba(0,0,0,0) 76%);
  filter:blur(4px);
}
.copy-head::before,
.copy-row::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:-24px -34px;
  background:linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.13) 62%,rgba(0,0,0,0));
  filter:blur(3px);
}
.hero-copy,
.story-side,
.compare-head p,
.final p{
  text-shadow:0 2px 14px rgba(0,0,0,.48);
}

@media(max-width:820px){
  body{cursor:auto} a,button{cursor:pointer}
  .hero{grid-template-columns:minmax(0,1fr);overflow:hidden}
  .hero-inner{width:100%;min-width:0;max-width:100%}
  .hero-inner::before{inset:-42px 0}
  .hero h1{max-width:100%;font-size:clamp(44px,13vw,58px);overflow-wrap:normal}
  nav{grid-template-columns:1fr auto}.nav-mid{display:none}.nav-right{gap:9px}.nav-right a{display:none}
  .lang-switch{display:inline-flex;padding:2px}.lang-switch button{min-width:31px;padding:6px 7px;font-size:8px}
  .inspect-btn{display:none}.inspect-note,.inspector{display:none}
  .wave{left:14px;top:auto;bottom:100px;width:148px;height:64px}
  .telemetry{display:none}.scene-label{display:none}
  .mascot{width:82px;height:89px;right:8px;bottom:18px}
  .hero{height:106vh}.hero-bottom{grid-template-columns:1fr 1fr}.scroll-orb{display:none}
  .story-grid{grid-template-columns:1fr;gap:22px}.story-side{max-width:400px}
  .copy-row{grid-template-columns:1fr 1fr}.copy-row small{display:none}
  .compare-head{display:block}.compare-head p{margin-top:22px}.scrub-before .scrub-top,.scrub-before .scrub-big,.scrub-before .scrub-grid,.scrub-after .scrub-top,.scrub-after .scrub-big,.scrub-after .scrub-grid{width:40%;max-width:none}.scrub-before .scrub-big,.scrub-after .scrub-big{top:145px}.scrub-grid b{font-size:16px}
  .scrubber{height:400px}.scrub-grid{grid-template-columns:1fr 1fr}.scrub-grid div:nth-child(3){display:none}
  footer{grid-template-columns:1fr;gap:14px}footer div:nth-child(2),footer div:nth-child(3){text-align:left}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}


/* Editorial typography pass */
.hero h1,.story h2,.copy-head h3,.copy-row strong,.compare-head h2,.final h2{
  font-family:var(--font-display);
}
.hero h1{line-height:.90;letter-spacing:-.052em;font-weight:600;text-transform:none}
.hero h1 span{color:#9da8ff;-webkit-text-stroke:0}
.story h2{line-height:.94;letter-spacing:-.045em;font-weight:590;text-transform:none}
.compare-head h2{line-height:.94;letter-spacing:-.046em;font-weight:590;text-transform:none}
.final h2{line-height:.91;letter-spacing:-.052em;font-weight:600;text-transform:none}
.copy-head h3{letter-spacing:-.032em;font-weight:600}
.copy-row strong{letter-spacing:-.045em;font-weight:560}
.kicker{letter-spacing:.08em;text-transform:none;font-size:10px}
.nav-mid,.nav-right a,.inspect-btn,.pill{letter-spacing:.055em;text-transform:none}
.index,.copy-head span,.copy-row .label,.copy-row small{letter-spacing:.09em}


/* Readability refinement */
.kicker,
.section-eyebrow,
.copy-head span,
.final-subline,
.story .index{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  background:rgba(2,4,10,.24);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.14)
}

.hero h1,
.story h2,
.compare-head h2,
.section-title,
.restore-copy strong,
.final h2,
.copy-head h3{
  display:inline-block;padding:.12em .18em .16em;border-radius:26px;
  background:linear-gradient(180deg,rgba(2,4,10,.26),rgba(2,4,10,.10));
  box-shadow:0 18px 48px rgba(0,0,0,.14)
}

.hero-copy,
.story-side,
.compare-head p,
.section-lead,
.restore-copy p,
.final p,
.copy-row small{
  padding:14px 16px;border-radius:18px;
  background:rgba(2,4,10,.24);backdrop-filter:blur(10px);
  box-shadow:0 14px 38px rgba(0,0,0,.14)
}

.story-side::before{margin-bottom:14px}
.hero-copy{max-width:440px}
.compare-head p{max-width:430px}
.final p{max-width:760px;margin-left:auto;margin-right:auto}

@media(max-width:700px){
  .hero h1,.story h2,.compare-head h2,.section-title,.restore-copy strong,.final h2,.copy-head h3{border-radius:22px;padding:.14em .18em}
  .hero-copy,.story-side,.compare-head p,.section-lead,.restore-copy p,.final p{padding:12px 14px;border-radius:16px}
}


/* Polishing pass */
.scene-label{display:none !important}
.mascot::after{content:none !important;display:none !important}
.story .index,
.copy-head span,
.section-eyebrow,
.final-subline{display:none !important}

.final-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.final-brand .kicker{margin:0}
.final-logo{width:clamp(88px,8vw,120px);margin:0 auto}

@media(max-width:700px){
  .final-brand{gap:10px}
  .final-logo{width:74px}
}


/* Restore centered story layout */
#setup .story-grid,
#overview .story-grid,
#tweaks .story-grid{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
  gap:24px;
}
#setup .story h2,
#overview .story h2,
#tweaks .story h2,
#setup h2,
#overview h2,
#tweaks h2{
  text-align:center;
  margin-inline:auto;
}
#setup .story-side,
#overview .story-side,
#tweaks .story-side{
  align-self:start;
  max-width:760px;
  margin:0 auto;
  text-align:center;
}
#setup .story-side::before,
#overview .story-side::before,
#tweaks .story-side::before{
  margin:0 auto 18px;
}

/* Keep the Guided Start scene on screen long enough to read */
.product-copy[data-scene="Guided Start"]{
  min-height:165vh;
}
@media(max-width:820px){
  .product-copy[data-scene="Guided Start"]{
    min-height:135vh;
  }
}


.wave,.telemetry{display:none !important}


/* Download page */
body.download-page .scene-label,
body.download-page .inspector,
body.download-page .inspect-note{display:none}
body.download-page nav{background:linear-gradient(180deg,rgba(2,4,10,.82),rgba(2,4,10,.14))}
.download-shell{position:relative;z-index:4;min-height:100vh;display:grid;place-items:center;padding:120px 24px 64px}
.download-hero{width:min(1120px,100%);text-align:center;display:grid;justify-items:center;gap:22px}
.download-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#a2aed0}
.download-hero h1{margin:0;font-size:clamp(56px,9vw,132px);line-height:.92;letter-spacing:-.06em;max-width:12ch}
.download-hero h1 span{color:#8790ff}
.download-copy{max-width:720px;margin:0 auto;color:#c6cfdf;font-size:18px;line-height:1.8}
.download-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px}
.download-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:260px;padding:20px 30px;border-radius:999px;text-decoration:none;color:#050814;font-size:15px;font-weight:800;letter-spacing:.03em;background:linear-gradient(90deg,#ffffff 0%,#eef2ff 42%,#8a96ff 100%);box-shadow:0 0 0 1px rgba(255,255,255,.20),0 16px 40px rgba(54,71,255,.26);overflow:hidden;transform:translateY(0);transition:transform .2s ease,box-shadow .25s ease}
.download-button i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#091128;color:#fff;font-style:normal;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.download-button::before{content:"";position:absolute;inset:-40% auto -40% -22%;width:34%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0));transform:rotate(18deg);animation:downloadShine 3.8s linear infinite}
.download-button::after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:1px solid rgba(138,150,255,.46);opacity:.65;animation:downloadPulse 2.4s ease-in-out infinite}
.download-button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.22),0 18px 50px rgba(76,95,255,.34)}
@keyframes downloadShine{0%{transform:translateX(-140%) rotate(18deg)}55%,100%{transform:translateX(340%) rotate(18deg)}}
@keyframes downloadPulse{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.04);opacity:.9}}
.download-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:10px}
.download-meta > div{padding:18px 20px;border:1px solid rgba(108,122,255,.16);border-radius:26px;background:linear-gradient(180deg,rgba(7,12,28,.78),rgba(3,7,18,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.download-meta span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8894ad;margin-bottom:8px}
.download-meta b{display:block;font-size:18px;color:#eff2ff;line-height:1.35}
.download-note{font-size:13px;color:#97a2b8;letter-spacing:.02em}
.download-orb-copy{position:relative;z-index:3}
@media (max-width: 900px){
  .download-hero h1{font-size:clamp(48px,14vw,88px)}
  .download-copy{font-size:16px;max-width:580px}
  .download-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .download-shell{padding-top:110px}
  .download-actions{flex-direction:column;width:100%}
  .download-button,.download-actions .pill{width:100%;justify-content:center}
  .download-meta{grid-template-columns:1fr}
}


/* FAQ page */
body.faq-page .scene-label,
body.faq-page .inspector{display:none}
body.faq-page nav{background:linear-gradient(180deg,rgba(2,4,10,.82),rgba(2,4,10,.10))}
.faq-shell{position:relative;z-index:4;padding:118px 24px 88px;max-width:1240px;margin:0 auto}
.faq-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:end;margin-bottom:46px}
.faq-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#a2aed0;margin-bottom:18px}
.faq-hero h1{margin:0;font-size:clamp(54px,8.2vw,124px);line-height:.9;letter-spacing:-.06em;max-width:10ch}
.faq-hero h1 span{color:#8790ff}
.faq-hero-copy{padding:24px 26px;border:1px solid rgba(117,131,255,.16);border-radius:28px;background:linear-gradient(180deg,rgba(6,10,24,.72),rgba(3,7,18,.58));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.faq-hero-copy p{margin:0;color:#c8d0df;font-size:17px;line-height:1.9}
.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.faq-grid > article{padding:24px;border:1px solid rgba(117,131,255,.16);border-radius:28px;background:linear-gradient(180deg,rgba(6,10,24,.72),rgba(3,7,18,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.faq-grid span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8994ac;margin-bottom:12px}
.faq-grid h3{margin:0 0 8px;font-size:24px;letter-spacing:-.03em}
.faq-grid p{margin:0;color:#b7c0d2;font-size:15px;line-height:1.8}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.faq-item{border:1px solid rgba(117,131,255,.16);border-radius:26px;background:linear-gradient(180deg,rgba(6,10,24,.82),rgba(3,7,18,.68));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;color:#eef2ff;font-size:18px;font-weight:650;letter-spacing:-.02em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary b{font-weight:700;max-width:82%}
.faq-item summary i{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(126,141,255,.22);font-style:normal;color:#98a6ff;background:rgba(10,15,34,.52);transition:transform .25s ease,background .25s ease,color .25s ease}
.faq-item[open] summary i{transform:rotate(45deg);background:rgba(93,109,255,.22);color:#fff}
.faq-answer{padding:0 24px 22px;color:#bcc6d9;font-size:15px;line-height:1.9}
.faq-answer p{margin:0 0 12px}
.faq-answer ul{margin:0;padding-left:18px}
.faq-answer li{margin:0 0 8px}
.faq-cta{margin-top:28px;padding:26px 28px;border:1px solid rgba(117,131,255,.16);border-radius:30px;background:linear-gradient(180deg,rgba(6,10,24,.74),rgba(3,7,18,.62));display:flex;align-items:center;justify-content:space-between;gap:20px}
.faq-cta h3{margin:0 0 8px;font-size:28px;letter-spacing:-.03em}
.faq-cta p{margin:0;color:#b8c3d8;font-size:15px;line-height:1.8;max-width:640px}
.faq-note{margin-top:18px;text-align:center;color:#91a0ba;font-size:13px;letter-spacing:.02em}
@media (max-width: 980px){
  .faq-hero{grid-template-columns:1fr;gap:20px}
  .faq-grid{grid-template-columns:1fr}
  .faq-list{grid-template-columns:1fr}
  .faq-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width: 640px){
  .faq-shell{padding:108px 18px 76px}
  .faq-hero h1{font-size:clamp(42px,14vw,72px)}
  .faq-hero-copy p,.faq-answer,.faq-grid p{font-size:14px}
  .faq-item summary{font-size:16px;padding:18px 18px}
  .faq-answer{padding:0 18px 18px}
}


/* Download page refinement */
body.download-page .fx-vignette,
body.faq-page .fx-vignette{opacity:.72}
body.download-page #webgl,
body.faq-page #webgl{opacity:1}
.download-hero{gap:18px}
.download-kicker{font-size:10px;letter-spacing:.20em}
.download-hero h1{
  font-size:clamp(46px,6.2vw,94px);
  line-height:.94;
  letter-spacing:-.052em;
  max-width:15ch;
  font-weight:620
}
.download-copy{max-width:680px;font-size:16px;line-height:1.75}
.download-actions{margin-top:4px}
.download-meta{margin-top:18px}
.download-note{font-size:12px}

/* FAQ — simple editorial layout inspired by the reference */
.faq-shell{position:relative;z-index:4;padding:124px 28px 92px;max-width:1460px;margin:0 auto}
.faq-hero{
  display:block;
  max-width:920px;
  margin:0 0 58px;
}
.faq-kicker{font-size:10px;letter-spacing:.20em;text-transform:uppercase;color:#8c98b1;margin-bottom:16px}
.faq-hero h1{
  margin:0;
  font-size:clamp(48px,5.4vw,78px);
  line-height:.96;
  letter-spacing:-.048em;
  max-width:12ch;
  font-weight:610
}
.faq-hero h1 span{color:#8790ff}
.faq-hero-copy{
  max-width:760px;
  margin-top:22px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  backdrop-filter:none;
  box-shadow:none
}
.faq-hero-copy p{margin:0;color:#aeb8cb;font-size:15px;line-height:1.8}
.faq-grid{display:none !important}
.faq-board{
  display:grid;
  grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);
  gap:72px;
  align-items:start;
  border-top:1px solid rgba(146,160,208,.18);
  padding-top:26px
}
.faq-board-title{position:sticky;top:116px;padding-top:6px}
.faq-board-title span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7180a0;margin-bottom:16px}
.faq-board-title h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.045em;font-weight:580}
.faq-list{display:block;border-top:1px solid rgba(255,255,255,.08)}
.faq-item{
  border:0;
  border-bottom:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:24px 0;
  color:#f0f3fa;
  font-size:18px;
  font-weight:600;
  letter-spacing:-.018em
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary b{font-weight:600;max-width:90%}
.faq-item summary i{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:0;
  border-radius:0;
  background:none;
  color:#8ea1c3;
  font-size:24px;
  font-weight:300;
  transition:transform .22s ease,color .22s ease
}
.faq-item[open] summary i{transform:rotate(45deg);background:none;color:#aab7ff}
.faq-answer{padding:0 54px 25px 0;color:#aeb8cb;font-size:14px;line-height:1.85;max-width:860px}
.faq-answer p{margin:0 0 12px}
.faq-answer ul{margin:8px 0 0;padding-left:19px}
.faq-answer li{margin:0 0 8px}
.faq-cta{
  margin:54px 0 0 auto;
  max-width:920px;
  padding:22px 0 0;
  border:0;
  border-top:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}
.faq-cta h3{margin:0 0 7px;font-size:22px;letter-spacing:-.025em}
.faq-cta p{margin:0;color:#9da9bd;font-size:14px;line-height:1.75;max-width:600px}
.faq-note{margin-top:18px;text-align:right;color:#71809d;font-size:11px;letter-spacing:.03em}

@media(max-width:980px){
  .download-hero h1{font-size:clamp(44px,10vw,76px)}
  .faq-board{grid-template-columns:1fr;gap:24px}
  .faq-board-title{position:relative;top:auto}
  .faq-board-title h2{font-size:42px}
  .faq-cta{margin-left:0}
}
@media(max-width:640px){
  .download-hero h1{font-size:clamp(40px,12vw,64px)}
  .download-copy{font-size:14px}
  .faq-shell{padding:108px 18px 74px}
  .faq-hero{margin-bottom:38px}
  .faq-hero h1{font-size:clamp(40px,12vw,58px)}
  .faq-hero-copy p{font-size:14px}
  .faq-item summary{font-size:16px;padding:20px 0}
  .faq-answer{font-size:13px;padding-right:22px}
  .faq-cta{flex-direction:column;align-items:flex-start}
  .faq-note{text-align:left}
}


/* FAQ POLISHED LAYOUT */
body.download-page #webgl{opacity:.82;filter:saturate(.84) brightness(.92)}
body.faq-page #webgl{opacity:.72;filter:saturate(.82) brightness(.84)}
body.download-page .fx-vignette{opacity:.82}
body.faq-page .fx-vignette{opacity:.86}

.faq-shell{
  position:relative;z-index:4;width:min(1420px,calc(100% - 56px));
  margin:0 auto;padding:132px 0 82px
}
.faq-layout{
  min-height:690px;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);
  gap:clamp(54px,7vw,118px);align-items:start
}
.faq-heading{position:sticky;top:122px;padding-top:8px}
.faq-kicker{
  margin:0 0 20px;font-size:10px;font-weight:650;letter-spacing:.19em;
  text-transform:uppercase;color:#7e8ba8
}
.faq-heading h1{
  margin:0;max-width:7.2ch;font-size:clamp(54px,5.7vw,86px);line-height:.94;
  letter-spacing:-.055em;font-weight:610
}
.faq-heading h1 span{color:#7c88ff}
.faq-heading>p{
  max-width:430px;margin:24px 0 0;color:#aeb8cb;font-size:14px;line-height:1.8
}
.faq-side-note{
  display:flex;align-items:center;gap:14px;margin-top:42px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);max-width:430px
}
.faq-side-note span{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#667695}
.faq-side-note strong{font-size:13px;font-weight:560;color:#c7d0df}

.faq-list{display:block;border-top:1px solid rgba(255,255,255,.10)}
.faq-item{
  margin:0;border:0;border-bottom:1px solid rgba(255,255,255,.10);border-radius:0;
  background:transparent;box-shadow:none;overflow:visible
}
.faq-item summary{
  min-height:82px;list-style:none;display:flex;align-items:center;justify-content:space-between;
  gap:26px;padding:0 4px 0 0;color:#edf2ff;font-size:18px;font-weight:600;
  letter-spacing:-.018em;cursor:pointer
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary b{font-weight:600;max-width:88%}
.faq-item summary i{
  flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:0;
  background:transparent;color:#8191b1;font-size:20px;font-weight:300;font-style:normal;
  transition:transform .25s ease,color .25s ease
}
.faq-item[open] summary i{transform:rotate(45deg);color:#8f9aff;background:transparent}
.faq-answer{
  max-width:790px;padding:0 50px 24px 0;color:#aab5c8;font-size:14px;line-height:1.82
}
.faq-answer p{margin:0 0 12px}
.faq-answer ul{margin:8px 0 2px;padding-left:18px}
.faq-answer li{margin:0 0 7px}

.faq-cta{
  width:calc(100% - min(38%,520px));margin:42px 0 0 auto;padding:22px 0 0;
  border:0;border-top:1px solid rgba(255,255,255,.09);border-radius:0;background:transparent;
  display:flex;align-items:center;justify-content:space-between;gap:26px
}
.faq-cta h3{margin:0 0 6px;font-size:20px;letter-spacing:-.025em}
.faq-cta p{margin:0;max-width:580px;color:#8997ad;font-size:13px;line-height:1.65}
.faq-download-button{min-width:190px;padding:14px 20px;font-size:12px}
.faq-download-button i{width:28px;height:28px}
.faq-note{margin:18px 0 0;text-align:right;color:#667695;font-size:10px;letter-spacing:.03em}

@media(max-width:980px){
  .faq-shell{width:min(100% - 36px,820px);padding-top:112px}
  .faq-layout{min-height:auto;grid-template-columns:1fr;gap:44px}
  .faq-heading{position:relative;top:auto}
  .faq-heading h1{max-width:9ch;font-size:clamp(48px,10vw,72px)}
  .faq-heading>p,.faq-side-note{max-width:600px}
  .faq-cta{width:100%;margin-left:0}
}
@media(max-width:640px){
  .faq-shell{width:calc(100% - 28px);padding-top:104px}
  .faq-heading h1{font-size:clamp(42px,14vw,60px)}
  .faq-item summary{min-height:72px;font-size:16px}
  .faq-answer{padding-right:24px;font-size:13px}
  .faq-cta{flex-direction:column;align-items:flex-start}
  .faq-download-button{width:100%;justify-content:center}
  .faq-note{text-align:left}
}


/* Final CTA logo refinement: remove brand text, bring logo closer, make it slightly larger */
.final-brand{
  gap:0;
  margin-bottom:0;
}
.final-logo{
  width:clamp(102px,8.8vw,134px);
  margin:0 auto;
}
.final h2{
  margin:10px 0 0;
}
@media(max-width:700px){
  .final-logo{width:82px}
  .final h2{margin-top:8px}
}


/* ---- runtime polish: side menu, controlled hearts, download/faq/changelog layout ---- */
.nav-right .inspect-btn{display:none !important}

.side-menu-toggle{
  position:fixed;left:18px;top:118px;z-index:60;display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:999px;border:1px solid rgba(109,126,255,.28);
  background:rgba(7,12,26,.84);backdrop-filter:blur(16px);color:#eef2ff;
  box-shadow:0 0 26px rgba(68,96,255,.18);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.side-menu-toggle:hover{border-color:rgba(129,151,255,.58);box-shadow:0 0 30px rgba(87,110,255,.22)}
body.menu-open .side-menu-toggle{opacity:0;transform:translateX(-14px);pointer-events:none}
.menu-icon{display:inline-flex;flex-direction:column;gap:4px}
.menu-icon i{display:block;width:14px;height:1px;background:linear-gradient(90deg,#ffffff,#8a96ff)}
.side-menu-overlay{position:fixed;inset:0;background:rgba(1,3,10,.56);backdrop-filter:blur(4px);z-index:58}
.side-menu-panel{
  position:fixed;left:18px;top:88px;width:min(280px,calc(100vw - 36px));padding:18px;border-radius:28px;
  border:1px solid rgba(110,128,255,.20);background:linear-gradient(180deg,rgba(8,12,28,.93),rgba(4,7,18,.88));
  box-shadow:0 0 42px rgba(39,60,154,.24);z-index:59;transform:translateX(-118%);opacity:0;pointer-events:none;
  transition:transform .24s ease,opacity .24s ease;
}
body.menu-open .side-menu-panel{transform:translateX(0);opacity:1;pointer-events:auto}
.side-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.side-menu-kicker{display:block;font-size:10px;letter-spacing:.20em;text-transform:uppercase;color:#6d7ca5;margin-bottom:6px}
.side-menu-title{display:block;font-size:22px;line-height:1.05;letter-spacing:-.03em;color:#f4f7ff}
.side-menu-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(119,136,255,.22);background:rgba(12,18,38,.74);color:#eef2ff;font-size:22px;line-height:1}
.side-menu-links{display:grid;gap:10px;margin-top:6px}
.side-menu-links a{
  display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:18px;
  color:#e8eeff;text-decoration:none;background:rgba(10,15,32,.56);border:1px solid rgba(104,122,255,.14);
  font-size:13px;font-weight:650;letter-spacing:-.01em;transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.side-menu-links a::after{content:'↗';font-size:13px;color:#91a0ff;opacity:.88}
.side-menu-links a:hover,.side-menu-links a.active{transform:translateX(4px);border-color:rgba(118,138,255,.48);background:rgba(17,24,48,.78)}

.heart-trail-layer{position:fixed;inset:0;pointer-events:none;z-index:54;overflow:hidden}
.cursor-heart{
  position:fixed;width:14px;height:13px;transform:translate(-50%,-50%);opacity:.95;
  background:url("../img/cursor-heart.svg") center/contain no-repeat;
  animation:heartFloat 1.05s ease-out forwards;
}
@keyframes heartFloat{
  0%{transform:translate(-50%,-50%) scale(.68) rotate(var(--rotate));opacity:0}
  12%{opacity:.98}
  100%{transform:translate(calc(-50% + var(--drift)),calc(-50% - 30px)) scale(1.12) rotate(calc(var(--rotate) + 8deg));opacity:0}
}

.centered-download-actions{justify-content:center}
.centered-download-actions .download-button{margin-inline:auto}
.download-actions .pill.secondary{display:none !important}
.download-hero{max-width:900px;margin:0 auto;text-align:center}
.download-copy{max-width:760px;margin-inline:auto}
.download-actions{justify-content:center}
.download-note{max-width:820px;margin-inline:auto}

.faq-layout{row-gap:36px;align-items:start}
.faq-cta{
  width:min(100%,760px);margin:24px auto 0;padding:24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px
}
.faq-cta p{max-width:620px}
.faq-download-button,.changelog-button{align-self:center;margin-top:2px}
.faq-note{text-align:center}

.changelog-shell{position:relative;z-index:4;max-width:1120px;margin:0 auto;padding:76px 24px 42px}
.changelog-hero{text-align:center;max-width:720px;margin:0 auto 10px}
.changelog-kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#7d8ab8;margin-bottom:10px}
.changelog-hero h1{margin:0;font-size:clamp(34px,5vw,68px);line-height:.92;letter-spacing:-.055em;color:#f5f7ff}
.changelog-hero h1 span{color:#91a0ff}
.changelog-hero p{margin:10px auto 0;max-width:560px;color:#b6c3d8;font-size:14px;line-height:1.55}
.changelog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;align-items:start}
.log-card{padding:16px 16px 14px;border-radius:22px;border:1px solid rgba(112,130,255,.18);background:linear-gradient(180deg,rgba(6,10,24,.78),rgba(5,8,18,.66));box-shadow:0 0 18px rgba(43,62,148,.09)}
.log-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.log-card-top strong{font-size:18px;letter-spacing:-.03em;color:#f2f5ff}
.log-card-top span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8190b8}
.log-card ul{margin:0;padding-left:18px;color:#bfc9dc;display:grid;gap:6px;line-height:1.45;font-size:13px}
.changelog-cta{margin-top:12px;padding:16px 20px;border:1px solid rgba(117,131,255,.16);border-radius:24px;background:linear-gradient(180deg,rgba(6,10,24,.74),rgba(3,7,18,.62));display:flex;align-items:center;justify-content:space-between;gap:16px}
.changelog-cta h3{margin:0 0 4px;font-size:21px;letter-spacing:-.03em}
.changelog-cta p{margin:0;color:#b8c3d8;font-size:13px;line-height:1.55;max-width:460px}
.changelog-cta code{font-family:inherit;color:#d8e0ff;background:rgba(255,255,255,.04);padding:3px 7px;border-radius:8px}

@media (max-width: 980px){
  .changelog-list{grid-template-columns:1fr}
  .side-menu-toggle{top:106px;left:14px;padding:10px 12px}
}
@media (max-width: 700px){
  .side-menu-toggle{top:96px;left:12px}
  .side-menu-toggle .menu-label{display:none}
  .side-menu-panel{left:12px;top:76px;width:min(280px,calc(100vw - 24px))}
  .changelog-shell{padding:82px 18px 48px}
  .changelog-hero p{font-size:13px}
  .changelog-cta{flex-direction:column;align-items:center;text-align:center}
}


/* ---- Side navigation correction ---- */
/* All former top-right navigation controls now live in the left menu. */
body > nav .nav-right{display:none !important}
body > nav{grid-template-columns:1fr auto 1fr}
body > nav .nav-mid{justify-self:center}

.side-menu-toggle{
  top:92px;left:22px;min-width:46px;height:46px;padding:0 14px;
  border-radius:16px;background:rgba(5,9,22,.88);border:1px solid rgba(109,126,255,.28);
  box-shadow:0 12px 36px rgba(0,0,0,.34),0 0 24px rgba(68,96,255,.12);
}
.side-menu-toggle .menu-label{font-size:10px;letter-spacing:.11em}
.menu-icon{gap:4px}
.menu-icon i{width:15px;height:1px}

.side-menu-overlay{z-index:70;background:rgba(1,3,10,.58);backdrop-filter:blur(7px)}
.side-menu-panel{
  z-index:71;left:22px;top:82px;width:310px;padding:22px;border-radius:28px;
  background:linear-gradient(180deg,rgba(7,11,27,.97),rgba(4,7,18,.95));
  border:1px solid rgba(113,132,255,.22);
  box-shadow:0 26px 80px rgba(0,0,0,.48),0 0 38px rgba(51,72,173,.16);
}
body.menu-open .side-menu-toggle{z-index:72}
.side-menu-head{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(113,132,255,.12)}
.side-menu-kicker{font-size:9px;color:#7785aa}
.side-menu-title{font-size:24px;color:#f5f7ff}
.side-menu-close{flex:0 0 auto;width:36px;height:36px;font-size:18px}
.side-menu-links{position:static !important;inset:auto !important;display:grid !important;grid-template-columns:1fr !important;gap:9px !important;width:100% !important;padding:0 !important;background:none !important;backdrop-filter:none !important;box-shadow:none !important;border:0 !important;}
.side-menu-links a{
  width:100%;min-height:48px;padding:0 14px;border-radius:16px;
  display:flex;align-items:center;justify-content:space-between;
  font-size:13px;font-weight:650;letter-spacing:-.01em;text-transform:none;
  background:rgba(10,15,31,.64);border:1px solid rgba(107,126,255,.12);color:#eaf0ff;
  box-shadow:none;text-shadow:none;
}
.side-menu-links a::before{content:'';width:6px;height:6px;border-radius:50%;background:#536eff;box-shadow:0 0 12px rgba(83,110,255,.75);margin-right:10px;flex:0 0 auto}
.side-menu-links a::after{content:'↗';margin-left:auto;color:#8799ff;font-size:12px}
.side-menu-links a:hover,.side-menu-links a.active{transform:none;background:rgba(18,25,51,.84);border-color:rgba(116,138,255,.38)}
.side-menu-links a.active{box-shadow:inset 0 0 0 1px rgba(117,137,255,.12)}

.side-menu-lang{margin-top:16px;padding-top:16px;border-top:1px solid rgba(113,132,255,.12);display:flex;align-items:center;justify-content:space-between;gap:14px}
.side-menu-lang>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7381a6}
.side-menu-lang>div{display:flex;gap:6px}
.side-menu-lang button{min-width:42px;height:34px;padding:0 10px;border-radius:999px;border:1px solid rgba(116,135,255,.20);background:rgba(11,16,35,.70);color:#cbd4e8;font-size:10px;font-weight:700}
.side-menu-lang button.active{background:rgba(79,98,218,.34);border-color:rgba(129,147,255,.48);color:#fff;box-shadow:0 0 16px rgba(71,95,255,.15)}

@media(max-width:820px){
  body > nav{grid-template-columns:1fr auto}
  body > nav .nav-mid{display:none}
  .side-menu-toggle{top:78px;left:12px;width:44px;min-width:44px;padding:0;justify-content:center}
  .side-menu-toggle .menu-label{display:none}
  .side-menu-panel{left:12px;top:68px;width:min(300px,calc(100vw - 24px));padding:18px}
}

/* Change log layout fix — neutralize the site's generic full-screen section rule. */
.changelog-page .changelog-hero,
.changelog-page .changelog-list,
.changelog-page .changelog-cta{
  min-height:0 !important;
  padding:0 !important;
}
.changelog-page .changelog-shell{
  width:min(1160px,calc(100% - 48px));
  max-width:none;
  min-height:100vh;
  margin:0 auto;
  padding:104px 0 52px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.changelog-page .changelog-hero{
  width:min(720px,100%);
  margin:0 auto 18px;
}
.changelog-page .changelog-list{
  width:100%;
  margin:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.changelog-page .log-card{
  min-height:0;
  padding:16px 17px 15px;
}
.changelog-page .changelog-cta{
  width:100%;
  margin:16px 0 0;
  padding:18px 20px !important;
  min-height:0 !important;
  align-self:auto;
}
.changelog-page .changelog-cta .changelog-button{
  flex:0 0 auto;
}
@media(max-width:980px){
  .changelog-page .changelog-shell{width:min(760px,calc(100% - 36px));padding-top:98px}
  .changelog-page .changelog-list{grid-template-columns:1fr;gap:12px}
}
@media(max-width:700px){
  .changelog-page .changelog-shell{width:calc(100% - 28px);padding:92px 0 42px}
  .changelog-page .changelog-hero{margin-bottom:14px}
  .changelog-page .changelog-cta{padding:16px !important;align-items:center;text-align:center}
}


/* Hero footer refinement: centered copy, no CTA */
.hero-bottom{
  margin:46px auto 0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:min(760px,100%);
  text-align:center;
}
.hero-copy{
  max-width:660px;
  margin:0 auto;
  text-align:center;
}
.hero-cta{display:none !important}
@media(max-width:820px){
  .hero-bottom{display:flex;width:min(680px,100%);margin-top:36px}
  .hero-copy{max-width:620px;margin-inline:auto;text-align:center}
}

/* Adaptive rendering: preserve the cinematic layout without overloading laptops. */
.hero,
.story,
.product-copy,
.compare,
.final{
  overflow:clip;
}
html.low-power .wave,
html.low-power .scene-flash{
  display:none !important;
}
html.low-power .hero-inner::before,
html.low-power .story-grid::before,
html.low-power .copy-head::before,
html.low-power .copy-row::before,
html.low-power .compare-head::before,
html.low-power .final > div::before{
  filter:none;
}
html.low-power .lang-switch,
html.low-power .inspector,
html.low-power .side-menu-overlay,
html.low-power .scene-label,
html.low-power .story .index,
html.low-power .kicker,
html.low-power .hero-copy,
html.low-power .story-side,
html.low-power .compare-head p,
html.low-power .section-lead,
html.low-power .copy-row small{
  backdrop-filter:none !important;
}

@media (max-width:1440px), (max-height:900px){
  section{padding-top:96px;padding-bottom:76px}
  .hero{height:auto;min-height:108svh}
  .hero h1{font-size:clamp(46px,min(7vw,10vh),96px);line-height:.94}
  .hero-bottom{margin-top:36px}
  .story{min-height:max(104svh,660px)}
  .story h2{font-size:clamp(42px,min(6vw,9vh),82px);line-height:.97}
  .product-copy{min-height:max(104svh,660px)}
  .copy-head h3{font-size:clamp(30px,min(4vw,6.5vh),54px)}
  .copy-row strong{font-size:clamp(38px,min(5.3vw,8vh),72px)}
  .compare{min-height:max(108svh,700px)}
  .compare-head h2{font-size:clamp(42px,min(6vw,9vh),84px);line-height:.97}
  .final{min-height:max(104svh,660px)}
  .final h2{font-size:clamp(46px,min(7vw,10vh),88px);line-height:.95}
}

@media (max-width:820px){
  section{padding-top:88px;padding-bottom:64px}
  .hero h1{font-size:clamp(40px,12vw,58px)}
  .story h2,.compare-head h2{font-size:clamp(38px,11vw,56px)}
  .final h2{font-size:clamp(42px,12vw,62px)}
}


/* Foreground product windows */
.app-window{
  position:relative;
  width:min(1120px,100%);
  margin:26px auto 0;
  padding:1px;
  border-radius:27px;
  background:linear-gradient(135deg,rgba(114,137,255,.72),rgba(53,201,255,.18) 42%,rgba(112,81,255,.48));
  box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 70px rgba(65,91,255,.12);
  isolation:isolate;
}
.app-window::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:12% 9% -7%;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(53,201,255,.16),rgba(94,109,255,.22),rgba(112,81,255,.16));
  filter:blur(38px);
  opacity:.72;
}
.app-window-frame{
  overflow:hidden;
  border-radius:26px;
  background:#060a15;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.app-window-bar{
  height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(130,148,255,.13);
  background:linear-gradient(180deg,rgba(17,25,49,.96),rgba(8,13,27,.96));
}
.app-window-brand{display:flex;align-items:center;gap:9px;color:#e7ebf6;font-size:12px;font-weight:650}
.app-window-brand img{width:22px;height:22px;object-fit:contain}
.app-window-bar > i{
  display:block;
  width:clamp(72px,10vw,132px);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(82,202,255,.76),rgba(112,94,255,.76));
  box-shadow:0 0 14px rgba(82,148,255,.42);
}
.app-window-media{position:relative;aspect-ratio:16/9;background:#050813;overflow:hidden}
.app-window-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(1,3,8,.20));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.app-window-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.98) contrast(1.02)}

#setup,#overview,#tweaks{min-height:auto;padding-top:110px;padding-bottom:120px}
#setup .story-grid,#overview .story-grid,#tweaks .story-grid{width:min(1220px,100%);margin:auto}
.guided-showcase-shell{
  width:min(1280px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(340px,.78fr) minmax(560px,1.35fr);
  gap:38px;
  align-items:center;
}
.guided-copy-stack{min-width:0}
.guided-copy-stack .copy-head{align-items:start;margin-bottom:8px}
.guided-copy-stack .copy-head h3{font-size:clamp(34px,3.6vw,54px);line-height:1.02}
.guided-copy-stack .copy-row{
  min-height:0;
  padding:18px 0;
  grid-template-columns:1fr;
  gap:7px;
}
.guided-copy-stack .copy-row strong{font-size:clamp(28px,3vw,44px)}
.guided-copy-stack .copy-row small{justify-self:start;padding:0;background:none;box-shadow:none;backdrop-filter:none}
.app-window--guided{margin:0;width:100%}
.product-copy[data-scene="Guided Start"]{min-height:auto;padding-top:120px;padding-bottom:120px}

@media(max-width:980px){
  .guided-showcase-shell{grid-template-columns:1fr;gap:32px}
  .app-window--guided{width:min(820px,100%);margin-inline:auto}
}
@media(max-width:700px){
  .app-window{margin-top:12px;border-radius:19px}
  .app-window-frame{border-radius:18px}
  .app-window-bar{height:42px;padding:0 13px}
  .app-window-brand{font-size:11px}.app-window-brand img{width:19px;height:19px}
  #setup,#overview,#tweaks,.product-copy[data-scene="Guided Start"]{padding-top:88px;padding-bottom:82px}
  .guided-copy-stack .copy-row{padding:15px 0}
}

/* Cross-device typography stabilization -------------------------------------
   Laptop display scaling (for example 1920x1080 at 125%) can expose a CSS
   viewport around 1536x864. Do not compress typography just because the
   viewport is short; let sections grow vertically instead of clipping copy. */
@media (min-width:821px) and (max-width:1600px){
  .hero,
  .story,
  .product-copy,
  .compare,
  .final{
    height:auto !important;
    min-height:max(100svh,720px) !important;
    overflow:visible !important;
  }

  section{
    padding-top:104px;
    padding-bottom:84px;
  }

  .hero h1{
    font-size:clamp(54px,6.4vw,96px) !important;
    line-height:.96 !important;
  }
  .story h2{
    font-size:clamp(48px,5.7vw,82px) !important;
    line-height:.99 !important;
  }
  .copy-head h3{
    font-size:clamp(32px,3.7vw,54px) !important;
    line-height:1.02;
  }
  .copy-row strong{
    font-size:clamp(40px,4.9vw,72px) !important;
    line-height:1.02 !important;
  }
  .compare-head h2{
    font-size:clamp(48px,5.8vw,84px) !important;
    line-height:.99 !important;
  }
  .final h2{
    font-size:clamp(52px,6.1vw,88px) !important;
    line-height:.98 !important;
  }

  .hero h1,
  .story h2,
  .copy-head h3,
  .copy-row strong,
  .compare-head h2,
  .final h2{
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
    text-wrap:balance;
  }

  .hero-copy,
  .story-side,
  .compare-head p,
  .final p{
    line-height:1.72;
  }
}

/* Never crop translated text vertically. Horizontal overflow is already
   contained by the page shell/body. */
.hero,
.story,
.product-copy,
.compare,
.final{
  overflow-y:visible;
}