body{background:var(--ink-50)}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}section{padding:96px 0;border-bottom:var(--hairline)}section:last-child{border-bottom:0}.sec-head{display:grid;grid-template-columns:200px 1fr;gap:32px;margin-bottom:48px;align-items:baseline}.sec-num{font-family:var(--ff-mono);font-size:12px;color:var(--ink-500);letter-spacing:.08em}.sec-title{font-family:var(--ff-sans);font-weight:500;letter-spacing:-.025em;line-height:1.05;font-size:44px;margin:0}.sec-lede{color:var(--ink-700);max-width:580px;margin-top:16px;font-size:18px;line-height:1.5}.cover{height:100vh;min-height:720px;display:grid;grid-template-rows:auto 1fr auto;padding:32px 0;border-bottom:var(--hairline)}.cover-top,.cover-bot{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-700);text-transform:uppercase}.cover-bot{align-items:end}.cover-mid{display:grid;align-content:center;gap:32px;padding:32px 0}.cover-headline{font-family:var(--ff-sans);font-weight:500;font-size:clamp(56px,9vw,132px);letter-spacing:-.045em;line-height:.92;margin:0;text-wrap:balance}.cover-headline .it{font-family:var(--ff-display);font-style:italic;font-weight:400}.cover-headline .accent-dot{color:var(--accent)}.cover-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-top:32px;border-top:var(--hairline);font-family:var(--ff-mono);font-size:12px}.cover-meta dt{color:var(--ink-500);margin-bottom:6px;letter-spacing:.05em}.cover-meta dd{margin:0;color:var(--ink-1000);font-size:13px}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}.logo-tile{aspect-ratio:4/3;border:var(--hairline);border-radius:8px;display:grid;place-items:center;position:relative;overflow:hidden}.logo-tile.dark{background:var(--ink-1000);color:var(--ink-50)}.logo-tile.accent{background:var(--accent);color:var(--ink-1000)}.logo-tile.light{background:var(--ink-50);color:var(--ink-1000)}.logo-tile.paper{background:var(--ink-100);color:var(--ink-1000)}.logo-tile-label{position:absolute;bottom:12px;left:12px;font-family:var(--ff-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.lockup{display:flex;align-items:center;gap:12px;font-family:var(--ff-sans);font-weight:600;letter-spacing:-.045em;font-size:44px;text-transform:none}.lockup-sm{font-size:28px;gap:8px}.lockup .ai-dim{opacity:.5}.lockup .ai-accent{color:var(--accent)}.lockup-mark{display:inline-block}.logo-construction{background:var(--ink-100);border:var(--hairline);border-radius:8px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.construction-grid-svg{width:100%;height:auto;max-width:420px}.logo-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}.rule{border:var(--hairline);border-radius:8px;padding:24px;background:var(--ink-0)}.rule-tag{font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.rule-tag.ok{color:var(--signal)}.rule-tag.no{color:var(--danger)}.rule-demo{height:120px;background:var(--ink-100);border-radius:4px;display:grid;place-items:center;margin-bottom:12px}.rule-demo.dark{background:var(--ink-1000);color:var(--ink-50)}.palette-row{display:grid;gap:4px;margin-bottom:24px}.palette-row.neutrals{grid-template-columns:repeat(10,1fr)}.palette-row.accents{grid-template-columns:repeat(4,1fr)}.swatch{aspect-ratio:1;border-radius:6px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--ff-mono);font-size:10px;letter-spacing:.04em;border:1px solid transparent}.swatch.with-border{border-color:color-mix(in oklch,var(--ink-1000) 10%,transparent)}.swatch-name{font-weight:500}.swatch-val{opacity:.7;line-height:1.3;word-break:break-all}.swatch-dim{opacity:.55}.color-usage{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.usage-card{border:var(--hairline);border-radius:8px;padding:24px;background:var(--ink-0)}.usage-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;margin:16px 0}.usage-bar>span{display:block}.type-spec{display:grid;grid-template-columns:280px 1fr;gap:48px;padding:32px 0;border-top:var(--hairline);align-items:baseline}.type-spec:last-child{border-bottom:var(--hairline)}.type-meta{font-family:var(--ff-mono);font-size:12px;color:var(--ink-700)}.type-meta dt{color:var(--ink-500);margin-bottom:4px;letter-spacing:.04em}.type-meta dd{margin:0 0 14px;color:var(--ink-1000)}.type-sample-display{font-family:var(--ff-sans);font-weight:500;font-size:92px;letter-spacing:-.04em;line-height:1}.type-sample-h{font-family:var(--ff-sans);font-weight:500;font-size:48px;letter-spacing:-.025em;line-height:1.05}.type-sample-b{font-size:19px;line-height:1.5;max-width:520px}.type-sample-mono{font-family:var(--ff-mono);font-size:14px;letter-spacing:-.005em;line-height:1.55;max-width:520px}.type-sample-display .it,.type-sample-h .it{font-family:var(--ff-display);font-style:italic;font-weight:400;letter-spacing:-.01em}.type-scale-table{width:100%;border-collapse:collapse;margin-top:32px}.type-scale-table td,.type-scale-table th{text-align:left;padding:16px 8px;border-bottom:var(--hairline);font-size:14px;font-family:var(--ff-mono)}.type-scale-table th{font-weight:500;color:var(--ink-500);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding-top:0}.type-scale-table .col-sample{font-family:var(--ff-sans);font-size:18px;color:var(--ink-1000)}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}.voice-card{border:var(--hairline);border-radius:8px;padding:28px;background:var(--ink-0)}.voice-card-num{font-family:var(--ff-mono);font-size:11px;color:var(--accent-deep);margin-bottom:16px;letter-spacing:.06em}.voice-card h4{margin:0 0 8px;font-size:22px;font-weight:500;letter-spacing:-.015em}.voice-card p{margin:0;color:var(--ink-700);font-size:15px;line-height:1.5}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:16px}.do-dont-card{border:var(--hairline);border-radius:8px;padding:24px;background:var(--ink-0);display:grid;gap:16px}.do-dont-card .head{display:flex;align-items:center;gap:8px;font-family:var(--ff-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.do-dont-card .head .dot{width:8px;height:8px;border-radius:99px}.do-dont-card .ok .dot{background:var(--signal)}.do-dont-card .no .dot{background:var(--danger)}.do-dont-card ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}.do-dont-card li{font-size:16px;line-height:1.45;padding-left:20px;position:relative}.do-dont-card li:before{content:"";position:absolute;left:0;top:9px;width:10px;height:1px;background:var(--ink-400)}.glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:var(--hairline)}.glossary div{padding:16px 20px;border-bottom:var(--hairline);border-right:var(--hairline);font-size:14px}.glossary div:nth-child(3n){border-right:0}.glossary b{display:block;font-weight:600;margin-bottom:4px}.glossary span{color:var(--ink-700);font-size:13px}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:0;border:var(--hairline);border-radius:8px;overflow:hidden;background:var(--ink-0)}.icon-cell{aspect-ratio:1;display:grid;place-items:center;border-right:var(--hairline);border-bottom:var(--hairline);color:var(--ink-1000)}.icon-cell:nth-child(8n){border-right:0}.icon-cell svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comp-card{border:var(--hairline);border-radius:8px;padding:32px;background:var(--ink-0);display:grid;gap:20px;align-content:start}.comp-card h4{margin:0;font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:6px;font-family:var(--ff-sans);font-weight:500;font-size:15px;text-decoration:none;border:1px solid transparent;letter-spacing:-.005em;cursor:pointer;line-height:1}.btn.btn-primary{background:var(--ink-1000);color:var(--ink-50)}.btn.btn-primary:hover{background:var(--accent-deep)}.btn.btn-secondary{background:transparent;color:var(--ink-1000);border-color:var(--ink-300)}.btn.btn-accent{background:var(--accent);color:var(--ink-1000)}.btn.btn-ghost{background:transparent;color:var(--ink-1000)}.btn .arrow{font-size:13px}.input{display:block;width:100%;padding:14px 16px;border:1px solid var(--ink-300);border-radius:6px;font-family:var(--ff-sans);font-size:15px;background:var(--ink-0);color:var(--ink-1000)}.input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.04em;border:1px solid var(--ink-300)}.pill.solid{background:var(--accent);color:var(--ink-1000);border-color:transparent}.pill.dark{background:var(--ink-1000);color:var(--ink-50);border-color:transparent}.pill .dot{width:6px;height:6px;border-radius:99px;background:var(--signal)}.card-mock{border:var(--hairline);border-radius:8px;padding:20px;background:var(--ink-0);box-shadow:0 1px #00000005}.card-mock-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--ff-mono);font-size:11px;color:var(--ink-700);letter-spacing:.05em;text-transform:uppercase}.card-mock-num{font-family:var(--ff-sans);font-weight:500;font-size:36px;letter-spacing:-.025em;line-height:1}.card-mock-meta{font-size:13px;color:var(--ink-700);margin-top:8px}.app-row{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px}.app-card{border-radius:8px;overflow:hidden;border:var(--hairline);aspect-ratio:4/3;position:relative;display:grid}.app-card.tall{aspect-ratio:auto}.app-business{background:var(--ink-100);padding:48px;display:grid;align-content:space-between}.app-business .lockup-sm{font-size:24px}.app-business .info{font-family:var(--ff-mono);font-size:11px;line-height:1.6;color:var(--ink-700)}.app-business .info b{color:var(--ink-1000);font-weight:500}.app-social{background:var(--ink-1000);color:var(--ink-50);padding:40px;display:grid;align-content:space-between}.app-social .lockup{color:var(--ink-50)}.app-social .body{font-size:30px;font-weight:500;letter-spacing:-.02em;line-height:1.05;max-width:360px}.app-social .body .it{font-family:var(--ff-display);font-style:italic;font-weight:400}.app-social .meta{font-family:var(--ff-mono);font-size:11px;opacity:.6}.app-poster{background:var(--accent);color:var(--ink-1000);padding:48px;display:grid;align-content:space-between}.app-poster .body{font-size:56px;font-weight:500;letter-spacing:-.035em;line-height:.95}.app-poster .body .it{font-family:var(--ff-display);font-style:italic;font-weight:400}.app-email{background:var(--ink-50);padding:40px;display:grid;align-content:space-between}.app-email .subj{font-size:22px;font-weight:500;letter-spacing:-.015em;max-width:380px}.app-email .from{font-family:var(--ff-mono);font-size:11px;color:var(--ink-700)}.doc-foot{padding:64px 0 96px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:end;font-family:var(--ff-mono);font-size:11px;color:var(--ink-700);letter-spacing:.05em;text-transform:uppercase}.doc-foot .end-mark{font-family:var(--ff-display);font-style:italic;font-size:28px;color:var(--ink-1000);text-transform:none;letter-spacing:-.01em}@media(max-width:860px){.sec-head{grid-template-columns:1fr;gap:12px}.logo-grid,.voice-grid,.comp-grid,.do-dont,.color-usage{grid-template-columns:1fr}.palette-row.neutrals{grid-template-columns:repeat(5,1fr)}.palette-row.accents{grid-template-columns:repeat(2,1fr)}.icon-grid{grid-template-columns:repeat(4,1fr)}.icon-cell:nth-child(8n){border-right:var(--hairline)}.icon-cell:nth-child(4n){border-right:0}.logo-construction{grid-template-columns:1fr;padding:32px}.type-spec,.glossary{grid-template-columns:1fr}.glossary div{border-right:0}.app-row{grid-template-columns:1fr}.doc-foot{grid-template-columns:1fr;gap:16px}.cover-meta{grid-template-columns:1fr 1fr}}