@layer layout{:root{font-family:Inter,system-ui,sans-serif;color:var(--fg);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:700;letter-spacing:-1px}.brand img{width:38px;height:38px;border-radius:8px}nav{display:flex;align-items:center;gap:28px;font-size:13px}.button{display:inline-block;padding:13px 18px;border:1px solid var(--border);border-radius:6px;font-size:13px}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.hero{padding:100px 0 88px;max-width:820px}.eyebrow,.caption,.features article>span{font:11px/1.6 monospace;letter-spacing:1.5px;color:var(--muted)}h1{font-size:clamp(48px,8vw,88px);line-height:1.08;letter-spacing:-4px;margin:26px 0;color:var(--fg)}.hero p,.privacy p,.invite p{color:var(--muted);font-size:17px;line-height:1.85;max-width:650px}.actions{display:flex;gap:12px;margin:30px 0 18px}.caption{letter-spacing:0}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:42px 0;gap:36px}h2{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.2}.features p{color:var(--muted);font-size:14px;line-height:1.9}.privacy{padding:80px 0}.privacy h2{font-size:44px}.privacy details{background:var(--surface);padding:20px;border:1px solid var(--border);max-width:820px;border-radius:8px;margin-top:30px}.privacy summary{cursor:pointer;font-size:14px;color:var(--accent)}.privacy details p{font-size:13px}.invite{padding:36px;background:var(--raised);border-radius:10px;margin-bottom:60px}.invite p{font-size:14px}footer{padding:28px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font:10px monospace;color:var(--muted)}@media(max-width:650px){header,main,footer{width:calc(100% - 32px)}nav>a:not(.button){display:none}h1{letter-spacing:-2px}.hero{padding:60px 0}.features{grid-template-columns:1fr;gap:18px}.privacy{padding:50px 0}.privacy h2{font-size:34px}.actions{flex-wrap:wrap}.invite{padding:24px}footer{flex-wrap:wrap}}}
