:root { color-scheme: dark; --ink:#f5f5f4; --muted:#a3a3a3; --canvas:#121212; --surface:#1c1c1c; --surface-raised:#242424; --line:rgba(255,255,255,.08); --accent:#ffffff; --accent-bright:#ffffff; --max:1120px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--canvas); font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",sans-serif; line-height:1.65; }
body::before { content:""; position:fixed; inset:0; z-index:-1; background:radial-gradient(circle at 85% -10%,rgba(255,255,255,.1),transparent 34%),radial-gradient(circle at 0 20%,rgba(55,65,75,.2),transparent 30%); pointer-events:none; }
a { color:inherit; text-underline-offset:3px; }
.site-header,footer { width:min(calc(100% - 40px),var(--max)); margin:auto; display:flex; align-items:center; justify-content:space-between; }
.site-header { min-height:88px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:13px; text-decoration:none; }
.brand-mark { width:36px; height:25px; object-fit:contain; }
.brand-wordmark { width:174px; height:auto; display:block; }
.site-nav,footer nav { display:flex; gap:26px; }
.site-nav a,footer a { color:var(--muted); font-size:.84rem; font-weight:700; text-decoration:none; }
.site-nav a:hover,.site-nav a[aria-current="page"],footer a:hover,footer a[aria-current="page"] { color:white; }
.home { width:min(calc(100% - 40px),var(--max)); margin:auto; padding:92px 0 110px; }
.hero { max-width:930px; }
.hero-mark { width:76px; height:auto; margin-bottom:32px; }
.eyebrow { margin:0 0 16px; color:var(--accent-bright); font-size:.73rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
h1 { margin:0; max-width:940px; font-size:clamp(3.3rem,8vw,7rem); font-weight:850; line-height:.94; letter-spacing:-.065em; }
h1 span { color:var(--accent-bright); }
.intro { max-width:700px; margin:32px 0 0; color:var(--muted); font-size:clamp(1.05rem,2vw,1.26rem); }
.primary-action { display:inline-flex; gap:24px; align-items:center; margin-top:32px; padding:13px 20px; border-radius:12px; color:#121212; background:var(--accent); font-weight:800; text-decoration:none; box-shadow:0 12px 34px rgba(255,255,255,.1); }
.primary-action:hover { background:#e5e5e5; }
.cards { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:85px; }
.card { position:relative; min-height:310px; padding:30px; border:1px solid var(--line); border-radius:18px; background:rgba(28,28,28,.88); text-decoration:none; transition:transform .18s ease,border-color .18s ease,background .18s ease; box-shadow:0 20px 50px rgba(0,0,0,.12); }
.card:hover { transform:translateY(-4px); border-color:rgba(255,255,255,.4); background:var(--surface-raised); }
.feature-card { background:linear-gradient(145deg,rgba(45,45,45,.96),rgba(28,28,28,.94)); }
.card-number,.feature-index { color:var(--accent-bright); font-size:.75rem; font-weight:850; letter-spacing:.1em; }
.card h2 { margin:70px 0 10px; font-size:1.55rem; line-height:1.15; }
.card p { max-width:440px; color:var(--muted); font-size:.92rem; }
.arrow { position:absolute; right:30px; bottom:25px; font-size:.85rem; font-weight:800; }
.document { width:min(calc(100% - 40px),var(--max)); margin:auto; display:grid; grid-template-columns:220px minmax(0,750px); gap:80px; padding:90px 0 110px; }
.document-meta { color:var(--muted); font-size:.82rem; }
.document-meta p { margin:0 0 5px; }
.document article h1 { font-size:clamp(3.3rem,7vw,5.8rem); }
.lede { margin:34px 0 60px; color:#c8c8c8; font-size:1.2rem; line-height:1.65; }
.document h2 { margin:50px 0 12px; font-size:1.55rem; line-height:1.2; }
.document h3 { margin:26px 0 8px; font-size:1rem; }
.document p,.document li { color:#b5b5b5; }
.document strong { color:#e8e8e8; }
.document li+li { margin-top:8px; }
.document article a { color:#ffffff; }
.notice { margin-top:55px; padding:18px 20px; border-left:3px solid var(--accent); border-radius:0 10px 10px 0; background:var(--surface); font-size:.84rem; }
.about { width:min(calc(100% - 40px),var(--max)); margin:auto; padding:90px 0 110px; }
.about-hero { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:70px; align-items:center; }
.about-hero .intro { max-width:680px; }
.app-emblem { aspect-ratio:1; display:grid; place-items:center; border:1px solid var(--line); border-radius:30%; background:linear-gradient(145deg,#26313b,#191919); box-shadow:0 30px 70px rgba(0,0,0,.3); }
.app-emblem img { width:60%; }
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:100px; }
.feature { min-height:370px; padding:34px; border:1px solid var(--line); border-radius:18px; background:rgba(28,28,28,.88); }
.feature-icon { display:grid; place-items:center; width:62px; height:62px; margin:55px 0 25px; border-radius:15px; color:#121212; background:var(--accent); font-size:1.25rem; font-weight:900; letter-spacing:-.05em; box-shadow:0 10px 28px rgba(255,255,255,.1); }
.feature-icon.question { font-size:2rem; }
.feature-icon.people { font-size:.65rem; letter-spacing:-2px; }
.feature-icon.profile { border-radius:50%; font-size:2rem; }
.feature h2 { margin:0 0 8px; font-size:1.45rem; }
.feature p { max-width:480px; margin:0; color:var(--muted); }
.manifesto { margin-top:100px; padding:70px 30px; border:1px solid var(--line); border-radius:24px; text-align:center; background:linear-gradient(135deg,rgba(35,43,50,.9),rgba(24,24,24,.95)); }
.manifesto img { width:min(520px,88%); height:auto; }
.manifesto p { max-width:600px; margin:28px auto 0; color:#d0d0d0; font-size:1.3rem; }
footer { min-height:110px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; }
@media (max-width:820px) { .cards{grid-template-columns:1fr}.card{min-height:265px}.about-hero{grid-template-columns:1fr}.app-emblem{width:min(280px,70vw)} }
@media (max-width:640px) { .site-header{min-height:76px;flex-wrap:wrap;row-gap:10px;padding:12px 0}.brand-mark{width:30px}.brand-wordmark{width:135px}.site-nav{gap:14px;flex-wrap:wrap}.site-nav a{font-size:.74rem}.home,.about{padding:60px 0 75px}.hero-mark{width:58px}.cards{margin-top:60px}.document{grid-template-columns:1fr;gap:34px;padding:58px 0 76px}.document-meta{padding-bottom:22px;border-bottom:1px solid var(--line)}.lede{margin-bottom:44px}.feature-grid{grid-template-columns:1fr;margin-top:70px}.feature{min-height:auto}.feature-icon{margin-top:40px}.manifesto{margin-top:70px;padding:50px 20px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding:24px 0}footer p{margin:0}footer nav{flex-wrap:wrap;gap:14px} }