@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Instrument+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#18120e;--bg-warm:#221a14;--surface:#fff8f00a;--surface-hover:#fff8f014;--border:#fff8f01a;--border-strong:#fff8f02e;--text:#f5f0e8;--text-muted:#a89888;--text-dim:#6b5e54;--accent:#e07028;--accent-light:#f0945a;--accent-glow:#e0702838;--gold:#c4a882;--font-display:"Playfair Display", Georgia, serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-mono:"DM Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}#app{min-height:100vh}.shell{width:min(1200px,100vw - 48px);margin:0 auto;padding:0 0 96px}.shell:before{content:"";pointer-events:none;opacity:.028;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.nav{justify-content:space-between;align-items:center;gap:24px;padding:28px 0 0;display:flex}.nav__logo{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;font-size:13px;font-weight:500}.nav__links{gap:32px;list-style:none;display:flex}.nav__links a{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;font-size:12px;transition:color .2s}.nav__links a:hover{color:var(--accent)}.hero{border-bottom:1px solid var(--border);grid-template-columns:1fr 340px;align-items:start;gap:40px;padding-top:72px;padding-bottom:64px;display:grid}.hero__meta{align-items:center;gap:10px;margin-bottom:28px;display:flex}.hero__tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-glow);background:#e0702814;border-radius:4px;padding:5px 10px;font-size:11px}.hero__year{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);font-size:11px}.hero__headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:clamp(3.4rem,8vw,6.8rem);font-weight:900;line-height:.92}.hero__headline em{color:var(--accent);font-style:italic}.hero__description{color:var(--text-muted);max-width:52ch;margin-top:28px;font-size:17px;line-height:1.65}.hero__description strong{color:var(--text);font-weight:600}.hero__actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.btn{min-height:50px;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:600;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 24px var(--accent-glow)}.btn--primary:hover{background:var(--accent-light);box-shadow:0 12px 32px #e070284d}.btn--ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn--ghost:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.hero__panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-top:8px;padding:28px}.hero__panel__header{align-items:center;gap:10px;margin-bottom:22px;display:flex}.status-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2.4s infinite pulse-dot;box-shadow:0 0 0 3px #4ade802e}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #4ade802e}50%{box-shadow:0 0 0 6px #4ade8014}}.hero__panel__title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.hero__panel-list{flex-direction:column;gap:1px;list-style:none;display:flex}.hero__panel-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.hero__panel-list li:last-child{border-bottom:none}.panel-label{color:var(--text-muted)}.panel-value{font-family:var(--font-mono);color:var(--gold);font-size:13px}.hero__divider{background:var(--border);height:1px;margin:18px 0}.hero__github-link{border:1px solid var(--border);background:#fff8f00a;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;transition:background .18s,border-color .18s;display:flex}.hero__github-link:hover{background:var(--surface-hover);border-color:var(--accent)}.hero__github-link svg{flex-shrink:0}.section{padding-top:72px}.section__header{align-items:baseline;gap:20px;margin-bottom:36px;display:flex}.section__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1}.section__count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;font-size:12px}.section__rule{background:var(--border);flex:1;align-self:center;height:1px;margin-left:20px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:28px;transition:border-color .22s,background .22s,transform .22s;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:0;height:2px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-3px)}.project-card:hover:before{opacity:1}.project-card__top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:500}.badge--live{color:var(--accent);background:#e070281f;border:1px solid #e0702833}.badge--queue{color:var(--gold);background:#c4a8821a;border:1px solid #c4a88226}.badge--planning{color:var(--text-dim);border:1px solid var(--border);background:#ffffff0d}.card-domain{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.project-card__name{font-family:var(--font-display);margin-bottom:12px;font-size:2rem;font-weight:700;line-height:1.05}.project-card__desc{color:var(--text-muted);font-size:14px;line-height:1.6}.project-card__stack{flex-wrap:wrap;gap:8px;margin-top:20px;list-style:none;display:flex}.project-card__stack li{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.04em;background:#fff8f00d;border-radius:4px;padding:4px 10px;font-size:11px}.project-card__links{gap:10px;margin-top:24px;display:flex}.card-link{border:1px solid var(--border);min-height:40px;color:var(--text);background:#fff8f00d;border-radius:6px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.card-link:hover{border-color:var(--accent);color:var(--accent);background:#e070281f}.card-link--primary{color:var(--accent-light);background:#e070281a;border-color:#e070284d}.card-link--primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}.queue-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.queue-card{border:1px dashed var(--border);background:0 0;border-radius:14px;padding:24px;transition:border-color .22s,background .22s}.queue-card:hover{border-color:var(--border-strong);background:var(--surface)}.queue-card__name{font-family:var(--font-display);color:var(--text-muted);margin-bottom:8px;font-size:1.5rem;font-weight:700}.queue-card__desc{color:var(--text-dim);font-size:13px;line-height:1.6}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:80px;padding-top:40px;display:flex}.footer__copy{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.06em;font-size:12px}.footer__links{gap:24px;list-style:none;display:flex}.footer__links a{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.06em;font-size:12px;transition:color .16s}.footer__links a:hover{color:var(--accent)}.anim-hero-tag{opacity:0;animation:.5s 50ms forwards fade-up}.anim-hero-hl{opacity:0;animation:.6s .15s forwards fade-up}.anim-hero-desc{opacity:0;animation:.6s .25s forwards fade-up}.anim-hero-act{opacity:0;animation:.5s .35s forwards fade-up}.anim-hero-panel{opacity:0;animation:.6s .2s forwards fade-up}.anim-section{opacity:0;animation:.5s .1s forwards fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:48px}.hero__panel{order:-1}.nav__links{display:none}.shell{width:min(100vw - 32px,1200px);padding-bottom:64px}}