:root { --ink:#1c211b; --paper:#f3efe3; --lime:#d5ed72; --muted:#657065; --line:rgba(28,33,27,.17); --display:"Noto Serif SC",serif; --sans:"Outfit",sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:radial-gradient(circle at 12% 10%,#e7f5b5 0,transparent 31rem),linear-gradient(135deg,#f6f1e4,#e5eee0); font-family:var(--sans); } button,input { font:inherit; } button { cursor:pointer; }
.landing-shell { width:min(1180px,calc(100% - 40px)); margin:auto; }.topbar { height:94px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.brand { color:var(--ink); text-decoration:none; letter-spacing:.12em; font:500 12px var(--mono); }.brand span { display:inline-grid; place-items:center; width:28px; height:28px; margin-right:9px; color:#f8f4e9; background:var(--ink); font:11px var(--mono); }.text-button,.secondary-button { border:0; color:var(--ink); background:transparent; }.text-button { margin-right:16px; font-size:14px; }.primary-button { border:1px solid var(--ink); padding:15px 19px; color:var(--ink); background:var(--lime); font-weight:700; }.primary-button span { margin-left:20px; }.primary-button.small { padding:10px 14px; }.secondary-button { padding:15px 18px; text-decoration:underline; text-underline-offset:5px; }
.hero { min-height:600px; padding:116px 0 74px; }.eyebrow { margin:0 0 19px; color:var(--muted); letter-spacing:.15em; font:10px var(--mono); }.hero h1 { max-width:760px; margin:0; font:700 clamp(50px,8vw,106px)/1.02 var(--display); letter-spacing:-.08em; }.hero h1 em { color:#526335; font-style:normal; }.hero-copy { max-width:590px; margin:33px 0; color:#4c554d; font-size:18px; line-height:1.75; }.hero-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }.domain-example { display:grid; gap:8px; width:min(510px,100%); margin-top:74px; padding:16px 0; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }.domain-example span { color:var(--muted); font:10px var(--mono); letter-spacing:.12em; }.domain-example strong { font:600 24px var(--mono); }.domain-example i { color:#5d7436; font-style:normal; }.domain-example small { color:var(--muted); }
.features { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); margin-bottom:60px; }.features article { min-height:195px; padding:25px; border-right:1px solid var(--line); }.features article:last-child { border:0; }.features b { color:#6a8043; font:11px var(--mono); }.features h2 { margin:32px 0 8px; font:700 24px var(--display); }.features p { color:var(--muted); line-height:1.65; font-size:14px; } footer { padding:25px 20px; text-align:center; color:var(--muted); border-top:1px solid var(--line); font:10px var(--mono); letter-spacing:.08em; }
.auth-dialog { width:min(470px,calc(100% - 30px)); border:1px solid var(--ink); padding:36px; color:var(--ink); background:var(--paper); box-shadow:0 30px 90px rgba(0,0,0,.35); }.auth-dialog::backdrop { background:rgba(21,28,20,.72); backdrop-filter:blur(5px); }.auth-dialog h2 { margin:0 0 24px; font:700 36px var(--display); }.close-button { position:absolute; top:14px; right:16px; border:0; background:transparent; font-size:28px; } form { display:grid; gap:16px; } label { display:grid; gap:7px; font-size:13px; font-weight:600; } input { width:100%; padding:12px; border:1px solid var(--line); color:var(--ink); background:#fffdf7; } label small { color:var(--muted); font-size:11px; font-weight:400; }.full { width:100%; margin-top:6px; }.form-error { min-height:19px; margin:0; color:#a33127; font-size:13px; }.switch-copy { margin:20px 0 0; color:var(--muted); font-size:13px; }.switch-copy button { border:0; padding:0; color:var(--ink); background:transparent; text-decoration:underline; }
@media (max-width:700px) { .landing-shell { width:min(100% - 28px,1180px); }.topbar { height:72px; }.hero { min-height:0; padding:84px 0 54px; }.hero h1 { font-size:54px; }.hero-copy { font-size:16px; }.features { grid-template-columns:1fr; }.features article { min-height:auto; border-right:0; border-bottom:1px solid var(--line); }.features article:last-child { border-bottom:0; }.auth-dialog { padding:27px 22px; }.auth-dialog h2 { font-size:30px; } }