html{scroll-behavior:smooth;scroll-padding-top:24px}.landing{--horizon:42svh;--sun-x:76%;--sun-size:clamp(170px, 27vw, 400px);--sun-y:.42;position:relative}.intro{z-index:100;background:#04060d;place-items:center;animation:1s ease-out 1.25s forwards intro-leave;display:grid;position:fixed;inset:0}.intro-word{color:#f2f5ea;font-variation-settings:"wdth" 78;letter-spacing:-.045em;align-items:baseline;font-size:clamp(5rem,17vw,13rem);font-weight:800;font-stretch:78%;line-height:1;animation:.7s ease-in 1.2s forwards intro-word-leave;display:flex}.intro-word span{opacity:0;animation:intro-letter .7s var(--ease) forwards;transform:translateY(.35em)}.intro-word span:first-child{animation-delay:.1s}.intro-word span:nth-child(2){animation-delay:.18s}.intro-word span:nth-child(3){animation-delay:.26s}.intro-word span:nth-child(4){animation-delay:.34s}.intro-word i{background:var(--sun);border-radius:50%;width:.2em;height:.2em;margin-left:.05em;animation:.5s cubic-bezier(.3,1.6,.5,1) .62s forwards intro-dot;transform:scale(0)}@keyframes intro-letter{to{opacity:1;transform:none}}@keyframes intro-dot{to{transform:none}}@keyframes intro-word-leave{to{opacity:0;transform:translateY(-.12em)}}@keyframes intro-leave{to{opacity:0;visibility:hidden}}@keyframes dawn{0%{--sky-top:#04060d;--sky-bottom:#0b1224}}@keyframes sunrise{0%{top:108%}}@keyframes arrive{0%{opacity:0;transform:translateY(18px)}}.landing .sky{animation:2.4s ease-out 1.2s backwards dawn}.landing .sun{animation:sunrise 2.6s 1.3s var(--ease) backwards}.site-nav,.hero>*{animation:arrive 1s var(--ease) backwards;animation-delay:2.3s}.hero>:nth-child(2){animation-delay:2.45s}.hero>:nth-child(3){animation-delay:2.6s}.intro-seen .intro{display:none}.intro-seen :is(.sky,.sun,.site-nav,.hero>*){animation:none}@media (prefers-reduced-motion:reduce){.intro{display:none}html{scroll-behavior:auto}}.site-nav{z-index:2;align-items:center;gap:32px;padding:26px clamp(20px,5vw,72px);display:flex;position:relative}.site-nav nav{gap:28px;margin-left:20px;font-size:.92rem;font-weight:500;display:flex}.site-nav nav a{text-decoration:none}.site-nav nav a:hover{text-decoration:underline}.site-nav-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.site-nav .github-star{color:var(--text)}.hero{z-index:1;max-width:1440px;margin:0 auto;margin-top:calc(var(--horizon) - 92px + 28px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:28px clamp(32px,6vw,96px);padding:0 clamp(20px,5vw,72px) 72px;display:grid;position:relative}.hero h1{letter-spacing:-.035em;font-size:clamp(3.6rem,10.4vw,10rem);font-weight:800;line-height:.86}.hero-side>p{max-width:44ch;color:var(--text-2);font-size:1.1rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.demo{border-top:1.5px solid color-mix(in srgb, var(--text) 16%, transparent);color:var(--text-2);grid-column:1/-1;align-items:center;gap:16px;padding-top:24px;font-size:.95rem;display:flex}.demo strong{min-width:3.4ch;color:var(--text);font-variant-numeric:tabular-nums;font-size:2.2rem}.demo .icon-btn{width:46px;height:46px}.live-groups{background:var(--surface);color:var(--text);border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.live-groups:hover{background:var(--hover)}.live-groups.live:before{content:"";background:var(--ok);border-radius:2px;width:8px;height:8px}.band{z-index:1;max-width:1440px;margin:0 auto;padding:clamp(64px,9vw,128px) clamp(20px,5vw,72px);position:relative}.band+.band,.hero+main .band:first-child{border-top:1.5px solid color-mix(in srgb, var(--text) 16%, transparent)}.band h2{letter-spacing:-.03em;text-wrap:balance;max-width:16ch;font-size:clamp(2.6rem,6vw,5.4rem);font-weight:800;line-height:.9}.band p{color:var(--text-2);line-height:1.65}.shot{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-top:48px;overflow:hidden}.shot img{width:100%;height:auto;display:block}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 48px;margin-top:60px;display:grid}.features dt{font-variation-settings:"wdth" 82;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;font-stretch:82%;line-height:1.05}.features dd{color:var(--text-2);margin-top:10px;line-height:1.6}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:60px;list-style:none;display:grid}.steps li{counter-increment:step}.steps li:before{content:counter(step);color:var(--primary);font-variation-settings:"wdth" 78;margin-bottom:16px;font-size:4.4rem;font-weight:800;font-stretch:78%;line-height:.9;display:block}.steps h3{font-size:1.5rem}.steps p{margin-top:10px}.atmospheres{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;display:grid}.atmospheres p{max-width:42ch;margin-top:24px}.open{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(32px,6vw,80px);display:grid}.open-copy>p{max-width:46ch;margin-top:24px}.open-copy ul{color:var(--text-2);margin-top:24px;list-style:none}.open-copy li{border-top:1px solid var(--line);background:radial-gradient(circle, var(--sun) 4px, transparent 4.5px) left center / 10px 10px no-repeat;padding:12px 0 12px 24px}.terminal{border-radius:var(--radius-md);background:var(--surface);min-width:0;padding:24px}.terminal figcaption{font-weight:600}.terminal pre{border-radius:var(--radius-sm);background:var(--field);color:var(--text);margin:16px 0;padding:18px;font:.82rem/1.9 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow-x:auto}.terminal pre span{color:var(--text-3);user-select:none}.terminal p{color:var(--text-3);font-size:.84rem}.terminal p code{color:var(--text-2);font:.8rem ui-monospace,SF Mono,Menlo,Consolas,monospace}.closing{text-align:center}.closing h2{max-width:none;margin-bottom:36px}.site-footer{z-index:1;border-top:1.5px solid color-mix(in srgb, var(--text) 16%, transparent);color:var(--text-3);align-items:center;gap:24px;padding:28px clamp(20px,5vw,72px);font-size:.86rem;display:flex;position:relative}.site-footer .brand{font-size:1.5rem}.site-footer nav{gap:24px;margin-left:auto;display:flex}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{color:var(--text);text-decoration:underline}@media (width<=900px){.landing{--horizon:36svh;--sun-x:70%}.site-nav nav{display:none}.hero{grid-template-columns:minmax(0,1fr)}.features,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.atmospheres,.open{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.site-nav{gap:12px;padding-block:20px}.site-nav .github-star{display:none}.hero{margin-top:calc(var(--horizon) - 80px + 20px);padding-bottom:48px}.features,.steps{grid-template-columns:minmax(0,1fr);gap:36px}.demo{flex-wrap:wrap}.live-groups{margin-left:0}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{flex-wrap:wrap}}