@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@600;700;800&display=swap');
:root{--primary:#6366f1;--primary-hover:#4f46e5;--teal:#14b8a6;--amber:#f59e0b;--success:#10b981;--background:#f3f4f6;--surface:#fff;--text:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--border:#e5e7eb;--head:Inter,sans-serif;--body:'DM Sans',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:var(--body);line-height:1.55}.site-header{background:rgba(243,244,246,.93);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.nav-shell,.page-shell,.site-footer{max-width:1050px;margin:0 auto}.nav-shell{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--text);font:800 24px/1 var(--head);letter-spacing:-.055em;text-decoration:none;white-space:nowrap}.brand span{color:var(--primary);font:600 22px/1 var(--body);letter-spacing:0}.primary-nav{display:flex;align-items:center;gap:24px}.primary-nav>a,.nav-menu summary,.site-footer nav a{color:var(--text-secondary);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.primary-nav a[aria-current=page]{color:var(--primary)}.nav-menu{position:relative}.nav-menu summary{list-style:none}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary span{color:var(--primary);font-size:16px;margin-left:3px}.subnav{position:absolute;top:31px;left:-14px;width:220px;padding:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 30px rgba(17,24,39,.12);border-radius:9px;display:grid}.subnav a,.coming-soon{padding:8px 9px;border-radius:6px;font-size:13px;text-decoration:none}.subnav a{color:var(--text);font-weight:600}.subnav a:hover{background:#eef2ff;color:var(--primary)}.coming-soon{color:var(--text-tertiary);font-size:12px}.page-shell{padding:70px 20px}.hero{max-width:750px}.kicker,.card-label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.kicker{color:var(--primary);margin:0 0 12px}.home-hero .kicker{font-size:15px;letter-spacing:.06em}.hero h1{font:800 clamp(37px,6vw,62px)/1.03 var(--head);letter-spacing:-.06em;margin:0}.lede{color:var(--text-secondary);font-size:17px;line-height:1.6;max-width:660px;margin:18px 0 0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.button{background:var(--primary);border-radius:8px;color:#fff;font-size:14px;font-weight:700;padding:13px 16px;text-decoration:none}.button:hover{background:var(--primary-hover)}.button span{margin-left:18px;font-size:17px}.text-link,.article-link{color:var(--primary);font-size:13px;font-weight:700;text-decoration:none}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin:70px 0}.feature-card,.article-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.035)}.feature-card-primary{background:#151a35;border-color:#151a35;color:#fff}.feature-card-primary p{color:#c5c9e8}.feature-card-primary .card-label{color:#a5b4fc}.feature-card h2{font:700 24px/1.12 var(--head);letter-spacing:-.04em;margin:9px 0}.feature-card p{color:var(--text-secondary);font-size:14px}.feature-card a{font-size:13px;font-weight:700;color:var(--primary);text-decoration:none}.feature-card-primary a{color:#b7c2ff}.tool-card{background:#ecfdf5;border-color:#b7e7d5}.card-label{color:var(--text-tertiary);margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2,.roadmap-strip h2{font:700 31px/1.1 var(--head);letter-spacing:-.045em;margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-card h3,.article-card h2{font:700 21px/1.17 var(--head);letter-spacing:-.035em;margin:10px 0}.article-card h3 a,.article-card h2 a{color:var(--text);text-decoration:none}.article-card h3 a:hover,.article-card h2 a:hover{color:var(--primary)}.article-card p:not(.card-label){color:var(--text-secondary);font-size:14px;margin:0}.article-link{display:inline-block;margin-top:18px}.article-grid-wide{grid-template-columns:1.3fr 1fr 1fr}.featured-article{background:#fffbeb;border-color:#fde6a7}.journal-hero{margin-bottom:50px}.roadmap-strip{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;background:var(--surface);border-top:3px solid var(--teal);border-radius:9px;padding:27px;margin:70px 0}.roadmap-strip ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.roadmap-strip li{border-bottom:1px solid var(--border);padding:0 0 11px;color:var(--text-secondary);font-size:14px}.roadmap-strip b{color:var(--teal);font:600 13px var(--mono);margin-right:9px}.notes{background:#fffbeb;border-left:3px solid var(--amber);max-width:780px;padding:14px 17px}.notes h2{font:700 19px/1.2 var(--head);margin:0}.notes p{color:#5f4a13;font-size:13px;margin:7px 0 0}.site-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:26px 20px 42px}.site-footer p{color:var(--text-tertiary);font-size:12px;margin:6px 0 0}.site-footer nav{display:flex;align-items:center;gap:18px}.article{max-width:750px}.article header{margin-bottom:38px}.article h1{font:800 clamp(34px,5vw,55px)/1.05 var(--head);letter-spacing:-.055em;margin:0}.article-lede{color:var(--text-secondary);font-size:18px;line-height:1.6;margin:18px 0 0}.article h2{font:700 25px/1.16 var(--head);letter-spacing:-.035em;margin:38px 0 9px}.article p{font-size:16px;line-height:1.7}.article a{color:var(--primary);font-weight:700}.article-callout{background:#eef2ff;border-left:3px solid var(--primary);padding:17px 19px;margin-top:40px}.article-callout h2{margin:0;font-size:19px}.article-callout p{margin:6px 0 0;font-size:14px}@media(max-width:760px){.nav-shell{height:auto;min-height:65px;padding:13px 14px;align-items:flex-start}.primary-nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:250px}.primary-nav>a,.nav-menu summary{font-size:12px}.subnav{left:auto;right:0}.page-shell{padding:48px 14px}.hero h1{font-size:39px}.lede{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.feature-grid,.article-grid,.article-grid-wide,.roadmap-strip{grid-template-columns:1fr}.feature-grid{margin:48px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:9px}.roadmap-strip{gap:24px;margin:50px 0;padding:21px}.site-footer{display:block;padding:23px 14px 34px}.site-footer nav{flex-wrap:wrap;margin-top:17px;gap:9px 15px}.article h1{font-size:38px}.article p{font-size:15px}.article-lede{font-size:16px}}
