.homepage{--hp-line:#fcfcfe14;--hp-dash:#fcfcfe1c;--hp-dots:radial-gradient(circle at 1px 1px, #fcfcfe17 1px, transparent 1.4px) 0 0 / 16px 16px;--hp-no:#fb7185;overflow-x:clip}.hp-below-fold-reserve{min-height:100vh}.hp-band+.hp-band{border-top:1px solid var(--hp-line)}.hp-frame{border-inline:1px solid var(--hp-line);max-width:1280px;margin:0 auto;padding:72px clamp(20px,3.125vw,40px)}.hp-eyebrow{color:var(--link);margin:0 0 8px;font-size:13px;font-weight:550;line-height:1.4;display:block}.hp-title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(30px,3.4vw,44px);font-weight:650;line-height:1.12}.hp-title span{color:#fcfcfe70;display:block}.hp-copy>p:not(.hp-eyebrow){max-width:34em;margin:20px 0 0;font-size:16px;line-height:1.65}.hp-link{margin-top:22px;font-weight:550;display:inline-block}.hp-hero .hp-frame{isolation:isolate;grid-template-columns:minmax(0,500px) minmax(0,612px);justify-content:space-between;align-items:center;gap:clamp(32px,6.9vw,88px);padding-top:88px;padding-bottom:88px;display:grid;position:relative}.hp-hero .hp-frame:before{content:"";z-index:-1;background:var(--hp-dots);position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 62%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 80% at 62%,#000 20%,#0000 75%)}.hp-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(40px,4.6vw,62px);font-weight:700;line-height:1.04}.hp-hero h1 span{display:block}.hp-lede{margin:26px 0 8px;font-size:17.5px;line-height:1.5}.hp-ways{gap:4px;max-width:29em;margin:0;padding:0;list-style:none;display:grid}.hp-ways button{width:100%;color:var(--muted);text-align:left;border:0;border-left:2px solid #0000;border-radius:0 8px 8px 0;margin-left:-16px;padding:10px 14px 10px 16px;font-size:17.5px;font-weight:450;line-height:1.5;display:block}.hp-ways button strong{color:var(--text);font-weight:600}.hp-ways button:not(:disabled):hover,.hp-ways button[aria-pressed=true]{color:#fcfcfec4;background:linear-gradient(90deg,#10b98114,#0000 80%)}.hp-ways button[aria-pressed=true]{border-left-color:var(--accent)}.hp-ways button:focus-visible{outline-offset:0;outline-width:2px}.hp-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.hp-actions>.button,.hp-actions>button{white-space:nowrap;justify-content:center;align-items:center;min-width:172px;height:46px;padding:0 20px;font-size:15px;display:inline-flex}.hp-actions>.button{color:var(--text);background:#fcfcfe06}.hp-docs{color:var(--muted);padding:0 8px;font-size:15px;font-weight:500}.hp-hero .code-panel{width:100%;max-width:612px;container-type:inline-size}@container (width<=560px){.hp-hero .code-foot{grid-template-columns:1fr auto;row-gap:8px;padding:12px 10px 8px 16px;display:grid}.hp-hero .code-summary{grid-column:1/-1;justify-self:start}.hp-hero .code-segs{justify-self:end}}@container (width<=340px){.hp-hero .code-summary{padding:0 8px;font-size:11px}.hp-hero .code-summary .dot{margin:0 4px}}.code-panel{background:linear-gradient(#fcfcfe07, #fcfcfe02 40%), var(--surface);border:1px solid #fcfcfe1f;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 40px 90px -40px #000,0 0 0 6px #fcfcfe05}.code-file button:focus-visible{outline-offset:-2px;outline-width:2px}.code-file{border-bottom:1px dashed var(--hp-dash);color:var(--muted);font-family:var(--font-mono);align-items:center;gap:10px;padding:9px 12px 9px 20px;font-size:12px;display:flex}.code-file-name{margin-right:auto}.code-file button{color:var(--muted);font-family:var(--font-mono);border:0;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:400}.code-languages{border:1px solid var(--hp-line);border-radius:7px;padding:2px;display:flex}.code-languages [aria-pressed=true]{color:var(--text);background:#fcfcfe12}.code-copy{border:1px solid var(--hp-line);align-items:center;gap:7px;min-width:90px;display:inline-flex}.code-copy svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.code-view{padding:16px 0 12px;overflow-x:auto}.code-view:focus-visible{outline-offset:-2px;outline-width:2px}.code-view pre{min-height:calc(var(--code-rows,9) * 1.8em);counter-reset:line;color:#fcfcfebf;font-family:var(--font-mono);background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:13px;line-height:1.8;overflow:visible}.code-view pre.enter{animation:hp-enter .35s var(--ease) both}@keyframes hp-enter{0%{opacity:0;transform:translateY(4px)}}.code-line{counter-increment:line;white-space:pre;height:1.8em;transition:height .26s var(--ease), opacity .22s var(--ease), filter .22s var(--ease);padding:0 24px 0 58px;display:block;position:relative;overflow:visible clip}.code-line.entering{opacity:0;height:0}.code-line.leaving{opacity:0;filter:blur(3px);counter-increment:none;height:0}.code-line.leaving:before{content:""}.code-line:before{content:counter(line);color:#fcfcfe30;text-align:right;-webkit-user-select:none;user-select:none;width:34px;position:absolute;left:0}.code-line.live{background:linear-gradient(90deg,#10b98112,#10b98104 70%,#0000);box-shadow:inset 2px 0 #10b98166}.code-line.pulse{animation:hp-pulse .9s var(--ease)}@keyframes hp-pulse{0%{box-shadow:inset 3px 0 0 var(--link);background-color:#10b9811f}}.code-line.decoding :is(.tok-string,.tok-key,.tok-call){text-shadow:0 0 10px}.code-foot{border-top:1px dashed var(--hp-dash);justify-content:flex-end;align-items:center;gap:14px;padding:10px 12px 10px 20px;display:flex}.code-summary{color:#c9f5e3;white-space:nowrap;min-width:0;max-width:100%;height:24px;transition:opacity .2s var(--ease);background:#07130f;border:1px solid #10b98138;border-radius:999px;align-items:center;margin-right:auto;padding:0 10px;font-size:11.5px;font-weight:500;line-height:1;display:inline-flex;overflow:hidden}.code-summary .dot{color:#6ee7b780;margin:0 6px;font-style:normal}.code-summary.pending{opacity:.35}.code-summary.swap{animation:hp-summary .35s var(--ease)}@keyframes hp-summary{0%{border-color:var(--link)}}.code-segs{gap:6px;display:flex}.code-seg{background:0 0;border:0;width:30px;height:28px;padding:0;position:relative}.code-seg:before,.code-seg i{content:"";height:2px;transition:top .15s var(--ease), height .15s var(--ease), background-color .15s var(--ease);background:#fcfcfe1f;border-radius:2px;position:absolute;top:13px;left:0;right:0}.code-seg i{background:var(--accent);width:0;right:auto}.code-seg.done i{background:#10b981a6;width:100%}.code-seg[aria-current] i{animation:5.2s linear forwards hp-dwell}.code-panel[data-held] .code-seg[aria-current] i{animation-play-state:paused}@keyframes hp-dwell{to{width:100%}}.code-seg:hover:before,.code-seg:focus-visible:before{background:#fcfcfe59;height:4px;top:12px}.code-seg:hover i,.code-seg:focus-visible i{height:4px;top:12px}.code-seg:after{content:attr(data-tip);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease), transform .15s var(--ease);background:#111a1d;border:1px solid #fcfcfe26;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:500;line-height:1.2;position:absolute;bottom:30px;right:-4px;transform:translateY(3px);box-shadow:0 8px 24px -8px #000}.code-seg:hover:after,.code-seg:focus-visible:after{opacity:1;transform:none}@media (hover:none){.code-seg:after{display:none}}.code-foot .code-pause{border:1px solid var(--hp-line);width:26px;height:26px;color:var(--muted);background:0 0;border-radius:6px;place-items:center;padding:0;display:inline-grid}.code-pause:hover{color:var(--text)}.code-pause svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.code-foot button:focus-visible{outline-offset:-2px;outline-width:2px}@media (prefers-reduced-motion:reduce){.code-view pre.enter,.code-line.pulse,.code-summary.swap,.code-seg[aria-current] i{animation:none}.code-line,.code-summary{transition:none}}.tok-keyword{color:#fcfcfe80}.tok-string{color:#a7f3d0}.tok-number{color:#fcd34d}.tok-call{color:var(--text)}.tok-key{color:#93c5fd}.tok-comment{color:var(--link)}@media (width<=959px){.hp-hero .code-panel{max-width:none}.hp-hero .hp-frame{grid-template-columns:minmax(0,1fr);padding-top:64px;padding-bottom:64px}.hp-hero-copy{text-align:center;width:100%;max-width:34rem;margin-inline:auto}.hp-hero .hp-ways{max-width:none}.hp-hero .hp-ways button{text-align:center;margin-left:0}.hp-hero .hp-actions{justify-content:center}}@media (width<=760px){.hp-frame{border-inline:0;padding:48px clamp(16px,5vw,24px)}.hp-hero .hp-frame{gap:0;padding-top:48px;padding-bottom:56px}.hp-hero-copy{display:contents}.hp-hero .code-panel{order:1;margin-top:20px}.hp-hero .hp-actions{order:2}.hp-hero-copy{text-align:left;max-width:none}.hp-hero h1{font-size:clamp(36px,9.5vw,44px)}.hp-lede{margin:18px 0 8px;font-size:15px}.hp-hero .hp-ways button{text-align:left;margin-left:0;padding:9px 12px 9px 14px;font-size:15px}.hp-hero .hp-actions{justify-content:flex-start}.hp-actions{margin-top:24px}.hp-title{font-size:28px}.hp-actions>.button,.hp-actions>button{flex:150px;min-width:0;padding:0 12px}.code-file{flex-wrap:wrap;padding-left:16px}.code-copy{justify-content:center;width:30px;min-width:0;height:28px;padding:0}.code-copy span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.code-view pre{font-size:12px}.code-seg{width:24px}.code-line{padding-left:44px;padding-right:16px}.code-line:before{width:24px}}@media (width<=600px){.hp-hero .code-file,.hp-hero .code-line:before{display:none}.hp-hero .code-line{padding:0 14px 0 16px}}@media (width<=360px){.code-file{gap:6px;padding-right:8px}.code-languages button{padding-inline:8px}}