:root{color-scheme:dark;--ink: #f3f7fb;--muted: #aeb9c4;--dim: #748393;--charcoal: #071117;--coal: #0c1820;--panel: rgba(13, 26, 34, .78);--line: rgba(210, 229, 242, .16);--gold: #f0b95a;--teal: #58d6d0;--ember: #ff6a4f;--moss: #9cc78a;--shadow: 0 24px 70px rgba(0, 0, 0, .38);--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--charcoal);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body:before{position:fixed;inset:0;z-index:-2;content:"";background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),#071117;background-size:64px 64px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}button,input{font:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,4vw,48px);background:linear-gradient(180deg,rgba(7,17,23,.92),rgba(7,17,23,.5),transparent);transition:background .18s ease,border-color .18s ease}.site-header.is-solid{border-bottom:1px solid var(--line);background:#071117eb;backdrop-filter:blur(14px)}.site-header.static{position:sticky;border-bottom:1px solid var(--line);background:#071117f0;backdrop-filter:blur(14px)}.brand,.site-nav,.hero-actions,.signup-row,.site-footer{display:flex;align-items:center}.brand{gap:10px;min-width:max-content;font-weight:800;letter-spacing:0}.site-nav{gap:clamp(14px,3vw,34px);color:var(--muted);font-size:.94rem}.site-nav a{padding:8px 0}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink)}.header-action{min-width:max-content;padding:10px 14px;border:1px solid rgba(240,185,90,.58);border-radius:8px;color:var(--gold);font-weight:700}.hero{position:relative;min-height:92vh;display:grid;align-items:end;overflow:hidden;padding:120px clamp(18px,5vw,64px) 56px;border-bottom:1px solid var(--line)}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-art{z-index:-2;object-fit:cover;filter:saturate(1.04) contrast(1.03)}.hero-shade{z-index:-1;background:linear-gradient(90deg,#071117f0,#0711179e 48%,#0711172e),linear-gradient(0deg,#071117f0,#0711172e 42%,#07111747)}.hero-content{width:min(720px,100%);margin-bottom:6vh}.eyebrow{margin:0 0 12px;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{margin:0;line-height:.96;letter-spacing:0}h1{max-width:13ch;font-size:clamp(3.6rem,9.4vw,8.4rem);text-transform:uppercase}h2{font-size:clamp(2rem,5vw,4.35rem)}h3{font-size:1.08rem;line-height:1.12}.hero-copy{width:min(610px,100%);margin:22px 0 0;color:#e9f3fb;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-weight:800;line-height:1.05;text-align:center;white-space:nowrap;transition:transform .15s ease,border-color .15s ease,background .15s ease}.button:hover,.button:focus-visible,.header-action:hover,.header-action:focus-visible{transform:translateY(-1px)}.button.primary{background:var(--gold);color:#11170c}.button.ghost{border-color:#d2e5f259;background:#0711176b;color:var(--ink)}.signal-panel{position:absolute;right:clamp(18px,5vw,64px);bottom:54px;width:min(330px,calc(100% - 36px));padding:18px;border:1px solid rgba(210,229,242,.18);border-left:4px solid var(--ember);border-radius:8px;background:#071117ad;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.signal-panel span,.signal-panel strong{display:block}.panel-kicker{color:var(--gold);font-size:.75rem;font-weight:800;text-transform:uppercase}.signal-panel strong{margin:4px 0 8px;font-size:1.08rem}.signal-panel span:last-child{color:var(--muted);font-size:.92rem}.section{padding:clamp(70px,10vw,128px) clamp(18px,5vw,64px)}.intro-band{background:linear-gradient(180deg,#0b1c26f0,#071117fa),radial-gradient(circle at 80% 0%,rgba(88,214,208,.18),transparent 34%)}.section-heading{width:min(var(--max),100%);margin:0 auto 34px}.section-heading h2{width:min(940px,100%)}.section-heading.compact{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading.compact h2{max-width:690px}.feature-grid,.media-grid,.devlog-list{width:min(var(--max),100%);margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.feature-grid article{min-height:260px;padding:30px;background:#071117e6}.feature-grid img{margin-bottom:28px}.feature-grid p,.newsletter p,.devlog-card p{color:var(--muted)}.media-section{background:#0a151d}.media-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.media-grid figure{position:relative;min-height:280px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--coal)}.media-grid .wide{grid-row:span 2;min-height:578px}.media-grid img{width:100%;height:100%;object-fit:cover}figcaption{position:absolute;left:14px;bottom:14px;padding:8px 10px;border:1px solid rgba(210,229,242,.14);border-radius:8px;background:#071117b8;color:var(--ink);font-size:.86rem;backdrop-filter:blur(10px)}.devlog-section{background:linear-gradient(180deg,#071117f5,#0c1820f5),radial-gradient(circle at 12% 28%,rgba(255,106,79,.16),transparent 26%)}.devlog-tools{width:min(var(--max),100%);margin:-8px auto 24px;display:flex;flex-wrap:wrap;gap:10px}.filter{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#d2e5f20d;color:var(--muted);cursor:pointer}.filter.active{border-color:#50d2bbb8;background:#50d2bb24;color:var(--ink)}.devlog-list{display:grid;gap:14px}.devlog-card{display:grid;grid-template-columns:150px 1fr auto;gap:24px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:8px;background:#d2e5f20b;transition:border-color .15s ease,background .15s ease,transform .15s ease}.devlog-card:hover,.devlog-card:focus-visible{border-color:#58d6d07a;background:#d2e5f212;transform:translateY(-1px)}.devlog-date{color:var(--gold);font-size:.86rem;font-weight:800}.devlog-card h3{margin-bottom:8px}.tag{align-self:start;min-width:78px;padding:6px 10px;border-radius:999px;background:#88a86b24;color:#c5dfa3;font-size:.76rem;font-weight:800;text-align:center}.newsletter{width:min(var(--max),calc(100% - 36px));margin:clamp(70px,10vw,120px) auto;display:grid;grid-template-columns:1fr minmax(320px,480px);gap:36px;align-items:center;padding:clamp(24px,5vw,46px);border:1px solid rgba(240,185,90,.24);border-radius:8px;background:linear-gradient(135deg,#f0b95a1f,#58d6d014),#0c1820eb}.newsletter h2{max-width:620px;font-size:clamp(2rem,4vw,3.6rem)}.signup-form label{display:block;margin-bottom:8px;color:var(--muted);font-weight:700}.signup-row{gap:10px}input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#071117c7;color:var(--ink);padding:0 14px;outline:none}input:focus{border-color:var(--teal)}.form-status{min-height:24px;margin:10px 0 0;color:var(--teal)}.consent-note{margin:10px 0 0;font-size:.84rem}.signup-frame{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}.site-footer{justify-content:space-between;gap:20px;padding:26px clamp(18px,5vw,64px);border-top:1px solid var(--line);color:var(--dim);font-size:.9rem}.site-footer span:first-child{color:var(--ink);font-weight:800}.article-page{background:linear-gradient(180deg,#071117f5,#0c1820fa 44%,#071117),var(--charcoal)}.article-hero{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:clamp(72px,10vw,124px) 0 36px}.back-link{display:inline-flex;margin-bottom:28px;color:var(--teal);font-weight:800}.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;color:var(--muted);font-size:.92rem;font-weight:800;text-transform:uppercase}.article-hero h1{max-width:960px;font-size:clamp(3rem,8vw,7rem)}.article-deck{width:min(780px,100%);margin:22px 0 0;color:#e9f3fb;font-size:clamp(1.1rem,2vw,1.32rem)}.article-shell{width:min(980px,calc(100% - 36px));margin:0 auto clamp(72px,10vw,120px)}.article-body{display:grid;gap:28px;color:var(--muted);font-size:1.05rem}.article-body h2{margin-top:18px;color:var(--ink);font-size:clamp(1.7rem,3vw,2.65rem)}.article-body p{margin:0}.article-body ul{margin:0;padding-left:22px}.article-body li+li{margin-top:10px}.article-media,.video-embed,.embed-placeholder{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#d2e5f20b}.article-media{margin:6px 0}.article-media img,.article-media video{width:100%;height:auto}.article-media figcaption{position:static;border:0;border-top:1px solid var(--line);border-radius:0;background:#0711179e;color:var(--muted)}.video-embed{position:relative;aspect-ratio:16 / 9}.video-embed iframe,.video-embed video{width:100%;height:100%;border:0}.embed-placeholder{display:grid;min-height:260px;place-items:center;padding:28px;color:var(--muted);text-align:center}.article-callout{padding:22px;border:1px solid rgba(240,185,90,.28);border-left:4px solid var(--gold);border-radius:8px;background:#f0b95a14;color:#e9f3fb}@media(max-width:900px){.site-header{align-items:flex-start}.site-nav{display:none}.hero{min-height:94vh}.hero-content{margin-bottom:220px}.signal-panel{left:18px;right:18px;bottom:32px}.feature-grid,.media-grid,.newsletter{grid-template-columns:1fr}.media-grid .wide{grid-row:auto;min-height:360px}.section-heading.compact{display:block}.devlog-card{grid-template-columns:1fr;gap:10px}.tag{justify-self:start}}@media(max-width:560px){.site-header{padding:14px 16px}.brand span{max-width:150px;line-height:1.05}.header-action{padding-inline:10px;font-size:.86rem}.hero{padding-inline:16px}h1{font-size:clamp(2.9rem,15vw,5.3rem)}.hero-actions,.signup-row{align-items:stretch;flex-direction:column}.button{width:100%}.feature-grid article{min-height:auto;padding:24px}.site-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}