@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d10;--panel:#101318;--line:#272b32;--text:#f4f4f5;--muted:#9a9ca3;--red:#ee5546}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);font:16px/1.7 Manrope,Arial,sans-serif;color:var(--text);word-spacing:.04em}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}.wrap{width:calc(100% - 100px);max-width:1200px;margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-family:monospace;font-size:21px;letter-spacing:1px;font-weight:800;white-space:nowrap}.brand:before{content:'◇';color:var(--red);margin-right:13px}.brand>span{color:var(--red)}.brand i,.brand small{display:none}nav{display:flex;gap:27px;font-size:13px;color:#b6b7bd}.header-cta{background:var(--red);color:#100c0c;font-size:13px;font-weight:800;padding:10px 18px;border-radius:3px}.hero{width:100%;max-width:none;min-height:720px;padding:90px max(50px,calc((100vw - 1200px)/2));position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:58px 58px}.hero-copy{grid-column:1;grid-row:1;min-width:0}.eyebrow{font:10px/1.8 monospace;letter-spacing:2px;color:#b77168;display:flex;align-items:center;gap:8px}.dot{height:5px;width:5px;background:var(--red);border-radius:50%;display:inline-block}h1{font-size:clamp(43px,4.3vw,65px);line-height:1.16;font-weight:800;letter-spacing:-1.7px;margin:25px 0}h1>span{color:var(--red)}.lead{font-size:16px;color:#a7a8b0;line-height:1.85;max-width:610px;margin:27px 0 31px}.button{border:1px solid var(--red);background:var(--red);color:#140e0d;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 22px;width:fit-content;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.button:hover{background:#ff6b59;transform:translateY(-2px)}.button>span{font-size:19px}.hero-foot{display:flex;gap:20px;font:10px monospace;color:#8c8f98;letter-spacing:1px;margin-top:30px}.drawing-panel{grid-column:2;grid-row:1;position:relative;height:510px;overflow:hidden;border:1px solid #3e3338;border-radius:8px;background:radial-gradient(ellipse at 50% 70%,#461c23 0,#11151c 60%,#151015);box-shadow:0 15px 60px #0003}.drawing-panel:before{content:'';position:absolute;inset:10px;border:1px solid #ee554620;pointer-events:none;border-radius:3px}#sculpture{position:absolute;inset:0;width:100%;height:100%}.panel-caption{position:absolute;left:24px;top:27px;font:9px/1.7 monospace;letter-spacing:1.3px;color:#d8958b}.panel-caption strong{font-family:Manrope,Arial,sans-serif;display:block;font-size:29px;letter-spacing:-.6px;line-height:1.25;color:#faf5f5;margin-top:12px}.panel-tag{position:absolute;bottom:17px;left:23px;font:8px monospace;letter-spacing:1.5px;color:#bca0a0}.visual{display:none}.disclaimer{border:1px solid var(--line);background:#111317;display:flex;gap:15px;padding:18px 22px;border-radius:3px;font-size:13px;color:#92959e}.disclaimer>span{color:var(--red);font-size:20px}.disclaimer p{margin:0}.disclaimer strong{color:#d6d7dc}.section{padding-top:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}h2{font-size:36px;line-height:1.3;letter-spacing:-.8px;margin:10px 0 0;font-weight:700}.section-heading>p{color:var(--muted);font-size:14px;max-width:350px;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.features article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}h3{font-size:18px;line-height:1.4;margin:0 0 13px;font-weight:700}.features p,.steps p{font-size:14px;color:var(--muted);margin:0}.feature-icon{display:flex;width:36px;height:36px;justify-content:center;align-items:center;border:1px solid #704036;color:var(--red);font-family:monospace;margin-bottom:22px;border-radius:3px}.calc{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden}.options{padding:34px;background:#0e1014}fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}legend{font-size:13px;font-weight:700;margin-bottom:18px}legend>span{font-family:monospace;font-size:10px;color:var(--red);margin-right:9px}.versions{display:flex;gap:12px}.versions button{flex:1;position:relative;border:1px solid #353941;border-radius:3px;padding:21px 8px;background:#13161c;color:#a5a7ad;font-size:26px;font-weight:700}.versions button[aria-pressed=true]{border-color:var(--red);background:#ee554610;color:#fff}.versions small{position:absolute;top:-9px;right:8px;font:8px monospace;letter-spacing:1px;padding:3px 6px;background:var(--red);color:#160d0d;border-radius:2px}.install{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:18px 14px;border-radius:3px;margin-bottom:12px;cursor:pointer}.install:has(input:checked){border-color:#a8574e;background:#ee554607}.install strong{display:block;font-size:14px}.install small{display:block;font-size:11px;color:#8c909a;margin-top:4px}.install b{margin-left:auto;font-size:13px;white-space:nowrap}.install input,.consent input{accent-color:var(--red);flex-shrink:0}.compat{font-size:11px;color:#8f929d;line-height:1.8;margin-bottom:0}.summary{padding:32px;background:#171a20;border-left:1px solid var(--line)}.summary-top{display:flex;justify-content:space-between;gap:10px;font:10px monospace;letter-spacing:1.3px;color:#9399a5}.summary-top span{font-size:8px;color:#d28b81;border:1px solid #74493f;border-radius:2px;padding:2px 6px}.summary h3{font-size:27px;margin:25px 0}.summary h3 small{display:block;font-size:13px;font-weight:400;color:#8e96a6;margin-top:5px}.line{display:flex;justify-content:space-between;gap:12px;color:#a8aeb9;font-size:13px;margin:17px 0}.line b{color:#e1e2e8;font-weight:500;white-space:nowrap}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333944;margin-top:24px;padding-top:20px;font-size:14px}.total strong{font-size:43px;letter-spacing:-1.3px}.consent{display:flex;align-items:start;gap:9px;font-size:10px;color:#a7aebb;line-height:1.8;margin:20px 0}.consent input{margin:4px 0 0}.text-link{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}.summary .button{width:100%;font-size:13px}.button[aria-disabled=true]{opacity:.5}.demo-note{font-size:10px;color:#8d95a4;margin-bottom:0}.error{font-size:11px;color:#ff9e89}.steps-section>h2{margin-bottom:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.steps article{border-top:1px solid #353941;padding-top:23px}.steps article>span{font-family:monospace;color:var(--red);font-size:23px}.steps h3{margin-top:19px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}details{border-bottom:1px solid var(--line);padding:23px 0}details:first-child{padding-top:0}summary{list-style:none;display:flex;justify-content:space-between;gap:18px;font-size:15px;cursor:pointer}summary:after{content:'+';color:var(--red);font-size:21px;line-height:1}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;margin:18px 15px 0 0}.final-cta{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:105px;padding:75px 20px;background:radial-gradient(ellipse at 50% 100%,#ee554609,transparent 70%)}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:45px;margin:20px 0 30px}.final-cta .button{margin:auto}footer{padding:32px 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.footer-top button,.footer-top>span{font-size:11px;color:#9498a1}footer>p{font-size:11px;color:#747a85}dialog{max-width:720px;width:calc(100% - 32px);max-height:85dvh;border:1px solid #69504b;border-radius:6px;background:#15181e;color:#eff0f3;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:var(--red)}.dialog-head button{border:0;background:none;color:white;font-size:28px}dialog h2{font-size:27px;margin-bottom:22px}dialog h3{margin-top:25px}dialog p{font-size:13px;color:#aeb4bf}.legal-demo{border:1px solid #4f403c;padding:13px;border-radius:3px}dialog .button{margin-top:25px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.revealed{opacity:1;transform:none}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{padding:65px 28px;gap:30px}.drawing-panel{height:440px}h1{font-size:48px}nav{gap:18px}.install{flex-wrap:wrap}.install b{margin-left:30px}.install span{flex:1;min-width:160px}.hero-foot{gap:12px;font-size:8px}.panel-caption strong{font-size:25px}}@media(max-width:760px){header{height:72px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:45px;gap:35px}.hero-copy{grid-column:1;grid-row:1}.drawing-panel{grid-column:1;grid-row:2;max-width:550px;width:100%;height:470px;margin:auto}h1{font-size:54px}.lead{font-size:16px}.section-heading{flex-direction:column;align-items:start;gap:18px}.section-heading>p{max-width:none}.features{grid-template-columns:1fr}.features article{padding:25px}.calc{grid-template-columns:1fr}.summary{border-left:0;border-top:1px solid var(--line)}.steps{gap:25px}.faq{grid-template-columns:1fr;gap:30px}.section{padding-top:75px}.hero-foot{font-size:10px;gap:20px}.features h3{font-size:19px}.footer-top{flex-wrap:wrap}}@media(max-width:440px){.wrap{width:calc(100% - 36px)}.brand{font-size:17px}.brand:before{margin-right:8px}.header-cta{font-size:11px;padding:10px 12px}.hero{padding:40px 18px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(36px,10.5vw,46px);letter-spacing:-1.2px}.lead{font-size:15px}.hero-foot{font-size:8px;gap:13px}.drawing-panel{height:410px}.panel-caption strong{font-size:28px}.disclaimer{padding:16px;font-size:12px}h2{font-size:29px}.options,.summary{padding:25px 18px}.install strong{font-size:14px}.install small{font-size:11px}.steps{grid-template-columns:1fr;gap:30px}.steps article{display:grid;grid-template-columns:36px 1fr;gap:7px 15px}.steps article>span{grid-row:span 2}.steps h3{margin:0}.steps p{font-size:14px}.final-cta h2{font-size:36px}.final-cta{margin-top:75px;padding:55px 15px}.footer-top .brand{width:100%}.total strong{font-size:39px}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* Full reference structure: editorial hero, poster, six-item grid, calculator. */
header{max-width:1320px}.hero{grid-template-columns:1.35fr 1fr;gap:60px;padding-top:90px;padding-bottom:75px}.hero h1{font-size:clamp(44px,4.5vw,68px);line-height:1.16;letter-spacing:-1.7px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:15px 20px;gap:12px}.hero-actions .secondary{background:transparent;border-color:#30333a;color:#eee}.hero-actions .secondary:hover{border-color:var(--red);background:#ee554609}.hero-metrics{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:20px;margin:35px 0 0;padding-top:25px;border-top:1px solid var(--line)}.hero-metrics dt{font:8px/1.6 monospace;color:#737985;letter-spacing:1px}.hero-metrics dd{font:600 22px/1.6 Manrope,Arial,sans-serif;letter-spacing:-.6px;margin:5px 0 0}.drawing-panel{height:530px;background:linear-gradient(90deg,#090a0bf0,#100f14bb),repeating-linear-gradient(90deg,#e2514920 0 4px,transparent 4px 65px),radial-gradient(ellipse at 70% 50%,#792b30,#0c0d11 75%);border-radius:9px;box-shadow:0 15px 70px #0006}.drawing-panel:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 35px #ee554625;border-radius:8px}.poster-brand{position:absolute;left:16px;right:16px;top:15px;font-size:clamp(40px,4.9vw,75px);font-weight:800;line-height:1.1;letter-spacing:-3px;color:#ededf2;text-shadow:0 3px 0 #55545b,0 0 13px #fff3;z-index:2}.poster-brand>span{color:#f74b48;text-shadow:0 3px 0 #71171f,0 0 18px #ff303060}.poster-badges{position:absolute;top:110px;left:17px;right:17px;display:flex;gap:7px;align-items:center;z-index:2}.poster-badges span{border:1px solid #fa5a5a;border-radius:7px;background:linear-gradient(#8b1720,#310b12);padding:6px 9px;font-weight:800;font-size:11px;line-height:1.25;box-shadow:0 0 14px #ff354140}.poster-badges span:first-child{font-size:20px;white-space:nowrap}.poster-badges span:last-child{font-size:23px}.poster-rail{position:absolute;left:15px;top:190px;z-index:3;display:flex;flex-direction:column;gap:12px}.poster-rail span{font-size:9px;font-weight:800;line-height:1.3;border:1px solid #a43d41;border-radius:7px;padding:9px 10px;width:97px;background:#230f15dd;box-shadow:0 0 12px #e6413520}.laptop{position:absolute;left:105px;right:15px;top:181px;bottom:55px;background:linear-gradient(140deg,#151d28,#080e18);border:5px solid #3b3b43;border-bottom:10px solid #55545f;border-radius:9px;transform:perspective(900px) rotateY(-10deg) rotateZ(3deg);box-shadow:-12px 12px 25px #000b;overflow:hidden}.laptop:after{content:'';position:absolute;inset:32px 0 0;pointer-events:none;background-image:linear-gradient(#8da6cd09 1px,transparent 1px),linear-gradient(90deg,#8da6cd09 1px,transparent 1px);background-size:20px 20px}.laptop-toolbar{position:absolute;left:0;right:0;top:0;padding:5px 7px;background:#262e3b;color:#b2a7a7;font-size:7px;z-index:2}.laptop-toolbar span{margin-left:8px;color:#d0d3d9;font-size:6px}.panel-tag{left:16px;bottom:19px;font-size:7px;letter-spacing:1px}.features{grid-template-columns:repeat(3,1fr)}.feature-icon{font-size:15px;font-weight:700}.versions button{font-size:18px;text-align:left;padding:22px 18px}.versions button span{display:block;font-size:13px;color:#a7aebb;font-weight:400;margin-top:7px}.versions button[aria-pressed=true] span{color:#e0aba3}.summary .total strong{font-size:49px}.final-cta p{font-size:13px;color:var(--muted);margin-top:24px}.hero .lead{max-width:610px}@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:50px}.poster-brand{font-size:55px}.poster-badges{top:95px}.poster-badges span{font-size:9px;padding:5px 7px}.poster-badges span:first-child{font-size:16px}.poster-badges span:last-child{font-size:20px}.poster-rail{top:167px}.laptop{top:165px;left:95px}.poster-rail span{width:85px}.hero-metrics{gap:14px}.hero-metrics dd{font-size:19px}}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:40px;padding-top:50px}.hero h1{font-size:57px}.features{grid-template-columns:repeat(2,1fr)}.drawing-panel{height:570px;max-width:500px}.poster-brand{font-size:75px;left:20px;top:20px}.poster-badges{top:115px;left:20px}.poster-badges span{font-size:12px;padding:7px 10px}.poster-badges span:first-child{font-size:23px}.poster-badges span:last-child{font-size:26px}.poster-rail{top:195px;left:20px}.poster-rail span{font-size:11px;width:105px;padding:12px}.laptop{top:190px;left:118px;bottom:63px}.hero-metrics{max-width:520px}.hero-metrics dd{font-size:22px}}@media(max-width:440px){.hero h1{font-size:clamp(35px,10.5vw,46px)}.hero-actions{gap:10px}.hero-actions .button{width:100%;justify-content:center;font-size:13px}.hero-metrics{gap:10px;margin-top:27px;padding-top:19px}.hero-metrics dd{font-size:17px}.hero-metrics dt{font-size:7px;letter-spacing:.6px}.drawing-panel{height:450px}.poster-brand{font-size:clamp(43px,15vw,59px);left:14px;top:20px}.poster-badges{top:99px;left:14px;right:14px;gap:5px}.poster-badges span{font-size:9px;padding:6px}.poster-badges span:first-child{font-size:17px}.poster-badges span:last-child{font-size:21px}.poster-rail{left:12px;top:165px;gap:9px}.poster-rail span{width:80px;font-size:8px;padding:10px 7px}.laptop{left:87px;right:12px;top:163px;bottom:55px;border-width:4px;border-bottom-width:7px}.laptop-toolbar{font-size:6px;padding:5px}.laptop-toolbar span{display:none}.panel-tag{font-size:6px;left:12px;bottom:19px}.features{grid-template-columns:1fr}.versions{gap:10px}.versions button{font-size:16px;padding:20px 12px}.versions button span{font-size:11px}}
/* Reference calculator: version cards + optional installation switch. */
#calculator .calc{grid-template-columns:1.3fr 1fr;border:0;border-radius:0;gap:32px;overflow:visible}#calculator .options{padding:0;background:none}#calculator fieldset{margin-bottom:30px}#calculator legend{font:11px/1.8 monospace;letter-spacing:1.5px;color:#8e929d;margin-bottom:17px}#calculator .versions{gap:14px}#calculator .versions button{padding:24px 20px;font-size:20px;background:#11141a;border-color:#30343e;border-radius:4px}#calculator .versions button[aria-pressed=true]{border-color:#ee5546;background:#ee55460c}#calculator .versions button span{font-size:14px;margin-top:8px}#calculator .internal-radio{display:none}.expert-toggle{display:flex;align-items:center;gap:15px;padding:23px 20px;border:1px solid #30343e;border-radius:4px;background:#11141a;cursor:pointer}.expert-toggle:has(input:checked){border-color:#ee5546;background:#ee554609}.switch-track{position:relative;display:block;flex:0 0 43px;width:43px;height:24px}.switch-track input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.switch-knob{position:absolute;inset:0;border-radius:20px;background:#3b414d;transition:background .2s}.switch-knob:before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#d9dce3;transition:transform .2s}.switch-track input:checked+.switch-knob{background:#ee5546}.switch-track input:checked+.switch-knob:before{transform:translateX(19px);background:#fff}.switch-track input:focus-visible+.switch-knob{outline:2px solid #ee5546;outline-offset:4px}.expert-text{min-width:0;flex:1}.expert-text strong{display:block;font-size:14px;line-height:1.5}.expert-text small{display:block;font-size:11px;line-height:1.6;color:#8e95a3;margin-top:5px}.expert-toggle>b{white-space:nowrap;font-size:14px;font-weight:600;color:#d9dce5}#calculator .summary{padding:30px;background:#161a22;border:1px solid #303744;border-radius:5px}#calculator .summary-top{font:10px/1.7 monospace;letter-spacing:1.5px;color:#9099aa}#calculator .summary-top span{display:none}#calculator .total{padding:0;margin:12px 0 0;border:0;display:block}#calculator .total strong{font-size:65px;line-height:1.2;letter-spacing:-2px;font-weight:700;white-space:nowrap}.total-platform{font-size:12px;color:#8d98ad;margin:12px 0 25px}#calculator .summary h3{font-size:14px;margin:0;padding-top:20px;border-top:1px solid #303744}#calculator .summary h3 small{font-size:11px;margin-top:5px}#calculator .line{font-size:12px;margin:14px 0}#calculator .consent{font-size:10px;margin:21px 0 17px}#calculator .summary .button{font-size:12px;padding:16px 17px}#calculator .compat{margin-top:3px;max-width:560px}@media(max-width:1000px){.expert-toggle{padding:20px 15px;gap:10px}.expert-text strong{font-size:13px}.expert-text small{font-size:10px}.expert-toggle>b{font-size:12px}#calculator .total strong{font-size:55px}#calculator .calc{gap:23px}}@media(max-width:760px){#calculator .calc{grid-template-columns:1fr;gap:26px}#calculator .summary{padding:27px}#calculator .total strong{font-size:62px}.expert-text strong{font-size:15px}.expert-text small{font-size:12px}.expert-toggle>b{font-size:14px}}@media(max-width:440px){#calculator .versions button{font-size:16px;padding:21px 13px}#calculator .versions button span{font-size:12px}.expert-toggle{padding:20px 13px;flex-wrap:wrap}.expert-text{flex-basis:calc(100% - 58px)}.expert-text strong{font-size:14px}.expert-text small{font-size:11px}.expert-toggle>b{margin-left:53px}#calculator .summary{padding:25px 21px}#calculator .total strong{font-size:58px}#calculator .summary .button{font-size:12px}}
#calculator .total strong{display:inline-block;font-variant-numeric:tabular-nums;transition:color .2s,text-shadow .2s}#calculator .total strong.counting{color:#f47465;text-shadow:0 0 22px #ee554625}@media(prefers-reduced-motion:reduce){#calculator .total strong{transition:none}}