.split .split__wrap{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.split .split__wrap img{pointer-events:none}.split__b{clip-path:polygon(calc(var(--x) + var(--o)) 0, 100% 0, 100% 100%, calc(var(--x) - var(--o)) 100%);position:absolute;inset:0}.split__tag{z-index:4;color:var(--paper);backdrop-filter:blur(8px);background:#080d16a8;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:.875rem;font-weight:550;display:inline-flex;position:absolute;top:22px}.split__tag--l{left:22px}.split__tag--r{top:62px;right:22px}.split__tag i{background:#9aa3ad;border-radius:50%;flex:none;width:8px;height:8px}.split__tag--r i{background:var(--water);box-shadow:0 0 10px var(--water)}.split__blade{z-index:5;pointer-events:none;width:0;position:absolute;top:50%;left:0}.split__ln{width:2px;left:-1px;top:calc(var(--L,900px) / -2);height:var(--L,900px);background:linear-gradient(#e8f8ff00,#e8f8fff2 10% 90%,#e8f8ff00);position:absolute;transform:rotate(30deg);box-shadow:0 0 16px 1px #bee4ff73}.split__blade:not(.is-set) .split__ln{opacity:0}.split__knob{background:var(--paper);width:60px;height:60px;color:var(--ink);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:-30px;left:-30px;box-shadow:0 12px 30px -10px #000000b3,0 0 0 6px #f7faff29}.split__knob svg{width:28px;height:28px}.split .dragging .split__knob{transform:scale(.94)}.split__range{opacity:0;cursor:ew-resize;z-index:3;width:100%;height:44px;margin:0;position:absolute;inset:auto 0 0}.split__range:focus-visible~.split__blade .split__knob{box-shadow:0 0 0 3px var(--night), 0 0 0 5px var(--focus)}html:not(.js) .split__blade,html:not(.js) .split__range{display:none}.shero__stage.split .illus{backdrop-filter:blur(6px);text-shadow:none;color:var(--paper);background:#080d169e;border-radius:999px;padding:9px 4px;inset:auto auto 22px 10px}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.shero__stage.split .illus{background:var(--night);backdrop-filter:none}}@media (width<=760px){.split__tag{padding:6px 10px;font-size:.75rem;top:12px}.split__tag--l{left:12px}.split__tag--r{inset:auto 12px 134px auto}.shero__stage.split .illus{inset:auto auto 64px 10px}}.reach{height:230vh;margin-top:18vh;position:relative}html:not(.motion-ok) .reach,html.ride-stacked .reach{height:auto}.reach__in{height:100svh;padding:calc(var(--header-h) + 12px) var(--gutter) 40px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px);max-width:1440px;margin:0 auto;display:grid;position:sticky;top:0}html:not(.motion-ok) .reach__in{height:auto;padding-block:48px;position:relative}.reach__meter{font-family:var(--f-mono);color:var(--paper);align-items:baseline;gap:10px;margin:30px 0 0;display:flex}.reach__meter b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,6vw,5.5rem);font-weight:600;line-height:1}.reach__meter span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-night);font-size:.8125rem}.reach__tower{background:var(--night-2);border-radius:26px;height:min(78vh,720px);margin:0;position:relative;overflow:hidden}.reach__tower img{object-fit:cover;object-position:40% 50%;width:100%;height:100%;position:absolute;inset:0}.reach__hazy{filter:brightness(.78)saturate(.7)contrast(.95)}.reach__crisp{clip-path:polygon(var(--c0) calc(100% - var(--h)), var(--c1) calc(100% - var(--h) - 26px), var(--c1) 100%, var(--c0) 100%)}html:not(.motion-ok) .reach__tower{--h:100%!important}.reach__crest{z-index:2;left:var(--c0);width:calc(var(--c1) - var(--c0));bottom:var(--h);transform-origin:0;background:linear-gradient(90deg,#e8f8ff33,#e8f8fff2,#e8f8ff33);height:2px;position:absolute;transform:skewY(-3deg);box-shadow:0 0 14px #bee4ffb3}html:not(.motion-ok) .reach__crest{display:none}@media (width<=860px){.reach{height:auto;margin-top:12vh}.reach__in{grid-template-columns:minmax(0,1fr);height:auto;position:relative}.reach__tower{height:70vh}}.reach--types{height:190vh;margin-top:4vh}.reach__list{margin-top:clamp(26px,4vh,44px)}.reach__lh{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-night);margin:0 0 12px;font-size:.75rem;font-weight:500}.reach__types{gap:2px;margin:0;padding:0;list-style:none;display:grid}.reach__types li{font-family:var(--f-display);letter-spacing:-.02em;color:var(--paper);font-size:clamp(1.375rem,2.1vw,2rem);font-weight:720;line-height:1.12}.reach__types span{font-stretch:100%;display:inline-block}html.motion-ok .reach__types li{transition:-webkit-mask-position .7s var(--ease-out), mask-position .7s var(--ease-out);-webkit-mask-image:linear-gradient(105deg,#000 40%,#0000009e 46%,#00000075 51%,#0000006b 58%);mask-image:linear-gradient(105deg,#000 40%,#0000009e 46%,#00000075 51%,#0000006b 58%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}html.motion-ok .reach__types li span{transition:font-stretch .6s var(--ease-out);font-stretch:75%}html.motion-ok .reach__types li.is-lit{-webkit-mask-position:0 0;mask-position:0 0}html.motion-ok .reach__types li.is-lit span{font-stretch:100%}@media (width<=860px){.reach--types{height:auto;margin-top:8vh}.reach__types li{font-size:clamp(1.25rem,5.6vw,1.625rem)}}@media (forced-colors:active){html.motion-ok .reach__types li{opacity:1;-webkit-mask-image:none;mask-image:none}}.compare{border-radius:36px 36px 0 0}.compare__vs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;margin-top:44px;display:grid;position:relative}.compare__card{border-radius:26px;padding:clamp(24px,3vw,40px)}.compare__card h3{font-family:var(--f-display);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:740}.compare__card p{color:var(--ink-2);max-width:44ch;margin:0}.compare__card--a{background:var(--paper-2)}.compare__card--b{background:var(--white);box-shadow:0 40px 70px -40px #0b142173, 0 0 0 1px var(--line-paper);transform:translate(-40px,46px)}.compare__card--b h3{color:var(--brand)}html.motion-ok .compare__vs:not(.is-in) .compare__card--b{opacity:0;transform:translate(-40px,166px)rotate(2deg)}html.motion-ok .compare__vs.is-in .compare__card--b{transition:transform 1.1s var(--ease-power3), opacity .7s var(--ease-out)}.care{max-width:62ch;color:var(--ink-2);margin:26px 0 0}@media (width<=760px){.compare__vs{grid-template-columns:minmax(0,1fr)}.compare__card--b{transform:translate(12px,-16px)}html.motion-ok .compare__vs:not(.is-in) .compare__card--b{transform:translate(12px,80px)}.compare{border-radius:26px 26px 0 0}}
