.film{background:var(--ink);position:relative}.film__stage{position:relative;overflow:hidden}html.js:not(.reduced-motion) .film{height:640vh}html.js:not(.reduced-motion) .film__stage{height:100svh;position:sticky;top:0}.film__camera{transform-origin:50% 40%;position:absolute;inset:0}html:not(.js) .film__camera,html.reduced-motion .film__camera{height:100svh;bottom:auto}.film__lens{position:absolute;inset:0}.film__window{--frame:0;background:var(--ink-2);box-shadow:0 0 0 1px rgb(255 255 255/calc(var(--frame) * .14)), 0 60px 140px -30px rgb(0 0 0/calc(var(--frame) * .85));position:absolute;inset:0;overflow:hidden}.film__viewport{position:absolute;inset:0}.film__chart{width:100%;height:100%}.film__titlebar{z-index:2;border-bottom:1px solid var(--line);background:var(--graphite);height:40px;font-family:var(--font-data);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--steel);opacity:0;align-items:center;gap:18px;padding:0 16px;font-size:12px;display:flex;position:absolute;inset:0 0 auto}.film__titlebar b{color:var(--text);font-weight:600}.film__titlebar-dots{gap:6px;display:flex}.film__titlebar-dots i{background:var(--graphite-3);border-radius:50%;width:9px;height:9px}.film__titlebar-end{margin-left:auto}.film__shade{pointer-events:none;position:absolute;inset:0}html:not(.js) .film__shade,html.reduced-motion .film__shade{height:100svh;bottom:auto}.film__shade--hero{background:linear-gradient(90deg,#07080af5 0%,#07080ae0 36%,#07080a5c 64%,#07080a00 82%),linear-gradient(#07080a00 72%,#07080af2 100%),linear-gradient(#07080acc 0%,#07080a00 24%)}.film__shade--vignette{background:radial-gradient(130% 100% at 62% 42%,#0000 56%,#0009 100%)}.film__shade--caption{opacity:0;background:radial-gradient(70% 62% at 0 100%,#07080af2 0%,#07080ab8 42%,#07080a00 76%)}html:not(.js) .film__shade--caption,html.reduced-motion .film__shade--caption,html:not(.js) .film__grain,html.reduced-motion .film__grain{display:none}.film__grain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero{z-index:3;max-width:1180px;min-height:100svh;padding:calc(var(--header-h) + 40px) var(--gutter) 128px;flex-direction:column;justify-content:center;display:flex;position:relative}html.js:not(.reduced-motion) .hero{width:100%;position:absolute;inset:0 auto 0 0}.hero__kicker{color:var(--silver);margin-bottom:clamp(20px,3vh,32px)}.hero__title{font-size:clamp(2.6rem,.9rem + 5.1vw,5.25rem)}.hero__title .line--accent>span{color:#0000;background:var(--chrome);-webkit-background-clip:text;background-clip:text;font-stretch:112%}.hero__lead{max-width:33rem;color:var(--muted);margin-top:clamp(20px,3.4vh,32px)}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:clamp(24px,4.2vh,40px);display:flex}html.js:not(.reduced-motion) .hero__title .line>span{transform:translateY(110%)}html.js:not(.reduced-motion) :is(.hero__kicker,.hero__actions>*){opacity:0}html.js:not(.reduced-motion) .hero__lead{transform:translateY(18px)}.ticker{z-index:3;border-top:1px solid var(--line);background:#07080a99;align-items:center;height:56px;display:flex;position:absolute;inset:auto 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}html:not(.js) .ticker,html.reduced-motion .ticker{top:calc(100svh - 56px);bottom:auto}.ticker__track{width:max-content;animation:42s linear infinite ticker;display:flex}html.js:not(.reduced-motion) .ticker__track{opacity:0}.ticker__group{display:flex}.ticker__item{font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--muted);align-items:center;gap:22px;padding-left:22px;font-size:13px;display:inline-flex}.ticker__item:after{content:"";background:var(--steel);width:5px;height:5px;transform:rotate(45deg)}@keyframes ticker{to{transform:translate(-50%)}}.film__story{z-index:3;padding:clamp(72px, 10vw, 128px) var(--gutter);position:relative}html.js:not(.reduced-motion) .film__story{pointer-events:none;padding:0;position:absolute;inset:0}.film__title{margin-bottom:48px}.film__title .eyebrow{margin-bottom:22px}.film__title h2{font-size:var(--step-3)}.film__title .line:last-child>span{color:#0000;background:var(--chrome);-webkit-background-clip:text;background-clip:text}html.js:not(.reduced-motion) .film__title{margin:0;position:absolute;top:50%;left:calc(5vw + clamp(24px,4vw,64px));transform:translateY(-50%)}html.js:not(.reduced-motion) .film__title .eyebrow{opacity:0}html.js:not(.reduced-motion) .film__title .line>span{transform:translateY(110%)}.film__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}html.js:not(.reduced-motion) .film__steps{display:block}html.js:not(.reduced-motion) .film__step{width:min(440px,36vw);position:absolute;bottom:calc(max(64px,8.5vh) + clamp(20px,3vw,44px));left:calc(5vw + clamp(20px,2.6vw,44px))}.film__step-n{font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:13px}.film__step-n b{color:var(--white);font-weight:600}.film__step h3{font-family:var(--font-display);letter-spacing:-.02em;margin:14px 0 12px;font-size:clamp(1.75rem,1rem + 1.9vw,2.75rem);font-weight:700;font-stretch:92%;line-height:1}.film__step-text{color:var(--muted)}html.js:not(.reduced-motion) .film__step .line>span{transform:translateY(110%)}html.js:not(.reduced-motion) :is(.film__step-n,.film__step-text){opacity:0}.sizer-panel{z-index:2;border-left:1px solid var(--line-strong);background:var(--graphite);width:clamp(260px,23vw,330px);color:var(--text);flex-direction:column;font-size:14px;display:flex;position:absolute;top:40px;bottom:0;right:0}html:not(.js) .sizer-panel,html.reduced-motion .sizer-panel{display:none}html.js:not(.reduced-motion) .sizer-panel{transform:translate(102%)}.sizer-panel__head{border-bottom:1px solid var(--line);height:44px;font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 18px;font-size:12px;display:flex}.sizer-panel__head b{color:var(--white);font-weight:600}.sizer-panel__sym{border:1px solid var(--line-strong);color:var(--silver);padding:3px 8px}.sizer-panel__risk{border-bottom:1px solid var(--line);padding:20px 18px 18px}.sizer-panel__label{font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);font-size:12px;display:block}.sizer-panel__big{font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-top:8px;font-size:44px;font-weight:700;line-height:1;display:flex}.sizer-panel__big small{font-family:var(--font-data);color:var(--steel);font-size:13px;font-weight:500}.sizer-panel__rows{padding:4px 18px}.sizer-panel__rows>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;display:flex}.sizer-panel__rows dt{color:var(--muted)}.sizer-panel__rows dd{font-family:var(--font-data);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--white)}.sizer-panel__rows .is-key dd{font-size:18px;font-weight:700}html.js:not(.reduced-motion) [data-row=rr]{opacity:0}.sizer-panel__eq{border:1px solid var(--line);background:var(--ink-2);font-family:var(--font-data);white-space:nowrap;color:var(--silver);margin:6px 18px 0;padding:10px 12px;font-size:12px;overflow:hidden}html.js:not(.reduced-motion) .sizer-panel__eq{clip-path:inset(0 100% 0 0)}.sizer-panel__order{margin-top:auto;padding:16px 18px 0}.sizer-panel__send{background:var(--white);letter-spacing:.06em;text-transform:uppercase;height:46px;color:var(--ink);place-items:center;font-size:14px;font-weight:800;display:grid}.sizer-panel__status{height:22px;font-family:var(--font-data);color:var(--steel);margin-top:10px;font-size:12px;position:relative}.sizer-panel__status span{white-space:nowrap;position:absolute;inset:0}.sizer-panel__status [data-status=filled]{color:var(--up)}html.js:not(.reduced-motion) .sizer-panel__status span:not([data-status=ready]){opacity:0}.sizer-panel__manage{grid-template-columns:1fr;gap:8px;padding:12px 18px 0;display:grid}.chip{border:1px solid var(--line-strong);min-height:38px;font-family:var(--font-data);letter-spacing:.04em;text-align:center;text-transform:uppercase;color:var(--silver);place-items:center;padding:0 6px;font-size:12px;display:grid}.chip--down{color:#ff9aa1;border-color:#f2616c80}html.js:not(.reduced-motion) .sizer-panel__manage>*{opacity:0}.timeline{z-index:4;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2vw,32px);height:max(64px,8.5vh);display:grid;position:absolute;bottom:0;left:5vw;right:5vw}html:not(.js) .timeline,html.reduced-motion .timeline{display:none}html.js:not(.reduced-motion) .timeline{opacity:0}.timeline__tc{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--white);align-items:center;gap:10px;font-size:13px;display:inline-flex}.timeline__track{height:44px;margin-right:72px;position:relative}.timeline__rail,.timeline__fill{height:1px;position:absolute;top:50%;left:0;right:0}.timeline__rail{background:var(--line-strong)}.timeline__fill{background:var(--white);transform:scaleX(var(--p,0));transform-origin:0}.timeline__marker{top:0;left:calc(var(--x,0) * 100%);border-left:1px solid var(--line-strong);height:44px;font-family:var(--font-data);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--steel);transition:color .3s var(--ease-out), border-color .3s var(--ease-out);align-items:flex-start;padding:0 0 0 10px;font-size:12px;display:flex;position:absolute}.timeline__marker:hover,.timeline__marker.is-active{border-color:var(--white);color:var(--white)}@media (width<=899.98px){html.js:not(.reduced-motion) .film{height:440vh}.film__shade--hero{background:linear-gradient(180deg, #07080adb 0%, #07080a4d 18%, #07080a61 calc(var(--hero-text-top,55%) - 24px), #07080af0 calc(var(--hero-text-top,55%) + 8px), #07080af7 100%)}.film__shade--caption{background:linear-gradient(#07080af0 0%,#07080acc 30%,#07080a00 45%)}.hero{justify-content:flex-end;padding-bottom:88px}.hero__title{font-size:clamp(2.1rem,9.4vw,3.25rem)}.hero__lead{font-size:15px}.hero__actions{flex-direction:column;align-items:stretch}.film__steps{grid-template-columns:1fr}html.js:not(.reduced-motion) .film__title{right:var(--gutter);left:var(--gutter)}html.js:not(.reduced-motion) .film__step{top:56px;right:var(--gutter);bottom:auto;left:var(--gutter);width:auto}.film__step h3{margin:10px 0 8px;font-size:1.6rem}.film__step-text{font-size:15px;line-height:1.5}.film__titlebar>:not(.film__titlebar-dots){display:none}.sizer-panel{border-top:1px solid var(--line-strong);border-left:0;width:auto;top:auto;left:0}html.js:not(.reduced-motion) .sizer-panel{transform:translateY(102%)}.sizer-panel__head{height:38px}.sizer-panel__risk{justify-content:space-between;align-items:baseline;padding:10px 16px;display:flex}.sizer-panel__big{margin:0;font-size:30px}.sizer-panel__rows{grid-template-columns:1fr 1fr;column-gap:20px;padding:0 16px;display:grid}.sizer-panel__rows>div{padding:8px 0}.sizer-panel__eq{display:none}.sizer-panel__order{padding:12px 16px 0}.sizer-panel__manage{grid-template-columns:1fr 1fr;padding:10px 16px 16px}.timeline{grid-template-columns:auto minmax(0,1fr);gap:16px;height:40px;inset:0 12px auto 64px}.timeline__track{margin-right:0}.timeline__marker{border-left:0;justify-content:center;align-items:center;width:44px;margin-left:-22px;padding:0;font-size:0}.timeline__marker:before{content:"";background:var(--steel);border-radius:50%;width:7px;height:7px}.timeline__marker.is-active:before{background:var(--white)}}.lab{border-top:1px solid var(--line);background:radial-gradient(80% 60% at 85% 0%, #ffffff0a, #fff0 60%), var(--ink);padding:clamp(96px,13vw,176px) 0;position:relative}.lab__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.lab__intro{top:calc(var(--header-h) + 32px);position:sticky}.lab__title{font-size:var(--step-3);margin-top:22px}.lab__title .line:last-child>span{color:#0000;background:var(--chrome);-webkit-background-clip:text;background-clip:text}.lab__lead{max-width:30rem;color:var(--muted);margin-top:24px}.lab__console{border:1px solid var(--line-strong);background:var(--graphite)}.lab__console-head{border-bottom:1px solid var(--line);height:44px;font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--steel);justify-content:space-between;align-items:center;gap:16px;padding:0 20px;font-size:12px;display:flex}.lab__console-head span:first-child{color:var(--white)}.lab__controls{border-bottom:1px solid var(--line);gap:28px;padding:28px 24px;display:grid}.seg{border:0;min-width:0;margin:0;padding:0}.seg legend,.field label{font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:12px;padding:0;font-size:12px;display:block}.seg__options{border:1px solid var(--line-strong);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.seg__option{position:relative}.seg__option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.seg__option span{border-right:1px solid var(--line);text-align:center;min-height:52px;transition:background-color .3s var(--ease-out), color .3s var(--ease-out);align-content:center;place-items:center;gap:2px;padding:6px;font-weight:700;display:grid}.seg__option:last-child span{border-right:0}.seg__option small{font-family:var(--font-data);color:var(--steel);font-size:12px;font-weight:500}.seg__option input:checked+span{background:var(--white);color:var(--ink)}.seg__option input:checked+span small{color:#07080a9e}.seg__option input:focus-visible+span{outline:2px solid var(--white);outline-offset:2px}.field__row{align-items:center;gap:18px;display:flex}.field output{min-width:5.5em;font-family:var(--font-data);font-variant-numeric:tabular-nums;text-align:right;color:var(--white);font-size:16px}.range{--fill:4%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:44px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--white) var(--fill), #ffffff29 var(--fill));height:2px}.range::-moz-range-track{background:#ffffff29;height:2px}.range::-moz-range-progress{background:var(--white);height:2px}.range::-webkit-slider-thumb{background:var(--white);-webkit-appearance:none;appearance:none;border:0;border-radius:50%;width:18px;height:18px;margin-top:-8px;box-shadow:0 0 0 6px #f7f8f91f}.range::-moz-range-thumb{background:var(--white);border:0;border-radius:50%;width:18px;height:18px}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--graphite), 0 0 0 5px var(--white)}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--graphite), 0 0 0 5px var(--white)}.lab__result{grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;padding:28px 24px;display:grid}.lab__qty{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:8px;display:flex}.lab__qty-num{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:color .3s var(--ease-out);font-size:clamp(4.5rem,3rem + 4.5vw,7.25rem);font-weight:750;line-height:.9}.lab__qty-unit{font-family:var(--font-data);color:var(--muted);font-size:14px}.lab.is-empty .lab__qty-num{color:var(--steel)}.lab__rows{margin-top:22px}.lab__rows>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.lab__rows dt{color:var(--muted)}.lab__rows dd{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--white)}.lab__equation{border:1px solid var(--line);background:var(--ink-2);font-family:var(--font-data);color:var(--silver);margin-top:18px;padding:12px 14px;font-size:14px}.lab__diagram{width:100%;height:auto}.lab__zone--target{fill:#38d08a29;stroke:var(--up);stroke-width:1px}.lab__zone--stop{fill:#f2616c29;stroke:var(--down);stroke-width:1px}.lab__entry{stroke:var(--white);stroke-width:2px}.lab__tag{font-family:var(--font-data);letter-spacing:.08em;fill:var(--silver);font-size:11px}.lab__note{max-width:64ch;color:var(--steel);margin-top:22px;font-size:14px}@media (width<=980px){.lab__inner{grid-template-columns:1fr}.lab__intro{position:static}}@media (width<=560px){.lab{padding-block:64px}.lab__controls,.lab__result{padding-inline:18px}.lab__result{grid-template-columns:1fr}.lab__diagram{justify-self:center;max-width:200px}}
