.fern-edges{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fern-edge{--w:30vw;--ox:0px;--oy:0px;width:var(--w);aspect-ratio:var(--iw) / var(--ih);transform-origin:calc(var(--px) * 1%) calc(var(--py) * 1%);will-change:transform, opacity;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s;position:absolute}.fern-corner-tl{left:calc(var(--px) * var(--w) / -100 + var(--ox));top:calc(var(--py) * var(--w) * var(--ih) / var(--iw) / -100 + var(--oy))}.fern-corner-tr{right:calc((100 - var(--px)) * var(--w) / -100 + var(--ox));top:calc(var(--py) * var(--w) * var(--ih) / var(--iw) / -100 + var(--oy))}.fern-corner-br{right:calc((100 - var(--px)) * var(--w) / -100 + var(--ox));bottom:calc((100 - var(--py)) * var(--w) * var(--ih) / var(--iw) / -100 + var(--oy))}.fern-sway{transform-origin:calc(var(--px) * 1%) calc(var(--py) * 1%);animation:fern-sway var(--dur) ease-in-out var(--delay) infinite alternate;position:absolute;inset:0}.fern-sway img{width:100%;height:100%;display:block}.fern-tl-back{--w:clamp(170px, 30vw, 560px)}.fern-tl-near{--w:clamp(140px, 22vw, 420px);--ox:-2vw}.fern-tr-back{--w:clamp(160px, 28vw, 520px)}.fern-tr-near{--w:clamp(130px, 20vw, 380px);--ox:-2vw}.fern-br-moss{--w:clamp(170px, 24vw, 440px);--oy:-1vh;z-index:1}.fern-sway img{filter:brightness(.78)saturate(.88)}.fern-near img{filter:brightness(.5)saturate(.8)}@media (max-width:767px){.fern-tl-back,.fern-tr-back{--w:31vw;--ox:-5vw;--oy:-2vh}.fern-tl-near,.fern-tr-near{--w:23vw;--ox:-7vw}.fern-br-moss{display:none}}.fern-dew{background:radial-gradient(circle at 35% 30%,#fffffff2 0 14%,#cdebff8c 30%,#78afcd47 62%,#ffffff80 72%,#fff0 74%);border-radius:50%/58% 58% 42% 42%;width:7px;height:8px;animation:13s cubic-bezier(.55,0,.9,.4) 4s infinite fern-dew;position:absolute;transform:translate(-50%,-30%)scale(0);box-shadow:0 1px 2px #00000059}@keyframes fern-sway{0%{transform:rotate(calc(var(--amp) * -1))}to{transform:rotate(var(--amp))}}@keyframes fern-dew{0%{opacity:0;transform:translate(-50%,-30%)scale(0)}10%{opacity:.9}70%{opacity:.9;transform:translate(-50%,-30%)scale(1)}73%{opacity:.9;transform:translate(-50%,-10%)scale(.95,1.18)}84%{opacity:0;transform:translate(-50%,70vh)scale(.85,1.35)}to{opacity:0;transform:translate(-50%,70vh)scale(0)}}.fern-sprout{pointer-events:none;position:absolute}.fern-sprout[data-reduced=true]{opacity:0;transition:opacity .4s}.fern-sprout[data-reduced=true][data-grown=true]{opacity:1}@media (prefers-reduced-motion:reduce){.fern-sway,.fern-dew{animation:none}.fern-dew{display:none}.fern-edge{transition:none}}
.hero{background:#07090a;height:260svh;position:relative}.hero-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hero-bg,.hero-bg-video,.hero-bg-fade{width:100%;height:100%;position:absolute;inset:0}.hero-bg{overflow:hidden}.hero-bg-video,.hero-bg-fade{object-fit:cover;transform:scale(1.06)}.hero-bg-fade{opacity:0;pointer-events:none}.hero-bg:after{content:"";pointer-events:none;background:radial-gradient(75% 70% at 50% 45%,#0000 45%,#00000080 100%);position:absolute;inset:0}.hero-rig{transform-origin:0 0;will-change:transform;visibility:hidden;position:absolute;top:0;left:0}.hero-rig img{width:100%;max-width:none;height:100%;position:absolute;top:0;left:0}.hero-rig-layer{transform-origin:0 0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.hero-rig-frame{width:100%;height:100%;position:absolute;top:0;left:0}.hero-shadow canvas{filter:blur(10px);opacity:.5;width:100%;height:100%;position:absolute;inset:0}.hero-warp{width:100%;height:100%;position:absolute;top:0;left:0}.hero-glare{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#ffffff12,#fff0 38%);position:absolute;inset:0}.hero-source{opacity:.02;pointer-events:none;width:64px;height:36px;position:absolute;bottom:8px;right:8px}.hero-source-2{right:80px}.hero-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-brand{top:calc(env(safe-area-inset-top,0px) + var(--header-h,44px) + 8px);-webkit-tap-highlight-color:transparent;width:min(58vw,300px);position:absolute;left:50%;transform:translate(-50%)}.hero-logo{pointer-events:none;filter:drop-shadow(0 1px 1px #0006)drop-shadow(0 2px 14px #00000080);position:relative}.hero-logo svg{width:100%;height:auto;display:block;overflow:visible}.hl-a{fill:#12bc04}.hl-b{fill:#03820f}.hero-logo path{transform-box:fill-box;transform-origin:50% 100%;animation:.52s cubic-bezier(.2,.8,.2,1) both logo-letter}@keyframes logo-letter{0%{opacity:0;transform:translateY(-10%)scale(.92)}60%{opacity:1}to{opacity:1;transform:none}}.hero-logo:before{content:"";opacity:0;background:radial-gradient(55% 50% at 50% 55%,#12bc0457,#12bc0400 70%);animation:1.7s ease-out both logo-glow;position:absolute;inset:-40% -12%}@keyframes logo-glow{0%{opacity:0}35%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-logo path{animation:none}.hero-logo:before{display:none}}.hero-ui{--ui-pad:20px;padding:56px var(--ui-pad) calc(16px + env(safe-area-inset-bottom,0px));color:#fff;background:linear-gradient(#05070800,#05070899 45%,#050708db);flex-direction:column;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-meta{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:#ffffffa8;align-items:center;gap:12px;font-size:11px;display:flex}.hero-index{color:#fff}.hero-rec{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.hero-rec-dot{background:#ff3b30;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite hero-rec;box-shadow:0 0 8px #ff3b30bf}.hero-caption{max-width:19ch;font-family:var(--font-display), Georgia, serif;letter-spacing:-.005em;text-wrap:balance;pointer-events:none;margin:0;font-size:clamp(27px,7.2vw,60px);font-style:italic;font-weight:400;line-height:1.04}.hero-word{white-space:pre;animation:.9s cubic-bezier(.2,.7,.1,1) both hero-word;display:inline-block}.hero-links{letter-spacing:.01em;align-items:center;gap:14px;font-size:14px;display:flex}.hero-story-link{color:#fff;border-bottom:1px solid #ffffff73;padding-bottom:2px;text-decoration:none;transition:border-color .2s}.hero-story-link:hover,.hero-story-link:focus-visible{border-color:#fff}.hero-concept{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;border:1px solid #fff6;border-radius:2px;padding:3px 8px;font-size:10px}.hero-chips{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:2px;display:grid}.hero-chip{color:#ffffff80;min-width:0;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:9px;padding:10px 0 2px;transition:color .2s;display:flex}.hero-chip:hover,.hero-chip[aria-pressed=true]{color:#fff}.hero-chip:focus-visible{outline-offset:4px;outline:1px solid #fff}.hero-chip-bar{background:#ffffff38;border-radius:2px;height:2px;position:relative;overflow:hidden}.hero-chip-fill{transform-origin:0;background:#fff;position:absolute;inset:0;transform:scaleX(0)}.hero-chip[aria-pressed=true] .hero-chip-fill{animation:hero-fill var(--advance,6s) linear forwards}.hero-chip[aria-pressed=true] .hero-chip-fill[data-mode=still]{animation:none;transform:scaleX(1)}.hero-chip-fill[data-paused=true]{animation-play-state:paused}.hero-chip-label{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hero-chip-num{font-family:var(--font-mono), ui-monospace, monospace;opacity:.6;margin-right:5px;font-size:10px}@media (max-width:420px){.hero-chip-num{display:none}}@media (min-width:768px){.hero-ui{--ui-pad:48px;gap:14px;padding-top:88px;padding-bottom:28px}.hero-chips{gap:14px;max-width:760px}.hero-chip-label{font-size:13px}}@keyframes hero-word{0%{opacity:0;filter:blur(8px);transform:translateY(.38em)}to{opacity:1;filter:blur();transform:none}}@keyframes hero-fill{to{transform:scaleX(1)}}@keyframes hero-rec{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.hero-word,.hero-rec-dot{animation:none}}
.block-how{overflow-x:clip}.how-stage{align-items:center;gap:clamp(28px,4vw,48px);display:grid}@media (min-width:960px){.how-stage{grid-template-columns:minmax(0,54fr) minmax(0,46fr)}.how-stage .steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.how-steps{will-change:transform}.nb2{justify-self:end;width:min(120%,760px);margin:0 -8% 0 0;position:relative}.nb2-mover{will-change:transform}.nb2-canvas{width:100%;height:auto;display:block}@media (max-width:959px){.nb2{justify-self:center;width:116%;margin:0 -8%}}
.block-viewfinder{isolation:isolate;position:relative}.block-viewfinder>.block-inner{z-index:1;position:relative}.vf-grain{opacity:.045;background:url(/textures/grain-64.png);position:absolute;inset:0}.vf-par{--par-kf:vf-par;width:0;height:0;position:absolute}@keyframes vf-par{0%{transform:translate3d(0, calc(var(--par) * -1), 0)}to{transform:translate3d(0, var(--par), 0)}}.vf-flick{animation:vf-flick var(--fs,4s) linear var(--fd,0s) infinite;position:absolute;top:0;left:0}@keyframes vf-flick{0%,6%,10%,29%,37%,58%,64%,to{opacity:1}8%{opacity:.55}33%{opacity:.35}35%{opacity:.85}61%{opacity:.6}}.vf-disc{--c:18, 188, 4;background:radial-gradient(circle closest-side, rgba(var(--c), .5) 0 62%, rgba(var(--c), .95) 82%, rgba(var(--c), 0) 100%);opacity:calc(var(--o,.1) * var(--vf-boost,1));will-change:transform;border-radius:50%;margin:0;animation-name:vf-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;translate:-50% -50%}.vf-disc[data-tone=amber]{--c:255, 176, 64}.vf-disc[data-tone=white]{--c:255, 255, 255}@keyframes vf-drift{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate3d(var(--dx), var(--dy), 0) scale(1.06)}66%{transform:translate3d(calc(var(--dx) * -.6), calc(var(--dy) * .8), 0) scale(.97)}}.vf-line{background:#ffffff0f;position:absolute}.vf-v{width:1px;top:0;bottom:0}.vf-h{height:1px;left:0;right:0}.vf-pt{background:#ffffff38;border-radius:50%;width:5px;height:5px;margin:-2px 0 0 -2px;position:absolute}.vf-corner{--inset:clamp(10px, 2.4vw, 28px);border:0 solid #ffffff47;width:clamp(18px,3vw,34px);height:clamp(18px,3vw,34px);position:absolute}.vf-tl{left:var(--gutter-l,var(--inset));top:var(--inset);border-top-width:1.5px;border-left-width:1.5px}.vf-tr{right:var(--gutter-r,var(--inset));top:var(--inset);border-top-width:1.5px;border-right-width:1.5px}.vf-bl{left:var(--gutter-l,var(--inset));bottom:var(--inset);border-bottom-width:1.5px;border-left-width:1.5px}.vf-br{right:var(--gutter-r,var(--inset));bottom:var(--inset);border-bottom-width:1.5px;border-right-width:1.5px}.vf-cross{background:linear-gradient(#fff3,#fff3) 50%/100% 1px no-repeat,linear-gradient(#fff3,#fff3) 50%/1px 100% no-repeat;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.vf-rec{left:calc(var(--gutter-l,16px) + clamp(26px, 4vw, 46px));opacity:.55;background:#ff3b30;border-radius:50%;width:7px;height:7px;animation:2s step-end infinite vf-rec;position:absolute;top:calc(clamp(10px,2.4vw,28px) + 4px)}@keyframes vf-rec{50%{opacity:.12}}.vf-meter{right:calc(var(--gutter-r,16px) + 2px);gap:7px;display:grid;position:absolute;top:50%;translate:0 -50%}.vf-tick{background:#fff3;width:6px;height:1px}.vf-zero{background:#fff6;width:11px}.vf-needle{width:0;height:0;animation:vf-needle 14s var(--ease-inout) infinite;border:4px solid #0000;border-left:6px solid #12bc04b3;border-right:0;margin-top:-4px;position:absolute;top:50%;right:14px}@keyframes vf-needle{0%,to{transform:translateY(0)}20%{transform:translateY(-16px)}45%{transform:translateY(8px)}70%{transform:translateY(-4px)}}.block-viewfinder .tile:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:1.5px solid #12bc04;position:absolute;inset:0}.block-viewfinder .tile[data-peak=true]:after{animation:vf-peak 1.1s var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--stagger))}@keyframes vf-peak{0%{opacity:0}18%{opacity:1}to{opacity:0}}@media (max-width:639px){.viewfinder{--vf-boost:1.4}.vf-grain{opacity:.06}.vf-line{background:#ffffff1c}.vf-pt{background:#ffffff5c}.vf-corner{border-color:#ffffff6b}.vf-rec{opacity:.7}.vf-meter,.vf-cross{display:none}}@media (prefers-reduced-motion:reduce){.block-viewfinder .tile[data-peak=true]:after{animation:none}}
.block-ways{isolation:isolate;position:relative}.block-ways>.block-inner{z-index:1;position:relative}.block-ways .suite{container-type:size}@media (min-width:640px){.block-ways{min-height:calc(140vw + 100px)}}@media (min-width:1100px){.block-ways{min-height:900px}}.suite-frame{--ar:1.7917;width:max(100cqw, calc(100cqh * var(--ar)));aspect-ratio:2752/1536;opacity:.66;--par-kf:suite-push;background:url(/web/suite/suite-1920.webp) 50%/100% 100% no-repeat;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (max-width:1100px){.suite-frame{background-image:url(/web/suite/suite-960.webp)}}@keyframes suite-push{0%{transform:scale(1.1)translateY(2%)}to{transform:scale(1)translateY(-1%)}}.suite-band{width:39.8%;height:23.6%;position:absolute;top:53.6%;left:35.4%;overflow:hidden}.suite-track{animation:14s linear infinite suite-play;position:absolute;inset:0}@keyframes suite-play{0%{transform:translate(0)}to{transform:translate(100%)}}.suite-head{background:#4c8dff;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #4c8dffcc}.suite-scrim{background:linear-gradient(#07090aeb 0%,#07090a99 28%,#07090a4d 52% 80%,#07090ae0 100%),radial-gradient(120% 80% at 50% 60%,#0000 40%,#07090a99 100%);position:absolute;inset:0}@media (max-width:639px){.suite-frame{--ar:1.1465;aspect-ratio:900/785;background-image:url(/web/suite/suite-phone.webp)}.suite-band{width:62.2%;left:27.2%}}@media (prefers-reduced-motion:reduce){.suite-track{transform:translate(43%)}}
.block-web{overflow-x:clip}.web-stage{gap:14px;width:118%;margin-left:-14%;display:grid;position:relative}@media (max-width:959px){.web-stage{width:114%;margin-left:-7%}}.ws-mover{will-change:transform}.ws-canvas{width:100%;height:auto;display:block}.ws-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ws-chips li{border:1px solid var(--line-strong);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;color:var(--muted);transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:calc(var(--i) * var(--stagger));border-radius:999px;padding:4px 10px;font-size:11px}.web-stage[data-done=false] .ws-chips li{opacity:0;transform:translateY(10px)}@media (prefers-reduced-motion:reduce){.ws-chips li{transition:none}.web-stage[data-done=false] .ws-chips li{opacity:1;transform:none}}