.home{--page:#f4f1ea;--ink:#141414;--ink-quiet:#5f5a52;--rule:#e0dbd1;--rule-strong:#cdc7ba;--accent:#b0421a;--card:#fff;--gutter:clamp(24px, 6vw, 96px);background:var(--page);min-height:100%;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}.home-bar{padding:20px var(--gutter);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;display:flex}.home-mark{letter-spacing:-.02em;font-weight:700}.home-hero{padding:clamp(48px, 10vh, 120px) var(--gutter) clamp(40px, 8vh, 88px);grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,72px);display:grid}@media (min-width:68rem){.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.home-hero h1{letter-spacing:-.035em;max-width:16ch;margin:0;font-size:clamp(40px,6.5vw,76px);line-height:1.02}.home-lede{color:var(--ink-quiet);max-width:46ch;margin:20px 0 0;font-size:clamp(18px,2vw,23px)}.home-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.home-button{border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.home-button-primary{background:var(--ink);color:var(--page)}.home-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-note{color:var(--ink-quiet);margin:16px 0 0;font-size:13px}.home-note code{font-size:12px}.browser{border:1px solid var(--rule-strong);background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px -32px #14100c80}.browser-bar,.mock-bar{background:color-mix(in srgb, var(--ink) 4%, var(--card));border-bottom:1px solid var(--rule);align-items:center;gap:14px;padding:10px 14px;display:flex}.browser-dots{flex:none;gap:6px;display:inline-flex}.browser-dots i{background:var(--rule-strong);border-radius:999px;width:10px;height:10px}.browser-url{color:var(--ink-quiet);background:var(--page);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;overflow:hidden}.design-shot{background:var(--card);overflow:hidden;container-type:size}.design-shot iframe{width:1120px;transform:scale(calc(100cqw / 1120px));transform-origin:0 0;border:0;display:block}.design-shot-hero{aspect-ratio:16/10}.design-shot-hero iframe{height:700px}.home-builder{padding:clamp(40px, 8vh, 88px) var(--gutter);border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,56px);display:grid}@media (min-width:68rem){.home-builder{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.home-builder-copy h2{letter-spacing:-.02em;max-width:18ch;margin:0 0 14px;font-size:clamp(26px,3.4vw,40px);line-height:1.1}.home-builder-copy p{color:var(--ink-quiet);max-width:44ch;margin:0;font-size:clamp(15px,1.5vw,18px)}.mock{border:1px solid var(--rule-strong);background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px -32px #14100c80}.mock-steps{color:var(--ink-quiet);gap:6px;font-size:12px;font-weight:600;display:inline-flex}.mock-steps span{border-radius:999px;padding:4px 10px}.mock-steps .is-on{background:var(--ink);color:var(--card)}.mock-body{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:40rem){.mock-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.mock-form{align-content:start;gap:6px;padding:clamp(18px,3vw,28px);display:grid}.mock-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-quiet);margin-top:8px;font-size:11px}.mock-label:first-child{margin-top:0}.mock-input{border:1px solid var(--rule-strong);background:var(--page);border-radius:8px;padding:9px 12px;font-size:15px}.mock-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mock-tag{color:var(--ink-quiet);border:1px solid var(--rule-strong);border-radius:999px;padding:3px 10px;font-size:12px}.mock-preview{border-top:1px solid var(--rule);background:color-mix(in srgb, var(--ink) 3%, var(--card))}@media (min-width:40rem){.mock-preview{border-top:0;border-left:1px solid var(--rule)}}.mock-preview .design-shot{aspect-ratio:3/4;background:0 0}.mock-preview .design-shot iframe{height:1493px}.home-designs{padding:clamp(40px, 8vh, 88px) var(--gutter) clamp(64px, 14vh, 160px);border-top:1px solid var(--rule)}.home-designs h2{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-quiet);margin:0 0 clamp(24px,4vw,44px);font-size:13px;font-weight:400}.home-design-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(28px,4vw,48px);display:grid}.home-design{align-content:start;gap:10px;display:grid}.home-design .design-shot{aspect-ratio:4/5;border:1px solid var(--rule-strong);border-radius:10px}.home-design .design-shot iframe{height:1400px}.home-design h3{letter-spacing:-.01em;margin:4px 0 0;font-size:22px}.home-design p{color:var(--ink-quiet);margin:0;font-size:15px}.home-foot{padding:24px var(--gutter) 56px;border-top:1px solid var(--rule);color:var(--ink-quiet);font-size:13px}