.land{--peek-bar:10%;--peek-bar-max:24%;--hero-gap:14px;--hero-r:10px;align-items:flex-start;min-height:100vh;display:flex;container:land/inline-size}.land-main{flex:auto;min-width:0}main{display:block}.land.is-dragging,.land.is-settling{transform:translateX(calc(-1 * var(--drag,0px)))}.land.is-settling{transition:transform var(--dur-snap) var(--ease-out)}.land.is-settling .peekbar-view{transition:width var(--dur-snap) var(--ease-out)}.peekbar{flex:0 0 var(--peek-bar);background:var(--bg);touch-action:pan-y;-webkit-user-select:none;user-select:none;align-self:flex-start;height:100dvh;position:sticky;top:0}.peekbar:before{content:"";width:var(--cut-w);background:var(--dash);z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.peekbar-view{width:calc(100% + var(--drag,0px));pointer-events:none;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.peekbar-frame{pointer-events:none;background:var(--bg);width:100cqw;height:100%;transition:transform var(--dur-snap) var(--ease-out);border:0;display:block}.peekbar:hover .peekbar-frame{transform:translate(-10px)}.peekbar-hit{z-index:4;cursor:pointer;-webkit-user-drag:none;display:block;position:absolute;inset:0}.peekbar-hit:focus-visible{outline:2px solid var(--focus);outline-offset:-6px;border-radius:6px}@supports (animation-timeline:scroll()){.peekbar{animation:linear both peekWiden;animation-timeline:scroll(root);animation-range:88% 100%}}@keyframes peekWiden{to{flex-basis:var(--peek-bar-max)}}.hdr .brand{flex:none}.sec{padding:clamp(72px, 10vw, 150px) var(--pad);position:relative}.sec+.sec{border-top:1px solid var(--line)}.sec-h{max-width:13em;font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;margin:0 0 28px;font-size:clamp(30px,4.6vw,68px);font-weight:700;line-height:1.02}.lead{text-wrap:pretty;max-width:34em;margin:0;font-size:clamp(17px,1.35vw,21px);line-height:1.5}.hero{min-height:680px;padding:clamp(40px, 7vw, 110px) var(--pad) clamp(64px, 8vw, 120px);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.hero-copy{flex-direction:column;gap:28px;min-width:0;display:flex}.h-cut{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(32px,4.4vw,104px);font-weight:800;line-height:.98;position:relative}.h-cut .hc-a{clip-path:inset(-20% 37% -20% -5%);display:block}.h-cut .hc-b{clip-path:inset(-20% -5% -20% 63%);animation:hcShift .56s var(--ease-out) .7s both;display:block;position:absolute;inset:0;transform:translate(.05em,.09em)}.h-cut .hc-line{background:var(--dash);transform-origin:top;pointer-events:none;width:3px;animation:drawCut .6s var(--ease-out) .15s both;margin-left:-1.5px;position:absolute;top:-.18em;bottom:-.28em;left:63%}@keyframes hcShift{0%{transform:none}}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.fine{color:var(--muted);margin:0;font-size:14px}.hero-demo{min-width:0}.strip{width:100%;display:flex}.strip .cell{flex:1 1 0;min-width:0}.strip .sl{aspect-ratio:var(--ar,.8);background:var(--surface-2);position:relative;overflow:clip}.strip canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.strip .cut{left:calc(var(--cut-w) / 2)}.peekbox{width:var(--p,10%);z-index:6;pointer-events:none;border:2px solid var(--peek);border-radius:3px var(--hero-r) var(--hero-r) 3px;position:absolute;top:0;bottom:0;right:0}.strip.hero-strip{column-gap:var(--hero-gap)}.strip.hero-strip .sl{border-radius:var(--hero-r)}.strip.hero-strip:not(.is-ready){visibility:hidden}.strip.hero-strip.is-ready{animation:stripIn .38s var(--ease-out) both, heroGap .46s var(--ease-out) 1s both}.strip.hero-strip.is-ready .sl{animation:heroRadius .46s var(--ease-out) 1s both}.strip.hero-strip.is-ready .cut{animation:drawCut .52s var(--ease-out) .38s both}.strip.hero-strip.is-ready .cell:nth-child(3) .cut{animation-delay:.46s}.strip.hero-strip.is-ready .cell:nth-child(4) .cut{animation-delay:.54s}.strip.hero-strip.is-ready .peekbox{animation:fadeIn .26s var(--ease-out) 1.34s both}@keyframes stripIn{0%{opacity:0;transform:translateY(14px)}}@keyframes heroGap{0%{column-gap:0}}@keyframes heroRadius{0%{border-radius:0}}.peek-sec{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.peek-copy{min-width:0}.readout{color:var(--peek);font-family:var(--font-mono);letter-spacing:-.04em;margin:28px 0 8px;font-size:clamp(56px,8vw,120px);font-weight:600;line-height:1}.peek-copy .row.peek{max-width:460px}.demo-cv{width:min(100%,420px);min-width:0;margin-inline:auto}.demo-cv .carousel{display:block}.cv-ph{aspect-ratio:4/5;border-radius:var(--r-slide);background:var(--surface-2);margin-top:22px;margin-bottom:20px}.tpl-sec{padding-inline:0}.tpl-sec>.sec-h{padding-inline:var(--pad);max-width:calc(13em + 2 * var(--pad))}.tgal-wrap{margin-top:40px}.tgal{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding:6px var(--pad) 28px;scrollbar-width:none;gap:20px;margin:0;list-style:none;display:flex;overflow-x:auto}.tgal::-webkit-scrollbar{display:none}.tgal:after{content:"";flex:0 0 1px}.tcard{scroll-snap-align:start;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);flex-direction:column;flex:0 0 min(80%,420px);gap:16px;padding:18px 18px 22px;display:flex}.tcard:focus-visible{border-radius:var(--r-card)}.tcard-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tcard h3{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.tcard .cnt{border-radius:var(--r-pill);background:var(--surface-2);font-family:var(--font-mono);white-space:nowrap;flex:none;padding:3px 9px;font-size:13px}.tcard p{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.strip.card-strip{border-radius:10px;overflow:clip}@supports (animation-timeline:view()){.tcard{view-timeline:--tcard inline}.tcard .cut{animation:linear both drawCut;animation-timeline:--tcard;animation-range:entry 20% entry 70%}}.tgal.is-cutting .cut,.tcard.is-cutting .cut,.tcard:hover .cut,.tcard:focus-visible .cut{animation:reCut .52s var(--ease-out) both;animation-timeline:auto}@keyframes reCut{0%{transform:scaleY(0)}}#how{scroll-margin-top:64px}.steps{border-top:1px solid var(--line);margin:40px 0 0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);grid-template-columns:clamp(48px,9vw,140px) minmax(0,1fr);align-items:baseline;gap:16px;padding:clamp(18px,2.4vw,30px) 0;display:grid}.steps .n{font-family:var(--font-mono);color:var(--muted);font-size:clamp(15px,1.4vw,20px)}.steps .t{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(20px,2.4vw,34px);font-weight:600;line-height:1.2}.sheet{background:var(--deep);color:var(--ice);--fg:var(--ice);--bg:var(--deep);--muted:#9aa5b3;--line:#253042;--focus:var(--ice)}.sec.sheet,.sec.sheet+.sec{border-top:0}.spec{font-family:var(--font-mono);border-top:1px solid var(--line);margin:40px 0 0}.spec-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(64px,160px) minmax(0,1fr) auto;align-items:baseline;gap:8px 24px;padding:18px 0;display:grid}.spec-row dt{font-size:clamp(18px,2vw,28px);font-weight:600}.spec-row dd{overflow-wrap:break-word;margin:0;font-size:clamp(15px,1.6vw,22px)}.spec-row .tag{color:var(--muted);font-size:12px}.spec-note{align-items:center;gap:12px;margin:28px 0 0;font-size:clamp(16px,1.4vw,19px);display:flex}.spec-note svg{flex:none;width:22px;height:22px}.device{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:clamp(28px,5vw,80px);display:grid}.device .sec-h{margin:0}.finale{flex-direction:column;align-items:flex-start;gap:36px;padding-bottom:clamp(64px,8vw,110px);display:flex}.finale .big{overflow-wrap:break-word;max-width:100%;font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(40px,8.4vw,150px);font-weight:800;line-height:.95}.finale .big .nowrap{white-space:nowrap}.finale .big svg{vertical-align:-.02em;width:.7em;height:.7em;color:var(--peek);margin-left:.2em;display:inline-block}.foot{padding:20px var(--pad);border-top:1px solid var(--line);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.sticky-cta{display:none}@media (width<=760px){.land{--peek-bar:15px;--peek-bar-max:44px}.peekbar-view{display:none}.hero,.peek-sec,.device{grid-template-columns:minmax(0,1fr)}.hero{gap:40px;min-height:0;padding-top:28px}.h-cut{font-size:clamp(30px,9.4vw,80px)}.hdr .hdr-open{display:none}.land .hdr{gap:8px}.spec-row{grid-template-columns:minmax(56px,72px) minmax(0,1fr)}.spec-row .tag{grid-column:2}.sticky-cta{z-index:25;padding:0 var(--pad);transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility 0s;margin-top:24px;display:block;position:sticky;bottom:12px}.sticky-cta .btn{box-shadow:0 10px 30px #0e142040}.sticky-cta.is-off{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-fast);transform:translateY(12px)}}
