:root{
  color-scheme:dark;
  --bg:#020812;
  --bg-2:#051524;
  --ink:#f7fbff;
  --muted:#b5c9cc;
  --muted-2:#7d989b;
  --green:#24d98e;
  --green-2:#76f4bd;
  --cyan:#65ddeb;
  --lime:#94f045;
  --red:#ff6e82;
  --amber:#ffc46b;
  --card:rgba(6,20,32,.79);
  --card-2:rgba(8,31,43,.68);
  --line:rgba(129,242,210,.22);
  --radius:28px;
  --safe-top:152px;
  --safe-bottom:92px;
  --shadow:0 30px 90px rgba(0,0,0,.46),0 0 72px rgba(36,217,142,.10);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;font-family:var(--font);color:var(--ink);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg{display:block}.symbol-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:1rem;top:.75rem;z-index:99;padding:.75rem 1rem;border-radius:999px;background:#fff;color:#061422;transform:translateY(-140%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}
.experience{position:relative}.scroll-track{position:relative;height:1320vh}.stage{position:sticky;top:0;width:100%;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;perspective:1800px;background:#020812}.stage-textures{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 22% 28%,rgba(36,217,142,.19),transparent 27rem),radial-gradient(circle at 78% 68%,rgba(101,221,235,.13),transparent 34rem),linear-gradient(135deg,#020812 0%,#061521 56%,#020711 100%)}
.texture{position:absolute;inset:0;pointer-events:none}.texture-grid{opacity:.72;background-image:linear-gradient(rgba(118,244,189,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,244,189,.036) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(118,244,189,.10) 0 1px,transparent 1.5px);background-size:62px 62px,62px 62px,96px 96px;mask-image:radial-gradient(circle at 52% 48%,#000,transparent 77%)}
.texture-leaf{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%2376f4bd' stroke-opacity='.42' stroke-width='1.6'%3E%3Cpath d='M90 138V52'/%3E%3Cpath d='M91 78c-30-4-46-21-52-46 29 2 50 17 52 46Z'/%3E%3Cpath d='M91 105c34-4 52-23 58-51-33 2-55 19-58 51Z'/%3E%3Cpath d='M87 130c-20-2-32-14-37-32 22 1 35 12 37 32Z'/%3E%3C/g%3E%3C/svg%3E");background-size:210px 210px;background-position:15% 20%;animation:leafDrift 34s linear infinite;filter:drop-shadow(0 0 18px rgba(36,217,142,.28))}.texture-noise{opacity:.33;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.44'/%3E%3C/svg%3E")}.stage-textures:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,8,18,.42),transparent 18%,transparent 76%,rgba(2,8,18,.88)),radial-gradient(ellipse at 50% 110%,rgba(118,244,189,.16),transparent 60%)}.glow{position:absolute;width:44vmax;height:44vmax;border-radius:50%;filter:blur(48px);opacity:.35;mix-blend-mode:screen}.glow-a{left:-18vmax;top:8vmax;background:radial-gradient(circle,rgba(36,217,142,.55),transparent 64%);animation:slowPulse 7s ease-in-out infinite}.glow-b{right:-12vmax;bottom:-10vmax;background:radial-gradient(circle,rgba(101,221,235,.48),transparent 64%);animation:slowPulse 8.5s ease-in-out infinite reverse}
.stage-brand{position:absolute;z-index:8;top:max(20px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:7px;width:min(560px,calc(100% - 42px));padding:8px 18px 12px;text-align:center}.stage-brand:after{content:"";position:absolute;inset:10% 12% -28% 12%;z-index:-1;border-radius:999px;background:radial-gradient(ellipse at 50% 50%,rgba(36,217,142,.20),transparent 72%);filter:blur(18px)}.stage-brand img{width:clamp(244px,23vw,365px);height:auto;filter:drop-shadow(0 15px 34px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(36,217,142,.12))}.stage-brand span{font-size:clamp(12px,1vw,15px);font-weight:900;letter-spacing:.02em;color:rgba(224,255,247,.92);text-shadow:0 8px 24px rgba(0,0,0,.45)}
.flow-nav{position:absolute;z-index:9;top:50%;right:clamp(14px,2vw,30px);transform:translateY(-50%);display:grid;gap:10px}.flow-nav button{position:relative;width:50px;height:50px;border:1px solid rgba(129,242,210,.18);border-radius:999px;color:rgba(226,250,246,.88);background:linear-gradient(150deg,rgba(10,28,40,.70),rgba(2,10,18,.50));box-shadow:0 18px 36px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(16px) saturate(145%);transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.flow-nav button:hover,.flow-nav button:focus-visible,.flow-nav button[aria-current=true]{color:#03170f;border-color:rgba(118,244,189,.62);background:linear-gradient(135deg,#86f7c3,#1fcc84 74%);transform:translateX(-3px);outline:0}.flow-nav i{font-style:normal;font-size:12px;font-weight:950}.flow-nav span{position:absolute;top:50%;right:calc(100% + 10px);transform:translate(8px,-50%);min-width:max-content;padding:8px 12px;border:1px solid rgba(129,242,210,.16);border-radius:999px;background:rgba(5,17,27,.86);color:rgba(236,255,251,.96);font-size:12px;font-weight:900;opacity:0;pointer-events:none;box-shadow:0 14px 34px rgba(0,0,0,.24);transition:opacity .16s ease,transform .16s ease}.flow-nav button:hover span,.flow-nav button:focus-visible span,.flow-nav button[aria-current=true] span{opacity:1;transform:translate(0,-50%)}
.copy-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.copy-frame{position:absolute;top:calc(var(--safe-top) + (100svh - var(--safe-top) - var(--safe-bottom))/2);width:clamp(410px,32vw,535px);max-height:min(74svh,720px);overflow:auto;scrollbar-width:none;padding:clamp(24px,2.6vw,36px);border:1px solid rgba(155,236,219,.18);border-radius:var(--radius);background:linear-gradient(150deg,rgba(6,19,31,.88),rgba(8,32,45,.72));box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(155%);opacity:0;transform:translate3d(0,-50%,0) scale(.97);will-change:transform,opacity;pointer-events:none}.copy-frame::-webkit-scrollbar{display:none}.copy-frame[data-side=left]{left:max(28px,calc(50% - 610px))}.copy-frame[data-side=right]{right:max(28px,calc(50% - 610px))}.copy-frame:before{content:attr(data-kicker);display:inline-flex;margin-bottom:16px;color:var(--green-2);font-size:12px;font-weight:950;letter-spacing:.15em}.copy-frame:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 0,rgba(118,244,189,.25),transparent 18rem),linear-gradient(120deg,rgba(255,255,255,.08),transparent 32%,rgba(101,221,235,.06));opacity:.85;mix-blend-mode:screen}.copy-frame.active{pointer-events:auto}.copy-frame>*{position:relative;z-index:1}.eyebrow{margin:0 0 11px;color:rgba(193,230,225,.88);font-weight:900;letter-spacing:.045em;text-transform:uppercase;font-size:clamp(10px,.88vw,12px)}h1,h2{margin:0;color:#fff;letter-spacing:-.065em;line-height:.96;text-wrap:balance}h1{font-size:clamp(54px,5.2vw,86px)}h2{font-size:clamp(36px,3.5vw,60px)}p{font-size:clamp(16px,1.07vw,19px);line-height:1.7;color:rgba(235,247,247,.90)}.lead{font-size:clamp(18px,1.24vw,22px);line-height:1.62}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.primary,.ghost{border:0;border-radius:999px;padding:14px 20px;font-weight:950;letter-spacing:-.01em}.primary{color:#03160e;background:linear-gradient(135deg,#83f5be,#17c77e);box-shadow:0 18px 40px rgba(36,217,142,.25),inset 0 1px rgba(255,255,255,.35)}.ghost{color:rgba(236,255,251,.94);background:rgba(6,21,33,.45);border:1px solid rgba(155,236,219,.22);box-shadow:inset 0 1px rgba(255,255,255,.08)}.full{width:100%}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.mini-grid span{display:grid;gap:6px;padding:14px;border:1px solid rgba(155,236,219,.14);border-radius:18px;background:rgba(7,25,38,.48);font-size:12px;color:rgba(204,226,226,.86)}.mini-grid b{font-size:13px;color:var(--green-2)}.chips,.checklist{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chips span{padding:8px 12px;border:1px solid rgba(118,244,189,.22);border-radius:999px;background:rgba(36,217,142,.08);font-size:12px;font-weight:900;color:#cbfff0}.checklist{display:grid;list-style:none;padding:0}.checklist li{position:relative;padding:12px 14px 12px 42px;border:1px solid rgba(155,236,219,.14);border-radius:16px;background:rgba(6,21,33,.36);color:rgba(235,247,247,.88)}.checklist li:before{content:"";position:absolute;left:14px;top:15px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--green) 38%,rgba(36,217,142,.22));box-shadow:0 0 16px rgba(36,217,142,.46)}.checklist.danger li:before{background:radial-gradient(circle at 35% 35%,#fff,var(--red) 38%,rgba(255,110,130,.22));box-shadow:0 0 16px rgba(255,110,130,.46)}.checklist.warning li:before{background:radial-gradient(circle at 35% 35%,#fff,var(--amber) 38%,rgba(255,196,107,.22));box-shadow:0 0 16px rgba(255,196,107,.46)}.lead-form{display:grid;gap:12px;margin-top:20px}.lead-form label{display:grid;gap:7px;color:rgba(203,230,226,.86);font-size:13px;font-weight:800}.lead-form input{width:100%;border:1px solid rgba(155,236,219,.20);border-radius:16px;padding:13px 14px;background:rgba(2,10,18,.40);color:#fff;outline:0}.lead-form input:focus{border-color:rgba(118,244,189,.56);box-shadow:0 0 0 4px rgba(36,217,142,.12)}
.visual-layer{position:absolute;inset:0;z-index:3;pointer-events:none;transform-style:preserve-3d}.visual-rig{position:absolute;top:calc(var(--safe-top) + (100svh - var(--safe-top) - var(--safe-bottom))/2);left:50%;width:clamp(510px,44vw,760px);height:clamp(420px,42vw,680px);transform:translate3d(-50%,-50%,0);transform-style:preserve-3d;transition:transform .5s ease}.stage-shadow{position:absolute;left:50%;top:74%;width:68%;height:12%;transform:translateX(-50%) rotateX(72deg);border-radius:50%;background:radial-gradient(ellipse,rgba(36,217,142,.24),rgba(101,221,235,.08) 38%,transparent 72%);filter:blur(16px)}.ring{position:absolute;left:50%;top:50%;border:1px solid rgba(118,244,189,.17);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(0deg);box-shadow:0 0 32px rgba(36,217,142,.08),inset 0 0 36px rgba(101,221,235,.08)}.ring-one{width:44%;height:44%;animation:spin 18s linear infinite}.ring-two{width:66%;height:66%;border-style:dashed;animation:spin 28s linear infinite reverse}.ring-three{width:86%;height:86%;opacity:.58;animation:spin 36s linear infinite}.connector-lines{position:absolute;inset:0;transform-style:preserve-3d}.connector-lines span{position:absolute;left:50%;top:50%;width:34%;height:2px;background:linear-gradient(90deg,rgba(118,244,189,.05),rgba(118,244,189,.62),rgba(101,221,235,.10));transform-origin:left center;filter:drop-shadow(0 0 10px rgba(36,217,142,.35));opacity:.58}.connector-lines span:nth-child(1){transform:rotate(0deg)}.connector-lines span:nth-child(2){transform:rotate(55deg)}.connector-lines span:nth-child(3){transform:rotate(112deg)}.connector-lines span:nth-child(4){transform:rotate(180deg)}.connector-lines span:nth-child(5){transform:rotate(238deg)}.connector-lines span:nth-child(6){transform:rotate(305deg)}
.visual-card{position:absolute;left:50%;top:50%;transform-origin:center;transform-style:preserve-3d;will-change:transform,opacity;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .35s ease,filter .35s ease}.visual-card:before{content:"";position:absolute;inset:10px 8px -18px;border-radius:24px;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 72%);filter:blur(12px);transform:translateZ(-32px);opacity:.65}.visual-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 30%,rgba(118,244,189,.10) 70%,transparent);mix-blend-mode:screen}.core-device{left:50%;top:50%;width:198px;height:154px;border:1px solid rgba(155,236,219,.22);border-radius:30px;padding:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(14,40,54,.96),rgba(3,13,24,.92));box-shadow:0 32px 90px rgba(0,0,0,.44),0 0 54px rgba(36,217,142,.18),inset 0 1px rgba(255,255,255,.13);transform:translateZ(90px) rotateX(10deg) rotateY(-14deg)}.core-device .device-screen{width:88px;height:72px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(118,244,189,.35),rgba(4,20,28,.94));border:1px solid rgba(118,244,189,.32);box-shadow:inset 0 0 30px rgba(36,217,142,.20),0 0 34px rgba(36,217,142,.20)}.core-device svg{width:46px;height:46px;stroke:#8affc8}.core-device strong{font-size:20px;letter-spacing:-.03em}.core-device small{color:var(--muted);font-weight:800}.module-card{width:126px;min-height:118px;border-radius:26px;padding:15px;display:grid;justify-items:center;align-content:center;gap:10px;border:1px solid rgba(155,236,219,.18);background:linear-gradient(150deg,rgba(13,42,54,.92),rgba(4,16,27,.82));box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 40px rgba(36,217,142,.12),inset 0 1px rgba(255,255,255,.10)}.module-card .icon-box{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle at 50% 34%,rgba(118,244,189,.30),rgba(5,20,29,.92));border:1px solid rgba(118,244,189,.30);box-shadow:inset 0 0 22px rgba(36,217,142,.17),0 0 24px rgba(36,217,142,.18)}.module-card svg,.icon-box svg{width:38px;height:38px;fill:none;stroke:url(#noop);stroke:var(--green-2);stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(36,217,142,.55))}.core-device svg{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(36,217,142,.55))}.module-card span{font-size:13px;font-weight:950;color:#eafff8;text-shadow:0 8px 20px rgba(0,0,0,.28)}.visual-card.dim{opacity:.16;filter:saturate(.6) blur(.15px)}.visual-card.active-card{opacity:1;filter:saturate(1.12) brightness(1.08)}.visual-card.pulse-card .icon-box,.visual-card.pulse-card .device-screen{animation:iconPulse 2.6s ease-in-out infinite}.stage-meta{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:8;width:min(620px,calc(100% - 220px));transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:11px 16px;border:1px solid rgba(155,236,219,.16);border-radius:999px;background:rgba(3,13,23,.58);box-shadow:0 18px 38px rgba(0,0,0,.24);backdrop-filter:blur(14px)}.stage-meta span{min-width:max-content;color:var(--green-2);font-size:12px;font-weight:950;letter-spacing:.12em}.progress-shell{height:4px;flex:1;border-radius:999px;background:rgba(155,236,219,.12);overflow:hidden}.progress-shell span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 18px rgba(36,217,142,.5)}.scroll-hint{position:absolute;z-index:8;left:max(20px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border:1px solid rgba(155,236,219,.16);border-radius:999px;color:rgba(232,251,248,.92);background:rgba(3,13,23,.58);box-shadow:0 18px 38px rgba(0,0,0,.24);backdrop-filter:blur(14px)}.scroll-hint span{font-size:13px;font-weight:800}.scroll-hint i{width:10px;height:18px;border:1px solid rgba(118,244,189,.7);border-radius:999px;position:relative}.scroll-hint i:after{content:"";position:absolute;left:50%;top:4px;width:3px;height:3px;border-radius:50%;background:var(--green-2);transform:translateX(-50%);animation:scrollDot 1.5s ease-in-out infinite}
@keyframes leafDrift{from{background-position:15% 20%}to{background-position:calc(15% + 210px) calc(20% + 210px)}}@keyframes slowPulse{0%,100%{transform:scale(.94);opacity:.28}50%{transform:scale(1.08);opacity:.42}}@keyframes spin{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}@keyframes iconPulse{0%,100%{box-shadow:inset 0 0 22px rgba(36,217,142,.17),0 0 24px rgba(36,217,142,.18)}50%{box-shadow:inset 0 0 28px rgba(36,217,142,.30),0 0 42px rgba(36,217,142,.32)}}@keyframes scrollDot{0%{top:4px;opacity:1}80%{top:11px;opacity:.25}100%{top:4px;opacity:1}}
@media (max-width:1180px){:root{--safe-top:136px}.copy-frame{width:clamp(360px,38vw,480px)}.copy-frame[data-side=left]{left:24px}.copy-frame[data-side=right]{right:24px}.visual-rig{width:52vw}.stage-meta{width:min(600px,calc(100% - 170px))}}
@media (max-width:840px){:root{--safe-top:106px;--safe-bottom:26px}.stage{min-height:760px}.stage-brand{top:10px}.stage-brand img{width:220px}.flow-nav{right:8px;gap:6px}.flow-nav button{width:42px;height:42px}.copy-frame{top:auto;left:50%!important;right:auto!important;bottom:72px;width:calc(100% - 34px);max-height:48svh;padding:22px;transform:translate3d(-50%,0,0) scale(.97)}h1{font-size:clamp(42px,12vw,60px)}h2{font-size:clamp(30px,9vw,46px)}p,.lead{font-size:15px;line-height:1.55}.visual-rig{top:38%;width:88vw;height:58vw;min-height:320px;transform:translate3d(-50%,-50%,0) scale(.78)}.module-card{width:106px;min-height:100px;border-radius:22px}.module-card .icon-box{width:54px;height:54px;border-radius:18px}.module-card svg{width:32px;height:32px}.core-device{width:158px;height:126px}.mini-grid{grid-template-columns:1fr}.stage-meta{display:none}.scroll-hint{display:none}}



/* v11 single-stage refinement */
:root{--card-top:calc(var(--safe-top) + 14px)}
.copy-frame{top:var(--card-top);width:clamp(390px,30vw,500px);max-height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 18px);padding:clamp(22px,2.1vw,32px);transform:translate3d(0,0,0) scale(.97)}
.copy-frame[data-side=left]{left:max(24px,calc(50% - 620px))}
.copy-frame[data-side=right]{right:max(24px,calc(50% - 620px))}
.copy-frame:before{margin-bottom:14px}
.eyebrow{margin:0 0 10px;font-size:clamp(10px,.82vw,12px)}
h1{font-size:clamp(48px,4.8vw,76px)}
h2{font-size:clamp(32px,3.2vw,52px)}
p{font-size:clamp(15px,1vw,18px);line-height:1.63;margin:.8em 0 0}
.lead{font-size:clamp(17px,1.12vw,20px);line-height:1.56}
.checklist li{padding:11px 13px 11px 40px}
.visual-rig{top:calc(var(--safe-top) + (100svh - var(--safe-top) - var(--safe-bottom))/2 + 8px);left:50%;width:clamp(540px,43vw,760px);height:clamp(430px,37vw,620px);transform:translate3d(-50%,-50%,0);perspective:1600px}
.visual-card{transition:transform .72s cubic-bezier(.2,.8,.2,1),opacity .4s ease,filter .36s ease,box-shadow .36s ease}
.core-device{width:230px;height:184px;padding:20px;border-radius:34px;z-index:5;background:linear-gradient(155deg,rgba(19,52,70,.98),rgba(4,15,28,.96));box-shadow:0 38px 110px rgba(0,0,0,.46),0 0 64px rgba(36,217,142,.20),inset 0 1px rgba(255,255,255,.16)}
.core-device .device-screen{width:100px;height:82px;border-radius:26px}
.core-device strong{font-size:24px;letter-spacing:-.035em}
.core-device small{font-size:13px;letter-spacing:.02em}
.module-card{width:140px;min-height:128px;border-radius:28px;padding:16px;gap:10px;z-index:3}
.module-card .icon-box{width:68px;height:68px;border-radius:22px}
.module-card svg,.icon-box svg{width:40px;height:40px}
.visual-card.hidden-card{opacity:0!important;filter:blur(6px) saturate(.55);pointer-events:none}
.visual-card.support-card{opacity:.98;filter:none}
.visual-card.hero-active .device-screen,.visual-card.hero-active .icon-box{animation:iconPulse 2.6s ease-in-out infinite}
.visual-card.hero-active:after{opacity:1}
.stage-shadow{top:77%;width:60%;height:13%}
.connector-lines{opacity:.72}
.flow-nav{z-index:10}
.stage-brand{z-index:10}
@media (max-width:1180px){.copy-frame{width:clamp(360px,34vw,460px)}.visual-rig{width:48vw;height:34vw;min-height:420px}}
@media (max-width:980px){.copy-frame{width:clamp(340px,38vw,430px)}.copy-frame[data-side=left]{left:20px}.copy-frame[data-side=right]{right:20px}.visual-rig{width:46vw;min-height:390px}.module-card{width:124px;min-height:114px}.module-card .icon-box{width:60px;height:60px}.core-device{width:198px;height:162px}}
@media (max-width:840px){.copy-frame{top:auto;bottom:76px;max-height:46svh;transform:translate3d(-50%,0,0) scale(.97)}.visual-rig{top:37%;width:88vw;height:60vw;min-height:320px}.core-device{width:166px;height:136px;padding:14px}.core-device .device-screen{width:72px;height:60px}.core-device strong{font-size:20px}.module-card{width:98px;min-height:94px;padding:12px}.module-card .icon-box{width:50px;height:50px}.module-card svg{width:30px;height:30px}}


/* v12 responsive stability patch: fixed single stage, no stacked slides, Android-safe sizing */
:root{
  --safe-top: 150px;
  --safe-bottom: 88px;
  --card-top: 148px;
}
html,body{background:#020812;overscroll-behavior-y:none;}
.scroll-track{position:relative;min-height:100dvh;}
.stage{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
}
.stage-brand{
  top:max(12px,env(safe-area-inset-top))!important;
  gap:4px!important;
  width:min(420px,calc(100% - 32px))!important;
  padding:4px 14px 8px!important;
}
.stage-brand img{width:clamp(190px,15vw,260px)!important;height:auto!important;}
.stage-brand span{font-size:clamp(11px,.82vw,14px)!important;line-height:1.2!important;}
.copy-frame{
  position:absolute!important;
  top:var(--card-top)!important;
  bottom:auto!important;
  width:clamp(440px,34vw,600px)!important;
  max-height:calc(100dvh - var(--card-top) - var(--safe-bottom))!important;
  padding:clamp(22px,2vw,32px)!important;
  margin:0!important;
  opacity:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.copy-frame[data-side=left]{left:max(22px,calc(50% - 660px))!important;right:auto!important;}
.copy-frame[data-side=right]{right:max(22px,calc(50% - 660px))!important;left:auto!important;}
h1{font-size:clamp(46px,4.45vw,76px)!important;line-height:.96!important;}
h2{font-size:clamp(34px,3.05vw,56px)!important;line-height:.98!important;}
.eyebrow{font-size:clamp(10px,.78vw,12px)!important;line-height:1.35!important;}
p{font-size:clamp(15px,.98vw,18px)!important;line-height:1.58!important;}
.lead{font-size:clamp(16px,1.08vw,20px)!important;}
.actions{margin-top:18px!important;}
.mini-grid{margin-top:18px!important;}
.checklist{gap:8px!important;margin-top:16px!important;}
.checklist li{padding:10px 12px 10px 38px!important;font-size:clamp(14px,.9vw,16px)!important;line-height:1.4!important;}
.visual-rig{
  top:calc(var(--safe-top) + (100dvh - var(--safe-top) - var(--safe-bottom))/2 + 8px)!important;
  width:clamp(520px,42vw,740px)!important;
  height:clamp(400px,36vw,600px)!important;
}
.flow-nav{right:clamp(10px,1.5vw,24px)!important;}
.stage-meta{bottom:max(16px,env(safe-area-inset-bottom))!important;}
.scroll-hint{bottom:max(16px,env(safe-area-inset-bottom))!important;}
@media (min-width:1500px){
  .stage-brand img{width:240px!important;}
  .copy-frame{width:600px!important;}
}
@media (max-width:1180px){
  :root{--safe-top:132px;--card-top:132px;--safe-bottom:72px;}
  .copy-frame{width:clamp(390px,38vw,500px)!important;}
  .copy-frame[data-side=left]{left:20px!important;}
  .copy-frame[data-side=right]{right:20px!important;}
  .visual-rig{width:50vw!important;height:40vw!important;min-height:360px!important;}
}
@media (max-width:840px){
  :root{--safe-top:92px;--safe-bottom:24px;--card-top:118px;}
  .stage-brand{top:max(6px,env(safe-area-inset-top))!important;width:min(280px,calc(100% - 24px))!important;padding:0 10px 4px!important;}
  .stage-brand img{width:clamp(138px,42vw,178px)!important;}
  .stage-brand span{font-size:10.5px!important;line-height:1.12!important;max-width:270px!important;}
  .flow-nav{display:none!important;}
  .stage-meta{display:none!important;}
  .scroll-hint{display:none!important;}
  .copy-frame{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:18px!important;
    width:calc(100% - 24px)!important;
    max-height:54dvh!important;
    padding:18px!important;
    border-radius:24px!important;
  }
  h1{font-size:clamp(36px,12.4vw,52px)!important;}
  h2{font-size:clamp(29px,10vw,44px)!important;}
  .eyebrow{font-size:10px!important;letter-spacing:.035em!important;}
  p,.lead{font-size:15px!important;line-height:1.48!important;}
  .actions{gap:8px!important;margin-top:14px!important;}
  .primary,.ghost{padding:11px 14px!important;font-size:13px!important;}
  .mini-grid{display:none!important;}
  .chips{gap:7px!important;margin-top:12px!important;}
  .chips span{font-size:10.5px!important;padding:6px 9px!important;}
  .checklist{margin-top:12px!important;gap:7px!important;}
  .checklist li{font-size:13px!important;padding:9px 10px 9px 34px!important;}
  .checklist li:before{left:12px!important;top:12px!important;width:12px!important;height:12px!important;}
  .visual-rig{
    top:37%!important;
    width:92vw!important;
    height:45dvh!important;
    min-height:260px!important;
    max-height:360px!important;
  }
  .core-device{width:142px!important;height:116px!important;padding:12px!important;border-radius:24px!important;}
  .core-device .device-screen{width:60px!important;height:50px!important;border-radius:18px!important;}
  .core-device svg{width:32px!important;height:32px!important;}
  .core-device strong{font-size:17px!important;}
  .core-device small{font-size:10px!important;}
  .module-card{width:84px!important;min-height:80px!important;padding:10px!important;border-radius:20px!important;gap:7px!important;}
  .module-card .icon-box{width:42px!important;height:42px!important;border-radius:15px!important;}
  .module-card svg{width:25px!important;height:25px!important;}
  .module-card span{font-size:10px!important;}
}
@media (max-width:420px){
  .copy-frame{width:calc(100% - 18px)!important;bottom:12px!important;max-height:56dvh!important;padding:16px!important;}
  .stage-brand img{width:142px!important;}
  h1{font-size:clamp(34px,12vw,48px)!important;}
  h2{font-size:clamp(28px,9.6vw,40px)!important;}
  p,.lead{font-size:14.5px!important;}
  .visual-rig{top:35%!important;}
}


/* v13 hard mobile fix: single active slide, no clipping on Android/Samsung/Chrome */
:root{--vh:1vh;--mobile-card-bottom:12px;}
.stage{height:calc(var(--vh,1vh) * 100)!important;}
@supports (height:100dvh){.stage{height:100dvh!important;}}
@media (min-width:961px){
  .stage-brand img{width:clamp(176px,12vw,230px)!important;}
  .stage-brand span{font-size:clamp(11px,.76vw,13px)!important;}
  .copy-frame{width:clamp(500px,36vw,640px)!important;}
  .copy-frame[data-side=left]{left:max(24px,calc(50% - 690px))!important;}
  .copy-frame[data-side=right]{right:max(24px,calc(50% - 690px))!important;}
}
html.is-mobile-stage,html.is-mobile-stage body{width:100%;overflow-x:hidden!important;background:#020812!important;}
html.is-mobile-stage .stage{position:fixed!important;inset:0!important;height:calc(var(--vh,1vh) * 100)!important;min-height:0!important;overflow:hidden!important;}
html.is-mobile-stage .flow-nav,html.is-mobile-stage .stage-meta,html.is-mobile-stage .scroll-hint{display:none!important;}
html.is-mobile-stage .stage-brand{top:max(8px,env(safe-area-inset-top))!important;left:50%!important;width:min(310px,calc(100% - 28px))!important;padding:0 8px 4px!important;gap:2px!important;}
html.is-mobile-stage .stage-brand img{width:min(205px,52vw)!important;height:auto!important;}
html.is-mobile-stage .stage-brand span{font-size:11px!important;line-height:1.16!important;max-width:310px!important;white-space:normal!important;}
html.is-mobile-stage .visual-layer{z-index:3!important;}
html.is-mobile-stage .visual-rig{top:31%!important;left:50%!important;width:100vw!important;height:min(42vh,305px)!important;min-height:245px!important;max-height:305px!important;transform:translate3d(-50%,-50%,0)!important;}
html.is-mobile-stage .stage-shadow{top:78%!important;width:58%!important;}
html.is-mobile-stage .ring-one{width:42%!important;height:42%!important;}
html.is-mobile-stage .ring-two{width:62%!important;height:62%!important;}
html.is-mobile-stage .ring-three{width:82%!important;height:82%!important;}
html.is-mobile-stage .core-device{width:122px!important;height:100px!important;padding:10px!important;border-radius:22px!important;}
html.is-mobile-stage .core-device .device-screen{width:52px!important;height:43px!important;border-radius:16px!important;}
html.is-mobile-stage .core-device svg{width:29px!important;height:29px!important;}
html.is-mobile-stage .core-device strong{font-size:15px!important;}
html.is-mobile-stage .core-device small{font-size:9px!important;}
html.is-mobile-stage .module-card{width:74px!important;min-height:72px!important;padding:8px!important;border-radius:18px!important;gap:6px!important;}
html.is-mobile-stage .module-card .icon-box{width:36px!important;height:36px!important;border-radius:13px!important;}
html.is-mobile-stage .module-card svg{width:22px!important;height:22px!important;}
html.is-mobile-stage .module-card span{font-size:9px!important;}
html.is-mobile-stage .copy-layer{z-index:6!important;}
html.is-mobile-stage .copy-frame{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  top:auto!important;
  bottom:var(--mobile-card-bottom)!important;
  width:auto!important;
  max-width:none!important;
  max-height:43vh!important;
  min-height:0!important;
  padding:15px!important;
  border-radius:22px!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  transform:translate3d(0,16px,0) scale(.97);
  opacity:0;
  visibility:hidden;
}
html.is-mobile-stage .copy-frame.active{visibility:visible!important;pointer-events:auto!important;}
html.is-mobile-stage .copy-frame:before{font-size:10px!important;letter-spacing:.11em!important;margin-bottom:9px!important;}
html.is-mobile-stage .eyebrow{font-size:10px!important;line-height:1.25!important;margin-bottom:8px!important;letter-spacing:.035em!important;}
html.is-mobile-stage h1{font-size:clamp(32px,10.8vw,44px)!important;line-height:.96!important;letter-spacing:-.06em!important;}
html.is-mobile-stage h2{font-size:clamp(27px,9vw,38px)!important;line-height:1!important;letter-spacing:-.055em!important;}
html.is-mobile-stage p,html.is-mobile-stage .lead{font-size:14px!important;line-height:1.42!important;margin:.66em 0 0!important;}
html.is-mobile-stage .actions{gap:8px!important;margin-top:12px!important;}
html.is-mobile-stage .primary,html.is-mobile-stage .ghost{padding:10px 12px!important;font-size:12px!important;}
html.is-mobile-stage .mini-grid{display:none!important;}
html.is-mobile-stage .chips{gap:6px!important;margin-top:10px!important;}
html.is-mobile-stage .chips span{font-size:10px!important;padding:5px 8px!important;}
html.is-mobile-stage .checklist{gap:7px!important;margin-top:10px!important;}
html.is-mobile-stage .checklist li{font-size:12.5px!important;line-height:1.32!important;padding:8px 9px 8px 30px!important;}
html.is-mobile-stage .checklist li:before{left:10px!important;top:10px!important;width:11px!important;height:11px!important;}
html.is-mobile-stage .lead-form{gap:8px!important;margin-top:10px!important;}
html.is-mobile-stage .lead-form label{font-size:11px!important;gap:4px!important;}
html.is-mobile-stage .lead-form input{padding:10px 11px!important;border-radius:13px!important;}
@media (max-width:960px),(pointer:coarse){
  .flow-nav,.stage-meta,.scroll-hint{display:none!important;}
  .stage-brand{top:max(8px,env(safe-area-inset-top))!important;width:min(310px,calc(100% - 28px))!important;padding:0 8px 4px!important;gap:2px!important;}
  .stage-brand img{width:min(205px,52vw)!important;}
  .stage-brand span{font-size:11px!important;line-height:1.16!important;}
  .copy-frame{left:14px!important;right:14px!important;top:auto!important;bottom:12px!important;width:auto!important;max-height:43vh!important;padding:15px!important;border-radius:22px!important;}
}
@media (max-height:650px) and (pointer:coarse){
  html.is-mobile-stage .stage-brand img{width:min(178px,46vw)!important;}
  html.is-mobile-stage .stage-brand span{font-size:10px!important;}
  html.is-mobile-stage .visual-rig{top:29%!important;height:min(38vh,245px)!important;min-height:205px!important;}
  html.is-mobile-stage .copy-frame{max-height:45vh!important;padding:13px!important;}
  html.is-mobile-stage h1{font-size:clamp(29px,9.5vw,39px)!important;}
  html.is-mobile-stage h2{font-size:clamp(25px,8.5vw,35px)!important;}
  html.is-mobile-stage p,html.is-mobile-stage .lead{font-size:13.2px!important;line-height:1.36!important;}
}