/* VISION — editorial clarity, cinematic product detail. */
@font-face{font-family:'Cabinet Grotesk';src:url('fonts/cabinet-grotesk-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('fonts/instrument-sans-400-700.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/ibm-plex-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#060b11;--panel:#0c1520;--elevated:#101e2c;--line:#233647;--muted:#a1b1c2;--text:#f0f5fa;--cyan:#67e8f9;--violet:#ae9aff;--display:'Cabinet Grotesk',sans-serif;--body:'Instrument Sans',sans-serif;--data:'IBM Plex Mono',monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--body);overflow-x:clip}::selection{background:var(--cyan);color:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.03;letter-spacing:-.035em}h2{font-size:clamp(38px,4.6vw,66px)}h2 span,h2 em{color:var(--muted);font-style:normal}.wrap{width:min(100%,1536px);padding-inline:clamp(24px,4.5vw,72px);margin-inline:auto}.eyebrow{font:400 10px/1.7 var(--data);letter-spacing:.19em;color:var(--cyan);text-transform:uppercase;margin-bottom:22px}.fine{color:var(--muted);font-size:12px}.dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px #67e8f977}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:14px 22px;border:1px solid #3e5367;border-radius:5px;background:transparent;color:var(--text);font-size:13px;font-weight:600;line-height:1.2;transition:background .2s,border-color .2s,transform .3s var(--ease),box-shadow .3s}.btn span{font-size:18px;font-weight:400}.btn:hover{background:#142333;border-color:var(--cyan);transform:translateY(-3px)}.btn.primary{color:#06121a;background:var(--cyan);border-color:var(--cyan)}.btn.primary:hover{background:#a0f4ff;box-shadow:0 6px 32px #67e8f91a}.btn.small{min-height:42px;padding:10px 18px;font-size:12px;gap:24px}.text-link{border:0;border-radius:0;background:none;padding:8px 0;display:inline-flex;align-items:center;gap:24px;font-weight:500;font-size:13px;color:var(--text)}.text-link span{color:var(--cyan);font-size:19px}.text-link:hover{color:var(--cyan)}.skip-link{position:fixed;left:16px;top:-70px;z-index:100;background:var(--cyan);color:var(--bg);padding:12px 20px}.skip-link:focus{top:12px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--cyan);z-index:40;pointer-events:none}
/* Navigation */
.site-header{position:sticky;top:0;z-index:30;background:#060b11ed;border-bottom:1px solid #23364780;backdrop-filter:blur(20px)}.main-nav{height:86px;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.16em;line-height:1.15;flex-shrink:0}.brand img{width:43px;height:43px;object-fit:contain}.brand small{display:block;font:400 7px/1 var(--data);letter-spacing:.2em;color:#8ba4b9;margin-top:7px}.links{margin-left:auto;display:flex;align-items:center;gap:28px}.links a{position:relative;color:#b6c3d0;font-size:12px;padding:12px 0;transition:color .2s}.links a:hover,.links a.active{color:var(--cyan)}.links a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--cyan);transition:width .3s}.links a.active:after{width:100%}.nav-cta{margin-left:12px}.menu{display:none}
/* Opening frame: asymmetric type and the actual application. */
.hero{position:relative;isolation:isolate;padding:0;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 79% 60%,#12314a55,transparent 60%),var(--bg)}.hero-grid{position:relative;display:grid;grid-template-columns:.84fr 1.3fr;align-items:center;gap:28px;min-height:min(790px,calc(100svh - 86px));padding-top:64px;padding-bottom:100px}.hero-intro{position:relative;z-index:2}.release{display:flex;align-items:center;gap:11px;font:400 9px/1.5 var(--data);letter-spacing:.13em;color:#b3c4d6;margin-bottom:30px}.release-separator{color:#496078;margin:0 3px}h1{font-size:clamp(58px,6.7vw,100px);letter-spacing:-.055em;line-height:.98}h1 em{font-style:normal;font-size:.65em;letter-spacing:-.04em;color:var(--cyan);white-space:nowrap;display:inline-block;margin-top:11px}.lead{color:var(--muted);font-size:16px;line-height:1.75;max-width:390px;margin-top:28px}.actions{display:flex;align-items:center;gap:26px;margin-top:32px}.hero-caption{display:flex;align-items:center;gap:18px;margin-top:40px;font-size:11px;color:#8b9eb1;line-height:1.7}.hero-caption strong{font-weight:400;color:#c0cfdb}.caption-rule{height:30px;width:1px;background:linear-gradient(var(--cyan),#67e8f910)}.hero-screens{position:relative;min-width:0;width:calc(100% + 60px);padding-top:32px;margin-top:10px;perspective:1800px;z-index:1}.screen-label{display:flex;align-items:center;gap:9px;position:absolute;top:0;left:0;width:100%;font:400 8px/1.5 var(--data);letter-spacing:.12em;color:#a4bed2}.screen-label>span:last-child{margin-left:auto;color:#688095}.image-zoom{padding:0;border:0;background:transparent;cursor:zoom-in;color:inherit}.screen-main,.screen-install{display:block;overflow:hidden;background:#07131f;border:1px solid #36526b;border-radius:8px;box-shadow:0 28px 70px #0008;transition:border-color .25s,box-shadow .25s}.screen-main:hover,.screen-install:hover{border-color:var(--cyan);box-shadow:0 25px 60px #000a,0 0 30px #67e8f90a}.screen-main{width:100%;transform:translateY(var(--app-shift,0px)) rotateY(var(--app-angle,4deg));transform-origin:left center}.screen-main img,.screen-install img{width:100%;height:auto}.screen-main>span,.screen-install>span{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#8ba5bb;font:400 8px/1.3 var(--data);letter-spacing:.14em;background:#0c1824}.screen-main b,.screen-install b{font-weight:400;color:#c6d7e4;letter-spacing:0}.screen-install{position:absolute;bottom:-76px;left:-50px;width:40%;transform:translateY(var(--install-shift,0px));z-index:3;border-color:#615f96}.screen-coordinate{position:absolute;right:0;bottom:-37px;font:400 8px var(--data);letter-spacing:.16em;color:#7d98b0}.screen-glow{position:absolute;inset:10% -8% -10%;background:radial-gradient(ellipse,#2074aa30,transparent 65%);filter:blur(40px);pointer-events:none}.hero-orbit{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.hero-orbit i{position:absolute;width:850px;height:850px;right:-150px;top:-10px;border:1px solid #46728d1c;border-radius:50%}.hero-orbit i:nth-child(2){width:1120px;height:1120px;right:-280px;top:-145px;border-style:dashed;border-color:#46728d13}.hero-orbit span{position:absolute;width:500px;height:500px;right:0;bottom:-300px;background:#6d4bb21c;filter:blur(100px)}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding-block:23px;gap:20px;font:400 8px/1.5 var(--data);letter-spacing:.12em;border-top:1px solid #23364770;color:#7992a7}.hero-bottom a{display:flex;gap:18px;align-items:center;color:#bdccd9;font:400 11px var(--body);letter-spacing:0}.hero-bottom a span{color:var(--cyan);font-size:20px}.strip{display:flex;justify-content:space-between;gap:24px;padding-block:28px;color:#93a6ba;font:400 9px var(--data);letter-spacing:.09em;border-bottom:1px solid var(--line)}.strip span{display:flex;align-items:center;gap:12px}.strip span:before{content:'+';color:var(--cyan)}
/* Four movements, one continuous process. */
section{padding:112px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:64px;margin-bottom:64px}.section-head>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:340px}.vision-flow{--flow:0;position:relative}.flow-track{height:1px;position:relative;background:var(--line);margin:0 12.5% 36px}.flow-fill{position:absolute;inset:0;background:var(--cyan);transform:scaleX(var(--flow));transform-origin:left}.flow-pulse{position:absolute;left:calc(var(--flow) * 100%);top:-3px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px #67e8f9}.flow-track i{position:absolute;top:-3px;width:7px;height:7px;border:1px solid #47627b;background:var(--bg);border-radius:50%}.flow-track i:nth-of-type(1){left:0}.flow-track i:nth-of-type(2){left:33.333%}.flow-track i:nth-of-type(3){left:66.666%}.flow-track i:nth-of-type(4){left:100%}.flow-track i.lit{border-color:var(--cyan);background:var(--cyan)}.flow-cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.flow-card{padding:28px 28px 32px;position:relative;background:#0a121c;border-right:1px solid var(--line);transition:background .65s}.flow-card:last-child{border:0}.flow-card.active{background:#0e1c29}.flow-count{position:absolute;right:24px;top:25px;font:400 11px var(--data);color:#688197}.flow-icon{height:42px;display:flex;align-items:center;margin-bottom:30px;color:#688197;transition:color .5s}.flow-card.active .flow-icon{color:var(--cyan)}.flow-icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.4}.flow-card h3{font-size:27px;margin-bottom:17px}.flow-card p{font-size:13px;color:var(--muted);line-height:1.8;min-height:141px}.flow-tag{display:block;margin-top:30px;font:400 8px var(--data);letter-spacing:.13em;color:#87a1b6}
/* Installation: a shorter native scroll sequence, with readable static fallback. */
.installation-story{scroll-margin-top:-22px;height:330svh;padding:0;background:#060c14;position:relative;--tour-progress:0}.tour-pin{position:sticky;top:86px;height:calc(100svh - 86px);display:flex;align-items:center;isolation:isolate;overflow:hidden}.tour-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 80%,#153a572b,transparent 60%)}.tour-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#50789906 1px,transparent 1px);background-size:100px 100%;mask-image:linear-gradient(transparent,#000)}.tour-atmosphere i{position:absolute;border:1px solid #61dbff0d;border-radius:50%;width:850px;height:850px;left:-100px;top:25%}.tour-atmosphere i:nth-child(2){width:1100px;height:1100px;left:-225px;top:10%}.tour-inner{width:100%;max-width:1700px}.tour-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.tour-heading .eyebrow{margin-bottom:12px}.tour-heading h2{font-size:clamp(31px,3.3vw,48px);line-height:1.04}.tour-heading h2 em{display:block;color:var(--text)}.tour-hint{display:flex;align-items:center;gap:13px;font-size:11px}.tour-hint p{line-height:1.7;color:var(--text)}.tour-hint p span{font-size:10px;color:#829eb5}.tour-hint a{margin-left:24px;padding:8px 0;border-bottom:1px solid #3a5269;color:#a2b6c9;font-size:10px;white-space:nowrap}.tour-hint a:hover{color:var(--cyan)}.scroll-mouse{width:18px;height:30px;border:1px solid #4b829b;border-radius:10px;position:relative}.scroll-mouse:after{content:'';position:absolute;top:7px;left:7px;width:2px;height:5px;background:var(--cyan);animation:mouse-scroll 1.8s infinite}@keyframes mouse-scroll{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(9px);opacity:0}}.tour-nav{display:grid;grid-template-columns:repeat(6,1fr);height:auto;gap:8px;border-bottom:1px solid var(--line);margin-bottom:20px}.tour-step-button{display:flex;align-items:center;gap:10px;min-height:49px;text-align:left;color:#8b9fb4;padding:10px 0 16px;border:0;border-bottom:2px solid transparent;background:none;font-size:10px;transition:color .3s,border-color .3s}.tour-step-button span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #385065;border-radius:50%;font:400 8px var(--data);transition:all .3s}.tour-step-button b{font-weight:500}.tour-step-button.current{border-color:var(--cyan);color:var(--cyan)}.tour-step-button.current span{border-color:var(--cyan);box-shadow:0 0 18px #67e8f91c}.tour-step-button.complete span{border-color:#347f8e;color:var(--cyan)}.tour-step-button:hover{color:#fff}.tour-stage{position:relative;height:calc(100svh - 382px);min-height:280px}.tour-hud{display:flex;justify-content:space-between;position:absolute;top:0;left:0;width:66%;font:400 7px var(--data);letter-spacing:.16em;color:#6b879e;z-index:2;pointer-events:none}.tour-hud span:last-child{color:#86adc2}.tour-hud i{display:inline-block;width:4px;height:4px;background:var(--cyan);border-radius:50%;margin-left:5px}.tour-panel{position:absolute;inset:18px 0 0;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr);align-items:center;gap:clamp(28px,4vw,68px);opacity:0;visibility:hidden;transform:translateY(28px);transition:opacity .42s var(--ease),transform .62s var(--ease),visibility .42s}.tour-panel.is-before{transform:translateY(-28px)}.tour-panel.is-active{opacity:1;visibility:visible;transform:none}.tour-visual{width:100%;min-width:0;display:flex;justify-content:center;perspective:1400px}.tour-visual button{position:relative;display:block;max-width:100%;border:1px solid #365c78;border-radius:6px;overflow:hidden;background:#06111d;box-shadow:0 25px 65px #0007;transform:rotateY(-4deg) scale(.98);transition:transform .72s var(--ease),border-color .3s}.tour-panel.is-active .tour-visual button{transform:none}.tour-visual button:hover{border-color:var(--cyan)}.tour-visual img{max-height:calc(100svh - 407px);height:auto;width:auto;max-width:100%;object-fit:contain}.tour-zoom{position:absolute;right:12px;top:12px;padding:5px 9px;background:#06121fe8;border:1px solid #3e5d76;border-radius:3px;font-size:9px;color:#c5ddeb;opacity:0;transition:opacity .3s}.tour-visual button:hover .tour-zoom,.tour-visual button:focus-visible .tour-zoom{opacity:1}.tour-copy{position:relative;isolation:isolate}.tour-ghost{position:absolute;top:-70px;right:0;font:800 155px/.9 var(--display);letter-spacing:-.04em;color:#13253865;z-index:-1;user-select:none}.tour-kicker{font:400 9px var(--data);letter-spacing:.12em;color:var(--cyan);margin-bottom:24px}.tour-kicker span{display:block;font-size:7px;letter-spacing:.18em;color:#8ca4b9;margin-top:8px}.tour-copy h3{font-size:clamp(25px,2.8vw,41px);line-height:1.06;margin-bottom:22px;max-width:390px}.tour-copy>p{font-size:14px;line-height:1.8;color:var(--muted)}.tour-action{display:flex;gap:12px;align-items:flex-start;margin-top:23px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;line-height:1.6}.tour-action span{color:var(--cyan);font-size:18px}.tour-action strong{font-weight:500}.tour-copy>p.tour-note{font-size:10px;color:#839bb0;line-height:1.7;margin-top:15px}.tour-bottom{margin-top:22px}.tour-scroll-track{height:2px;background:#203242;overflow:hidden}.tour-scroll-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));transform:scaleX(var(--tour-progress));transform-origin:left}.tour-bottom p{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:9px;color:#7b94aa}.tour-bottom p>span:first-child{font:400 9px var(--data);color:var(--cyan)}.tour-bottom b{font-weight:400;color:#bac8d6}
/* Configuration context */
.setup-section{background:#0a121b;padding:88px 0}.setup-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.setup-intro h2{font-size:clamp(36px,3.7vw,54px)}.setup-intro .lead{font-size:14px;max-width:330px;margin-top:22px}.setup-intro .text-link{margin-top:20px}.setup-specs>div{display:flex;align-items:center;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.setup-specs>div:first-child{border-top:1px solid var(--line)}.spec-index{font:400 10px var(--data);color:var(--cyan)}.setup-specs p{font-size:11px;color:#8fa4b8;line-height:1.8}.setup-specs strong{display:block;font-family:var(--display);font-size:25px;color:var(--text);font-weight:800;line-height:1.4}.spec-detail{margin-left:auto;font-size:10px;color:#90a4b7;text-align:right}.setup-specs .fine{margin-top:20px;font-size:11px;line-height:1.8;max-width:520px}
/* One product, three durations. */
.price-section{position:relative;background:radial-gradient(ellipse at 50% 60%,#15354c20,transparent 65%)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid #2b3b4d;border-radius:10px;background:#0a131d;transition:border-color .3s,transform .4s var(--ease),box-shadow .4s}.plan-card:hover{border-color:#527791;transform:translateY(-6px);box-shadow:0 25px 50px #0004}.plan-featured{border-color:#529eaf;background:radial-gradient(ellipse at 100% 0,#1d485d55,transparent 75%),#0d1a25}.plan-lifetime{background:radial-gradient(ellipse at 100% 0,#56418024,transparent 70%),#0c1420}.plan-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:28px}.plan-symbol{display:flex;align-items:center;gap:8px;font:400 25px var(--data);color:var(--cyan)}.plan-symbol>span{font-size:7px;color:#7e9ab0;letter-spacing:.13em}.plan-label{font:400 8px var(--data);letter-spacing:.08em;color:#a3b6c8}.plan-lifetime .plan-symbol{color:var(--violet)}.plan-card h3{font-size:32px;margin-bottom:9px}.plan-description{font-size:12px;color:var(--muted);margin-bottom:28px;min-height:21px}.plan-price{font:800 clamp(45px,4.8vw,68px)/1 var(--display);letter-spacing:-.045em;color:var(--text);white-space:nowrap}.plan-price>span{font-size:.46em;vertical-align:top;display:inline-block;margin-top:7px;color:#afc1d2;letter-spacing:0}.plan-period{font-size:11px;color:#8da3b9;margin-top:10px}.plan-card ul{list-style:none;padding:26px 0 0;margin:28px 0 30px;border-top:1px solid var(--line);flex:1}.plan-card li{display:flex;gap:11px;color:#b1c0cf;font-size:12px;line-height:1.6;margin-bottom:13px}.plan-card li:before{content:'✓';color:var(--cyan);font-size:12px}.plan-card .btn{width:100%;justify-content:space-between;font-size:12px}.plans-notice{display:flex;align-items:flex-start;gap:12px;margin-top:26px;max-width:850px}.plans-notice .dot{margin-top:7px;width:4px;height:4px;flex-basis:4px;box-shadow:none;background:#94a7b9}.plans-notice p{font-size:11px;line-height:1.9;color:#a7b7c7}.plans-notice p span{color:#7f95aa}
/* Download: a luminous, tactile action with a dedicated icon. */
.btn.download-cta,.links .download-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:11px 12px 11px 24px;border:1px solid #b5f6ff;border-radius:12px;background:#67e8f9;color:#041921;font-family:var(--body);font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:inset 0 1px 0 #fff9,inset 0 -3px 0 #168da746,0 5px 0 #17596b,0 9px 24px #0005,0 0 26px #37dff21c;transition:background .25s,border-color .25s,box-shadow .3s,transform .3s var(--ease)}
.btn.download-cta .download-label,.links .download-cta .download-label{position:relative;z-index:2;font:inherit;letter-spacing:-.015em}
.btn.download-cta .download-mark,.links .download-cta .download-mark{position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #08637b26;border-radius:8px;background:#05384413;box-shadow:inset 0 1px 2px #0a718515;color:inherit}
.download-mark svg{display:block;width:21px;height:21px}.download-mark .download-arrow{transition:transform .35s var(--ease)}
.btn.download-cta::after,.links .download-cta::after{content:'';display:block;position:absolute;z-index:1;inset:-60% auto -60% -65%;width:48%;height:auto;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:skewX(-22deg);transition:left .65s var(--ease);pointer-events:none}
.btn.download-cta:hover,.links .download-cta:hover{background:#91f1fc;color:#041921;border-color:#defbff;transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #168da72b,0 7px 0 #17596b,0 15px 30px #0006,0 0 38px #37dff247}
.btn.download-cta:hover::after,.btn.download-cta:focus-visible::after,.links .download-cta:hover::after,.links .download-cta:focus-visible::after{left:125%;transform:skewX(-22deg)}
.btn.download-cta:hover>span,.btn.download-cta:focus-visible>span{translate:0}
.download-cta:hover .download-arrow,.download-cta:focus-visible .download-arrow{transform:translateY(2px)}
.btn.download-cta:focus-visible,.links .download-cta:focus-visible{outline:2px solid #d8fbff;outline-offset:5px;background:#91f1fc;color:#041921}
.btn.download-cta:active,.links .download-cta:active{transform:translateY(3px);box-shadow:inset 0 1px 3px #0b647533,0 2px 0 #17596b,0 4px 15px #0004,0 0 20px #37dff22b}
.btn.small.download-cta{min-height:48px;padding:7px 9px 7px 18px;gap:18px;font-size:12px;border-radius:10px}
.btn.small.download-cta .download-mark{width:30px;height:30px;flex-basis:30px;border-radius:6px}
.setup-intro .download-cta{margin-top:28px}.setup-intro #installer-size{margin-top:16px;color:#a4bacb;font:400 10px/1.6 var(--data);letter-spacing:.03em}
.links .menu-download.download-cta{margin-top:18px;justify-content:space-between;padding:12px 16px;font-size:14px}
.download-cta[hidden]{display:none!important}
@media(max-width:600px){.btn.nav-cta.download-cta{display:none}.setup-intro .download-cta{width:100%;max-width:340px;justify-content:space-between}}
.motion-off .download-cta::after{display:none}.motion-off .btn.download-cta,.motion-off .links .download-cta,.motion-off .download-mark .download-arrow{transform:none!important}
@media(prefers-reduced-motion:reduce){.btn.download-cta::after,.links .download-cta::after{display:none}.btn.download-cta,.links .download-cta,.download-mark .download-arrow{transform:none!important}}
/* Frequently asked questions */
.faq-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:100px;align-items:start}.faq-layout .section-head{display:block;position:sticky;top:145px;margin:0}.faq-layout .section-head p{margin-top:25px;max-width:290px}.faq{min-width:0}.faq details{border-bottom:1px solid var(--line);padding:25px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;list-style:none;font-size:15px;font-weight:500;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';flex:0 0 24px;color:var(--cyan);font-size:24px;font-weight:400;text-align:right}details[open] summary:after{content:'−'}details p{margin:19px 38px 0 0;font-size:13px;color:var(--muted);line-height:1.85}details .btn{margin-top:18px}.end{position:relative;min-height:520px;background:#06101a;border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate}.end:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#06101a 0%,#06101af5 26%,#06101ab8 46%,transparent 70%),linear-gradient(180deg,#06101a33 0%,transparent 48%,#06101ac7 100%)}.end-scene{position:absolute;inset:-9% -2% -9% 23%;z-index:0;overflow:hidden;pointer-events:none;background:#06101a}.end-scene img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;filter:saturate(.93) contrast(1.06) brightness(.82);transform:scale(1.055);will-change:transform}.end-scene:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#06101ae6 0%,#06101a73 24%,transparent 54%),linear-gradient(180deg,#06101a52,transparent 35% 72%,#06101ab8);pointer-events:none}.end-scene:after{content:'';position:absolute;z-index:3;inset:-25% 0;background:repeating-linear-gradient(174deg,transparent 0 13px,#9cefff0a 14px,transparent 15px 28px);opacity:.52;mix-blend-mode:screen;pointer-events:none}.end-scene-light{position:absolute;z-index:3;width:34%;height:150%;right:16%;top:-30%;background:linear-gradient(90deg,transparent,#96eeff1a,transparent);filter:blur(18px);rotate:13deg;mix-blend-mode:screen;pointer-events:none}.end-scene-particles{position:absolute;z-index:4;inset:5% 3% 0 36%;opacity:.72;background-image:radial-gradient(circle,#dbfbff 0 1px,transparent 1.7px),radial-gradient(circle,#b18cff 0 1px,transparent 1.8px);background-position:0 0,37px 54px;background-size:93px 111px,137px 149px;mask-image:linear-gradient(90deg,transparent,#000 23%,#000);pointer-events:none}.end-inner{display:flex;align-items:center;position:relative;z-index:2;min-height:520px;padding-block:88px}.end-copy{position:relative;z-index:2;max-width:720px}.end h2{font-size:clamp(42px,4.65vw,70px);text-shadow:0 8px 45px #02070cd9}.end h2 em{color:var(--cyan);font-style:normal;text-shadow:0 0 34px #36dff32e}.end .eyebrow{margin-bottom:24px}.end-copy .download-cta{margin-top:36px}.end-art-note{position:absolute;right:clamp(24px,4.5vw,72px);bottom:26px;z-index:3;display:flex;align-items:center;gap:9px;color:#91a8b9;font:400 7px/1.5 var(--data);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 12px #000}.end-art-note span{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px #67e8f9}.end-orbit{position:absolute;border:1px solid #67e8f925;border-radius:50%;width:660px;height:660px;right:-7%;top:50%;transform:translateY(-50%);z-index:1;mix-blend-mode:screen;opacity:.7}.end-orbit:after{content:'';position:absolute;border:1px solid #8f7cd41f;border-radius:50%;inset:-50px}.footer-top{display:flex;align-items:center;gap:70px;padding-block:44px}.footer-top p{font-size:12px;color:#839bb0;line-height:1.8}.top-link{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:23px;color:#bbcad7}.top-link span{color:var(--cyan);font-size:23px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px;border-top:1px solid #23364780;color:#7e94a8;font-size:10px}.footer-links{display:flex;gap:24px}.footer-links button{border:0;padding:6px 0;background:none;font-size:10px;color:#a0b3c5}.footer-links button:hover{color:var(--cyan)}.footer-version{font:400 8px var(--data);letter-spacing:.12em}
/* Dialog and keyboard interaction */
dialog{width:min(560px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;background:#0c1825;color:var(--text);border:1px solid #3f5a73;border-radius:12px;padding:32px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#02060bd9;backdrop-filter:blur(8px)}dialog h2{font-size:35px;margin-bottom:20px;clear:both}dialog p,dialog li{font-size:14px;line-height:1.8;color:#acbed0}dialog p+p{margin-top:16px}dialog .eyebrow{padding-top:6px}.close{float:right;width:40px;height:40px;display:grid;place-items:center;background:#172838;color:var(--text);border:1px solid #30485f;border-radius:5px;font-size:24px;line-height:1;margin:0 0 16px 20px}.close:hover{border-color:var(--cyan)}body:has(dialog[open]){overflow:hidden}.image-modal{width:min(1350px,95vw);max-width:1350px;padding:16px;background:#060e18}.image-modal #modalBody{clear:both}.modal-image img{max-height:76svh;width:auto;max-width:100%;margin:auto;object-fit:contain}.image-modal p{font-size:11px;margin-top:12px;text-align:center}
/* Entrance motion never blocks navigation. */
.reveal-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}.reveal-ready .reveal.in-view{opacity:1;transform:none}.hero-intro>*{animation:arrive .9s var(--ease) both}.hero-intro h1{animation-delay:.08s}.hero-intro .lead{animation-delay:.16s}.hero-intro .actions{animation-delay:.24s}.hero-intro .hero-caption{animation-delay:.3s}.hero-screens{animation:arrive 1.1s .2s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
/* Responsive rhythm */
@media(min-width:1700px){.hero-grid{min-height:840px}.hero-screens{width:calc(100% + 100px)}}
@media(max-width:1200px){.main-nav{gap:22px}.links{gap:22px}.hero-grid{grid-template-columns:.87fr 1.1fr;gap:25px}.hero-screens{width:calc(100% + 40px)}h1{font-size:clamp(57px,6.6vw,85px)}.hero-intro .lead{font-size:14px;max-width:340px}.actions{gap:20px}.actions .btn{gap:15px;padding-inline:16px}.flow-card{padding:25px 21px}.flow-card p{min-height:163px;font-size:12px}.setup-grid,.faq-layout{gap:65px}.tour-hint p,.scroll-mouse{display:none}.tour-copy h3{font-size:30px}.tour-copy>p{font-size:12px}.tour-action{font-size:11px}.plan-card{padding:25px}.plan-card li{font-size:11px}}
@media(max-width:1050px){.main-nav{gap:18px}.nav-cta{margin-left:auto}.menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #33495d;border-radius:5px;background:none;padding:12px}.menu span{height:1px;background:var(--text);width:18px;transition:transform .25s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.links{display:none;position:absolute;top:86px;left:0;right:0;padding:20px 5vw 28px;background:#0c1723;border-bottom:1px solid #3f5d74;box-shadow:0 20px 40px #0005;margin:0}.links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.links a{padding:15px 4px;font-size:16px;border-bottom:1px solid #23364780}.links a:after{display:none}.hero-caption{margin-top:30px}.hero-grid{padding-block:56px 96px;min-height:690px}.hero-screens{margin-top:0}.hero-intro .actions{flex-wrap:wrap;gap:14px 20px}.screen-install{width:48%;left:-28px}.screen-coordinate{font-size:6px}.section-head{gap:40px}.flow-card h3{font-size:24px}.plan-description{min-height:40px}.tour-panel{gap:28px;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.tour-copy h3{font-size:28px}.tour-copy>p{font-size:11px}.tour-kicker{margin-bottom:15px}.tour-copy>p.tour-note{font-size:9px}.tour-action{margin-top:16px;padding-top:12px}.tour-hud{width:60%}}
@media(min-width:851px) and (max-height:800px){.tour-heading h2{font-size:29px}.tour-heading .eyebrow{font-size:8px;margin-bottom:8px}.tour-heading{margin-bottom:16px}.tour-nav{margin-bottom:14px}.tour-step-button{min-height:42px;padding-bottom:12px}.tour-stage{height:calc(100svh - 307px);min-height:0}.tour-visual img{max-height:calc(100svh - 332px)}.tour-copy h3{font-size:27px;margin-bottom:14px}.tour-kicker{margin-bottom:14px}.tour-copy>p{font-size:11px;line-height:1.65}.tour-copy>p.tour-note{font-size:9px;line-height:1.5;margin-top:10px}.tour-action{margin-top:15px;padding-top:12px;font-size:10px}.tour-bottom{margin-top:15px}.tour-ghost{font-size:110px;top:-35px}.hero-grid{min-height:650px}}
@media(max-width:850px){html{scroll-padding-top:92px}.main-nav{height:72px}.brand{font-size:20px}.brand img{width:36px;height:36px}.brand small{font-size:6px}.nav-cta{min-height:40px;padding:9px 13px;font-size:10px;gap:15px}.links{top:72px}.hero-grid{grid-template-columns:1fr;padding-top:50px;padding-bottom:75px;gap:42px;min-height:0}.hero-intro{max-width:600px}.release{margin-bottom:24px}.hero h1{font-size:clamp(64px,11vw,90px)}h1 em{font-size:.68em}.hero-intro .lead{font-size:15px;max-width:420px;margin-top:23px}.hero-intro .actions{margin-top:27px;gap:24px}.hero-caption{display:none}.hero-screens{width:100%;margin-top:0}.screen-main{transform:none!important}.screen-install{bottom:-50px;left:auto;right:-5px;width:38%;transform:none!important}.screen-coordinate{left:0;bottom:-30px;font-size:7px}.hero-bottom{padding-block:20px}.hero-bottom>span{font-size:7px}.hero-bottom a{font-size:10px;gap:12px}.hero-orbit i{width:750px;height:750px;top:250px;right:-200px}.hero-orbit i:nth-child(2){width:950px;height:950px;top:150px;right:-300px}.strip{display:grid;grid-template-columns:1fr 1fr;gap:19px;font-size:8px;padding-block:25px}section{padding:75px 0}.section-head{display:block;margin-bottom:42px}.section-head p{margin-top:24px;max-width:450px;font-size:13px}h2{font-size:clamp(37px,6vw,52px)}.eyebrow{font-size:9px;margin-bottom:18px}.flow-track{display:none}.flow-cards{grid-template-columns:1fr 1fr}.flow-card{padding:25px;border-bottom:1px solid var(--line)}.flow-card:nth-child(2){border-right:0}.flow-card:nth-child(3){border-bottom:0}.flow-card p{min-height:95px;font-size:12px}.flow-icon{margin-bottom:22px}.flow-tag{margin-top:25px}.flow-note{line-height:1.8}.setup-section{padding:65px 0}.setup-grid{grid-template-columns:1fr;gap:38px}.setup-intro .lead{max-width:420px}.setup-specs>div{padding:20px 0}.setup-specs .fine{max-width:none}.plans-grid{gap:12px}.plan-card{padding:22px 18px}.plan-card h3{font-size:28px}.plan-top{display:block;padding-bottom:20px;margin-bottom:22px}.plan-label{display:block;margin-top:12px;font-size:7px}.plan-description{font-size:11px;min-height:36px}.plan-price{font-size:42px}.plan-card li{font-size:10px;gap:7px}.plan-card .btn{padding:13px 12px;font-size:10px;gap:8px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-layout .section-head{position:static}.faq-layout .section-head p{max-width:400px}.faq details{padding:22px 0}.end-inner{padding-block:65px;gap:30px}.end h2{font-size:42px}.end .btn{gap:18px;white-space:nowrap}.footer-top{gap:35px}.footer-row{flex-wrap:wrap}.footer-version{display:none}}
@media(max-width:600px){.wrap{padding-inline:24px}.nav-cta{display:none}.menu{margin-left:auto}.hero-grid{padding-top:40px;gap:35px;padding-bottom:60px}.release{font-size:8px;gap:8px}.hero h1{font-size:68px;letter-spacing:-.05em}.hero h1 em{font-size:.63em}.hero-intro .lead{font-size:14px;max-width:350px}.actions .btn{font-size:12px;min-height:48px;padding-inline:17px}.actions .text-link{font-size:12px;gap:15px}.screen-main>span,.screen-install>span{font-size:6px;padding:8px;letter-spacing:.06em}.screen-install{width:43%;bottom:-36px}.screen-label{font-size:6px;gap:7px}.screen-coordinate{font-size:5px;letter-spacing:.07em;bottom:-20px}.hero-bottom{display:block}.hero-bottom>span{font-size:7px}.hero-bottom a{margin-top:12px;font-size:11px;justify-content:space-between}.strip{font-size:7px;gap:16px 8px;letter-spacing:.04em}.strip span{gap:7px}section{padding:64px 0}.section-head h2{font-size:39px}.flow-cards{grid-template-columns:1fr}.flow-card{padding:28px;border-right:0}.flow-card:nth-child(3){border-bottom:1px solid var(--line)}.flow-card p{min-height:0;font-size:13px;max-width:100%}.flow-icon{margin-bottom:19px}.flow-card h3{font-size:29px}.flow-tag{margin-top:22px;font-size:8px}.setup-intro h2{font-size:38px}.setup-specs>div{gap:16px}.spec-detail{max-width:115px;font-size:9px}.setup-specs strong{font-size:24px}.plans-grid{grid-template-columns:1fr;gap:20px}.plan-card{padding:28px}.plan-top{display:flex;align-items:center;margin-bottom:26px;padding-bottom:22px}.plan-label{margin-top:0;font-size:8px}.plan-description{min-height:0;font-size:13px;margin-bottom:26px}.plan-card h3{font-size:34px}.plan-price{font-size:66px}.plan-period{font-size:12px}.plan-card li{font-size:12px;gap:11px}.plan-card .btn{font-size:12px;padding:15px 18px}.plan-card ul{margin-top:25px;margin-bottom:22px}.plans-notice p{font-size:10px}.faq-layout{gap:28px}summary{font-size:14px;gap:20px}.faq details p{font-size:12px;margin-right:8px}.end-inner{display:block;padding-block:60px}.end h2{font-size:42px}.end .btn{margin-top:30px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-block:32px}.footer-top p{text-align:right;font-size:10px}.footer-top .top-link{margin:0;grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px}.footer-row{display:block;padding-block:22px;font-size:9px}.footer-links{margin-top:12px;gap:20px}.footer-links button{font-size:9px}dialog{padding:24px}dialog h2{font-size:30px}.image-modal{padding:10px}.image-modal .close{margin-bottom:10px}.image-modal p{font-size:10px}}
/* Static guide for small screens, short windows and motion preferences. Last by design. */
@media(max-width:850px),(max-height:650px),(prefers-reduced-motion:reduce){.installation-story{height:auto;padding:65px 0}.tour-pin{position:relative;top:auto;height:auto;display:block;overflow:visible}.tour-heading{display:block;margin-bottom:35px}.tour-heading h2{font-size:clamp(32px,5vw,48px);line-height:1.08}.tour-heading .eyebrow{font-size:9px;margin-bottom:15px}.tour-hint{display:block;margin-top:20px}.tour-hint p,.scroll-mouse{display:none}.tour-hint a{display:inline-block;margin-left:0;font-size:11px}.tour-nav,.tour-hud,.tour-bottom{display:none}.tour-stage{height:auto;min-height:0;position:relative;display:flex;flex-direction:column;gap:50px}.tour-panel,.tour-panel.is-before,.tour-panel.is-active{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding-bottom:45px;border-bottom:1px solid var(--line)}.tour-panel:last-child{border-bottom:0;padding-bottom:0}.tour-visual button,.tour-panel.is-active .tour-visual button{transform:none}.tour-visual img{width:100%;height:auto;max-height:none}.tour-copy h3{font-size:28px;margin-bottom:17px}.tour-copy>p{font-size:12px;line-height:1.8}.tour-kicker{margin-bottom:17px}.tour-ghost{display:none}.tour-zoom{opacity:1;font-size:8px}.tour-copy>p.tour-note{font-size:10px}.tour-action{font-size:11px;margin-top:18px}.tour-atmosphere i{display:none}}
@media(max-width:600px){.tour-stage{gap:42px}.tour-panel,.tour-panel.is-active,.tour-panel.is-before{grid-template-columns:1fr;gap:25px;padding-bottom:38px}.tour-heading h2{font-size:33px}.tour-copy h3{font-size:30px;max-width:340px}.tour-copy>p{font-size:13px}.tour-copy>p.tour-note{font-size:10px}.tour-action{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready .reveal{opacity:1;transform:none}.screen-main,.screen-install{transform:none}.flow-fill{transform:scaleX(1)}.plan-card:hover,.btn:hover{transform:none}}

/* Product explanation layer — keeps the original VISION language while making every claim observable. */
.hero-new .hero-grid{grid-template-columns:minmax(390px,.92fr) minmax(0,1.3fr);gap:clamp(34px,4vw,72px);min-height:min(900px,calc(100svh - 86px));padding-top:54px;padding-bottom:82px}
.hero-new h1{font-size:clamp(50px,5.65vw,86px);line-height:.94;max-width:720px}
.hero-new h1 .hero-product{display:inline-block;font-size:.72em;letter-spacing:.03em;color:#fff;text-shadow:0 0 35px #67e8f920}
.hero-new h1 em{display:inline-block;font-size:.69em;margin-top:13px;color:var(--cyan);white-space:normal}
.hero-new h1 .hero-subline{display:inline-block;font-size:.53em;line-height:1.06;letter-spacing:-.025em;color:#dce9f4;margin-top:12px}
.hero-new .lead{max-width:540px;margin-top:25px;font-size:15px;line-height:1.72;color:#b5c3d0}
.hero-positioning{max-width:520px;margin-top:15px;padding-left:15px;border-left:1px solid #67e8f977;color:#829bb1;font-size:12px;line-height:1.65}
.hero-new .actions{align-items:center;margin-top:27px;gap:22px}
.hero-download-meta{margin-top:15px;font:400 9px/1.5 var(--data);letter-spacing:.08em;color:#8ca4b8}
.hero-download-meta span{color:#42647d;padding:0 6px}
.hero-repers{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.hero-repers span{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #2c4153;border-radius:999px;background:#09141fbb;color:#b7c8d6;font:400 8px/1 var(--data);letter-spacing:.08em;text-transform:uppercase}
.hero-repers span:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #67e8f9}

/* Nine documented capabilities, grouped like a product specification rather than a marketing template. */
.features-section{position:relative;isolation:isolate;background:radial-gradient(circle at 85% 12%,#5f43a318,transparent 27%),#080e16}
.features-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#67e8f905 1px,transparent 1px),linear-gradient(#67e8f904 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(transparent,#000 16%,#000 82%,transparent)}
.feature-heading{margin-bottom:76px}
.illustration-notice{display:flex;align-items:center;gap:18px;margin:-46px 0 46px;padding:14px 17px;border:1px solid #31495d;border-radius:8px;background:linear-gradient(90deg,#0b1924,#0a121c);color:#8fa6b9}
.illustration-notice span{flex:0 0 auto;color:var(--cyan);font:400 8px/1.4 var(--data);letter-spacing:.12em}
.illustration-notice p{font-size:10px;line-height:1.65}
.feature-group+.feature-group{margin-top:82px}
.feature-group-head{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #294054}
.feature-group-head>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4c6b82;border-radius:50%;color:var(--cyan);font:400 10px/1 var(--data);box-shadow:inset 0 0 22px #67e8f90c}
.feature-group-head p{color:#728ba0;font:400 7px/1.5 var(--data);letter-spacing:.15em}
.feature-group-head h3{margin-top:3px;font-size:25px;letter-spacing:-.02em}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{--surface-transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));--light-x:50%;--light-y:50%;--light-opacity:0;position:relative;display:flex;flex-direction:column;min-width:0;padding:14px 22px 24px;border:1px solid #293c4e;border-radius:12px;background:linear-gradient(155deg,#0e1925,#09121c);box-shadow:0 18px 42px #0002;transform:var(--surface-transform);transform-style:preserve-3d;overflow:hidden;transition:border-color .35s,box-shadow .45s,transform .45s var(--ease)}
.feature-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(430px circle at var(--light-x) var(--light-y),#67e8f918,transparent 65%);pointer-events:none;opacity:var(--light-opacity);transition:opacity .35s}
.feature-card:hover{border-color:#4f819e;box-shadow:0 28px 65px #0006,0 0 35px #67e8f90d}
.feature-card>*{position:relative}
.feature-card-media{height:210px;margin:-2px -10px 25px;position:relative!important;border:1px solid #314a60;border-radius:8px;overflow:hidden;background:#06101a}
.feature-card-media.generated-visual{display:block;width:calc(100% + 20px);padding:0;text-align:left;cursor:zoom-in;isolation:isolate}
.feature-card-media.generated-visual:before{content:'↗';position:absolute;z-index:4;top:10px;right:10px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #9eeeff66;border-radius:6px;background:#06121dcc;color:#d8faff;font:400 12px/1 var(--data);opacity:.72;transition:opacity .3s,transform .4s var(--ease),border-color .3s}
.feature-card:hover .feature-card-media.generated-visual:before,.feature-card-media.generated-visual:focus-visible:before{opacity:1;transform:translate(2px,-2px);border-color:var(--cyan)}
.feature-card-media.generated-visual:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.feature-card-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#05101bd9);pointer-events:none}
.feature-card-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.93) contrast(1.03);transition:transform .9s var(--ease),filter .45s}
.feature-card-media.generated-visual img{object-position:center;filter:saturate(.96) contrast(1.04) brightness(.92)}
.feature-card:hover .feature-card-media img{transform:scale(1.035);filter:saturate(1.08) contrast(1.03)}
.feature-card-media>span{position:absolute;z-index:2;left:12px;bottom:10px;color:#b4c9d8;font:400 7px/1.4 var(--data);letter-spacing:.1em}
.feature-card-media>span:before{content:'';display:inline-block;width:4px;height:4px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #67e8f9}
.crop-detection img{object-position:30% 49%}.crop-preview img{object-position:38% 48%}.crop-indicators img{object-position:57% 28%}.crop-controller img{object-position:70% 82%}.crop-target img{object-position:88% 23%}.crop-settings img{object-position:87% 48%}.crop-commands img{object-position:34% 20%}
.feature-index{color:var(--cyan);font:400 9px/1 var(--data);letter-spacing:.12em;margin-bottom:14px}
.feature-index:after{content:' / FONCTION';color:#536c82;margin-left:5px}
.feature-card h4{margin:0 0 15px;font:800 27px/1.08 var(--display);letter-spacing:-.025em;color:#edf5fb}
.feature-card>p{color:#9fb1c1;font-size:12px;line-height:1.75}
.feature-benefit{margin-top:21px;padding-top:18px;border-top:1px solid #263b4e}
.feature-benefit strong{display:block;margin-bottom:5px;color:#e6f1f8;font:600 9px/1.5 var(--data);letter-spacing:.08em;text-transform:uppercase}
.feature-limit{margin-top:auto!important;padding-top:18px;color:#7f95a8!important;font-size:10px!important}
.strong-limit{color:#bcd1df!important}.strong-limit:before{content:'✓';margin-right:8px;color:var(--cyan)}
.accent-card{border-color:#456e89;background:radial-gradient(circle at 100% 0,#674ab82b,transparent 48%),linear-gradient(155deg,#102131,#09131e)}
.option-chips,.setting-list{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 2px}
.option-chips span,.setting-list span{padding:6px 8px;border:1px solid #314c62;border-radius:4px;background:#0a1723;color:#a9bdcd;font:400 7px/1.25 var(--data);letter-spacing:.04em}
.option-chips span:first-child{border-color:#52b7cd;color:#d2f8ff}.setting-list span{border-radius:999px}

/* Benefits and compatibility make the boundaries as visible as the advantages. */
.benefits-section{position:relative;padding-bottom:50px;background:linear-gradient(135deg,#0a121c,#080d15)}
.benefits-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(55px,8vw,130px);align-items:start}
.benefits-copy{position:sticky;top:130px}
.benefits-copy h2{font-size:clamp(42px,4.4vw,64px)}
.benefits-copy>p{max-width:460px;margin-top:25px;color:#9eb0c0;font-size:14px;line-height:1.8}
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2b4053;border-radius:13px;overflow:hidden;background:#0a131d}
.benefits-grid article{position:relative;min-height:230px;padding:30px;border-right:1px solid #2b4053;border-bottom:1px solid #2b4053;background:linear-gradient(145deg,#0e1924,#09121b);transition:background .35s,transform .4s var(--ease)}
.benefits-grid article:nth-child(2n){border-right:0}.benefits-grid article:nth-child(n+3){border-bottom:0}
.benefits-grid article>span{color:var(--cyan);font:400 9px/1 var(--data)}
.benefits-grid h3{margin:39px 0 13px;font-size:23px;line-height:1.1}
.benefits-grid p{color:#93a7b8;font-size:12px;line-height:1.7}
.benefits-grid article:after{content:'';position:absolute;left:30px;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .65s var(--ease)}
.benefits-grid article:hover{background:#10202d}.benefits-grid article:hover:after{width:calc(100% - 60px)}
.evidence-note{margin-top:42px;padding-top:24px;border-top:1px solid #273b4d;color:#7f95a8;font-size:11px;line-height:1.75}
.evidence-note:before{content:'CADRE DE PREUVE';display:inline-block;margin-right:17px;color:var(--cyan);font:400 8px var(--data);letter-spacing:.1em}

.compatibility-section{position:relative;isolation:isolate;background:radial-gradient(circle at 15% 42%,#1e668622,transparent 33%),#060b12}
.compatibility-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.game-status{--surface-transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));--light-x:50%;--light-y:50%;--light-opacity:0;position:relative;padding:30px;border:1px solid #2e465a;border-radius:12px;background:linear-gradient(150deg,#0d1b27,#09121c);transform:var(--surface-transform);overflow:hidden;transition:border-color .35s,box-shadow .45s,transform .45s var(--ease)}
.game-status:before{content:'';position:absolute;inset:0;background:radial-gradient(480px circle at var(--light-x) var(--light-y),#67e8f91b,transparent 63%);opacity:var(--light-opacity);pointer-events:none;transition:opacity .35s}
.game-status:hover{border-color:#527c96;box-shadow:0 24px 65px #0005}
.game-status>*{position:relative}
.warzone-status{border-color:#4c738c;background:radial-gradient(circle at 100% 0,#1c739835,transparent 43%),linear-gradient(150deg,#0f2130,#09131e)}
.game-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:22px;border-bottom:1px solid #2d4356}
.game-monogram{display:grid;place-items:center;width:50px;height:50px;border:1px solid #5e89a1;border-radius:8px;color:var(--cyan);font:800 15px/1 var(--display);box-shadow:inset 0 0 20px #67e8f90c,0 0 18px #67e8f908}
.status-copy{max-width:260px;text-align:right;color:#d2dfea;font:400 8px/1.55 var(--data);letter-spacing:.1em}
.game-status h3{font-size:clamp(28px,3vw,42px);margin-bottom:18px}
.game-status>p{max-width:650px;color:#a4b5c4;font-size:13px;line-height:1.8}
.validation-record{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 0;border-top:1px solid #2b4053}
.validation-record div{padding:16px 0;border-bottom:1px solid #24384a}.validation-record div:nth-child(odd){padding-right:18px}.validation-record div:nth-child(even){padding-left:18px;border-left:1px solid #24384a}
.validation-record dt{color:#70899d;font:400 7px/1.45 var(--data);letter-spacing:.09em;text-transform:uppercase}.validation-record dd{margin:5px 0 0;color:#c3d1dc;font-size:11px}
.future-record{display:flex;flex-wrap:wrap;gap:8px;margin-top:31px;padding-top:24px;border-top:1px solid #2a4052}.future-record p{width:100%;margin-bottom:6px;color:#718b9f;font-size:10px}.future-record span{padding:7px 9px;border:1px solid #2c4356;border-radius:4px;color:#9eb2c3;font:400 7px/1.2 var(--data)}
.rules-alert{display:grid;grid-template-columns:auto 1fr;gap:22px;margin-top:20px;padding:25px 28px;border:1px solid #6a5878;border-radius:10px;background:linear-gradient(100deg,#171521,#0d1420)}
.rules-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--violet);border-radius:50%;color:#e5ddff;font:800 18px/1 var(--display);box-shadow:0 0 25px #ae9aff20}
.rules-alert h3{font-size:21px;margin-bottom:8px}.rules-alert p{max-width:1050px;color:#abb9c7;font-size:12px;line-height:1.75}.rules-alert a{display:inline-flex;margin-top:13px;padding-bottom:3px;border-bottom:1px solid #ae9aff99;color:#dcd4ff;font-size:11px}.rules-alert a:hover{color:#fff;border-color:#fff}

/* Installation prerequisites and distribution state remain prominent but calm. */
.setup-intro .download-cta{margin-top:27px}.setup-caution,.distribution-note{max-width:none!important;margin-top:20px!important;padding:18px 20px;border:1px solid #2a4154;border-radius:8px;background:#08131d;color:#91a6b8!important}
.distribution-note{border-color:#65557a;background:#12131f;color:#aeb8c6!important}.distribution-note strong{color:#e4dcff;font-weight:600}
.plan-month{border-color:#529eaf;background:radial-gradient(ellipse at 100% 0,#1d485d55,transparent 75%),#0d1a25}
.faq .download-cta{margin-top:17px}

@media(max-width:1200px){
  .hero-new .hero-grid{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:30px}.hero-new h1{font-size:clamp(48px,5.65vw,70px)}
  .feature-card{padding-inline:18px}.feature-card-media{height:185px}.feature-card h4{font-size:24px}
  .benefits-layout{gap:55px}.benefits-grid article{padding:25px;min-height:215px}.benefits-grid h3{margin-top:31px}
}
@media(max-width:1050px){
  .hero-new .hero-grid{min-height:760px}.hero-new .lead{font-size:14px}.hero-positioning{font-size:11px}.hero-new .actions{align-items:flex-start}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card:last-child:nth-child(odd){grid-column:1/-1}.feature-card:last-child:nth-child(odd) .feature-card-media{height:280px}
  .compatibility-grid{grid-template-columns:1fr}.other-games-status{display:grid;grid-template-columns:1fr 1fr;column-gap:34px}.other-games-status .game-card-top{grid-column:1/-1}.other-games-status .future-record{margin-top:0;padding-top:0;border-top:0}
}
@media(max-width:850px){
  .hero-new .hero-grid{display:grid;grid-template-columns:1fr;min-height:0;padding-top:48px;padding-bottom:82px}.hero-new h1{font-size:clamp(58px,11vw,84px);max-width:680px}.hero-new h1 .hero-subline{font-size:.49em}.hero-new .lead{max-width:610px}.hero-positioning{max-width:600px}.hero-repers{margin-top:22px}
  .feature-heading{margin-bottom:55px}.illustration-notice{margin:-28px 0 38px}.feature-group+.feature-group{margin-top:58px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card-media{height:220px}
  .benefits-layout{grid-template-columns:1fr;gap:42px}.benefits-copy{position:static}.benefits-copy>p{max-width:620px}
  .compatibility-grid{grid-template-columns:1fr}.game-status{transform:none!important}.rules-alert{padding:22px}
}
@media(max-width:600px){
  .hero-new .hero-grid{padding-top:38px;padding-bottom:64px}.hero-new h1{font-size:clamp(49px,15vw,66px)}.hero-new h1 .hero-product{font-size:.68em}.hero-new h1 em{font-size:.59em;line-height:1.04}.hero-new h1 .hero-subline{font-size:.43em;margin-top:10px}.hero-new .lead{font-size:14px;line-height:1.7}.hero-positioning{font-size:11px}.hero-new .actions{display:grid;gap:10px;width:100%}.hero-new .actions .download-cta{width:100%;justify-content:space-between}.hero-new .actions .text-link{padding:11px 2px}.hero-download-meta{margin-top:12px}.hero-repers{display:grid;grid-template-columns:1fr;gap:7px}.hero-repers span{width:max-content}
  .feature-heading{margin-bottom:46px}.illustration-notice{display:block;margin:-24px 0 34px;padding:14px}.illustration-notice span{display:block;margin-bottom:6px}.feature-group+.feature-group{margin-top:52px}.feature-group-head{gap:13px}.feature-group-head>span{width:36px;height:36px}.feature-group-head h3{font-size:23px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card:last-child:nth-child(odd){grid-column:auto}.feature-card{padding:12px 18px 22px;transform:none!important}.feature-card-media,.feature-card:last-child:nth-child(odd) .feature-card-media{height:205px;margin-bottom:23px}.feature-card h4{font-size:27px}.feature-card>p{font-size:13px}.feature-limit{font-size:10px!important}
  .benefits-section{padding-bottom:42px}.benefits-grid{grid-template-columns:1fr}.benefits-grid article{min-height:0;padding:25px;border-right:0!important;border-bottom:1px solid #2b4053!important}.benefits-grid article:last-child{border-bottom:0!important}.benefits-grid h3{margin:24px 0 10px;font-size:24px}.evidence-note{margin-top:30px}.evidence-note:before{display:block;margin:0 0 8px}
  .game-status{padding:22px}.game-card-top{margin-bottom:28px}.status-copy{font-size:7px}.game-status h3{font-size:31px}.other-games-status{display:block}.other-games-status .future-record{margin-top:25px;padding-top:20px;border-top:1px solid #2a4052}.validation-record{grid-template-columns:1fr}.validation-record div:nth-child(odd),.validation-record div:nth-child(even){padding:14px 0;border-left:0}.rules-alert{grid-template-columns:1fr;padding:21px}.rules-icon{width:36px;height:36px}.rules-alert h3{font-size:23px}
  .setup-caution,.distribution-note{padding:15px;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .feature-card,.game-status{transform:none!important}.feature-card-media img{transform:none!important}
}

/* Final download scene: cinematic on large screens, composed as a static art panel on small screens. */
@media(max-width:1200px){
  .end-scene{left:14%}.end-copy{max-width:650px}.end-orbit{right:-16%}
}
@media(max-width:850px){
  .end{min-height:500px}.end-scene{inset:-5% -18% -5% 0;opacity:.86}.end-scene img{object-position:72% 50%}
  .end:after{background:linear-gradient(90deg,#06101afb 0%,#06101ae8 42%,#06101a70 78%,transparent),linear-gradient(180deg,#06101a33,transparent 45%,#06101ad9)}
  .end-inner{min-height:500px;padding-block:72px}.end-copy{max-width:540px}.end h2{font-size:clamp(44px,7.5vw,62px)}
  .end-orbit{width:560px;height:560px;right:-33%}.end-art-note{bottom:19px}
}
@media(max-width:600px){
  .end{min-height:680px}.end-scene{inset:auto -20% -3% -24%;height:410px;opacity:.88}.end-scene img{object-position:73% 44%;filter:saturate(.9) contrast(1.04) brightness(.78)}
  .end-scene:before{background:linear-gradient(180deg,#06101a 0%,#06101ae6 11%,transparent 48%),linear-gradient(90deg,#06101abf 0%,transparent 50%,#06101a45)}
  .end:after{background:linear-gradient(180deg,#06101a 0 43%,#06101ad9 54%,transparent 80%,#06101ab8),linear-gradient(90deg,#06101ae3,transparent 75%)}
  .end-inner{display:block;min-height:680px;padding-top:58px;padding-bottom:320px}.end-copy{max-width:none}.end h2{font-size:clamp(40px,12vw,52px);line-height:1.02}
  .end-copy .download-cta{width:100%;max-width:350px;justify-content:space-between;margin-top:31px}.end-art-note{right:24px;bottom:15px;max-width:250px;text-align:right}
  .end-orbit{width:430px;height:430px;right:-58%;top:69%}.end-scene-particles{inset:14% 0 0 30%;opacity:.45}
}

/* Premium VISION sequence — four restrained instrument modules, no simulated video. */
.flow-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 84% 18%,#533f9a1a,transparent 27%),radial-gradient(circle at 12% 78%,#16758d14,transparent 29%),#060c13}
.flow-section:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#67e8f906 1px,transparent 1px),linear-gradient(#67e8f905 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.flow-section:after{content:'';position:absolute;z-index:-1;width:760px;height:760px;right:-360px;top:-390px;border:1px solid #ae9aff14;border-radius:50%;box-shadow:0 0 0 72px #67e8f906,0 0 0 154px #ae9aff05;pointer-events:none}
.flow-section>.wrap{position:relative}
.flow-section .section-head{margin-bottom:52px}
.flow-section .section-head h2 span{color:#b8c8d8;background:linear-gradient(95deg,#b9cad9 8%,#7fdff0 66%,#b39dff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.flow-section .section-head>p{position:relative;padding:18px 20px;border:1px solid #2a4053;border-radius:10px;background:linear-gradient(145deg,#0b1722cc,#09121bcc);box-shadow:inset 0 1px #ffffff05,0 18px 50px #0002}
.flow-section .section-head>p:before{content:'';position:absolute;left:-1px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--cyan),var(--violet));box-shadow:0 0 16px #67e8f966}
.vision-flow{--flow:0;position:relative}
.vision-flow:before{content:'';position:absolute;inset:74px -24px -24px;background:radial-gradient(ellipse at 50% 0,#67e8f909,transparent 66%);filter:blur(12px);pointer-events:none}
.flow-console{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px;color:#718ba0;font:400 8px/1.4 var(--data);letter-spacing:.15em}
.flow-console:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:1px;background:linear-gradient(90deg,#67e8f94d,transparent 62%)}
.flow-console-status{display:flex;align-items:center;gap:9px;color:#91a8ba}
.flow-console-status i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #67e8f90c,0 0 14px #67e8f999}
.flow-track{height:2px;margin:0 calc(12.5% - 2px) 38px;background:linear-gradient(90deg,#24394b,#334a5e);box-shadow:0 1px #0008}
.flow-fill{background:linear-gradient(90deg,#5fe7f9 0%,#79ddfb 52%,#aa91ff 100%);box-shadow:0 0 16px #67e8f95c;transition:transform .12s linear}
.flow-pulse{top:-5px;width:11px;height:11px;transform:translateX(-50%);border:2px solid #d7fbff;background:var(--cyan);box-shadow:0 0 0 5px #67e8f912,0 0 25px #67e8f9}
.flow-track i{top:-5px;width:12px;height:12px;border:1px solid #3a566d;background:#07111b;box-shadow:0 0 0 5px #060c13;border-radius:50%;transition:border-color .45s,background .45s,box-shadow .45s}
.flow-track i:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#294154;transition:background .45s}
.flow-track i.lit{border-color:#9cf4ff;background:#0b2935;box-shadow:0 0 0 5px #060c13,0 0 22px #67e8f966}
.flow-track i.lit:after{background:var(--cyan)}
.flow-cards{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;border:0;border-radius:0;overflow:visible}
.flow-card{--accent:#67e8f9;--accent-soft:#67e8f914;--accent-line:#67e8f950;--surface-transform:perspective(1100px) translateY(0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));--light-x:50%;--light-y:50%;--light-opacity:0;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:390px;padding:28px 27px 25px;border:1px solid #2a4053!important;border-radius:18px;background:radial-gradient(circle at 8% 0,var(--accent-soft),transparent 33%),linear-gradient(155deg,#101d2a 0%,#0a131e 54%,#08111a 100%);box-shadow:inset 0 1px #ffffff08,0 24px 55px #0003;overflow:hidden;transform:var(--surface-transform);transform-style:preserve-3d;transition:border-color .5s,background .6s,box-shadow .55s,transform .5s var(--ease)}
.flow-card:nth-child(2){--accent:#72d6ff;--accent-soft:#72d6ff14;--accent-line:#72d6ff50}.flow-card:nth-child(3){--accent:#8fb5ff;--accent-soft:#8fb5ff15;--accent-line:#8fb5ff52}.flow-card:nth-child(4){--accent:#b49bff;--accent-soft:#b49bff16;--accent-line:#b49bff55}
.flow-card:before{content:'';position:absolute;z-index:0;inset:-30% auto -30% -65%;width:42%;background:linear-gradient(90deg,transparent,var(--accent-soft),#ffffff16,var(--accent-soft),transparent);transform:skewX(-17deg);opacity:0;pointer-events:none}
.flow-card:after{content:'';position:absolute;z-index:0;inset:0;border-radius:inherit;background:radial-gradient(430px circle at var(--light-x) var(--light-y),var(--accent-soft),transparent 62%);opacity:var(--light-opacity);pointer-events:none;transition:opacity .35s}
.flow-card>*{position:relative;z-index:1}
.flow-card.active{border-color:var(--accent-line)!important;background:radial-gradient(circle at 8% 0,var(--accent-soft),transparent 42%),linear-gradient(155deg,#112434 0%,#0b1723 56%,#08111a 100%);box-shadow:inset 0 1px #ffffff0c,0 28px 70px #0005,0 0 34px var(--accent-soft)}
.flow-card.active:before{animation:flowCardSweep 1.25s .12s var(--ease) both}
.flow-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:31px}
.flow-icon{position:relative;display:grid;place-items:center;width:72px;height:72px;margin:0;color:#71899f;border:1px solid #304b61;border-radius:17px;background:linear-gradient(var(--accent),var(--accent)) left 9px top 9px/11px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left 9px top 9px/1px 11px no-repeat,linear-gradient(var(--accent),var(--accent)) right 9px top 9px/11px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right 9px top 9px/1px 11px no-repeat,linear-gradient(var(--accent),var(--accent)) left 9px bottom 9px/11px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left 9px bottom 9px/1px 11px no-repeat,linear-gradient(var(--accent),var(--accent)) right 9px bottom 9px/11px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right 9px bottom 9px/1px 11px no-repeat,radial-gradient(circle at 50% 45%,var(--accent-soft),transparent 68%),#091723;box-shadow:inset 0 0 28px #0005,0 12px 28px #0003;transition:color .45s,border-color .45s,box-shadow .5s,transform .5s var(--ease)}
.flow-icon:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff08;border-radius:12px}
.flow-icon:after{content:'';position:absolute;right:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#426077;box-shadow:0 0 0 3px #0b1823;transition:background .4s,box-shadow .4s}
.flow-symbol{width:42px;height:42px;overflow:visible;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.flow-symbol .icon-detail{opacity:.6}.flow-symbol .icon-pulse{fill:currentColor;stroke:currentColor}.flow-symbol .icon-track{stroke-dasharray:4 5}.flow-symbol .icon-target{transform-box:fill-box;transform-origin:center}
.flow-card.active .flow-icon{color:var(--accent);border-color:var(--accent-line);box-shadow:inset 0 0 30px var(--accent-soft),0 16px 35px #0004,0 0 24px var(--accent-soft);transform:translateY(-2px)}
.flow-card.active .flow-icon:after{background:var(--accent);box-shadow:0 0 0 3px #0b1823,0 0 13px var(--accent)}
.flow-count{position:static;display:flex;align-items:baseline;gap:6px;padding-top:2px;color:#8299ab;font:400 10px/1 var(--data);letter-spacing:.08em}
.flow-count b{color:#d9e5ed;font-size:13px;font-weight:400}.flow-count small{color:#4d6578;font-size:7px}
.flow-card h3{margin:0 0 16px;font-size:30px;line-height:1;color:#edf5fb;letter-spacing:-.025em;transition:color .4s,text-shadow .4s}
.flow-card.active h3{color:#fff;text-shadow:0 0 24px var(--accent-soft)}
.flow-card p{max-width:310px;min-height:0;font-size:13px;line-height:1.78;color:#9dafbf}
.flow-tag{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:24px;border-top:1px solid #24394a;color:#829aae;font:400 7px/1.45 var(--data);letter-spacing:.13em;transition:border-color .4s,color .4s}
.flow-tag:before{content:'';width:6px;height:6px;flex:0 0 6px;border:1px solid #526b7d;border-radius:50%;background:#0b1721;transition:background .4s,border-color .4s,box-shadow .4s}
.flow-card.active .flow-tag{border-color:#2f4a5e;color:#a9c0d0}.flow-card.active .flow-tag:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 11px var(--accent)}
@media(hover:hover) and (pointer:fine){
  .reveal-ready .flow-card.reveal.in-view{transform:var(--surface-transform)}
  .reveal-ready .flow-card.reveal.in-view:hover{--surface-transform:perspective(1100px) translateY(-8px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:var(--accent-line)!important;box-shadow:inset 0 1px #ffffff0d,0 34px 80px #0006,0 0 36px var(--accent-soft)}
  .flow-card:hover .flow-icon{transform:translateY(-3px) scale(1.025)}
}
@keyframes flowCardSweep{0%{left:-65%;opacity:0}20%{opacity:1}100%{left:128%;opacity:0}}
@keyframes flowIconDraw{from{stroke-dasharray:110;stroke-dashoffset:110}to{stroke-dasharray:110;stroke-dashoffset:0}}
@keyframes flowIconScan{0%,100%{transform:translateY(-5px);opacity:.25}50%{transform:translateY(5px);opacity:1}}
@keyframes flowTrackDash{to{stroke-dashoffset:-36}}
@keyframes flowTargetPulse{0%,100%{transform:scale(.92);opacity:.62}50%{transform:scale(1.12);opacity:1}}
.flow-card.active .icon-draw{animation:flowIconDraw .95s var(--ease) both}.flow-card.active .icon-scan{animation:flowIconScan 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.flow-card.active .icon-track{animation:flowTrackDash 2s linear infinite}.flow-card.active .icon-target{animation:flowTargetPulse 1.9s ease-in-out infinite}
@media(max-width:1200px){
  .flow-card{min-height:370px;padding:25px 22px 23px}.flow-card p{font-size:12px}.flow-icon{width:66px;height:66px}.flow-symbol{width:38px;height:38px}
}
@media(max-width:1050px){
  .flow-track{display:none}.flow-console{margin-bottom:24px}.flow-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.flow-card{min-height:330px;padding:27px}.flow-card p{max-width:420px;font-size:13px}.flow-card h3{font-size:29px}
}
@media(max-width:850px){
  .flow-section .section-head>p{margin-top:28px}.flow-section .section-head{margin-bottom:39px}.flow-console{font-size:7px}.flow-card{border:1px solid #2a4053!important}.flow-card:nth-child(2),.flow-card:nth-child(3){border:1px solid #2a4053!important}
}
@media(max-width:600px){
  .flow-section:after{width:520px;height:520px;right:-360px;top:-190px}.flow-console{align-items:flex-start}.flow-console-status{max-width:138px;justify-content:flex-end;text-align:right}.flow-cards{grid-template-columns:1fr;gap:14px}.flow-card{min-height:0;padding:25px 23px 22px;border:1px solid #2a4053!important}.flow-card-top{margin-bottom:26px}.flow-icon{width:64px;height:64px}.flow-symbol{width:37px;height:37px}.flow-card h3{font-size:29px}.flow-card p{font-size:13px;max-width:460px}.flow-tag{margin-top:27px;padding-top:20px}.flow-section .section-head>p{padding:15px 17px}
}
.motion-off .flow-card,.motion-off .flow-card:hover{transform:none!important}.motion-off .flow-card:before,.motion-off .flow-card .flow-symbol>*{animation:none!important}
@media(prefers-reduced-motion:reduce){.flow-card,.flow-card:hover{transform:none!important}.flow-card:before,.flow-card .flow-symbol>*{animation:none!important}.flow-fill{transition:none}}

/* Premium benefit and compatibility scenes — illustrative imagery remains explicitly labelled. */
.benefits-section{position:relative;isolation:isolate;overflow:hidden;padding-block:118px 72px;background:radial-gradient(circle at 8% 20%,#176a851c,transparent 30%),radial-gradient(circle at 92% 74%,#6045a51a,transparent 27%),linear-gradient(145deg,#08111a,#060b12 68%)}
.benefits-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#67e8f905 1px,transparent 1px),linear-gradient(#67e8f904 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}
.benefits-layout{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);gap:clamp(48px,6vw,96px);align-items:start}
.benefits-copy{position:sticky;top:118px}
.benefits-copy h2{font-size:clamp(47px,4.5vw,68px);line-height:.98}.benefits-copy h2 span{color:#aebfd0;background:linear-gradient(95deg,#aebfd0,#7edff0 62%,#b09aff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.benefits-copy>p{max-width:525px;margin-top:25px;color:#a8b8c7;font-size:14px;line-height:1.8}
.benefits-visual{position:relative;margin:32px 0 0}
.benefits-visual-button{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;overflow:hidden;border:1px solid #39566c;border-radius:18px;background:#07111b;box-shadow:inset 0 1px #ffffff0a,0 30px 70px #0006;cursor:zoom-in;text-align:left;isolation:isolate}
.benefits-visual-button:before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 48%,#050c14d9),linear-gradient(120deg,#06101a8f,transparent 38%);pointer-events:none}
.benefits-visual-button:after{content:'';position:absolute;z-index:3;left:-55%;top:-40%;width:35%;height:180%;background:linear-gradient(90deg,transparent,#baf8ff20,transparent);transform:skewX(-18deg);transition:left .85s var(--ease);pointer-events:none}
.benefits-visual-button:hover:after,.benefits-visual-button:focus-visible:after{left:125%}
.benefits-visual-button:focus-visible,.compatibility-visual:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.benefits-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 50%;filter:saturate(.92) contrast(1.04) brightness(.84);will-change:transform}
.benefits-visual-expand{position:absolute;z-index:4;right:14px;top:14px;padding:8px 10px;border:1px solid #9fefff69;border-radius:6px;background:#06131dcc;color:#d7faff;font:400 7px/1 var(--data);letter-spacing:.1em;transition:border-color .3s,background .3s}
.benefits-visual-button:hover .benefits-visual-expand,.benefits-visual-button:focus-visible .benefits-visual-expand{border-color:var(--cyan);background:#0b2330e8}
.benefits-visual figcaption{display:flex;align-items:flex-start;gap:11px;margin-top:12px;color:#748ca0;font-size:9px;line-height:1.6}.benefits-visual figcaption span{flex:0 0 auto;color:#94eefa;font:400 7px/1.5 var(--data);letter-spacing:.1em}
.benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0;border-radius:0;overflow:visible;background:none}
.benefit-card{--surface-transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));--light-x:50%;--light-y:50%;--light-opacity:0;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:280px;padding:27px;border:1px solid #2b4356!important;border-radius:18px;background:radial-gradient(circle at 100% 0,#67e8f90d,transparent 36%),linear-gradient(150deg,#101d29,#09131d);box-shadow:inset 0 1px #ffffff08,0 22px 55px #0003;overflow:hidden;transform:var(--surface-transform);transform-style:preserve-3d;transition:border-color .4s,box-shadow .5s,transform .5s var(--ease),background .45s}
.benefit-card:nth-child(2),.benefit-card:nth-child(3){background:radial-gradient(circle at 100% 0,#8b7bff10,transparent 38%),linear-gradient(150deg,#101c29,#09131d)}
.benefit-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--light-x) var(--light-y),#67e8f91c,transparent 63%);pointer-events:none;opacity:var(--light-opacity);transition:opacity .35s}
.benefit-card:after{content:'';position:absolute;left:27px;right:auto;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 14px #67e8f966;transition:width .7s var(--ease)}
.benefit-card:hover{border-color:#4d7891!important;background:radial-gradient(circle at 100% 0,#67e8f917,transparent 42%),linear-gradient(150deg,#122332,#09131d);box-shadow:inset 0 1px #ffffff0c,0 32px 75px #0005,0 0 34px #67e8f90c}.benefit-card:hover:after{width:calc(100% - 54px)}
.benefit-card>*{position:relative;z-index:1}
.benefit-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:42px}
.benefit-index{color:var(--cyan)!important;font:400 9px/1 var(--data)!important;letter-spacing:.12em}.benefit-index:after{content:' / 04';color:#50697d;margin-left:4px}
.benefit-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #3c5a70;border-radius:13px;background:radial-gradient(circle,#67e8f912,transparent 67%),#0a1722;color:#79e5f4!important;box-shadow:inset 0 0 22px #67e8f908,0 10px 28px #0003;transition:border-color .35s,transform .45s var(--ease),box-shadow .4s}
.benefit-icon svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.benefit-card:hover .benefit-icon{transform:translateY(-3px) rotate(-2deg);border-color:#64cddd;box-shadow:inset 0 0 25px #67e8f912,0 13px 30px #0004,0 0 20px #67e8f913}
.benefits-grid .benefit-card h3{margin:0 0 14px;font-size:25px;line-height:1.08;color:#edf5fa;letter-spacing:-.025em}.benefits-grid .benefit-card p{max-width:285px;color:#98adbe;font-size:12px;line-height:1.75}
.benefit-signal{display:block;margin-top:auto!important;width:42px;height:2px;background:linear-gradient(90deg,#67e8f9,#67e8f900);box-shadow:0 0 11px #67e8f944;transition:width .6s var(--ease)}.benefit-card:hover .benefit-signal{width:82px}
.evidence-note{display:flex;align-items:flex-start;gap:18px;margin-top:48px;padding:25px 0 0;border-top:1px solid #2a4053;color:#8298aa;font-size:11px;line-height:1.75}.evidence-note:before{flex:0 0 auto;margin:2px 0 0;padding:6px 8px;border:1px solid #315269;border-radius:4px;background:#091620;color:var(--cyan)}

.compatibility-section{position:relative;isolation:isolate;overflow:hidden;padding-block:118px;background:radial-gradient(circle at 80% 10%,#6b4db01c,transparent 26%),radial-gradient(circle at 12% 60%,#14738e17,transparent 32%),#060b12}
.compatibility-section:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 12%,#67e8f904 12.2%,transparent 12.4% 68%,#ae9aff05 68.2%,transparent 68.4%)}
.compatibility-section .section-head{margin-bottom:45px}.compatibility-section .section-head>p{padding-left:19px;border-left:1px solid #5b7a91}
.compatibility-showcase{position:relative;margin:0 0 18px;border:1px solid #344f64;border-radius:20px;background:#07111a;box-shadow:inset 0 1px #ffffff0a,0 36px 90px #0006;overflow:hidden;isolation:isolate}
.compatibility-showcase:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 33%,#06101a35 58%,#06101aef 100%),linear-gradient(90deg,#06101a8f,transparent 22% 78%,#06101a70);pointer-events:none}
.compatibility-visual{display:block;width:100%;aspect-ratio:8/3;padding:0;border:0;background:#07111a;cursor:zoom-in;overflow:hidden;text-align:left}
.compatibility-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.05) brightness(.8);will-change:transform}
.compatibility-visual-expand{position:absolute;z-index:4;right:17px;top:17px;padding:9px 11px;border:1px solid #b5f5ff5c;border-radius:6px;background:#06131dd9;color:#d7faff;font:400 7px/1 var(--data);letter-spacing:.1em;transition:border-color .3s,background .3s}
.compatibility-visual:hover .compatibility-visual-expand,.compatibility-visual:focus-visible .compatibility-visual-expand{border-color:var(--cyan);background:#0b2330ee}
.compatibility-showcase figcaption{position:absolute;z-index:3;left:29px;right:29px;bottom:25px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,.8fr) auto;align-items:end;gap:28px;color:#a7bac9;pointer-events:none}
.compatibility-showcase figcaption>div:first-child span{display:block;margin-bottom:9px;color:#70e2f1;font:400 7px/1.4 var(--data);letter-spacing:.13em}.compatibility-showcase figcaption strong{display:block;max-width:560px;color:#f1f7fb;font:800 clamp(20px,2vw,29px)/1.08 var(--display);letter-spacing:-.025em;text-shadow:0 8px 30px #000}
.compatibility-showcase figcaption>p{max-width:420px;color:#a8bac8;font-size:11px;line-height:1.7;text-shadow:0 3px 15px #000}
.compatibility-legend{display:flex;flex-direction:column;gap:8px;min-width:170px;padding-left:20px;border-left:1px solid #496176}.compatibility-legend span{display:flex;align-items:center;gap:8px;color:#b7cad7;font:400 7px/1.4 var(--data);letter-spacing:.1em}.compatibility-legend i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #67e8f988}.compatibility-legend span:last-child i{background:var(--violet);box-shadow:0 0 10px #ae9aff88}
.compatibility-grid{grid-template-columns:1.12fr .88fr;gap:16px}.game-status{border-radius:17px;padding:28px;background:radial-gradient(circle at 100% 0,#67e8f90e,transparent 37%),linear-gradient(150deg,#101e2b,#09131d);box-shadow:inset 0 1px #ffffff08,0 22px 58px #0003}.game-status:after{content:'';position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.45}.warzone-status{border-color:#49748c;background:radial-gradient(circle at 100% 0,#1e79973d,transparent 43%),linear-gradient(150deg,#102432,#09131e)}
.game-card-top{margin-bottom:35px}.game-monogram{width:56px;height:56px;border-radius:14px;background:radial-gradient(circle,#67e8f917,transparent 68%),#0a1722;box-shadow:inset 0 0 24px #67e8f90b,0 13px 30px #0003;color:#96f4ff}.status-copy{padding:7px 10px;border:1px solid #344e61;border-radius:999px;background:#09151f;color:#b4c6d3}
.game-status h3{font-size:clamp(29px,2.6vw,39px)}.game-status>p{font-size:13px}.validation-record{margin-top:28px}.future-record span{padding:8px 10px;border-radius:6px;background:#0a1722}
.rules-alert{grid-template-columns:auto 1fr;gap:24px;margin-top:16px;padding:27px 29px;border-color:#68587e;border-radius:17px;background:radial-gradient(circle at 0 50%,#8c6dcc15,transparent 24%),linear-gradient(105deg,#171522,#0d1420);box-shadow:inset 0 1px #ffffff08,0 22px 55px #0003}.rules-icon{width:50px;height:50px;border-radius:14px}.rules-icon svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.rules-alert h3{font-size:23px}
@keyframes benefitsSceneDrift{from{transform:scale(1.025) translate3d(-.7%,0,0)}to{transform:scale(1.065) translate3d(.7%,-.7%,0)}}
@keyframes compatibilitySceneDrift{from{transform:scale(1.015) translate3d(-.35%,0,0)}to{transform:scale(1.045) translate3d(.35%,-.5%,0)}}
.benefits-section.motion-visible .benefits-visual img{animation:benefitsSceneDrift 16s ease-in-out infinite alternate}.compatibility-section.motion-visible .compatibility-visual img{animation:compatibilitySceneDrift 20s ease-in-out infinite alternate}.benefits-section:not(.motion-visible) .benefits-visual img,.compatibility-section:not(.motion-visible) .compatibility-visual img{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.reveal-ready .benefit-card.reveal.in-view{transform:var(--surface-transform)}.reveal-ready .benefit-card.reveal.in-view:hover{--surface-transform:perspective(1100px) translateY(-7px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}}
@media(max-width:1200px){
  .benefits-layout{grid-template-columns:minmax(330px,.84fr) minmax(0,1.16fr);gap:44px}.benefit-card{padding:23px;min-height:265px}.benefit-card-top{margin-bottom:35px}.benefits-grid .benefit-card h3{font-size:22px}.benefits-grid .benefit-card p{font-size:11px}.compatibility-showcase figcaption{left:24px;right:24px;bottom:21px;grid-template-columns:1fr .72fr auto;gap:21px}.compatibility-showcase figcaption strong{font-size:24px}
}
@media(max-width:1050px){
  .benefits-section,.compatibility-section{padding-block:88px}.benefits-layout{grid-template-columns:1fr;gap:42px}.benefits-copy{position:static}.benefits-copy>p{max-width:640px}.benefits-visual{max-width:760px}.benefit-card{min-height:245px}.compatibility-showcase figcaption{grid-template-columns:1fr auto}.compatibility-showcase figcaption>p{display:none}.compatibility-grid{grid-template-columns:1fr}.other-games-status{display:grid}.game-status{transform:none!important}
}
@media(max-width:850px){
  .benefits-section,.compatibility-section{padding-block:76px}.benefits-grid{grid-template-columns:1fr 1fr;gap:14px}.benefit-card{min-height:250px;padding:23px}.benefits-visual{max-width:none}.compatibility-section .section-head>p{padding:17px 0 0;border-left:0;border-top:1px solid #2c4558}.compatibility-showcase{border-radius:16px}.compatibility-showcase figcaption strong{font-size:21px}.compatibility-legend{min-width:155px}.game-status{padding:25px}
}
@media(max-width:600px){
  .benefits-section,.compatibility-section{padding-block:67px}.benefits-copy h2{font-size:42px}.benefits-visual{margin-top:26px}.benefits-visual-button{border-radius:15px}.benefits-visual figcaption{display:block;font-size:9px}.benefits-visual figcaption span{display:block;margin-bottom:5px}.benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:225px;padding:23px;border:1px solid #2b4356!important}.benefit-card-top{margin-bottom:29px}.benefits-grid .benefit-card h3{font-size:25px}.benefits-grid .benefit-card p{font-size:13px}.evidence-note{display:block;margin-top:32px}.evidence-note:before{display:inline-block;margin-bottom:9px}.compatibility-showcase{overflow:hidden}.compatibility-visual{aspect-ratio:8/3}.compatibility-showcase figcaption{position:relative;left:auto;right:auto;bottom:auto;display:block;padding:18px 19px 20px;background:#09141e}.compatibility-showcase figcaption strong{font-size:21px}.compatibility-showcase figcaption>p{display:block;margin-top:10px}.compatibility-legend{display:flex;flex-direction:row;flex-wrap:wrap;gap:9px 15px;margin-top:16px;padding:15px 0 0;border-left:0;border-top:1px solid #2b4053}.compatibility-visual-expand{right:11px;top:11px}.game-card-top{align-items:flex-start}.status-copy{max-width:190px}.rules-alert{padding:22px}.rules-icon{width:44px;height:44px}
}
.motion-off .benefits-visual img,.motion-off .compatibility-visual img{animation:none!important;transform:none!important}.motion-off .benefit-card{transform:none!important}
@media(prefers-reduced-motion:reduce){.benefits-visual img,.compatibility-visual img{animation:none!important;transform:none!important}.benefit-card,.benefit-card:hover{transform:none!important}}

.checkout-action{margin-top:18px;max-width:100%;white-space:normal;text-align:center}.checkout-action:disabled{opacity:1;color:#bfd1dd;background:#172632;border-color:#496071;cursor:not-allowed}.checkout-note{font-size:14px;color:#bfd1dd;margin-top:15px}