/* Cyberdelia Midnight Operations surfaces */
:root{--midnight:#02050a;--midnight2:#050a10;--ops:#0a1118;--opsline:rgba(151,255,111,.18);--phosphor:#97ff6f;--amber:#ffc66d;--steel:#8ea1b4;--red:#ff6f6f}
.midnight-body{background:radial-gradient(circle at 80% 5%,rgba(151,255,111,.045),transparent 26rem),radial-gradient(circle at 8% 40%,rgba(80,244,255,.035),transparent 24rem),linear-gradient(180deg,#02050a,#04070b 50%,#02050a)}
.midnight-body:before{opacity:.18}
.midnight-hero{background:linear-gradient(135deg,rgba(2,5,10,.98),rgba(5,12,16,.94) 55%,rgba(2,5,10,.98)),repeating-linear-gradient(90deg,transparent 0 48px,rgba(151,255,111,.025) 48px 49px)}
.midnight-hero h1{color:#eef5ea;text-shadow:3px 0 0 rgba(151,255,111,.08),-3px 0 0 rgba(80,244,255,.06)}
.ops-kicker{display:inline-flex;gap:.55rem;align-items:center;color:var(--phosphor);font:800 .67rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}
.ops-kicker:before{content:"";width:8px;height:8px;background:var(--phosphor);box-shadow:0 0 14px rgba(151,255,111,.55)}
.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ops-card{position:relative;min-height:240px;padding:1.25rem;border:1px solid var(--opsline);background:linear-gradient(180deg,rgba(9,17,23,.92),rgba(4,9,13,.96));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);overflow:hidden}
.ops-card:after{content:"";position:absolute;right:-28px;top:-28px;width:95px;height:95px;border:1px solid rgba(151,255,111,.08);transform:rotate(45deg)}
.ops-card .status{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .55rem;border:1px solid rgba(151,255,111,.2);color:var(--phosphor);font:800 .61rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.ops-card .status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.ops-card h2{margin:1rem 0 .65rem;font-size:1.45rem;line-height:1.05;letter-spacing:-.025em}.ops-card p,.ops-card li{color:var(--muted);font-size:.9rem}.ops-card ul{padding-left:1.15rem;margin-bottom:0}.ops-card li{margin:.45rem 0}
.ops-card[data-state="staging"] .status{color:var(--amber);border-color:rgba(255,198,109,.22)}.ops-card[data-state="watch"] .status{color:var(--cyan);border-color:rgba(80,244,255,.22)}
.night-stack{display:grid;gap:1rem;max-width:980px}
.night-entry{padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--opsline);background:linear-gradient(145deg,rgba(8,16,22,.94),rgba(3,7,11,.98))}
.night-entry h2{margin:.4rem 0 1rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.04em}.night-entry p{color:var(--muted)}
.night-entry blockquote{margin:1.2rem 0 0;padding:1rem 1.1rem;border-left:2px solid var(--phosphor);background:rgba(151,255,111,.035);color:#dce8d7;font:600 .88rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.board-shell{display:grid;grid-template-columns:1fr 320px;gap:1.3rem;align-items:start}
.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pin-note{position:relative;min-height:260px;padding:1.35rem 1.25rem 1.2rem;border:1px solid rgba(255,198,109,.22);background:linear-gradient(160deg,#15130f,#0c0e0e 65%,#07100b);box-shadow:0 18px 45px rgba(0,0,0,.22);transform:rotate(var(--tilt,0deg))}
.pin-note:before{content:"";position:absolute;top:12px;left:50%;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 1px 0 #5b2323,0 0 12px rgba(255,111,111,.32)}
.pin-note:nth-child(2n){--tilt:.35deg}.pin-note:nth-child(3n){--tilt:-.45deg}.pin-note:nth-child(5n){--tilt:.2deg}
.pin-note .tag{display:inline-block;margin-top:.6rem;color:var(--amber);font:800 .61rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em}.pin-note h2{margin:.9rem 0 .65rem;font-size:1.35rem;line-height:1.07}.pin-note p{color:#bec4bd;font-size:.9rem}.pin-note small{display:block;margin-top:1rem;color:#7f8c82;font:700 .62rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.board-side{position:sticky;top:96px;border:1px solid var(--opsline);background:#030806;padding:1.2rem}.board-side h2{margin:0;color:var(--phosphor);font:800 1rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}.board-side p,.board-side li{color:var(--muted);font-size:.86rem}.board-side ul{padding-left:1.1rem}.board-side hr{border:0;border-top:1px solid var(--opsline);margin:1rem 0}
.store-grid{display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:3rem;align-items:center}.store-product{min-height:460px;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(151,255,111,.22);background:radial-gradient(circle at 74% 16%,rgba(80,244,255,.13),transparent 30%),linear-gradient(155deg,#050b10,#10110a 62%,#05090d);position:relative;overflow:hidden}.store-product:before{content:"309";position:absolute;left:1rem;top:.7rem;font:900 clamp(6rem,15vw,11rem)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:rgba(255,255,255,.045);letter-spacing:-.08em}.store-product strong{font-size:clamp(2rem,5vw,4rem);line-height:.88;letter-spacing:-.05em}.store-product small{margin-top:.8rem;color:var(--phosphor);font:800 .67rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.13em}.store-copy h1{margin:0;font-size:clamp(3rem,7vw,6rem);line-height:.88;letter-spacing:-.055em}.store-copy p{color:var(--muted)}.release-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}.release-strip span{border:1px solid var(--opsline);padding:.6rem .75rem;color:var(--muted);font:700 .65rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}
@media(max-width:980px){.ops-grid,.board-grid{grid-template-columns:1fr}.board-shell,.store-grid{grid-template-columns:1fr}.board-side{position:static}}

/* 2026-08-23 release correction: use the actual round mark and keep the mobile hero intact. */
.brand-mark{width:56px;height:56px;flex:0 0 56px;border:0!important;clip-path:none!important;background:url("/assets/cyberdelia-skunkworks-round-logo.svg") center/contain no-repeat!important;color:transparent!important;font-size:0!important;letter-spacing:0!important;box-shadow:none!important}
@media(max-width:680px){.brand-mark{width:48px;height:48px;flex-basis:48px}.hero h1{font-size:clamp(2.7rem,14.5vw,4.4rem)!important;line-height:.86;letter-spacing:-.055em;overflow-wrap:normal!important;word-break:keep-all!important;white-space:nowrap}.hero h1 span{white-space:nowrap}.hero-grid{padding-top:2.8rem}}
@media(max-width:360px){.brand-mark{width:44px;height:44px;flex-basis:44px}.hero h1{font-size:14vw!important}}