.views__split{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.views__side{align-content:start;justify-items:start;gap:1rem;display:grid}.views__n{font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.views__side .h3{margin-top:.4rem}.views__side p{max-width:44ch}.views__foot{flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:.2rem;display:flex}.views__heat{background:radial-gradient(at 42%,#2aa8ff1a,#0000 62%);width:100%;min-height:440px}.views__specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,auto);width:100%;display:grid}.views__specs>div{gap:.2rem;padding:.8rem 0;display:grid}.views__specs>div+div{border-left:1px solid var(--line);padding-left:1.2rem}.views__specs dt{font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--muted)}.views__specs dd{font-size:var(--fs-base);font-weight:500}.views__specs dd[data-tone=good]{color:var(--good)}.views__specs dd[data-tone=watch]{color:var(--watch)}.views__specs dd[data-tone=critical]{color:var(--critical)}.views__axis{background:linear-gradient(180deg, transparent, var(--line) 12%, var(--line) 88%, transparent);align-self:stretch;width:1px;position:relative}.views__axis:after{content:"";background:linear-gradient(180deg, transparent, var(--signal), transparent);border-radius:2px;width:3px;height:64px;animation:6s cubic-bezier(.65,0,.35,1) infinite views-axis;position:absolute;left:-1px;box-shadow:0 0 14px #2aa8ff99}@keyframes views-axis{0%{opacity:0;top:100%}15%,85%{opacity:1}to{opacity:0;top:-64px}}.views__porthole{aspect-ratio:1;justify-self:center;place-items:center;width:min(100%,440px);margin:.5rem 0;display:grid;position:relative;overflow:clip}@media (min-width:901px){.views__porthole{width:min(100%,391px)}}.views__ring{width:100%;height:100%;color:color-mix(in srgb, var(--fg) 45%, transparent);transition:color .4s;animation:90s linear infinite views-turn;position:absolute;inset:0;overflow:visible}.views__ring circle{fill:none;stroke:currentColor;stroke-width:.6px}.views__ring line{stroke:currentColor;stroke-width:.6px}.views__ring text{font-family:var(--mono);letter-spacing:.1em;fill:currentColor;font-size:6px}.views__lens{box-shadow:0 0 0 1px color-mix(in srgb, var(--fg) 14%, transparent), 0 0 0 10px #07090ce6, 0 0 0 11px #2aa8ff59, 0 30px 80px -20px #2aa8ff59;background:#000;border-radius:50%;position:absolute;inset:14%;overflow:hidden}:root[data-mode=light] .views__lens{box-shadow:0 0 0 1px color-mix(in srgb, var(--fg) 14%, transparent), 0 0 0 10px #07090ce6, 0 0 0 11px #2aa8ff59}.views__lens img{object-fit:cover;width:100%;height:100%;transition:scale 1.2s var(--ease-out), filter .6s;animation:120s linear infinite reverse views-turn;scale:1.18}.views__enter{font-size:var(--fs-sm);color:#03121d;background:var(--signal);opacity:0;transition:opacity .4s, translate .5s var(--ease-out);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:600;display:inline-flex;position:relative;translate:0 8px}.views__porthole:hover .views__ring,.views__porthole:focus-visible .views__ring{color:var(--signal)}.views__porthole:hover .views__lens img,.views__porthole:focus-visible .views__lens img{filter:brightness(.75);scale:1.3}.views__porthole:hover .views__enter,.views__porthole:focus-visible .views__enter{opacity:1;translate:0}.views__tag{font-size:var(--fs-3xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-self:center}@keyframes views-turn{to{rotate:360deg}}@media (hover:none){.views__enter{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.views__ring,.views__lens img,.views__axis:after{animation:none}}@media (max-width:900px){.views__split{grid-template-columns:1fr}.views__axis{background:linear-gradient(90deg, transparent, var(--line) 12%, var(--line) 88%, transparent);width:100%;height:1px}.views__axis:after{display:none}.views__heat{min-height:380px}.views__specs>div+div{padding-left:.8rem}}@media (max-width:600px){.views.section{padding-top:3.5rem}.views .section-head{gap:.7rem;margin-bottom:1.25rem}.views__side{gap:.65rem}.views__side .h3{margin-top:.2rem}.views__heat{height:310px;min-height:0}.views__heat .liner-heatmap__stage{min-height:0}.views__specs>div{padding:.55rem 0}.views__side p{font-size:var(--fs-md);line-height:1.5}.views__foot .link-arrow{font-size:var(--fs-md)}.views__porthole{width:80%}.views__enter{gap:.3rem;padding:.4rem .8rem}.views__enter svg{width:13px;height:13px}}@media (max-width:600px) and (max-height:760px){.views.section{padding-top:3rem}.views__heat{height:230px;margin-bottom:.7rem}}
@property --r{syntax:"<number>";inherits:false;initial-value:0}.ptour{background:var(--bg);--progress:0;padding-top:clamp(96px,14vw,180px)}.ptour__intro{justify-items:start;gap:20px;display:grid}.ptour__intro .h2{max-width:20ch}.ptour__stage{height:100vh;padding-top:var(--nav-h);align-items:center;display:grid}.ptour__grid{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.ptour__left{gap:28px;display:grid}.ptour__dial{--row:clamp(40px, 3.6vw, 54px);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;height:calc(var(--row) * 5);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 32% 68%,#0000);mask-image:linear-gradient(#0000,#000 32% 68%,#0000)}.ptour__dial:before{content:"";left:0;right:0;top:calc(var(--row) * var(--mid,2));height:var(--row);border-top:1px solid var(--line);border-bottom:1px solid var(--line);pointer-events:none;position:absolute}.ptour__dial ol{transform:translateY(calc((var(--mid,2) - var(--active)) * var(--row)));transition:transform .8s var(--ease-out);list-style:none}.ptour__dial li{height:var(--row);letter-spacing:-.02em;white-space:nowrap;color:color-mix(in srgb, var(--fg) 22%, transparent);transform-origin:0;transition:color .5s, transform .8s var(--ease-out);align-items:center;gap:16px;font-size:clamp(22px,2.3vw,34px);font-weight:600;display:flex;transform:scale(.82)}.ptour__dial li span{font-size:var(--fs-2xs);letter-spacing:.1em;font-weight:400}.ptour__dial:active{cursor:grabbing}.ptour__dial li:not(.is-active):hover{color:color-mix(in srgb, var(--fg) 45%, transparent)}.ptour__dial li.is-active{color:var(--fg);transform:none}.ptour__dial li.is-active span{color:var(--accent)}.ptour__detail{animation:ptour-in .7s var(--ease-out) both;justify-items:start;gap:14px;display:grid}@keyframes ptour-in{0%{opacity:0;transform:translateY(12px)}}.ptour__line{font-size:var(--fs-base);color:var(--fg);max-width:40ch}.ptour__detail ul{font-size:var(--fs-sm);color:var(--muted);gap:8px;list-style:none;display:grid}.ptour__detail li{gap:10px;display:flex}.ptour__detail li:before{content:"";background:var(--accent);flex:none;width:14px;height:1px;margin-top:.75em}.ptour__more{font-size:var(--fs-sm);color:var(--accent);align-items:center;gap:6px;display:inline-flex}.ptour__more svg{transition:transform .3s var(--ease-out)}.ptour__more:hover svg{transform:translate(3px,-3px)}.ptour__progress{font-size:var(--fs-2xs);color:var(--accent);align-items:center;gap:16px;display:flex}.ptour__progress small{font-size:inherit;color:var(--muted)}.ptour__progress i{background:var(--line);flex:1;max-width:180px;height:1px;position:relative}.ptour__progress i:after{content:"";background:var(--accent);transform-origin:0;transform:scaleX(var(--progress));position:absolute;inset:0}.ptour__slab{aspect-ratio:16/10;border-radius:10px;position:relative;box-shadow:0 0 0 1px #0b11170f,0 50px 100px -40px #0b111759,0 0 90px -30px #0a78d133}.ptour__screen{clip-path:inset(0 0 calc((1 - var(--r)) * 100%) 0);background:#f2f2f2;border-radius:10px;margin:0;transition:--r .9s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;overflow:hidden}.ptour__screen img{object-fit:cover;object-position:top;width:100%;height:100%}.ptour__scan{left:0;right:0;top:calc(var(--r) * 100% - 1px);background:var(--signal);height:2px;opacity:calc(var(--r) * (1 - var(--r)) * 4);position:absolute;box-shadow:0 0 22px 4px #2aa8ff8c}.ptour__loupe{z-index:20;aspect-ratio:1;width:24%;box-shadow:0 0 0 2px var(--signal), 0 0 0 7px #07090c59, 0 18px 40px #00000073;animation:ptour-loupe .6s var(--ease-out) .75s both;background-repeat:no-repeat;border-radius:50%;position:absolute;translate:-50% -50%}@keyframes ptour-loupe{0%{opacity:0;scale:.6}}.ptour__loupe:before{content:"";background:linear-gradient(var(--signal), var(--signal)) 50% 0 / 1px 10% no-repeat, linear-gradient(var(--signal), var(--signal)) 50% 100% / 1px 10% no-repeat, linear-gradient(var(--signal), var(--signal)) 0 50% / 10% 1px no-repeat, linear-gradient(var(--signal), var(--signal)) 100% 50% / 10% 1px no-repeat;border-radius:50%;position:absolute;inset:0}.ptour__note{font-size:var(--fs-3xs);letter-spacing:.04em;white-space:nowrap;color:#fff;background:#07090cd1;border-radius:999px;padding:5px 10px;position:absolute;top:calc(100% + 10px);left:50%;translate:-50%}.ptour__note[data-side=right]{left:auto;right:0;translate:0}.ptour__note[data-side=left]{left:0;translate:0}@media (min-width:961px) and (prefers-reduced-motion:no-preference){.ptour{height:100svh;padding-top:calc(var(--nav-h) + 8px);flex-direction:column;justify-content:center;display:flex}.ptour__intro{grid-template-columns:minmax(0,1fr) auto;gap:12px 32px}.ptour__intro .eyebrow,.ptour__intro .h2{grid-column:1}.ptour__intro .h2{max-width:24ch;font-size:clamp(2rem,3.4vw,3.3rem)}.ptour__intro .btn{grid-area:2/2;align-self:end}.ptour__stage{--gap:clamp(32px, 5vw, 72px);--natural:max(30rem, (min(100vw, var(--max)) - 2 * var(--gutter) - var(--gap)) * 8 / 13 / 1.6);min-height:0;height:calc(var(--natural) + clamp(16px, 3vh, 32px) + clamp(20px, 4vh, 40px));flex:0 auto;padding:clamp(16px,3vh,32px) 0 clamp(20px,4vh,40px);container-type:size}.ptour__grid{height:100%}.ptour__left{gap:clamp(12px,3cqh,28px)}.ptour__dial{--row:clamp(28px, 8cqh, 54px)}.ptour__detail{gap:clamp(6px,1.8cqh,14px)}.ptour__view{justify-self:end;width:min(100%,160cqh)}@container (max-height:440px){.ptour__detail ul{display:none}}@container (max-height:380px){.ptour__more{display:none}}}@media (max-width:960px){.ptour{height:100svh;padding-top:calc(var(--nav-h) - 8px);flex-direction:column;display:flex}.ptour__intro{gap:10px}.ptour__intro .btn{height:2.4rem;font-size:var(--fs-md);padding:0 1rem}.ptour__stage{flex:1;align-items:start;height:auto;padding-top:18px}.ptour__grid{grid-template-columns:minmax(0,1fr);gap:14px}.ptour__view{order:-1}.ptour__slab,.ptour__screen{border-radius:8px}.ptour__note{padding:4px 8px}.ptour__left{gap:10px}.ptour__dial{--row:30px;--mid:1;height:calc(var(--row) * 3)}.ptour__dial li{font-size:var(--fs-lg);gap:10px}.ptour__detail{gap:6px}.ptour__line{line-height:1.5}.ptour__detail ul{gap:2px;line-height:1.45}}@media (max-width:960px) and (max-height:760px){.ptour__detail ul,.ptour__more,.ptour__progress{display:none}}.ptour__stack{display:none}@media (prefers-reduced-motion:reduce){.ptour__stage{display:none}.ptour__stack{gap:72px;padding-top:48px;padding-bottom:96px;display:grid}.ptour__item{gap:10px;display:grid}.ptour__item-n{font-size:var(--fs-3xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.ptour__item .h3{font-size:var(--fs-xl)}.ptour__item p{margin-bottom:12px}.ptour__slab--flat .ptour__loupe{animation:none}.ptour__slab--flat .ptour__note{font-size:var(--fs-3xs)}}
.problem{padding-bottom:clamp(5rem,10vw,8rem);position:relative}.problem__pin{align-items:center;min-height:100svh;display:grid}.problem__inner{gap:2rem;display:grid}.problem__text{letter-spacing:-.035em;max-width:24em;font-size:clamp(1.7rem,3.8vw,3.4rem);font-weight:650;line-height:1.14}.problem__word{opacity:.14}.is-static .problem__word{opacity:1}.problem__case{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.problem__case-head{justify-items:start;gap:1.2rem;max-width:30rem;display:grid}.problem__ledger{border-top:1px solid var(--line)}.problem__row{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem 0;display:flex}.problem__row strong{color:var(--fg);font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500}.problem__row--total strong{color:var(--critical);font-size:clamp(1.8rem,3.6vw,3rem)}.problem__row--ccm strong{color:var(--good)}@media (max-width:860px){.problem__case{grid-template-columns:1fr}}@media (max-width:600px){.problem__text{font-size:clamp(1.3rem,5.6vw,1.5rem)}.problem__case{gap:1.5rem}.problem__case-head{gap:.8rem}.problem__case-head p{font-size:var(--fs-md);line-height:1.5}.problem__case-head .link-arrow{font-size:var(--fs-md)}.problem__row{font-size:var(--fs-md);padding:.7rem 0}.problem__row strong{font-size:var(--fs-base)}.problem__row--total strong{font-size:var(--fs-xl)}}
.calc{border-radius:var(--radius);background:var(--panel);box-shadow:0 0 0 1px var(--line), 0 40px 80px -50px #0b111759;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.calc__inputs{gap:1.7rem;padding:clamp(1.5rem,3vw,2.6rem);display:grid}.calc__field{gap:.8rem;display:grid}.calc__label{font-weight:600;font-size:var(--fs-md);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.calc__label strong{font-weight:500;font-size:var(--fs-md);white-space:nowrap}.calc__label em{color:var(--muted);font-style:normal;font-size:var(--fs-xs)}.calc input[type=range]{appearance:none;background:linear-gradient(90deg, var(--accent) var(--p), var(--line) var(--p));cursor:pointer;border-radius:2px;width:100%;height:4px}.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--panel);border:2px solid var(--accent);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 10px #0003}.calc input[type=range]::-moz-range-thumb{background:var(--panel);border:2px solid var(--accent);border-radius:50%;width:18px;height:18px}.calc__note{font-size:var(--fs-xs)}.calc__out{color:#eef2f6;background:#07090c;align-content:center;gap:.2rem;padding:clamp(1.5rem,3vw,2.6rem);display:grid}.calc__row{border-bottom:1px solid #eef2f61a;gap:.2rem;padding:1.1rem 0;display:grid}.calc__row>span{font-size:var(--fs-sm);color:#eef2f699}.calc__row strong{font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500}.calc__row--big strong{color:var(--signal);letter-spacing:-.03em;font-size:clamp(2.2rem,4.6vw,3.6rem)}.calc__row--big{border-bottom:0}.calc__reset{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:#eef2f680;justify-self:start;margin-top:.6rem;transition:color .3s}.calc__reset:hover{color:var(--signal)}@media (max-width:900px){.calc{grid-template-columns:1fr}}@media (max-width:600px){.calc__inputs{gap:.85rem;padding:1rem 1.1rem}.calc__field{gap:.45rem}.calc__label,.calc__note{line-height:1.35}.calc__out{grid-template-columns:1fr 1fr;gap:0 1rem;padding:.8rem 1.1rem .9rem}.calc__row{padding:.55rem 0}.calc__row>span{line-height:1.3}.calc__row strong{font-size:var(--fs-lg)}.calc__row--big{grid-column:1/-1}.calc__row--big strong{font-size:var(--fs-2xl)}.calc__reset{grid-column:1/-1;margin-top:.1rem}}
.savings__more{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem);margin-top:clamp(3rem,6vw,5rem);display:grid}.savings__item{border-top:1px solid var(--fg);align-content:start;gap:.7rem;padding-top:1.4rem;display:grid}@media (min-width:901px){.savings.section{min-height:100svh;padding:calc(var(--nav-h) + clamp(.5rem, 2vh, 1.5rem)) 0 clamp(1.25rem, 4vh, 3rem);flex-direction:column;justify-content:center;display:flex}.savings .section-head{gap:.6rem;max-width:none;margin-bottom:clamp(1rem,3.5vh,2.25rem)}.savings .section-head .h2{font-size:clamp(2rem,min(3.6vw,6.4vh),3.4rem)}.savings .section-head .lead{max-width:none;font-size:var(--fs-base)}.savings .calc__inputs{gap:clamp(.8rem,2.4vh,1.5rem);padding:clamp(1.1rem,3vh,2rem) clamp(1.5rem,3vw,2.6rem)}.savings .calc__field{gap:clamp(.4rem,1.2vh,.8rem)}.savings .calc__out{padding:clamp(1rem,2.6vh,2rem) clamp(1.5rem,3vw,2.6rem)}.savings .calc__row{padding:clamp(.45rem,1.4vh,.9rem) 0}.savings .calc__row strong{font-size:clamp(1.3rem,3.4vh,1.8rem)}.savings .calc__row--big strong{font-size:clamp(2rem,6.4vh,3.4rem)}.savings__more{margin-top:clamp(1.25rem,4vh,2.75rem)}.savings__item{gap:.4rem;padding-top:clamp(.8rem,2vh,1.2rem)}.savings__item .h3{font-size:var(--fs-xl)}.savings__item p{font-size:var(--fs-sm);line-height:1.5}}@media (min-width:901px) and (max-height:900px){.savings.section{padding-top:calc(var(--nav-h) * .55)}.savings .section-head{margin-bottom:clamp(.75rem,2.4vh,1.5rem)}.savings .calc__inputs{gap:clamp(.6rem,1.8vh,1.1rem)}.savings .calc__row--big strong{font-size:clamp(1.8rem,5.6vh,2.8rem)}.savings__more{margin-top:clamp(1rem,3vh,2rem)}}.savings__title{align-items:center;gap:.45em;display:flex}.savings__plus{stroke-width:2.6px;width:.85em;height:.85em;color:var(--accent);flex:none}@media (max-width:800px){.savings__more{grid-template-columns:1fr}}@media (max-width:600px){.savings.section{padding:3rem 0 2.5rem}.savings .section-head{gap:.6rem;margin-bottom:1.25rem}.savings .lead{font-size:var(--fs-md);line-height:1.45}.savings__more{margin:2.25rem calc(var(--gutter) * -1) 0;padding:0 var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:.8rem;display:flex;overflow-x:auto}.savings__more::-webkit-scrollbar{display:none}.savings__item{scroll-snap-align:start;flex:0 0 78%;gap:.3rem;padding-top:1.1rem}.savings__item .h3{font-size:var(--fs-base)}.savings__item p{font-size:var(--fs-sm);line-height:1.4}}
.vision{background:var(--ink);--clip:0;--intro:1}.vision__pin{height:100svh;position:relative;overflow:hidden}.vision__stage{--d:240px;--sx:50%;--sy:50%;--lock:0;--spin:0deg;--tone:var(--accent);clip-path:inset(calc((1 - var(--clip)) * 16%) calc((1 - var(--clip)) * 24%) round calc((1 - var(--clip)) * 22px));background:#000;position:absolute;inset:0;overflow:hidden}.vision__stage.is-locked{--tone:var(--critical)}.vision__photo{opacity:0;will-change:transform, opacity;max-width:none;position:absolute;top:0;left:0}.vision__veil{background:rgba(6, 9, 13, calc(.3 + var(--lock) * .35));-webkit-backdrop-filter:grayscale(.7);backdrop-filter:grayscale(.7);-webkit-mask-image:radial-gradient(circle at var(--sx) var(--sy), transparent calc(var(--d) / 2 - 1px), #000 calc(var(--d) / 2 + 1px));-webkit-mask-image:radial-gradient(circle at var(--sx) var(--sy), transparent calc(var(--d) / 2 - 1px), #000 calc(var(--d) / 2 + 1px));mask-image:radial-gradient(circle at var(--sx) var(--sy), transparent calc(var(--d) / 2 - 1px), #000 calc(var(--d) / 2 + 1px));position:absolute;inset:0}.vision__hair{background:var(--tone);opacity:.28;pointer-events:none;position:absolute}.vision__hair--x{left:0;right:0;top:var(--sy);height:1px}.vision__hair--y{top:0;bottom:0;left:var(--sx);width:1px}.vision__lens,.vision__reticle{left:var(--sx);top:var(--sy);width:var(--d);height:var(--d);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.vision__lens{background:#000;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #0009,0 20px 60px -10px #000c}.vision__lens img{filter:brightness(1.3)contrast(1.15)saturate(1.1);opacity:0;will-change:transform, opacity;max-width:none;position:absolute;top:0;left:0}.vision__reticle{color:var(--tone);transition:color .25s;overflow:visible}.vision__reticle *{vector-effect:non-scaling-stroke}.vision__ring{fill:none;stroke:currentColor;stroke-width:2px}.vision__ticks{stroke:currentColor;stroke-width:1px;opacity:.8;transform:rotate(var(--spin))}.vision__cross{stroke:currentColor;stroke-width:1px;fill:currentColor}.vision__brackets{fill:none;stroke:currentColor;stroke-width:2px;opacity:var(--lock);transform:scale(calc(1.9 - var(--lock) * .9))}.vision__stage.is-locked .vision__ring{animation:vision-pulse .5s var(--ease-out)}@keyframes vision-pulse{0%{stroke-width:6px}}.vision__callout{border-left:2px solid var(--critical);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(320px,36vw);opacity:var(--lock);transform:translate(var(--cx), calc(var(--cy) - 50%)) translateX(calc((1 - var(--lock)) * 16px));pointer-events:none;background:#0a0e13c7;gap:8px;padding:18px 20px;display:grid;position:absolute;top:0;left:0}.vision__stage.is-locked .vision__callout{pointer-events:auto}.vision__callout[data-side=left]{transform:translate(calc(var(--cx) - 100%), calc(var(--cy) - 50%)) translateX(calc((var(--lock) - 1) * 16px))}.vision__code,.vision__where{font-size:var(--fs-3xs);letter-spacing:.08em;color:var(--muted)}.vision__callout strong{font-size:var(--fs-xl);letter-spacing:-.02em;color:#fff;font-weight:600;line-height:1.1}.vision__callout p{font-size:var(--fs-sm);color:#eef2f6c7}.vision__link{width:fit-content;font-size:var(--fs-sm);color:var(--accent);align-items:center;gap:6px;margin-top:4px;display:inline-flex}.vision__link svg{width:15px}.vision__intro{left:0;right:0;top:calc(var(--nav-h) + clamp(24px, 5vh, 56px));opacity:var(--intro);transform:translateY(calc((1 - var(--intro)) * -40px));pointer-events:none;gap:18px;display:grid;position:absolute}.vision__intro .h2{max-width:16ch;font-size:clamp(34px,5vw,76px)}.vision__hud{top:calc(var(--nav-h) + 20px);left:var(--gutter);font-size:var(--fs-3xs);letter-spacing:.12em;text-transform:uppercase;color:#eef2f6b3;opacity:calc(1 - var(--intro));pointer-events:none;gap:6px;display:grid;position:absolute}.vision__status{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.vision__status i{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1s steps(2,end) infinite vision-blink}.vision__status.is-locked{color:var(--critical)}.vision__status.is-locked i{animation:none}@keyframes vision-blink{50%{opacity:.2}}.vision__xy{white-space:pre;color:#eef2f680}.vision__count{right:var(--gutter);font-size:var(--fs-xs);color:var(--accent);opacity:calc(1 - var(--intro));position:absolute;bottom:32px}.vision__count small{font-size:inherit;color:var(--muted)}@media (max-width:700px){.vision__stage{--d:150px;clip-path:inset(calc((1 - var(--clip)) * (50svh - 38vw)) calc((1 - var(--clip)) * 12vw) round calc((1 - var(--clip)) * 18px))}.vision__callout,.vision__callout[data-side=left]{width:auto;transform:translateY(calc((1 - var(--lock)) * 16px));gap:4px;padding:10px 14px;inset:auto 16px 56px}.vision__code,.vision__callout strong{font-size:var(--fs-base)}.vision__callout p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.vision__link{margin-top:2px}.vision__intro .h2{font-size:clamp(26px,7.5vw,32px)}.vision__count{bottom:20px}}@media (prefers-reduced-motion:reduce){.vision__status i,.vision__stage.is-locked .vision__ring{animation:none}}