:root { --black:#050505;--panel:#0b0c0e;--white:#f6f6f7;--muted:#979ba2;--line:#34383e;--blue:#70ddff;--red:#ff7b7b;--display:"Barlow Condensed",sans-serif;--mono:"Space Mono",monospace; }
* { box-sizing:border-box; }
html { color-scheme:dark;scroll-behavior:smooth; }
body { min-height:100vh;margin:0;color:var(--white);background:radial-gradient(circle at 12% 18%,rgba(112,221,255,.09),transparent 26%),radial-gradient(circle at 88% 82%,rgba(255,123,123,.08),transparent 28%),var(--black);font-family:var(--mono); }
a { color:inherit; }
.info-topbar { display:flex;width:min(1320px,calc(100% - 40px));height:76px;margin:auto;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line); }
.info-brand { display:flex;align-items:center;gap:11px;text-decoration:none;font:900 italic 1.55rem var(--display);letter-spacing:.08em; }
.info-brand b { display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--white);color:#050505;background:linear-gradient(135deg,var(--blue) 0 46%,var(--white) 47% 53%,var(--red) 54%);font-style:normal; }
.info-topbar nav { display:flex;gap:8px; }
.info-topbar nav a,.back-link { border:1px solid #454a51;padding:9px 12px;text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase; }
.info-topbar nav a:hover,.back-link:hover { border-color:var(--blue); }
.info-main { width:min(1100px,calc(100% - 40px));margin:auto;padding:clamp(40px,8vw,90px) 0 70px; }
.info-hero { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:28px;align-items:end;padding-bottom:42px;border-bottom:1px solid var(--line); }
.eyebrow { margin:0 0 12px;color:var(--blue);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase; }
h1,h2,h3 { margin:0;font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase; }
h1 { max-width:760px;font-size:clamp(4.5rem,12vw,9rem);line-height:.78;letter-spacing:-.03em; }
.info-lead { margin:0;color:#c7cad0;font-size:1rem;line-height:1.75; }
.creator-card { border:1px solid var(--line);padding:22px;background:linear-gradient(135deg,rgba(112,221,255,.09),rgba(255,123,123,.05)),var(--panel);box-shadow:inset 3px 0 var(--blue); }
.creator-card span { color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase; }
.creator-card strong { display:block;margin-top:8px;font:900 italic 2rem var(--display);text-transform:uppercase; }
.info-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px; }
.info-card { min-height:210px;border:1px solid var(--line);padding:24px;background:rgba(11,12,14,.92); }
.info-card:nth-child(2) { box-shadow:inset 0 3px var(--red); }.info-card:first-child { box-shadow:inset 0 3px var(--blue); }
.info-card h2 { font-size:2rem;line-height:.9; }.info-card p { margin:16px 0 0;color:#b0b4bb;font-size:.9rem;line-height:1.7; }
.info-note { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;border:1px solid var(--line);padding:22px;background:#08090a; }
.info-note p { margin:0;color:#b0b4bb;font-size:.85rem;line-height:1.65; }.info-note strong { color:var(--blue); }
.legal-stack { display:grid;gap:14px;margin-top:32px; }.legal-card { border:1px solid var(--line);padding:clamp(22px,4vw,34px);background:rgba(11,12,14,.94); }.legal-card h2 { color:var(--blue);font-size:2.2rem; }.legal-card p,.legal-card li { color:#b8bbc2;font-size:.9rem;line-height:1.75; }.legal-card ul { margin:14px 0 0;padding-left:20px; }.legal-card li+li { margin-top:8px; }.legal-date { margin-top:28px;color:#777c84;font-size:.75rem; }
.about-hero { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(28px,6vw,78px);align-items:end;padding-bottom:clamp(42px,7vw,76px);border-bottom:1px solid var(--line); }
.about-hero h1 span { color:var(--blue);text-shadow:5px 4px 0 rgba(255,123,123,.34); }
.about-intro { display:grid;gap:26px;padding-bottom:8px; }.about-intro p { margin:0;color:#c5c8ce;font-size:1rem;line-height:1.8; }.about-intro strong { border-left:3px solid var(--blue);padding:12px 0 12px 18px;color:#fff;font:800 italic 1.35rem/1.2 var(--display);letter-spacing:.03em;text-transform:uppercase; }
.roadmap { padding:clamp(54px,8vw,94px) 0; }.roadmap-heading { margin-bottom:32px; }.roadmap-heading h2,.inline-legal h2 { font-size:clamp(3.2rem,8vw,6.4rem);line-height:.8; }
.roadmap-list { margin:0;padding:0;border-top:1px solid var(--line);list-style:none; }.roadmap-list li { display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:24px 4px;transition:background .18s ease,padding .18s ease; }.roadmap-list li:hover { padding-right:18px;padding-left:18px;background:linear-gradient(90deg,rgba(112,221,255,.07),transparent 60%,rgba(255,123,123,.05)); }.roadmap-list li > span { color:var(--blue);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase; }.roadmap-list li:nth-child(odd) > span { color:var(--red); }.roadmap-list li div { display:flex;align-items:baseline;justify-content:space-between;gap:24px; }.roadmap-list h3 { flex:0 0 44%;font-size:clamp(1.9rem,4vw,3.3rem);line-height:.9; }.roadmap-list p { margin:0;color:#adb1b8;font-size:.85rem;line-height:1.6; }
.page-actions { display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:22px; }.primary-link { border-color:var(--blue);color:#050505;background:var(--blue); }
.inline-legal { margin-top:clamp(64px,10vw,118px);padding-top:clamp(48px,7vw,78px);border-top:1px solid var(--line); }.legal-heading { display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px; }.legal-heading p { margin:0;color:#858a91;font-size:.82rem; }.legal-rows { border-top:1px solid var(--line); }.legal-rows article { display:grid;grid-template-columns:minmax(170px,.35fr) minmax(0,1fr);gap:28px;border-bottom:1px solid var(--line);padding:26px 4px; }.legal-rows h3 { color:var(--blue);font-size:1.8rem;line-height:1; }.legal-rows article:nth-child(2) h3 { color:var(--red); }.legal-rows p { max-width:760px;margin:0;color:#aeb2b9;font-size:.88rem;line-height:1.75; }
.social-rail { position:fixed;z-index:20;bottom:20px;left:20px;display:grid;gap:7px;padding:7px;border:1px solid #343a42;background:rgba(10,13,16,.94);box-shadow:0 14px 35px rgba(0,0,0,.38);backdrop-filter:blur(10px); }
.social-link { position:relative;display:grid;width:38px;height:38px;place-items:center;border:1px solid transparent;background:#14181d;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.social-link img { width:20px;height:20px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.78;transition:opacity .16s ease; }
.social-link > span { position:absolute;left:calc(100% + 12px);top:50%;padding:7px 9px;border:1px solid #3b4149;color:#e8ebef;background:#0b0e11;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-4px,-50%);transition:opacity .16s ease,transform .16s ease; }
.social-link:not(.social-link-disabled):hover,.social-link:not(.social-link-disabled):focus-visible { border-color:var(--blue);background:rgba(112,221,255,.12);transform:translateY(-1px);outline:none; }
.social-link:not(.social-link-disabled):hover img,.social-link:not(.social-link-disabled):focus-visible img { opacity:1; }
.social-link:hover > span,.social-link:focus-visible > span { opacity:1;transform:translate(0,-50%); }
.social-link-disabled { cursor:default;opacity:.48; }
@media (max-width:760px) { .info-topbar { width:min(100% - 24px,1100px);height:auto;min-height:64px;gap:12px;padding:10px 0; }.info-topbar nav { gap:5px; }.info-topbar nav a { padding:8px;font-size:.68rem; }.info-main { width:min(100% - 24px,1100px);padding-top:38px; }.info-hero { grid-template-columns:1fr; }.info-grid { grid-template-columns:1fr; }.info-card { min-height:0; }.info-note { align-items:flex-start;flex-direction:column; } }
@media (max-width:760px) { .about-hero { grid-template-columns:1fr; }.about-hero h1 { font-size:clamp(4.1rem,21vw,7rem); }.roadmap-list li { grid-template-columns:1fr;gap:10px;padding:22px 2px; }.roadmap-list li div { display:grid;gap:10px; }.roadmap-list h3 { font-size:2.4rem; }.page-actions { justify-content:stretch; }.page-actions .back-link { flex:1;text-align:center; }.legal-heading { align-items:flex-start;flex-direction:column; }.legal-rows article { grid-template-columns:1fr;gap:10px; }.legal-rows p { font-size:.84rem; }.social-rail { position:static;width:min(100% - 24px,1100px);margin:0 auto 18px;display:flex;justify-content:flex-start; }.social-link { width:42px;height:42px; }.social-link > span { display:none; } }