:root{--paper:#f4f7fc;--paper-raised:#eaf0f8;--ink:#101b2d;--ink-soft:#4e5b70;--ink-faint:#5f6a7d;--line:#dee5ef;--cobalt:#2e5bff;--violet:#7c3aed;--nav-accent:#073dff;--orange:#c43400;--cobalt-soft:#e9f1fe;--orange-soft:#ffede3;--violet-soft:#f0eafb;--grad:linear-gradient(95deg, var(--cobalt) 25%, var(--violet));--contact-from:#1547ff;--contact-to:#6c22eb;--focus:var(--ink);--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Satoshi", "Inter", -apple-system, system-ui, sans-serif}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}::selection{background:var(--cobalt);color:#fff}.skip{z-index:200;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-family:var(--mono);letter-spacing:.06em;border-radius:3px;padding:10px 16px;font-size:.8125rem;text-decoration:none;transition:transform .15s;position:absolute;top:8px;left:8px;transform:translateY(calc(-100% - 12px))}.skip:focus{transform:translateY(0)}main:focus:not(:focus-visible){outline:none}.wrap{max-width:1060px;margin:0 auto;padding:0 28px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}#contact,footer{--focus:#fff}header{z-index:100;background:var(--paper);background:color-mix(in srgb, var(--paper) 85%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand svg{display:block}.brand-name{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:.9375rem;font-weight:500}nav.links{align-items:center;gap:34px;display:flex}nav.links a{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;padding:6px 0;font-size:.8125rem;text-decoration:none;transition:color .2s}nav.links a:before{content:"/";color:var(--nav-accent);margin-right:2px}nav.links a:hover{color:var(--nav-accent)}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#2e5bff14,#0000 65%);width:620px;height:620px;position:absolute;top:-20%;right:-12%}.hero{flex-direction:column;min-height:100svh;padding:64px 0 36px;display:flex;position:relative;overflow:hidden}.hero-inner{width:100%;margin-block:auto;position:relative}.hero-eye{width:172px;color:var(--ink);margin-bottom:40px;animation:1.2s both blink-in}@keyframes blink-in{0%{opacity:0;transform:scaleY(.05)}45%{opacity:1;transform:scaleY(.05)}70%{transform:scaleY(1.08)}to{opacity:1;transform:scaleY(1)}}.kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:22px;font-size:.8125rem}h1 .green{background-image:var(--grad);color:#0000;background-clip:text}h1.hero-lede{letter-spacing:-.015em;max-width:30ch;color:var(--ink);font-size:clamp(1.5625rem,3.6vw,2.375rem);font-weight:500;line-height:1.34}.hero-sub{max-width:46ch;color:var(--ink-soft);margin-top:26px;font-size:1.0625rem}.hero-cta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:44px;display:flex}.btn{font-family:var(--mono);letter-spacing:.06em;color:#fff;background:var(--grad);white-space:nowrap;border:none;border-radius:3px;padding:13px 24px;font-size:.8125rem;text-decoration:none;transition:box-shadow .2s,transform .2s}.btn:hover{box-shadow:0 8px 22px #2e5bff59;box-shadow:0 8px 22px color-mix(in srgb, var(--cobalt) 35%, transparent);transform:translateY(-2px)}.btn.ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0;padding:12px 23px}.btn.ghost:hover{color:var(--orange);border-color:var(--orange);box-shadow:none;transform:none}.hero-status{position:relative}.hero-status .wrap{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;font-size:.8125rem;display:flex}.pulse{background:var(--cobalt);border-radius:50%;width:7px;height:7px;margin-right:8px;animation:2.2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}section{border-top:1px solid var(--line);padding:110px 0}.sec-head{justify-content:space-between;align-items:baseline;margin-bottom:56px;display:flex}.sec-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cobalt);font-size:.8125rem}.sec-label:before{content:"§ ";color:var(--orange)}.sec-index{font-family:var(--mono);color:var(--ink-faint);font-size:.8125rem}h2{letter-spacing:-.02em;max-width:26ch;margin-bottom:18px;font-size:clamp(1.625rem,3.4vw,2.375rem);font-weight:700;line-height:1.2}.sec-intro{color:var(--ink-soft);max-width:56ch;margin-bottom:52px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.cell{border:1px solid var(--line);border-radius:4px;padding:34px 30px 38px;transition:transform .25s,box-shadow .25s;position:relative}.cell.tint-green{background:var(--cobalt-soft)}.cell.tint-orange{background:var(--orange-soft)}.cell.tint-blue{background:var(--violet-soft)}.cell:hover{transform:translateY(-4px);box-shadow:0 10px 28px #101b2d1f}.cell .num{font-family:var(--mono);margin-bottom:26px;font-size:.8125rem;display:block}.cell.tint-green .num{color:var(--cobalt)}.cell.tint-orange .num{color:#b94418}.cell.tint-blue .num{color:var(--violet)}.cell h3{letter-spacing:-.01em;margin-bottom:12px;font-size:1.125rem;font-weight:700}.cell p{color:var(--ink-soft);font-size:.9375rem}.list{border-top:1px solid var(--line);margin-top:44px}.row{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:110px 1fr auto;align-items:baseline;gap:28px;padding:26px 12px;text-decoration:none;transition:background .2s;display:grid}.row:hover{background:var(--paper-raised)}.row .date{font-family:var(--mono);color:var(--ink-faint);font-size:.8125rem}.row .title{letter-spacing:-.01em;font-size:1.03125rem;font-weight:500}.row:hover .title{color:var(--cobalt)}.row .title small{color:var(--ink-soft);margin-top:5px;font-size:.9375rem;font-weight:400;display:block}.row .authors{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.02em;margin-top:8px;font-size:.8125rem;font-weight:400;display:block}.tag{font-family:var(--mono);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.8125rem}.tag.paper{background:var(--cobalt-soft);color:#2447d6}.tag.advisory{background:var(--orange-soft);color:#b9431a}.tag.experiment{background:var(--violet-soft);color:#6d28d9}.tag.opinion{color:#bc2589;background:#fce0f0}.tag.tutorial{color:#8d6a13;background:#fff3d1}.more-link{font-family:var(--mono);color:var(--cobalt);letter-spacing:.06em;margin-top:30px;font-size:.8125rem;text-decoration:none;display:inline-block}.more-link:hover{color:var(--orange)}.more-link:after{content:" →"}#about{background:var(--paper-raised)}.about-grid .lede{letter-spacing:-.015em;max-width:40ch;font-size:clamp(1.3125rem,2.4vw,1.6875rem);line-height:1.5}.about-grid .lede em{background:linear-gradient(transparent 58%, var(--orange-soft) 58%);margin:0 -3px;padding:0 3px;font-style:normal;font-weight:700}.principles{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px;display:grid}.principle{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:26px 24px}.principle .k{font-family:var(--mono);color:var(--orange);letter-spacing:.1em;margin-bottom:10px;font-size:.8125rem;display:block}.principle .v{color:var(--ink-soft);font-size:.9375rem}#contact{background:linear-gradient(135deg, var(--contact-from), var(--contact-to));color:#fff;border-top:none}.contact-inner{grid-template-columns:1fr auto;align-items:center;gap:60px;display:grid}#contact .sec-head{margin-bottom:34px}#contact .sec-label{color:#d1dcff}#contact .sec-label:before{color:#ffd3bc}#contact .sec-index{color:#ffffffcf}#contact h2{color:#fff}.contact-email{font-family:var(--mono);color:#fff;overflow-wrap:anywhere;border-bottom:1px solid #ffffffa6;padding-bottom:4px;font-size:clamp(1.125rem,2.6vw,1.625rem);text-decoration:none;transition:border-color .2s,color .2s}.contact-email:hover{color:#ffd3bc;border-color:#ffd3bc}.contact-note{color:#ffffffcf;max-width:44ch;margin-top:20px;font-size:.9375rem}.contact-eye{color:#fff;opacity:.92;width:150px}footer{background:#0d1526;border-top:none;padding:34px 0}footer .wrap{font-family:var(--mono);color:#7a87a0;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}footer a{color:#aab6cc;text-decoration:none}footer a:hover{color:#8fa8ff}@media (width<=820px){nav.links{gap:20px}.grid,.principles{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:8px}.tag{justify-self:start}.contact-inner{grid-template-columns:1fr}.contact-eye{display:none}section{padding:80px 0}}@media (width<=560px){.wrap{padding:0 20px}nav.links a{letter-spacing:.02em}nav.links{gap:10px}.brand-name{display:none}.hero-eye{width:118px;margin-bottom:32px}}@media (width<=360px){.wrap{padding:0 16px}nav.links{gap:8px}}@media (width<=560px){.nav{height:auto;min-height:64px;padding-block:8px}nav.links{flex-wrap:wrap;row-gap:2px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-eye,.pulse{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
