:root{--bg: #060608;--bg-alt: #0d0f13;--surface: #11131a;--surface-strong: #171a24;--text: #f5f7ff;--text-muted: #a6adbe;--line: #232838;--brand: #5cd4e6;--brand-strong: #9be7f2;--accent: #ffb84a;--accent-soft: rgba(255, 184, 74, .14);--mint-soft: rgba(92, 230, 182, .12);--rose-soft: rgba(255, 121, 121, .12);--focus: #82eeff;--gradient-hero: radial-gradient(circle at 12% 12%, rgba(92, 212, 230, .18), transparent 45%), radial-gradient(circle at 90% 0%, rgba(255, 184, 74, .14), transparent 40%), linear-gradient(170deg, #0a0c10 0%, #090b0f 50%, #0f1219 100%);--gradient-chip: linear-gradient(135deg, #5cd4e6 0%, #45acbd 100%);--shadow-sm: 0 8px 20px rgba(0, 0, 0, .28);--shadow-md: 0 20px 42px rgba(0, 0, 0, .38);--space-1: .35rem;--space-2: .65rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4.25rem;--radius-sm: .6rem;--radius-md: .95rem;--radius-lg: 1.35rem;--radius-pill: 999px;--container: 74rem;--container-wide: 88rem}:root[data-theme=light]{--bg: #f7f8fb;--bg-alt: #eef2f8;--surface: #ffffff;--surface-strong: #f7faff;--text: #111620;--text-muted: #5f6878;--line: #d8dfec;--brand: #12798a;--brand-strong: #0f6070;--accent: #cb7a1b;--accent-soft: rgba(203, 122, 27, .18);--mint-soft: rgba(30, 141, 104, .14);--rose-soft: rgba(200, 53, 53, .1);--focus: #12798a;--gradient-hero: radial-gradient(circle at 12% 12%, rgba(18, 121, 138, .14), transparent 45%), radial-gradient(circle at 90% 0%, rgba(203, 122, 27, .15), transparent 40%), linear-gradient(170deg, #f6f8fc 0%, #f8fbff 50%, #f3f5fa 100%);--gradient-chip: linear-gradient(135deg, #12798a 0%, #0f6070 100%);--shadow-sm: 0 8px 20px rgba(14, 23, 38, .08);--shadow-md: 0 18px 36px rgba(14, 23, 38, .14)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Instrument Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;min-height:100vh;display:flex;flex-direction:column;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}body:before{content:"";position:fixed;inset:0;z-index:-2;background:var(--gradient-hero)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px}main{flex:1;padding:var(--space-6) 0 var(--space-7)}h1,h2,h3,h4{font-family:Space Grotesk,Instrument Sans,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--text)}h1{font-size:clamp(2rem,4.4vw,3.25rem)}h2{font-size:clamp(1.45rem,3vw,2.1rem)}h3{font-size:clamp(1.1rem,2.3vw,1.45rem)}p,li{color:var(--text)}p{margin-bottom:var(--space-4)}ul,ol{margin:0 0 var(--space-4) 1.15rem}li{margin-bottom:var(--space-2)}a{color:var(--brand-strong);text-decoration-thickness:2px;text-underline-offset:.18em;transition:color .2s ease}a:hover{color:var(--accent)}img{max-width:100%;display:block}.container,.container-wide{width:min(100%,var(--container));margin:0 auto;padding:0 var(--space-4)}.container-wide{width:min(100%,var(--container-wide))}.skip-link{position:absolute;left:-999px;top:var(--space-2);z-index:999;border-radius:var(--radius-sm);border:2px solid var(--focus);background:var(--surface);color:var(--text);padding:var(--space-2) var(--space-3)}.skip-link:focus{left:var(--space-3)}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:250;background:linear-gradient(90deg,var(--brand) 0%,var(--accent) 100%)}.site-header{position:sticky;top:0;z-index:120;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding-top:var(--space-3);padding-bottom:var(--space-3)}.site-branding{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.site-logo{width:44px;height:44px;border-radius:.65rem;background:#000;border:1px solid #2a2d37;padding:.2rem}.site-title{font-family:Space Grotesk,sans-serif;font-size:1.04rem;color:var(--text)}nav ul{list-style:none;display:flex;justify-content:center;gap:.2rem;margin:0}nav a{text-decoration:none;color:var(--text-muted);font-weight:700;font-size:.91rem;padding:.5rem .86rem;border-radius:var(--radius-pill);transition:background .2s ease,color .2s ease}nav a:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 85%,transparent)}nav a.active{color:#06080b;background:var(--gradient-chip)}.theme-toggle{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-weight:700;border-radius:var(--radius-pill);padding:.45rem .85rem;cursor:pointer;min-height:2.4rem}.theme-toggle:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.install-app{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.site-footer{border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg-alt) 90%,transparent);padding:var(--space-5) 0}.footer-content{display:grid;justify-items:center;text-align:center;gap:var(--space-3)}.footer-tagline,.footer-meta{color:var(--text-muted);margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.footer-links a{text-decoration:none;font-weight:700}.page-shell{display:grid;gap:var(--space-6)}.page-hero,.surface,.support-banner,.article-card,.project-card,.metric-card,.feature-card,.contact-card,.value-card,.topic-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:var(--shadow-sm)}.page-hero{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--mint-soft) 24%,var(--surface)))}.surface{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--brand) 8%,var(--surface)))}.article-card{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--mint-soft) 34%,var(--surface)))}.project-card{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--accent-soft) 34%,var(--surface)))}.page-hero,.surface,.support-banner,.article-card,.project-card{padding:clamp(1.15rem,2vw,1.85rem)}.page-hero{display:grid;gap:var(--space-4)}.hero-split{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-5);align-items:center}.eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-strong)}.lead{margin:0;font-size:clamp(1.02rem,1.8vw,1.2rem);color:var(--text-muted)}.hero-media{position:relative;min-height:220px;border-radius:calc(var(--radius-lg) - .25rem);border:1px solid #2a2f3f;background:#030405;display:grid;place-items:center;overflow:hidden}.hero-media:before{content:"";position:absolute;inset:12% 10%;border:1px solid rgba(255,255,255,.1);border-radius:1rem}.hero-media img{width:min(260px,82%);z-index:1}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--radius-pill);border:1px solid transparent;padding:.7rem 1.15rem;font-weight:700;font-size:.9rem;transition:transform .2s ease,border-color .2s ease;min-height:2.6rem}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--gradient-chip);color:#041013}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.button.secondary:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.surface h2,.surface h3,.project-card h2,.project-card h3{margin-bottom:var(--space-3)}.muted{color:var(--text-muted)}.metric-grid,.feature-grid,.project-grid,.contact-grid,.value-grid,.topic-grid,.highlight-grid{display:grid;gap:var(--space-3)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border-radius:var(--radius-md);padding:var(--space-4)}.metric-value{margin:0 0 var(--space-2);color:var(--brand-strong);font-size:clamp(1.3rem,2.5vw,1.95rem);line-height:1;font-weight:700}.metric-label{margin:0;color:var(--text-muted);font-weight:600}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.contact-card,.value-card,.topic-card{border-radius:var(--radius-md);padding:var(--space-4);transition:transform .2s ease,border-color .2s ease}.feature-card:nth-child(4n+1),.topic-card:nth-child(4n+1){border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.feature-card:nth-child(4n+2),.topic-card:nth-child(4n+2){border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.feature-card:nth-child(4n+3),.topic-card:nth-child(4n+3){border-color:color-mix(in srgb,#5ce6b6 35%,var(--line))}.feature-card:nth-child(4n+4),.topic-card:nth-child(4n+4){border-color:color-mix(in srgb,#ff7979 30%,var(--line))}.feature-card:hover,.contact-card:hover,.value-card:hover,.topic-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.feature-card,.contact-card{text-decoration:none;color:inherit}.feature-card h3,.contact-card h3,.value-card h3,.topic-card h3{margin-bottom:var(--space-2)}.feature-card p,.contact-card p,.value-card p,.topic-card p{margin:0;color:var(--text-muted)}.feature-icon,.contact-icon,.value-icon{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:var(--space-3);border-radius:.65rem;background:var(--accent-soft);color:var(--accent);font-weight:700}.project-grid{grid-template-columns:1fr}.project-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.project-identity{display:flex;gap:var(--space-3);align-items:flex-start}.project-logo{width:76px;height:76px;border-radius:.8rem;border:1px solid #2a2e3b;background:#000;padding:.35rem;object-fit:contain}.project-kicker{margin:0;font-size:.95rem;color:var(--text-muted)}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:.26rem .7rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.pill.brand{background:var(--gradient-chip);color:#031013}.pill.soft{background:#1d2230;color:#c9d1df}.pill.warm{background:var(--accent-soft);color:#f8d095}:root[data-theme=light] .pill.soft{background:#edf2f8;color:#2d3748}:root[data-theme=light] .pill.warm{color:#7c4b14}.project-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.project-columns h4{margin-bottom:var(--space-2);font-size:.98rem}.project-columns p,.project-columns ul{margin-bottom:0}.quote-box,.note{border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--line)}.quote-box{background:#141c24}.note{background:#1b1b14}:root[data-theme=light] .quote-box{background:#eef7fa}:root[data-theme=light] .note{background:#fff9ef}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.read-time{display:inline-block;padding:.22rem .64rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--brand) 20%,transparent);color:var(--brand-strong)}.tag{display:inline-block;padding:.22rem .64rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tag.brand{background:#5cd4e629;color:#92e3f0}.tag.warm{background:var(--accent-soft);color:#f8d095}:root[data-theme=light] .tag.brand{color:#0d6878}:root[data-theme=light] .tag.warm{color:#7c4b14}.date{color:var(--text-muted);font-size:.88rem;font-weight:600}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-card p{color:var(--brand-strong);font-weight:700;overflow-wrap:anywhere}.support-banner{background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--rose-soft) 40%,var(--surface-strong)))}.value-grid,.topic-grid,.highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.filter-input{flex:1 1 260px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.62rem .92rem;font:inherit}.filter-input:focus,.theme-toggle:focus,.copy-email:focus{outline:2px solid var(--focus);outline-offset:2px}.copy-email{appearance:none;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:inherit;font-weight:700;padding:.65rem 1rem;cursor:pointer}.no-results{display:none;border:1px dashed var(--line);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-muted)}.no-results.show{display:block}.related-links{margin-top:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-3)}.related-links p{margin-bottom:var(--space-2);font-weight:600;color:var(--text-muted)}.related-links ul{margin:0;padding-left:1.1rem}.related-links li{margin-bottom:var(--space-1)}.article-card+.article-card{margin-top:calc(var(--space-4) * -1.5)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.back-to-top{position:fixed;right:var(--space-4);bottom:var(--space-4);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius-pill);padding:.62rem .95rem;font-weight:700;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:var(--shadow-md);cursor:pointer}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.reveal.visible{opacity:1;transform:none}}@media (max-width: 980px){.hero-split,.project-columns,.contact-grid,.value-grid,.topic-grid,.highlight-grid,.feature-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-content{grid-template-columns:1fr;justify-items:start;gap:var(--space-3)}nav ul{justify-content:flex-start;flex-wrap:wrap}.theme-toggle{justify-self:start}}@media (max-width: 720px){main{padding-top:var(--space-5)}.metric-grid{grid-template-columns:1fr}.project-identity{flex-direction:column}.button-row{width:100%}.button{flex:1 1 100%;width:100%}.container,.container-wide{padding-left:var(--space-3);padding-right:var(--space-3)}.site-header{background:color-mix(in srgb,var(--bg) 95%,transparent)}.site-branding{width:100%;justify-content:flex-start}nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.2rem}nav ul{flex-wrap:nowrap;gap:.35rem;min-width:max-content;padding-right:var(--space-2)}nav a{white-space:nowrap;padding:.58rem .9rem;font-size:.88rem}.theme-toggle{width:100%;text-align:center}.page-shell{gap:var(--space-4)}.page-hero,.surface,.support-banner,.article-card,.project-card{padding:1rem}.article-card+.article-card{margin-top:0}.project-head,.project-identity{gap:var(--space-2)}.project-logo{width:64px;height:64px}.metric-value{font-size:1.35rem}.filter-bar{width:100%;align-items:stretch}.filter-input,.copy-email{width:100%}.back-to-top{right:var(--space-3);bottom:var(--space-3)}}