:root{--bg:#08090d;--ink:#f5f2ea;--muted:#a9a29a;--soft:#d7d1c6;--line:rgba(255,255,255,.15);--line2:rgba(255,255,255,.08);--lime:#d7ff58;--cyan:#9adfff;--coral:#ff986f;--shadow:0 28px 100px rgba(0,0,0,.42);--radius:30px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#08090d 0%,#10131b 45%,#07080b 100%);color:var(--ink);font-family:"Inter","Satoshi","SF Pro Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"kern" 1,"liga" 1;text-rendering:geometricPrecision;line-height:1.52;overflow-x:hidden}
a{color:inherit;text-underline-offset:.16em}a:hover{color:var(--lime)}.container{width:min(var(--max),calc(100% - 42px));margin-inline:auto}.skip{position:absolute;top:-120px;left:22px;z-index:999;background:var(--lime);color:#08090d;padding:10px 14px;border-radius:999px;font-weight:850}.skip:focus{top:22px}.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.ambient span{position:absolute;border-radius:999px;filter:blur(52px);opacity:.55;animation:float 18s ease-in-out infinite}.ambient span:nth-child(1){width:38vw;height:38vw;left:-10vw;top:2vh;background:rgba(215,255,88,.18)}.ambient span:nth-child(2){width:30vw;height:30vw;right:-7vw;top:12vh;background:rgba(154,223,255,.18);animation-delay:-5s}.ambient span:nth-child(3){width:42vw;height:42vw;left:35vw;bottom:-22vw;background:rgba(255,152,111,.12);animation-delay:-10s}@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,-3vh,0) scale(1.08)}}.progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--coral));z-index:100}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line2);background:rgba(8,9,13,.54);backdrop-filter:blur(22px) saturate(145%)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.logo{width:44px;height:44px;border:1px solid rgba(215,255,88,.35);border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(215,255,88,.95),rgba(154,223,255,.78));color:#0b0c10;font-weight:950;letter-spacing:-.08em;box-shadow:0 0 0 8px rgba(215,255,88,.06)}.brand b{display:block;font-size:18px;letter-spacing:-.04em}.brand small{display:block;margin-top:-2px;color:var(--muted);font-size:12px}.nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;color:var(--muted);border:1px solid transparent;border-radius:999px;padding:9px 12px;font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);border-color:var(--line);background:rgba(255,255,255,.07)}.hero{padding:clamp(70px,10vw,140px) 0 42px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px}.hero-stage{position:relative;min-height:660px;padding:clamp(28px,5vw,64px);border-radius:42px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate}.hero-stage:before{content:"INDEXBLOG";position:absolute;left:-.06em;bottom:-.18em;font-weight:950;font-size:clamp(90px,18vw,270px);line-height:.78;letter-spacing:-.13em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);z-index:-1;animation:wordDrift 12s ease-in-out infinite}.hero-stage:after{content:"";position:absolute;width:460px;height:460px;right:-120px;top:35%;border-radius:50%;background:radial-gradient(circle at 32% 31%,#fff 0 7%,var(--lime) 8% 28%,rgba(215,255,88,.15) 50%,transparent 70%);opacity:.86;filter:blur(.2px);mix-blend-mode:screen;animation:orbPulse 8s ease-in-out infinite}@keyframes wordDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(24px)}}@keyframes orbPulse{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,-14px,0) scale(1.04)}}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(215,255,88,.28);background:rgba(215,255,88,.12);color:var(--lime);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 28px var(--lime)}h1,h2,h3{margin:0;letter-spacing:-.075em;line-height:.94}h1{margin-top:28px;max-width:10.7ch;font-size:clamp(66px,11.4vw,156px);font-weight:950}.hero-lede{max-width:690px;margin:30px 0 0;color:var(--soft);font-size:clamp(19px,2.1vw,28px);letter-spacing:-.025em}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;position:relative;z-index:2}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ink);text-decoration:none;font-weight:850;transition:transform .25s ease,border-color .25s ease,background .25s ease}.button:hover{transform:translateY(-2px);border-color:rgba(215,255,88,.55);background:rgba(215,255,88,.1);color:var(--ink)}.button.primary{background:var(--lime);border-color:var(--lime);color:#090a0d}.hero-side{display:grid;gap:22px}.glass-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(18px) saturate(130%);overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.12) 42%,transparent 58%);transform:translateX(-115%);transition:transform .9s cubic-bezier(.2,.8,.2,1);pointer-events:none}.glass-card:hover:before{transform:translateX(115%)}.metric{padding:28px}.metric .number{font-size:clamp(60px,8vw,112px);font-weight:950;line-height:.8;letter-spacing:-.1em}.metric p{margin:16px 0 0;color:var(--muted);font-size:17px}.mini-map{padding:28px;min-height:220px}.mini-map h2{font-size:32px}.mini-map ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}.mini-map li{display:flex;justify-content:space-between;gap:16px;color:var(--muted);border-bottom:1px solid var(--line2);padding-bottom:10px}.mini-map b{color:var(--ink)}.ticker{border-block:1px solid var(--line2);overflow:hidden;white-space:nowrap;color:rgba(245,242,234,.58);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.ticker div{display:inline-block;padding:18px 0;animation:ticker 34s linear infinite}.ticker span{margin-right:42px}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:64px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{font-size:clamp(44px,7vw,92px);max-width:10ch}.section-head p{max-width:620px;margin:14px 0 0;color:var(--muted);font-size:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.note-card{min-height:315px;padding:24px;display:flex;flex-direction:column;text-decoration:none;transition:transform .35s ease,background .35s ease,border-color .35s ease}.note-card:hover{transform:translateY(-6px);border-color:rgba(215,255,88,.46);color:var(--ink)}.chip,.tag{display:inline-flex;width:max-content;align-items:center;border:1px solid rgba(215,255,88,.25);background:rgba(215,255,88,.09);color:var(--lime);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.note-card h3{margin-top:18px;font-size:clamp(26px,3vw,38px)}.note-card p{color:var(--muted);margin:16px 0 0}.card-meta{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;gap:14px;color:rgba(245,242,234,.55);font-size:14px}.manifesto{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.manifesto-panel{padding:clamp(28px,5vw,58px);border-radius:38px;background:linear-gradient(135deg,#f5f2ea,#d8d0bf);color:#090a0d;box-shadow:var(--shadow)}.manifesto-panel h2{font-size:clamp(50px,8vw,108px);color:#090a0d}.manifesto-panel p{font-size:21px;color:#36342f;max-width:730px}.feature-card{padding:24px;min-height:215px}.feature-card strong{display:block;font-size:24px;letter-spacing:-.055em}.feature-card p{color:var(--muted)}.archive-list,.topic-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.045);backdrop-filter:blur(14px)}.archive-row,.topic-row{display:grid;grid-template-columns:170px 1fr 130px;gap:18px;align-items:center;padding:21px 24px;border-bottom:1px solid var(--line2);text-decoration:none}.archive-row:last-child,.topic-row:last-child{border-bottom:0}.archive-row:hover,.topic-row:hover{background:rgba(255,255,255,.07);color:var(--ink)}.archive-row b,.topic-row b{font-size:19px;letter-spacing:-.035em}.archive-row span,.topic-row span{color:var(--muted)}.article-wrap{padding:64px 0 100px}.article{max-width:980px;margin-inline:auto;padding:clamp(28px,6vw,72px);border-radius:38px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:var(--shadow);backdrop-filter:blur(16px)}.article h1{font-size:clamp(56px,9vw,116px);max-width:11ch}.article .summary{margin:28px 0;color:var(--soft);font-size:clamp(21px,2.4vw,30px);letter-spacing:-.035em}.article p{max-width:72ch;color:#dfd8cf;font-size:20px}.article hr{border:0;border-top:1px solid var(--line);margin:34px 0}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filterbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.filterbar button{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ink);border-radius:999px;padding:10px 13px;cursor:pointer;font-weight:750}.filterbar button.active{background:var(--lime);border-color:var(--lime);color:#090a0d}.field-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.quote-panel{padding:34px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.075);font-size:clamp(28px,5vw,58px);letter-spacing:-.07em;line-height:1}.footer{border-top:1px solid var(--line2);padding:40px 0 58px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:30px}.footer-logo{display:inline-block;color:var(--ink);font-weight:950;font-size:28px;text-decoration:none;letter-spacing:-.07em}.footer h2{font-size:15px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}.footer a{display:block;color:var(--muted);text-decoration:none;margin:6px 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*45ms)}.reveal.in{opacity:1;transform:none}
@media(max-width:1000px){.hero-grid,.manifesto,.field-grid{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-row,.topic-row{grid-template-columns:1fr}.hero-stage{min-height:560px}h1{font-size:72px}}@media(max-width:680px){.container{width:min(100% - 28px,var(--max))}.header-inner{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.grid-3,.grid-4{grid-template-columns:1fr}.hero-stage{min-height:auto;border-radius:28px}.hero-stage:after{opacity:.35}.section-head{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.article h1{font-size:54px}.article p{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.ticker div{animation:none}.ambient span{animation:none}}
@media print{.site-header,.footer,.ticker,.hero-actions,.filterbar,.progress,.ambient,.grain{display:none!important}body{background:#fff;color:#111}.article,.glass-card,.manifesto-panel{box-shadow:none;border:1px solid #aaa;background:#fff;color:#111}.article p{color:#111}a{color:#111}}