.hero{margin-top:calc(-1 * var(--header-height));background:var(--page-bg);min-height:100svh;color:var(--hero-fg);position:relative;overflow:hidden}@media (min-width:768px){.hero{height:100svh;min-height:0;max-height:80em}}.hero-canvas{background:var(--page-bg);position:absolute;inset:0;overflow:hidden}.hero-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.hero-canvas[data-state=failed] canvas{display:none}.hero-canvas[data-state=failed]:before{content:"";background:radial-gradient(40% 30% at 68% 52%,#ffffff14,#0000 70%),linear-gradient(100deg,#0000 30%,#ff503c1f 44%,#ffc8281f 48%,#3cdc781f 52%,#2878ff1f 56%,#0000 70%);position:absolute;inset:0}.hero-foot-fade{pointer-events:none;inset-inline:0;z-index:1;background:linear-gradient(to top, var(--page-bg) 0%, color-mix(in srgb, var(--page-bg) 72%, transparent) 24%, color-mix(in srgb, var(--page-bg) 38%, transparent) 52%, color-mix(in srgb, var(--page-bg) 14%, transparent) 76%, transparent 100%);height:16%;position:absolute;bottom:0}.hero-container{z-index:10;width:100%;max-width:1448px;min-height:100svh;margin:0 auto;position:relative;overflow:hidden}@media (min-width:768px){.hero-container{height:100%;min-height:0}}.hero-overlay{pointer-events:none;z-index:10;min-height:100svh;padding:calc(var(--header-height) + 2rem) 1.5rem 1.5rem;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:2rem;display:grid;position:relative}@media (min-width:768px){.hero-overlay{grid-template-rows:1fr;justify-items:start;gap:0;min-height:0;padding-block:clamp(3rem,8svh,6rem);position:absolute;inset:0}}@media (min-width:1100px){.hero-overlay{grid-template-columns:minmax(0,34em) minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}}.hero-copy{pointer-events:auto;z-index:10;flex-direction:column;grid-area:2/1;place-self:start center;align-items:center;height:100%;display:flex;position:relative}@media (min-width:768px){.hero-copy{grid-row:1;place-self:center start;align-items:flex-start;height:auto}}.hero-eyebrow{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 1.25rem;font-size:.66rem}.hero-headline{max-width:10em;font-family:var(--font-serif), "Times New Roman", serif;letter-spacing:-.02em;text-align:center;text-wrap:balance;text-shadow:0 1px 28px #0009;margin:0;font-size:2.9rem;font-weight:400;line-height:1.02}@media (min-width:768px){.hero-eyebrow{letter-spacing:.16em;font-size:.72rem}.hero-headline{text-align:left;font-size:3.9rem}}@media (min-width:1280px){.hero-headline{font-size:4.5rem}}.hero-lede{max-width:29em;color:var(--muted);text-align:center;text-wrap:pretty;text-shadow:0 1px 22px #000000b3;margin:1.5rem 0 0;font-size:1.02rem;line-height:1.55}@media (min-width:768px){.hero-lede{text-align:left;font-size:1.08rem}}.hero-lede em{color:var(--hero-fg);font-style:normal}.hero-accent{background:linear-gradient(90deg,#fff 0%,#f7dfbd 45%,#d7c9ff 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 1px 26px #0009);-webkit-background-clip:text;background-clip:text}.hero-pulse{background:var(--accent);vertical-align:.05em;border-radius:50%;width:.45rem;height:.45rem;margin-right:.6rem;animation:2.4s ease-out infinite hero-pulse;display:inline-block;box-shadow:0 0 #f2c98a80}@keyframes hero-pulse{0%{box-shadow:0 0 #f2c98a8c}70%{box-shadow:0 0 0 .55rem #f2c98a00}to{box-shadow:0 0 #f2c98a00}}.hero-proof{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex-wrap:wrap;justify-content:center;gap:.4rem .7rem;margin:1.5rem 0 0;padding:0;font-size:.68rem;list-style:none;display:flex}.hero-proof li:not(:last-child):after{content:"·";color:var(--faint);margin-left:.7rem}@media (min-width:768px){.hero-proof{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.hero-pulse{animation:none}}.hero-setup{width:100%;max-width:28em;margin-top:auto;padding-top:2rem}@media (min-width:768px){.hero-setup{margin-top:2.25rem;padding-top:0}}.hero-slot{pointer-events:none;aspect-ratio:1;grid-area:1/1;justify-self:center;width:min(70vw,18rem);position:relative}@media (min-width:768px){.hero-slot{aspect-ratio:auto;width:auto;padding:5rem;position:absolute;inset:0}}@media (min-width:1100px){.hero-slot{grid-area:1/2;width:100%;height:100%;min-height:0;padding:0;position:static}}.hero-slot-inner{width:100%;height:100%}.hero-tabs{text-shadow:0 1px 18px #000000b3;flex-direction:column;width:100%;display:flex}.hero-tabs-list{justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.hero-tabs-list button{color:currentColor;font:inherit;cursor:pointer;opacity:.5;background:0 0;border:0;padding:0;transition:opacity .15s}.hero-tabs-list button:hover{opacity:.8}.hero-tabs-list button[aria-selected=true]{opacity:1}.hero-tabs-sep{padding:0 .5rem}.hero-tabs-rule{--hero-tabs-rule-peak:50%;background:linear-gradient(to right, transparent, var(--hero-fg) var(--hero-tabs-rule-peak), transparent);width:100%;height:1px;margin:1.25rem 0 .5rem}.hero-tabs-copy{color:currentColor;width:100%;font:inherit;text-align:center;cursor:pointer;opacity:.9;background:0 0;border:0;padding:0 1.75rem;font-size:15px;line-height:1.625;transition:opacity .15s;position:relative}.hero-tabs-copy:hover{opacity:1}.hero-tabs-stack{display:grid}.hero-tabs-layer{opacity:1;grid-area:1/1;transition:transform .2s ease-out,opacity .2s ease-out;transform:translateY(0)}.hero-tabs-layer[data-state=leaving]{opacity:0;-webkit-user-select:none;user-select:none;transition-duration:.15s;transform:translateY(-6px)}.hero-tabs-layer[data-state=idle]{opacity:0;-webkit-user-select:none;user-select:none;transition:none;transform:translateY(6px)}.hero-tabs-copy-icon{opacity:0;transition:opacity .15s;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero-tabs-copy:hover .hero-tabs-copy-icon{opacity:.5}.hero-tabs-copy[data-copied] .hero-tabs-copy-icon{opacity:.9}.hero-snippet{white-space:nowrap}.hero-snippet[data-wrap]{white-space:normal;overflow-wrap:anywhere}.hero-snippet[data-mono],.hero-snippet code{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:.92em}@media (min-width:768px){.hero-tabs-list{justify-content:flex-start}.hero-tabs-copy{text-align:left;padding-left:0;padding-right:1.75rem}}@media (min-width:1100px){.hero-tabs-rule{--hero-tabs-rule-peak:10%}}@media (prefers-reduced-motion:reduce){.hero-tabs-layer,.hero-tabs-copy,.hero-tabs-list button{transition:none}}