:root{--ink:#0a0d12;--muted:#626d78;--line:#dde3e8;--paper:#f5f7f8;--white:#fff;--cyan:#00a8e8;--magenta:#ec168c;--yellow:#ffd400;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.65}
a{color:inherit}
img{max-width:100%}
.cmyk-rule{height:4px;background:linear-gradient(90deg,var(--cyan) 0 33%,var(--magenta) 33% 66%,var(--yellow) 66% 100%)}
.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(10,13,18,.08)}
.nav{height:84px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;flex:0 0 auto}
.logo img{width:224px;height:auto;display:block}
.nav-links{display:flex;gap:24px;align-items:center;margin-left:auto;font-size:13px;font-weight:750;color:#29313a}
.nav-links a{text-decoration:none}
.nav-links a[aria-current="page"]{color:#000;border-bottom:2px solid var(--magenta);padding-bottom:5px}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff!important;text-decoration:none;font-weight:800}
.blog-hero{position:relative;overflow:hidden;background:#070b11;color:#fff;padding:92px 0 86px}
.blog-hero:after{content:"";position:absolute;width:640px;height:640px;right:-180px;bottom:-390px;border-radius:50%;background:radial-gradient(circle at 28% 30%,rgba(0,168,232,.36),transparent 30%),radial-gradient(circle at 56% 44%,rgba(236,22,140,.28),transparent 30%),radial-gradient(circle at 48% 69%,rgba(255,212,0,.23),transparent 27%);filter:blur(14px)}
.kicker{font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#66717d}
.blog-hero .kicker{color:#b9c4cf}
.blog-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(54px,7vw,92px);line-height:.94;letter-spacing:-.055em;margin:15px 0 24px;max-width:850px}
.blog-hero p{font-size:19px;line-height:1.7;color:#c5ced8;max-width:720px;margin:0}
.articles{padding:80px 0 100px}
.featured-card{display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(10,13,18,.08)}
.featured-art{min-height:420px;background:#071018;position:relative;overflow:hidden;padding:42px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.featured-art:before,.featured-art:after{content:"";position:absolute;border-radius:50%;mix-blend-mode:screen}
.featured-art:before{width:340px;height:340px;background:rgba(0,168,232,.28);right:-80px;top:-90px;box-shadow:-130px 170px 0 rgba(236,22,140,.22)}
.featured-art:after{width:260px;height:260px;background:rgba(255,212,0,.17);right:55px;bottom:-130px}
.featured-art>*{position:relative;z-index:1}
.feature-number{font-family:"Space Grotesk";font-size:80px;font-weight:700;letter-spacing:-.06em;color:rgba(255,255,255,.19)}
.feature-mark{font-family:"Space Grotesk";font-size:28px;font-weight:700;line-height:1.1;max-width:300px}
.featured-copy{padding:54px 50px;display:flex;flex-direction:column;justify-content:center}
.featured-copy h2,.article-card h2{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.035em;line-height:1.08}
.featured-copy h2{font-size:clamp(36px,4vw,54px);margin:13px 0 18px}
.featured-copy p{color:var(--muted);font-size:17px}
.meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#7a8490;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.read-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:850;text-decoration:none}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.article-card{border:1px solid var(--line);border-radius:22px;padding:34px;min-height:360px;display:flex;flex-direction:column;background:var(--white);transition:transform .18s ease,box-shadow .18s ease}
.article-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(10,13,18,.08)}
.article-card h2{font-size:34px;margin:18px 0 14px}
.article-card p{color:var(--muted);margin:0}
.article-card .read-link{margin-top:auto;padding-top:28px}
.article-card.cyan{border-top:5px solid var(--cyan)}
.article-card.magenta{border-top:5px solid var(--magenta)}
.newsletter-note{margin-top:64px;padding:34px;border-radius:22px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:28px}
.newsletter-note h2{font-family:"Space Grotesk";font-size:30px;margin:0 0 8px}
.newsletter-note p{margin:0;color:var(--muted)}
.article-hero{padding:74px 0 58px;background:#071018;color:#fff;position:relative;overflow:hidden}
.article-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-230px;top:-210px;background:radial-gradient(circle at 35% 35%,rgba(0,168,232,.34),transparent 31%),radial-gradient(circle at 62% 48%,rgba(236,22,140,.27),transparent 29%),radial-gradient(circle at 46% 72%,rgba(255,212,0,.2),transparent 28%)}
.article-hero .shell{position:relative;z-index:1}
.article-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(46px,6.8vw,80px);line-height:.98;letter-spacing:-.052em;max-width:970px;margin:18px 0 24px}
.article-hero .dek{max-width:820px;font-size:20px;line-height:1.65;color:#c6d0da;margin:0 0 24px}
.article-hero .meta{color:#aeb9c4}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:72px;align-items:start;padding:72px 0 100px}
.article-body{font-size:18px;color:#262e36}
.article-body>p:first-child{font-size:23px;line-height:1.62;color:#111820}
.article-body h2{font-family:"Space Grotesk";font-size:36px;line-height:1.12;letter-spacing:-.03em;margin:54px 0 16px;color:#0a0d12}
.article-body h3{font-family:"Space Grotesk";font-size:25px;line-height:1.2;margin:38px 0 12px;color:#0a0d12}
.article-body p{margin:0 0 22px}
.article-body ul{padding-left:24px;margin:0 0 26px}
.article-body li{margin:10px 0}
.article-body a{color:#056b9b;text-decoration-thickness:1px;text-underline-offset:3px}
.pullquote{margin:42px 0;padding:26px 0 26px 28px;border-left:5px solid var(--magenta);font-family:"Space Grotesk";font-size:28px;line-height:1.32;color:#111820}
.fact-box{margin:36px 0;padding:26px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
.fact-box strong{display:block;font-family:"Space Grotesk";font-size:23px;margin-bottom:7px}
.sources{margin-top:58px;padding-top:34px;border-top:1px solid var(--line)}
.sources h2{font-size:26px;margin:0 0 14px}
.sources ol{font-size:14px;line-height:1.55;color:#56616d;padding-left:20px}
.article-aside{position:sticky;top:112px}
.aside-card{border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:15px}
.aside-card strong{display:block;font-family:"Space Grotesk";font-size:19px;margin-bottom:8px}
.aside-card p{font-size:14px;color:var(--muted);margin:0 0 16px}
.share-link,.aside-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-radius:999px;text-decoration:none;font-weight:800;font-size:14px}
.share-link{background:#0a66c2;color:#fff}
.aside-link{border:1px solid #cfd6dc;background:#fff}
.article-cta{margin-top:54px;padding:36px;border-radius:22px;background:#0a0d12;color:#fff}
.article-cta h2{color:#fff;margin:0 0 10px;font-size:32px}
.article-cta p{color:#b9c4cf}
.article-cta a{display:inline-flex;margin-top:8px;padding:13px 20px;border-radius:999px;background:#fff;color:#0a0d12;text-decoration:none;font-weight:850}
.site-footer{border-top:1px solid var(--line);padding:42px 0;color:#626d78;font-size:13px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.footer-brand{font-weight:900;letter-spacing:.12em;color:#111820}
@media(max-width:900px){.nav-links a:not([aria-current="page"]){display:none}.featured-card{grid-template-columns:1fr}.featured-art{min-height:300px}.article-layout{grid-template-columns:1fr;gap:36px}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.aside-card{margin:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}}
@media(max-width:650px){.shell{width:min(100% - 28px,var(--max))}.nav{height:72px;gap:10px}.logo img{width:146px}.nav-links{gap:10px}.nav-links a[aria-current="page"]{display:none}.nav-cta{min-height:40px;padding:0 14px;font-size:12px}.blog-hero{padding:64px 0}.blog-hero h1{font-size:52px}.articles{padding:50px 0 72px}.featured-copy{padding:32px 24px}.featured-art{padding:26px;min-height:250px}.feature-number{font-size:58px}.article-grid{grid-template-columns:1fr}.article-card{min-height:320px;padding:28px}.newsletter-note{align-items:flex-start;flex-direction:column}.article-hero{padding:54px 0 46px}.article-hero h1{font-size:44px}.article-hero .dek{font-size:18px}.article-layout{padding:48px 0 72px}.article-body{font-size:17px}.article-body>p:first-child{font-size:20px}.article-body h2{font-size:31px}.pullquote{font-size:24px;padding-left:20px}.article-aside{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>:first-child{grid-column:auto}}