.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.hero h1{max-width:14ch;font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.08}.hero__lede{color:var(--muted);max-width:40ch;margin-top:24px;font-size:clamp(1.125rem,1.5vw,1.3125rem)}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.demo{margin:0}.demo__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.demo__label{color:var(--muted);font-size:.9375rem;font-weight:600}.demo__seg{background:var(--sunk);border-radius:999px;padding:4px;display:inline-flex}.demo__seg button{color:var(--muted);font:700 .875rem/1 var(--font-body), sans-serif;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:10px 14px}.demo__seg button[aria-pressed=true]{background:var(--paper);color:var(--fg);box-shadow:0 1px 2px #00000014}.demo__frame{border:1.5px dashed #0000;border-radius:14px;margin-top:26px;padding:clamp(24px,3vw,40px) clamp(20px,2.4vw,32px);position:relative}.demo[data-state=edited] .demo__frame{border-color:var(--accent)}.demo__badge{background:var(--paper);color:var(--accent-ink);visibility:hidden;padding:0 8px;font-size:.8125rem;font-weight:700;position:absolute;top:-12px;left:18px}.demo[data-state=edited] .demo__badge{visibility:visible}.demo__frame .demo__title{color:inherit;font-family:var(--font-display), var(--font-body), system-ui, sans-serif;letter-spacing:-.01em;margin-top:0;font-size:clamp(1.5rem,2.4vw,2.125rem);font-weight:400;line-height:1.2}.demo__frame p{color:var(--muted);margin-top:12px;font-size:clamp(1.0625rem,1.4vw,1.25rem)}.demo__added{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent);border-radius:4px;padding:0 2px}.demo__foot{border-top:1px solid var(--rule);color:var(--muted);align-items:flex-start;gap:12px;margin-top:24px;padding-top:18px;font-size:.9375rem;display:flex}.demo__foot svg{color:var(--accent-ink);flex:none;margin-top:3px}.demo__state{color:var(--fg);font-weight:600}.build-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px);margin:0;padding:0;list-style:none;display:grid}.build-list li{border-top:1px solid var(--rule);grid-template-columns:44px 1fr;gap:18px;padding:28px 0 36px;display:grid}.build-list h3,.feat h3{font-size:1.25rem;line-height:1.3}.build-list p,.feat p{color:var(--muted);margin-top:6px}.process__head{margin-bottom:56px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid;position:relative}.steps:before{content:"";background:var(--rule);height:1px;position:absolute;top:22px;left:22px;right:22px}.steps li{position:relative}.steps__num{border:1.5px solid var(--primary);background:var(--bg);width:44px;height:44px;font-family:var(--font-display), sans-serif;border-radius:999px;place-items:center;font-size:1.0625rem;display:grid}.steps li:last-child .steps__num{border-color:var(--accent);color:var(--accent-ink)}.steps h3{margin-top:22px;font-size:1.1875rem}.steps p{color:var(--muted);margin-top:6px}.cta-band{background:var(--sunk);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:56px;padding:24px 28px;display:flex}.cta-band p{font-family:var(--font-display), sans-serif;font-size:1.25rem}.feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px);margin:0;padding:0;list-style:none;display:grid}.feat{border-top:1px solid var(--rule);padding:24px 0 32px}.journey{margin:0;padding:0;list-style:none}.journey li{border-top:1px solid var(--rule);grid-template-columns:1fr auto;align-items:baseline;gap:8px 24px;padding:26px 0;display:grid}.journey li:last-child{border-bottom:1px solid var(--rule)}.journey h3{font-size:1.3125rem}.journey p{color:var(--muted);grid-column:1}.journey__when{color:var(--muted);white-space:nowrap;grid-area:1/2;font-size:.9375rem;font-weight:600}.journey li:last-child .journey__when{color:var(--accent-ink)}.journey__cta{margin-top:36px}.stats{border-top:1px solid var(--rule);flex-wrap:wrap;gap:12px 40px;margin:36px 0 0;padding:22px 0 0;display:flex}.stats div{flex-direction:column;display:flex}.stats dt{color:var(--muted);order:2;font-size:.9375rem}.stats dd{font-family:var(--font-display), sans-serif;margin:0;font-size:1.375rem}@media (max-width:900px){.hero__grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:0}.steps:before{width:1px;height:auto;inset:22px auto 22px 22px}.steps li{grid-template-columns:44px 1fr;column-gap:20px;padding-bottom:32px;display:grid}.steps li .steps__num{grid-row:span 2}.steps h3{margin-top:9px}}@media (max-width:640px){.build-list,.feats{grid-template-columns:1fr}}@media (max-width:520px){.journey li{grid-template-columns:1fr}.journey__when{grid-area:auto/1}}.demos{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-content:start;gap:24px;margin:0;padding:0;list-style:none;display:grid}.demo{align-content:start;gap:10px;display:grid}.demo__shot{aspect-ratio:16/10;object-fit:cover;background:var(--sunk);border-radius:10px;width:100%;height:auto}.demo h3{font-size:1.1875rem}.demo p,.demos__notice{color:var(--muted)}.demos__notice{font-size:.9375rem}.demo__actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}