:root{color-scheme:dark;--page: #07111f;--page-deep: #030811;--panel: rgba(12, 24, 38, .86);--panel-strong: #0f1f32;--panel-soft: rgba(255, 255, 255, .055);--ink: #f4f8f2;--ink-soft: #d9e6df;--muted: #91a7b6;--line: rgba(212, 233, 240, .14);--line-strong: rgba(212, 233, 240, .28);--green: #9cff6e;--cyan: #5bdcff;--blue: #6b8cff;--amber: #ffd166;--violet: #c7b6ff;--red: #ff7b7b;--shadow: 0 22px 70px rgba(0, 0, 0, .38);--radius: 8px;--container: 1180px;--font-main: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem}*{box-sizing:border-box}html{max-width:100%;scroll-behavior:smooth;scrollbar-color:rgba(156,255,110,.64) rgba(255,255,255,.06)}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 18% -8%,rgba(91,220,255,.18),transparent 28rem),radial-gradient(circle at 88% 8%,rgba(156,255,110,.14),transparent 26rem),radial-gradient(circle at 72% 78%,rgba(107,140,255,.16),transparent 30rem),linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(145deg,var(--page-deep),var(--page) 46%,#081827);background-size:auto,auto,auto,44px 44px,44px 44px,auto;color:var(--ink);font-family:var(--font-main);text-rendering:geometricPrecision}body:before{content:"";pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,rgba(91,220,255,.05),transparent 26%,transparent 74%,rgba(156,255,110,.045)),linear-gradient(180deg,rgba(255,255,255,.05),transparent 20%,rgba(0,0,0,.18));mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 94%)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}::selection{background:#9cff6e57;color:var(--ink)}.skip-link,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{z-index:50;width:auto;height:auto;clip:auto;top:1rem;left:1rem;padding:.7rem .9rem;border-radius:var(--radius);background:var(--green);color:#06110c;font-weight:850}.site-shell{position:relative;z-index:1;width:min(calc(100% - 2rem),var(--container));margin:0 auto;padding:var(--space-5) 0 var(--space-12)}.topbar{position:sticky;top:var(--space-4);z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);min-height:66px;padding:.62rem;border:1px solid var(--line);border-radius:var(--radius);background:#040a12d1;box-shadow:0 18px 48px #00000047;backdrop-filter:blur(20px)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-width:max-content;font-weight:900}.brand-mark{width:42px;height:42px;border:1px solid rgba(156,255,110,.24);border-radius:var(--radius);box-shadow:0 0 30px #9cff6e1f}.brand-copy{display:grid;gap:.05rem}.brand-copy span{color:var(--muted);font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase}.nav-links,.topbar-actions,.hero-actions,.metric-row,.project-links,.filter-row,.filter-buttons,.footer-inner,.footer-links{display:flex;align-items:center;gap:var(--space-3)}.nav-links{justify-content:center}.nav-links a,.text-link{color:var(--muted);font-size:.92rem;transition:color .16s ease}.nav-links a:hover,.text-link:hover{color:var(--ink)}.button,.filter-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:999px;background:#ffffff0b;color:var(--ink);font-weight:850;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.button{padding:0 var(--space-4)}.button:hover,.filter-button:hover,.filter-button.is-active{border-color:#9cff6e70;background:#9cff6e17;box-shadow:0 0 0 5px #9cff6e12;transform:translateY(-1px)}.button-primary{border-color:transparent;background:linear-gradient(135deg,var(--green),var(--cyan));color:#06110c}.is-disabled{cursor:not-allowed;opacity:.58}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.85fr);gap:var(--space-10);align-items:center;min-height:660px;padding:var(--space-14, 3.5rem) 0 var(--space-10)}.hero-content{min-width:0}.eyebrow{margin:0;color:var(--green);font-family:var(--font-mono);font-size:.73rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero-title{max-width:900px;margin:var(--space-5) 0 0;font-size:6.6rem;line-height:.86;letter-spacing:0;overflow-wrap:anywhere}.hero-copy,.section-copy,.project-description,.stack-card p,.bento-card p,.surface-card p,.timeline-body>p:not(.timeline-role){color:var(--muted);line-height:1.7}.hero-copy{max-width:690px;margin:var(--space-5) 0 0;color:var(--ink-soft);font-size:1.08rem}.hero-actions{flex-wrap:wrap;margin-top:var(--space-6)}.hero-stack{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none}.hero-stack li,.tag,.surface-label,.surface-state,.project-type,.project-status{width:fit-content;border:1px solid var(--line);border-radius:999px;background:#ffffff0e;color:var(--muted);font-family:var(--font-mono);font-size:.7rem;font-weight:850;text-transform:uppercase}.hero-stack li{padding:.42rem .68rem}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,130px));gap:var(--space-3);margin:var(--space-8) 0 0}.metric-row div{min-height:88px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b}.metric-row dt{color:var(--ink);font-family:var(--font-mono);font-size:1.42rem;font-weight:950}.metric-row dd{margin:var(--space-1) 0 0;color:var(--muted);font-size:.84rem}.hero-board{position:relative;overflow:hidden;padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff13,#ffffff06),var(--panel);box-shadow:var(--shadow)}.hero-board:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 88%)}.hero-board:after{content:"";position:absolute;right:-7rem;bottom:-8rem;width:20rem;height:20rem;border-radius:50%;background:radial-gradient(circle,rgba(91,220,255,.16),transparent 68%)}.board-header,.pipeline-board,.route-list,.board-footer{position:relative;z-index:1}.board-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center}.board-header img{width:54px;height:54px;border-radius:var(--radius)}.board-header span,.board-header strong,.board-header small,.route-row span,.board-footer span,.pipeline-stage span,.pipeline-stage strong,.timeline-period,.timeline-stage{font-family:var(--font-mono);text-transform:uppercase}.board-header span{display:block;font-size:.76rem;font-weight:900}.board-header strong{display:block;margin-top:.12rem;color:var(--muted);font-size:.68rem}.board-header small{padding:.35rem .5rem;border:1px solid var(--line);border-radius:999px;color:var(--green);font-size:.68rem;font-weight:850}.pipeline-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:#0000002e}.pipeline-stage{position:relative;display:grid;gap:var(--space-2);min-height:96px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e}.pipeline-stage:before{content:"";width:.62rem;height:.62rem;border-radius:50%;background:var(--green);box-shadow:0 0 18px #9cff6ea6}.pipeline-stage span{color:var(--ink);font-weight:950}.pipeline-stage strong{color:var(--muted);font-size:.68rem}.route-list{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.route-row{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:var(--space-3);align-items:center;min-height:50px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b}.route-row.is-active{border-color:#9cff6e61;background:#9cff6e14}.route-row span,.route-row strong{overflow-wrap:anywhere}.route-row span{font-size:.76rem;font-weight:900}.route-row strong{color:var(--muted);font-size:.84rem}.board-footer{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.board-footer span{padding:.4rem .58rem;border-radius:999px;background:#5bdcff33;color:var(--cyan);font-size:.68rem;font-weight:900}.board-footer span:nth-child(2){background:#c7b6ff2e;color:var(--violet)}.section{margin-top:var(--space-12);padding-top:var(--space-4);border-top:1px solid var(--line)}.section-heading{max-width:810px}.section-title{margin:var(--space-2) 0 0;font-size:3.35rem;line-height:1}.section-copy{max-width:720px;margin:var(--space-3) 0 0}.surface-grid,.bento-grid,.timeline-list,.project-grid,.stack-grid{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.surface-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.surface-card,.bento-card,.project-card,.stack-card,.timeline-list{position:relative;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff12,#ffffff06),var(--panel);box-shadow:0 18px 44px #0003}.surface-card{min-height:220px;padding:var(--space-5)}.surface-card:after{content:var(--surface-index);position:absolute;right:var(--space-5);bottom:var(--space-4);color:#ffffff0f;font-family:var(--font-mono);font-size:3.4rem;font-weight:950;line-height:1}.surface-topline,.project-topline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:var(--space-3)}.surface-card h3{position:relative;z-index:1;margin:var(--space-8) 0 0;font-size:1.16rem;overflow-wrap:anywhere}.surface-card p{position:relative;z-index:1;margin-bottom:0}.surface-label,.surface-state,.project-type,.project-status{padding:.34rem .62rem}.status-live{color:var(--green)}.status-experimental{color:var(--amber)}.status-planned{color:var(--cyan)}.timeline-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a}.timeline-rail span{position:relative;display:grid;min-height:36px;place-items:center;border-radius:999px;background:#9cff6e1a;color:var(--green);font-family:var(--font-mono);font-size:.68rem;font-weight:900;text-transform:uppercase}.timeline-list{gap:0;margin-top:var(--space-3)}.timeline-item{display:grid;grid-template-columns:54px 150px minmax(0,1fr);gap:var(--space-5);align-items:start;padding:var(--space-5);border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(156,255,110,.28);border-radius:var(--radius);background:#9cff6e14}.timeline-icon svg{width:25px;height:25px}.timeline-icon path{stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.timeline-period{color:var(--green);font-size:.76rem;font-weight:900}.timeline-body{display:grid;gap:var(--space-3)}.timeline-stage{margin:0 0 var(--space-1);color:var(--cyan);font-size:.68rem;font-weight:900}.timeline-body h3{margin:0;font-size:1.28rem}.timeline-role,.timeline-body p{margin:0}.timeline-role{color:var(--ink-soft);font-weight:800}.timeline-body>p:not(.timeline-role){max-width:760px}.bento-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bento-card{min-height:230px;padding:var(--space-5)}.bento-card.large{grid-column:span 3;background:linear-gradient(145deg,#9cff6e1c,#ffffff05),var(--panel-strong)}.bento-card.small{grid-column:span 2}.bento-card:nth-child(2){border-color:#9cff6e47}.bento-value{display:block;margin-top:var(--space-6);font-family:var(--font-mono);font-size:3.2rem;line-height:1}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{flex-wrap:wrap;justify-content:space-between;margin-top:var(--space-5);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b}.filter-buttons{flex-wrap:wrap}.filter-button{min-height:38px;padding:0 var(--space-4)}.filter-button.is-active{background:var(--green);color:#06110c}.search-input{min-height:42px;width:min(100%,350px);border:1px solid var(--line);border-radius:999px;background:#0000002e;color:var(--ink);padding:0 var(--space-4)}.project-card{display:grid;gap:var(--space-4);min-height:330px;padding:var(--space-5);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-accent{position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--green),var(--cyan),var(--blue))}.project-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow),0 0 42px #5bdcff1a;transform:translateY(-3px)}.project-card>*:not(.project-accent){position:relative;z-index:1}.project-title{margin:var(--space-2) 0 0;font-size:1.5rem}.project-description{margin:0}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:auto 0 0;padding:0;list-style:none}.tag{padding:.3rem .54rem}.project-links{flex-wrap:wrap}.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stack-card{min-height:210px;padding:var(--space-5)}.stack-card h3{margin:0}.stack-card:nth-child(2){border-color:#5bdcff42}.stack-card:nth-child(3){border-color:#c7b6ff42}.empty-state{grid-column:1 / -1;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);padding:var(--space-8);text-align:center}.footer{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--line);color:var(--muted)}.footer-inner{justify-content:space-between}@media(max-width:1060px){.topbar,.hero{grid-template-columns:1fr}.hero{min-height:auto}.nav-links{justify-content:flex-start;flex-wrap:wrap}.surface-grid,.project-grid,.stack-grid{grid-template-columns:1fr 1fr}.hero-title{font-size:5.6rem}.hero-board{max-width:720px}}@media(max-width:760px){.site-shell{width:min(calc(100% - 1rem),var(--container));padding-top:var(--space-2)}.topbar{position:relative;top:0;align-items:stretch}.topbar-actions{display:none}.hero-actions,.filter-row,.filter-buttons,.footer-inner,.footer-links{align-items:stretch;flex-direction:column}.button,.filter-button,.search-input{width:100%}.hero{gap:var(--space-6);padding:var(--space-8) 0 var(--space-6)}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.hero-title{font-size:3.75rem}.hero-copy{font-size:1rem}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-row div{min-height:78px;padding:var(--space-3)}.hero-board{padding:var(--space-4)}.pipeline-board{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-stage{min-height:80px;padding:var(--space-3)}.route-row{grid-template-columns:1fr;gap:.1rem;min-height:52px;padding:var(--space-2) var(--space-3)}.route-row:not(.is-active),.board-footer{display:none}.section{margin-top:var(--space-8)}.section-title{font-size:2.35rem}.surface-grid,.timeline-list,.bento-grid,.project-grid,.stack-grid{grid-template-columns:1fr}.timeline-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-item{grid-template-columns:46px minmax(0,1fr);gap:var(--space-3);padding:var(--space-4)}.timeline-period,.timeline-body{grid-column:2}.bento-card.large,.bento-card.small{grid-column:auto}.bento-value{font-size:2.45rem}}@media(max-width:420px){.brand-copy strong{font-size:.92rem}.nav-links{gap:var(--space-2)}.nav-links a{font-size:.82rem}.hero-title{font-size:3.02rem}.hero-actions{grid-template-columns:1.1fr .9fr}.hero-actions .button{font-size:.88rem;padding:0 var(--space-3)}.hero-stack{gap:.35rem}.hero-stack li{font-size:.64rem}.metric-row dt{font-size:1.05rem}.metric-row dd{font-size:.74rem}.board-header{grid-template-columns:auto minmax(0,1fr)}.board-header small{display:none}.pipeline-board{grid-template-columns:1fr 1fr;gap:var(--space-2)}.surface-card,.bento-card,.project-card,.stack-card{padding:var(--space-4)}}@media(max-width:360px){.hero{gap:var(--space-4);padding:var(--space-6) 0 var(--space-4)}.hero-title{font-size:2.62rem}.hero-copy{margin-top:var(--space-4);line-height:1.58}.hero-stack{display:none}.metric-row{margin-top:var(--space-5)}.pipeline-board{display:none}.route-list{margin-top:var(--space-3)}.route-row:not(.is-active){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}