@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:minmax(0,1.24fr) minmax(240px,.58fr);align-items:start;gap:12px;padding-top:44px;padding-bottom:34px;display:grid}.hero__copy{min-width:0;padding-right:6px}.hero__meta{align-items:center;gap:10px;margin-bottom:14px;display:flex}.hero__tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-glow);background:#e0702814;border-radius:4px;padding:4px 9px;font-size:10px}.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);max-width:none;font-size:clamp(2.5rem,4.9vw,4.35rem);font-weight:900;line-height:.98}.hero__headline em{color:var(--accent);font-style:italic}.hero__description{color:var(--text-muted);max-width:none;margin-top:14px;font-size:15px;line-height:1.55}.hero__description strong{color:var(--text);font-weight:600}.hero__actions{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.btn{min-height:44px;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:0 18px;font-size:13px;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{border-left:1px solid var(--border);flex-direction:column;gap:10px;min-width:0;margin-top:2px;padding:2px 0 0 18px;display:flex}.hero__panel__header{align-items:center;gap:10px;margin-bottom:4px;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}.status-dot--amber{background:var(--accent);box-shadow:0 0 0 3px #e070282e}@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:0;list-style:none;display:flex}.hero__panel-list li{border-top:1px solid var(--border);grid-template-columns:88px minmax(0,1fr);align-items:start;gap:12px;padding:9px 0;font-size:13px;display:grid}.hero__panel-list li:first-child{border-top:none}.panel-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding-top:2px;font-size:10px}.panel-value{font-family:var(--font-mono);color:var(--gold);font-size:12px;line-height:1.5}.hero__github-link{border-top:1px solid var(--border);color:var(--text-muted);opacity:.9;align-items:center;gap:10px;margin-top:2px;padding-top:12px;font-size:12px;font-weight:500;transition:color .18s,opacity .18s;display:flex}.hero__github-link:hover{color:var(--accent);opacity:1}.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}.ops-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.ops-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.ops-checklist{border:1px solid var(--border);background:linear-gradient(#fff8f00d,#fff8f006);border-radius:16px;padding:26px 24px}.ops-checklist__header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.ops-checklist__list{flex-direction:column;gap:14px;list-style:none;display:flex}.ops-checklist__item{border-bottom:1px solid var(--border);padding:14px 0 16px}.ops-checklist__item:last-child{border-bottom:none;padding-bottom:4px}.ops-checklist__top{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.ops-checklist__top strong{font-family:var(--font-display);color:var(--text);font-size:1.1rem;font-weight:700}.ops-checklist__top span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);font-size:11px}.ops-checklist__item p{color:var(--text-muted);font-size:14px;line-height:1.6}.ops-checklist__note{border-top:1px solid var(--border);color:var(--text-dim);margin-top:18px;padding-top:16px;font-size:13px;line-height:1.65}.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}.badge--infra{color:var(--gold);background:#c4a88224;border:1px solid #c4a8823d}.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--ops{min-height:100%}.project-card__name--ops{font-size:1.7rem}.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}.card-link--muted{color:var(--text-dim);border-color:var(--border);cursor:default;background:#fff8f008}.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;gap:16px;padding-top:34px}.hero__copy{padding-right:0}.ops-layout{grid-template-columns:1fr}.hero__panel{border-left:none;border-top:1px solid var(--border);order:-1;padding:14px 0 0}.nav__links{display:none}.shell{width:min(100vw - 32px,1200px);padding-bottom:64px}}@media (width<=720px){.hero__panel-list li{grid-template-columns:1fr;gap:4px}.ops-checklist{padding:22px 18px}}