:root{--color-primary:#0a1628;--color-primary-light:#1e3a5f;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-highlight:#06b6d4;--color-success:#10b981;--color-planned:#6366f1;--color-bg:#fff;--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-surface:#f8fafc;--font-heading:"Inter",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif}*,:after,:before{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.25;margin:0 0 .75rem}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{height:auto;max-width:100%}.section{padding:5rem 1.5rem}.section--alt{background:var(--color-surface)}.section--navy{background:var(--color-primary);color:#fff}.section--navy .section__subtitle{color:#ffffffb3}.section__inner{margin:0 auto;max-width:1200px}.section__title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.section__subtitle{color:var(--color-text-muted);font-size:1.125rem;margin-bottom:2.5rem}.section__label{color:var(--color-accent);display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.75rem;transition:transform .2s,box-shadow .2s,background .2s}.btn,.btn:hover{text-decoration:none}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn--accent{background:var(--color-accent);color:var(--color-primary)}.btn--accent:hover{background:var(--color-accent-hover)}.btn--outline{background:transparent;border:2px solid;color:var(--color-accent)}.btn--white{background:#fff;color:var(--color-primary)}.btn--lg{font-size:1.125rem;padding:1rem 2.25rem}.card{background:#fff;border:1px solid var(--color-border);border-radius:.75rem;padding:2rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.card--navy{background:#ffffff0d;border-color:#ffffff1a}.card--navy:hover{background:#ffffff14;border-color:#fff3}.article-content{font-size:1.0625rem;line-height:1.8}.article-content h2{font-size:1.5rem;margin-top:2.5rem}.article-content h3{font-size:1.25rem;margin-top:2rem}.article-content p{margin:0 0 1.25rem}.article-content ol,.article-content ul{margin:0 0 1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{background:var(--color-surface);border-left:4px solid var(--color-accent);border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1rem 1.5rem}.article-content code{background:var(--color-surface);border-radius:.25rem;font-size:.9em;padding:.125rem .375rem}.article-content pre{background:var(--color-primary);border-radius:.5rem;color:#e2e8f0;margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.article-content pre code{background:none;color:inherit;padding:0}.tag{background:var(--color-surface);border-radius:9999px;color:var(--color-text-muted);display:inline-block;font-size:.8125rem;font-weight:500;padding:.25rem .75rem}.tag--accent{background:#f59e0b1a;color:#b45309}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge--prod{background:#10b98126;color:#059669}.badge--wip{background:#6366f126;color:#4f46e5}.badge--planned{background:#64748b26;color:#64748b}.empty-state{color:var(--color-text-muted);padding:4rem 1.5rem;text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:1rem}.empty-state__title{color:var(--color-text);font-size:1.25rem;margin-bottom:.5rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#fff 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.gap-1{gap:.5rem}.gap-2{gap:1rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media(max-width:768px){.section{padding:3rem 1rem}.section__title{font-size:1.5rem}.grid--3{grid-template-columns:1fr}.grid--4{grid-template-columns:repeat(2,1fr)}.btn--lg{font-size:1rem;padding:.75rem 1.5rem}}