:root{--bg-deep: #07080c;--bg: #0c0e13;--surface: #131720;--surface-2: #1a1f2e;--border: rgba(148, 163, 184, 0.14);--text: #e8eaf0;--muted: #94a3b8;--accent: #5eead4;--accent-dim: rgba(94, 234, 212, 0.14);--accent-strong: #2dd4bf;--warn: #fbbf24;--radius: 14px;--radius-sm: 10px;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--shadow: 0 24px 80px rgba(0, 0, 0, 0.45);--code-bg: #0a0d14;--max: 720px;--max-wide: 1040px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body.site{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;color:var(--text);background:var(--bg-deep)}.site__bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 120% 80% at 15% -10%, rgba(94,234,212,0.09), transparent 52%),radial-gradient(ellipse 90% 60% at 92% 8%, rgba(129,140,248,0.07), transparent 45%),radial-gradient(ellipse 70% 50% at 50% 100%, rgba(45,212,191,0.05), transparent 42%),linear-gradient(180deg, var(--bg-deep), var(--bg) 28%);pointer-events:none}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:rgba(7,8,12,0.72);border-bottom:1px solid var(--border)}.site-header__inner{max-width:var(--max-wide);margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-logo{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:inherit}.site-logo__mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg, var(--accent-strong), #6366f1);box-shadow:0 8px 28px rgba(45,212,191,0.22);position:relative}.site-logo__mark::after{content:"";position:absolute;inset:10px;border-radius:5px;border:2px solid rgba(255,255,255,0.35)}.site-logo__text{display:flex;flex-direction:column;gap:0.1rem}.site-logo__title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-0.02em}.site-logo__tag{font-size:0.75rem;color:var(--muted)}.site-nav{display:flex;align-items:center;gap:1.25rem}.site-nav a{color:var(--muted);text-decoration:none;font-size:0.92rem;font-weight:500;transition:color 0.18s ease}.site-nav a:hover{color:var(--accent-strong)}.site-main{max-width:var(--max-wide);margin:0 auto;padding:0 1.5rem 4rem}.site-footer{border-top:1px solid var(--border);padding:2rem 1.5rem;margin-top:auto}.site-footer__inner{max-width:var(--max-wide);margin:0 auto;font-size:0.875rem;color:var(--muted)}.site-footer a{color:var(--accent-strong);text-decoration:none}.site-footer a:hover{text-decoration:underline}.hero{padding:3.25rem 0 2.5rem}.hero__inner{max-width:46rem}.hero__eyebrow{margin:0 0 0.75rem;font-size:0.78rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent-strong)}.hero__title{margin:0 0 0.75rem;font-family:var(--font-display);font-size:clamp(2.25rem, 5vw, 3.25rem);font-weight:700;letter-spacing:-0.03em;line-height:1.15}.hero__subtitle{margin:0 0 1rem;font-size:1.2rem;color:var(--muted)}.hero__lead{margin:0 0 1.75rem;color:#b8c0cd;font-size:1.05rem}.hero__actions{display:flex;flex-wrap:wrap;gap:0.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.65rem 1.2rem;border-radius:999px;font-weight:600;font-size:0.9rem;text-decoration:none;border:1px solid transparent;transition:transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease}.btn--primary{background:linear-gradient(135deg, var(--accent-strong), #4f46e5);color:#051015;box-shadow:0 12px 36px rgba(45,212,191,0.18)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(45,212,191,0.26)}.btn--ghost{border-color:var(--border);color:var(--text);background:rgba(255,255,255,0.03)}.btn--ghost:hover{border-color:rgba(94,234,212,0.35);color:var(--accent-strong)}.listing{padding:1rem 0 3rem}.listing__inner{max-width:var(--max-wide)}.listing__header{margin-bottom:2rem}.listing__title{margin:0 0 0.5rem;font-family:var(--font-display);font-size:1.75rem}.listing__intro{margin:0;max-width:36rem;color:var(--muted);font-size:1rem}.card-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 320px), 1fr));gap:1.25rem}.card{height:100%;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;transition:border-color 0.2s ease, transform 0.2s ease}.card:hover{border-color:rgba(94,234,212,0.35);transform:translateY(-3px)}.card__link{display:flex;flex-direction:column;height:100%;padding:1.35rem 1.35rem 1.15rem;text-decoration:none;color:inherit}.card__kicker{font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-bottom:0.5rem}.card__title{margin:0 0 0.65rem;font-family:var(--font-display);font-size:1.22rem;font-weight:600;letter-spacing:-0.02em;line-height:1.35}.card__desc{margin:0 0 1rem;font-size:0.92rem;color:#aab4c5;flex-grow:1}.card__tags{display:flex;flex-wrap:wrap;gap:0.35rem;list-style:none;padding:0;margin:0 0 1rem}.card__tags li{font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:0.25rem 0.45rem;border-radius:6px;background:var(--accent-dim);color:var(--accent-strong)}.card__cta{font-size:0.85rem;font-weight:600;color:var(--accent-strong)}.listing__empty{color:var(--muted)}.listing--writing .listing__header{margin-bottom:2.75rem}.series-block{margin-bottom:3rem}.series-block--orphan .series-block__desc code{font-size:0.82em;padding:0.12rem 0.35rem;border-radius:5px;background:var(--surface-2);border:1px solid var(--border)}.series-block__header{margin-bottom:1.35rem;max-width:42rem}.series-block__label{margin:0 0 0.35rem;font-size:0.72rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent-strong)}.series-block__title{margin:0 0 0.45rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-0.02em}.series-block__desc{margin:0;color:var(--muted);font-size:0.98rem}.series-block__progress{margin:0.6rem 0 0;font-size:0.82rem;color:var(--muted)}.card-grid--series .card__part+.card__kicker{margin-top:0.15rem}.card__part{display:inline-block;align-self:flex-start;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.28rem 0.55rem;border-radius:8px;background:rgba(129,140,248,0.15);color:#c4b5fd;margin-bottom:0.35rem;border:1px solid rgba(129,140,248,0.28)}.case-study__eyebrow a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(94,234,212,0.35)}.case-study__eyebrow a:hover{color:var(--accent-strong);border-bottom-color:var(--accent-strong)}.case-study__eyebrow-part{color:var(--muted);font-weight:500}.case-study__back-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem}.case-study__back--jump{color:var(--muted)}.case-study__back--jump:hover{color:var(--accent-strong)}.series-nav{max-width:var(--max);margin:0 auto;padding:2rem 0 3rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 220px), 1fr));gap:1rem;border-top:1px solid var(--border)}.series-nav__link{display:flex;flex-direction:column;gap:0.35rem;padding:1rem 1.15rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);text-decoration:none;color:inherit;transition:border-color 0.18s ease}.series-nav__link:hover{border-color:rgba(94,234,212,0.35)}.series-nav__link--next{text-align:right}.series-nav__link--disabled{opacity:0.42;pointer-events:none}.series-nav__dir{font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}.series-nav__title{font-size:0.95rem;font-weight:600;color:var(--accent-strong);line-height:1.35}.series-nav__link--disabled .series-nav__title{color:var(--muted)}.case-study__hero{padding:2.25rem 0 1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.case-study__hero-inner{max-width:var(--max)}.case-study__eyebrow{margin:0 0 0.5rem;font-size:0.75rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent-strong)}.case-study__title{margin:0 0 0.75rem;font-family:var(--font-display);font-size:clamp(1.85rem, 4vw, 2.5rem);font-weight:700;letter-spacing:-0.03em;line-height:1.18}.case-study__deck{margin:0 0 1.25rem;font-size:1.1rem;color:#aab4c5;line-height:1.55}.case-study__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.65rem;font-size:0.88rem;color:var(--muted);margin-bottom:1rem}.case-study__dot{opacity:0.6}.case-study__tags{display:inline-flex;flex-wrap:wrap;gap:0.35rem;list-style:none;padding:0;margin:0}.case-study__tags li{padding:0.2rem 0.5rem;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);font-size:0.75rem}.case-study__back{font-size:0.88rem;font-weight:600;color:var(--accent-strong);text-decoration:none}.case-study__back:hover{text-decoration:underline}.case-study__body{max-width:var(--max);padding-bottom:3rem}.prose{font-size:1.02rem}.prose>*:first-child{margin-top:0}.prose p{margin:0 0 1.1rem}.prose h2{margin:2.25rem 0 0.85rem;font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-0.02em}.prose h3{margin:1.75rem 0 0.65rem;font-size:1.15rem;font-weight:650}.prose ul,.prose ol{margin:0 0 1.1rem;padding-left:1.35rem}.prose li{margin-bottom:0.35rem}.prose strong{color:#f1f5f9}.prose blockquote{margin:1.35rem 0;padding:0.65rem 1rem;border-left:3px solid var(--accent-strong);background:rgba(94,234,212,0.06);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#cbd5e1}.prose hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.prose table{width:100%;border-collapse:collapse;font-size:0.92rem;margin:1.25rem 0}.prose th,.prose td{border:1px solid var(--border);padding:0.55rem 0.75rem;text-align:left}.prose th{background:var(--surface)}.highlight{margin:1.25rem 0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--code-bg);overflow-x:auto;font-size:0.84rem;line-height:1.55}.highlight pre{margin:0;padding:1rem 1.15rem}.highlight code{font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace}.code-collapse{margin:1.25rem 0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--code-bg);overflow:hidden}.code-collapse__summary{list-style:none;padding:0.55rem 1rem;cursor:pointer;font-size:0.78rem;font-weight:650;letter-spacing:0.04em;text-transform:uppercase;color:var(--accent-strong);background:rgba(94,234,212,0.06);border-bottom:1px solid var(--border);user-select:none}.code-collapse__summary::-webkit-details-marker{display:none}.code-collapse__summary::before{content:"";display:inline-block;width:0.45em;margin-right:0.5em;transform:translateY(-0.06em);border-left:0.35em solid var(--muted);border-top:0.22em solid transparent;border-bottom:0.22em solid transparent;transition:transform 0.15s ease}.code-collapse[open]>.code-collapse__summary::before{transform:rotate(90deg) translate(-0.05em, 0.02em)}.code-collapse .highlight{margin:0;border:none;border-radius:0}.not-found{text-align:center;padding:4rem 1rem}.not-found h1{font-family:var(--font-display);font-size:4rem;margin:0 0 1rem}@media (max-width: 640px){.site-nav{gap:0.85rem}.site-nav a{font-size:0.82rem}.hero__actions{flex-direction:column;align-items:stretch}.series-nav__link--next{text-align:left}}