@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_ec662-module__0XMGNq__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_ec662-module__0XMGNq__variable{--font-instrument:"Instrument Sans", "Instrument Sans Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_eb218f5e-module__KuGm3a__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_eb218f5e-module__KuGm3a__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg:#f7f7f5;--ink:#17191c;--graphite:#585d64;--muted:#71767d;--track:#dbdcd8;--blue:#3267da;--surface:#fbfbf9;--surface-muted:#f4f4f1;--border:#e2e4df;--hair:#ebece7;--muted-ink:#63686f;--frame-line:#1c243814;--frame-shadow:0 1px 2px #17191c0d, 0 10px 24px -14px #171e301a, 0 36px 72px -36px #264ca033;--frame-shadow-lift:0 1px 2px #17191c0d, 0 14px 30px -14px #171e3024, 0 44px 88px -36px #264ca042;--font-display:var(--font-instrument), system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-product:var(--font-inter), system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.25, .46, .45, .94);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--gutter:max(clamp(36px, 4.5vw, 75px), calc((100vw - 1800px) / 2), calc(var(--safe-l) + 20px));--gutter-r:max(clamp(36px, 4.5vw, 75px), calc((100vw - 1800px) / 2), calc(var(--safe-r) + 20px))}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html:has(.page){overscroll-behavior:none}html:has(.page) body{overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}::selection{background:var(--blue);color:#fff}.page{overscroll-behavior:none;background:radial-gradient(90% 70% at 78% 72%, #f0f3f8, #f0f3f8eb 14%, #f0f3f8b5 28%, #f0f3f869 42%, #f0f3f821 56%, #f0f3f80a 63%, #f0f3f800 70%), var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:clip}.topbar{z-index:3;padding:max(26px, calc(var(--safe-t) + 18px)) var(--gutter-r) 0 var(--gutter);flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.mask{display:block;overflow:hidden}.mask>span{opacity:0;animation:reveal .46s var(--ease) forwards;display:block;transform:translateY(100%)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.wm{font-family:var(--font-product);font-optical-sizing:auto;letter-spacing:-.035em;flex:none;font-size:clamp(20px,.45vw + 19px,25.5px);font-weight:600;line-height:1.25}.wm.mask>span{animation-delay:0s}.wm b{font-weight:inherit;color:var(--blue)}.status{flex:none;align-items:center;gap:8px;display:flex}.status p{color:var(--muted);letter-spacing:-.005em;font-size:clamp(14.6px,.33vw + 13.9px,16.8px);font-weight:500;line-height:1.2}.status .word{opacity:0;filter:blur(4px);animation:wordIn .4s var(--ease) forwards;display:inline-block;transform:translateY(6px)}.status .word:first-child{animation-delay:.64s}.status .word:nth-child(2){animation-delay:.68s}@keyframes wordIn{to{opacity:1;filter:blur();transform:translateY(0)}}.ring{opacity:0;width:11.5px;height:11.5px;animation:ringFade .3s var(--ease-out) .62s forwards;flex:none}.ring circle{fill:none}.ring .track{stroke:var(--track);stroke-width:1.5px}.ring .active{stroke:var(--blue);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:6.6 21.7;transform-origin:50%;transform:rotate(-90deg)}@keyframes ringFade{to{opacity:1}}@media (prefers-reduced-motion:no-preference){.ring .active{animation:6.4s linear .9s infinite ringSpin}@keyframes ringSpin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}}.hero-main{min-height:0;padding:clamp(40px, 7svh, 88px) var(--gutter-r) calc(clamp(40px, 7svh, 72px) + var(--safe-b)) var(--gutter);flex-direction:column;flex:auto;justify-content:center;display:flex}.hero-main>h1,.lead{flex:none}.lead{z-index:3;margin-top:clamp(18px,2.4svh,24px);position:relative}h1{font-family:var(--font-display);letter-spacing:-.024em;font-size:clamp(38px,3.4vw + 22px,56px);font-weight:500;line-height:1.04}.word{opacity:0;filter:blur(6px);animation:hwordIn .52s var(--ease) forwards;display:inline-block;transform:translateY(12px)}@keyframes hwordIn{to{opacity:1;filter:blur();transform:translateY(0)}}.word.w1{animation-delay:.13s}.word.w2{animation-delay:.185s}.word.w3{animation-delay:.24s}.word.w4{animation-delay:.295s}.word.w5{animation-delay:.35s}.word.w6{animation-delay:.405s}.lede{max-width:26em;color:var(--graphite);letter-spacing:-.006em;text-wrap:balance;opacity:0;animation:fadeIn .5s var(--ease-out) .62s forwards;font-size:clamp(17px,.25vw + 15.4px,20px);line-height:1.45}.note{color:var(--muted-ink);letter-spacing:-.004em;opacity:0;animation:fadeIn .5s var(--ease-out) .78s forwards;margin-top:24px;font-size:clamp(14px,.1vw + 13.2px,15.25px);line-height:1.3}@keyframes fadeIn{to{opacity:1}}.demo{--bar-h:52px;--unit-w:min(100vw - var(--gutter) - var(--gutter-r), 880px);flex:0 1 calc(var(--unit-w) * .625 + var(--bar-h));opacity:0;min-height:0;animation:demoIn .72s var(--ease) .72s forwards;margin-top:clamp(40px,5.5svh,56px);transform:translateY(16px);container-type:size}.demo-unit{isolation:isolate;width:min(100cqw, calc((100cqh - var(--bar-h)) * 1.6));position:relative;container-type:inline-size}@keyframes demoIn{to{opacity:1;transform:translateY(0)}}.demo-unit:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 55%,#3267da1c,#3267da1a 20%,#3267da14 40%,#3267da0b 60%,#3267da07 70%,#3267da04 80%,#3267da01 90%,#3267da00);position:absolute;inset:-20% -14% -32% -22%}.demo-frame{--frame-r:16px;isolation:isolate;aspect-ratio:16/10;border-radius:var(--frame-r);background:var(--surface);width:100%;box-shadow:var(--frame-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .24s var(--ease-out);position:relative;overflow:hidden}.demo-frame:after,.demo-full-frame:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--frame-line);pointer-events:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.demo-frame:hover{box-shadow:var(--frame-shadow-lift)}}html[data-demo-open] .demo-frame{visibility:hidden}.demo-poster,.demo-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-video{opacity:0;transition:opacity .2s var(--ease-out)}.demo[data-ready] .demo-video{opacity:1}.demo-bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cta context toggle";align-items:center;column-gap:20px;margin-top:8px;display:grid}.demo-cta{min-height:44px;font:500 14.5px/1.2 var(--font-display);letter-spacing:-.004em;white-space:nowrap;color:var(--graphite);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ease-out);background:0 0;border:0;border-radius:4px;grid-area:cta;align-items:center;gap:9px;padding:0;display:inline-flex}.demo-cta-icon{width:9px;height:9px;fill:var(--blue);flex:none}.demo-cta:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.demo-context{letter-spacing:-.002em;color:#5d6269;grid-area:context;font-size:13px;line-height:1.3}.demo-toggle{width:44px;height:44px;color:var(--graphite);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ease-out), background-color .16s var(--ease-out);background:0 0;border:0;border-radius:10px;grid-area:toggle;place-items:center;margin-right:-15px;padding:0;display:grid}.demo-toggle svg{fill:currentColor;width:14px;height:14px}.demo-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:-5px}@media (hover:hover) and (pointer:fine){.demo-cta:hover{color:var(--ink)}.demo-toggle:hover{color:var(--ink);background:#17191c0b}}@container (max-width:336px){.demo-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cta toggle""context context"}.demo-context{margin-top:-8px}}.demo-modal{background:var(--bg);width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.demo-modal::backdrop{background:0 0}.demo-modal-body{padding:max(20px, calc(var(--safe-t) + 8px)) max(2.5vw, calc(var(--safe-r) + 16px)) max(20px, calc(var(--safe-b) + 12px)) max(2.5vw, calc(var(--safe-l) + 16px));place-items:center;display:grid;position:absolute;inset:0;container-type:size}.demo-modal-body:fullscreen,.demo-modal-body::backdrop{background:var(--bg)}.demo-stage{--ratio:16 / 9;width:min(95vw, calc((100vh - 136px) * var(--ratio)));width:min(100cqw, calc((100cqh - 96px) * var(--ratio)));flex-direction:column;display:flex}.demo-stage-top{justify-content:flex-end;height:44px;display:flex}.demo-full-frame{--frame-r:16px;width:100%;aspect-ratio:var(--ratio);border-radius:var(--frame-r);background:var(--surface);box-shadow:var(--frame-shadow);transform-origin:0 0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .2s var(--ease-out);position:relative;overflow:hidden}.demo-modal[data-moving] .demo-full-frame{box-shadow:none;transition:none}.demo-modal[data-moving=arriving] .demo-full{display:none}.demo-full{object-fit:contain;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-snap{z-index:1;pointer-events:none;position:absolute}.demo-controls{height:44px;transition:opacity .2s var(--ease-out);align-items:center;margin-top:8px;display:flex}.demo-modal[data-idle] .demo-controls:not(:has(:focus-visible)){opacity:0;transition-duration:.6s}.demo-modal[data-idle],.demo-modal[data-idle] .demo-full-frame{cursor:none}.demo-close,.demo-play,.demo-fs{width:44px;height:44px;color:var(--graphite);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ease-out), background-color .16s var(--ease-out);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.demo-play{margin-left:-15px}.demo-fs,.demo-close{margin-right:-15px}.demo-close svg,.demo-play svg,.demo-fs svg{width:14px;height:14px}.demo-play svg{fill:currentColor}.demo-close svg,.demo-fs svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover) and (pointer:fine){.demo-close:hover,.demo-play:hover,.demo-fs:hover{color:var(--ink);background:#17191c0d}}.demo-close:focus-visible,.demo-play:focus-visible,.demo-fs:focus-visible{outline:2px solid var(--blue);outline-offset:-5px}.demo-seek{--p:0%;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;flex:auto;min-width:0;height:44px;margin:0 12px 0 4px}.demo-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--blue) var(--p), #17191c24 var(--p));border-radius:3px;height:3px}.demo-seek::-webkit-slider-thumb{background:var(--blue);width:12px;height:12px;box-shadow:0 0 0 3px var(--bg);appearance:none;border:0;border-radius:50%;margin-top:-4.5px}.demo-seek::-moz-range-track{background:#17191c24;border-radius:3px;height:3px}.demo-seek::-moz-range-progress{background:var(--blue);border-radius:3px;height:3px}.demo-seek::-moz-range-thumb{background:var(--blue);width:12px;height:12px;box-shadow:0 0 0 3px var(--bg);border:0;border-radius:50%}.demo-seek:focus-visible{outline:2px solid var(--blue);outline-offset:-8px;border-radius:12px}.demo-time{font:500 13px/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;color:var(--muted-ink);flex:none;margin-right:8px}@media (min-width:1024px) and (min-aspect-ratio:5/4){:root{--h1:clamp(46px, min(calc(2vw + 31px), 7.4svh), 68px);--pad-t:clamp(32px, 9.5svh, 96px);--pad-b:clamp(24px, 5.4svh, 56px);--row-gap:clamp(32px, 5.8svh, 56px);--demo-w:max(440px, min(53.5vw, 1000px, calc((100svh - 58px - var(--pad-t) - 2.08 * var(--h1) - var(--row-gap) - 52px - var(--pad-b)) * 1.6)))}.hero-main{grid-template-columns:minmax(0, 1fr) var(--demo-w);column-gap:clamp(40px,4vw,72px);row-gap:var(--row-gap);padding-top:var(--pad-t);padding-bottom:calc(var(--pad-b) + var(--safe-b));grid-template-rows:auto auto;align-content:center;display:grid}h1{font-size:var(--h1);letter-spacing:-.025em;grid-area:1/1/auto/-1}.lead{grid-area:2/1;align-self:start;margin-top:-4px}.demo{grid-area:2/2;align-self:start;width:auto;margin-top:0;container-type:normal}.demo-unit{width:100%}}@media (max-width:700px){:root{--gutter:max(24px, calc(var(--safe-l) + 16px));--gutter-r:max(24px, calc(var(--safe-r) + 16px));--h1-size:clamp(29px, 9vw, 40px)}.hero-main{--gained:calc(42px - .18 * var(--h1-size) - clamp(20px, 4svh, 36px));padding-top:clamp(12px,3svh,32px);padding-bottom:calc(max(0px, clamp(16px, 10svh, 96px) - var(--gained)) + var(--safe-b))}h1{font-size:var(--h1-size);letter-spacing:-.02em;line-height:1.08}.lead{margin-top:calc(18px - .18 * var(--h1-size))}.lede{max-width:21em;font-size:16px}.note{margin-top:14px;font-size:14px}.demo{--bar-h:48px;margin-top:44px}.demo-unit:before{inset:-16% -6% -24%}.demo-frame{--frame-r:12px}.demo-bar{column-gap:14px;margin-top:4px}.demo-cta{font-size:14px}.demo-context{font-size:12.5px}}@media (max-width:383px){.demo{--bar-h:56px}}@media (max-width:700px) and (orientation:portrait){.demo-modal-body{padding:max(12px, calc(var(--safe-t) + 4px)) max(16px, calc(var(--safe-r) + 12px)) max(16px, calc(var(--safe-b) + 8px)) max(16px, calc(var(--safe-l) + 12px))}.demo-stage{--ratio:4 / 5}.demo-full-frame{--frame-r:14px}}@media (min-width:560px) and (max-height:500px) and (orientation:landscape){:root{--demo-w:min(50vw, calc((100svh - 140px) * 1.6))}.hero-main{grid-template-columns:minmax(0, 1fr) var(--demo-w);padding-top:12px;padding-bottom:calc(16px + var(--safe-b));grid-template-rows:auto auto;align-content:center;gap:0 clamp(28px,4vw,48px);display:grid}h1{grid-area:1/1;align-self:end;font-size:clamp(26px,3.6vw,32px);line-height:1.06}.lead{grid-area:2/1;align-self:start;margin-top:14px}.lede{font-size:15px}.note{margin-top:14px;font-size:13px}.demo{grid-area:1/2/span 2;align-self:center;width:auto;margin-top:0;container-type:normal}.demo-unit{width:100%}.demo-unit:before{inset:-12% -8% -18% -12%}.demo-frame{--frame-r:12px}.demo-bar{margin-top:4px}.demo-context{font-size:12.5px}}@media (max-height:700px){.topbar{padding-top:max(18px, calc(var(--safe-t) + 10px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1ms!important;animation-delay:0s!important}}