:root{--bg:#080b12;--panel:#101522;--text:#eff7ff;--muted:#91a0b6;--cyan:#31f5dc;--violet:#d44cff;--line:#273347;--shell:min(1160px,calc(100% - 42px))}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 8%,#211032 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,"PingFang SC",sans-serif;line-height:1.65}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(49,245,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(49,245,220,.035) 1px,transparent 1px);background-size:42px 42px}
img{display:block;width:100%;object-fit:cover}
a{color:inherit}
.shell{width:var(--shell);margin:auto}
.brand-lockup{display:flex;align-items:center;gap:10px}
.brand-logo{width:42px}
.brand-lockup strong,.brand-lockup small{display:block}
.brand-lockup small{font:8px/1.2 ui-monospace,monospace;color:var(--cyan);margin-top:4px;letter-spacing:.12em}
.lab-header{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);position:relative;z-index:1}
.lab-header nav,.lab-footer nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.lab-header a,.lab-footer a{text-decoration:none;font:12px/1 ui-monospace,monospace;color:var(--muted)}
.status{font:10px/1 ui-monospace,monospace;letter-spacing:.1em;color:var(--cyan)}
.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.lab-hero{padding:38px 0 74px}
.signal{display:flex;justify-content:space-between;font:10px/1 ui-monospace,monospace;color:var(--muted);letter-spacing:.13em;margin-bottom:24px}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch}
.hero-grid>div{border:1px solid var(--line);background:rgba(16,21,34,.8);padding:clamp(28px,5vw,62px);display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-grid>div:before{content:"AI";position:absolute;right:24px;top:12px;font:100px/1 Impact,sans-serif;color:rgba(49,245,220,.035)}
.eyebrow,.module header span,.code,.workflow header span,.faq header span{font:10px/1 ui-monospace,monospace;letter-spacing:.15em;color:var(--cyan)}
h1{font-size:clamp(52px,7vw,98px);line-height:.92;letter-spacing:-.06em;margin:20px 0 28px}
h2{font-size:clamp(34px,5vw,58px);line-height:1.06;letter-spacing:-.04em}
.lead{font-size:18px;color:#c2ccda;max-width:34em}
.lab-button{align-self:flex-start;margin-top:22px;border:1px solid var(--cyan);padding:12px 16px;text-decoration:none;color:var(--cyan);font:12px/1 ui-monospace,monospace}
.hero-grid figure{margin:0;position:relative}
.hero-grid figure img{height:640px;filter:saturate(1.2) contrast(1.05)}
figcaption{font:11px/1.5 ui-monospace,monospace;color:var(--muted);margin-top:8px}
.hero-grid figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(8,11,18,.84);padding:10px}
.hero-grid figcaption span{color:var(--cyan);margin-right:14px}
.module,.continuity,.workflow,.faq{position:relative;padding:70px 0;border-top:1px solid var(--line)}
.module header{display:grid;grid-template-columns:160px 1fr;gap:24px}
.module h2,.workflow h2,.faq h2{margin:0}
.definition{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;margin-top:36px}
.definition>p{font-size:22px;color:#c8d3e2}
.definition aside{border:1px solid var(--line);padding:24px;background:var(--panel)}
.definition aside b{font:11px/1 ui-monospace,monospace;color:var(--violet)}
.definition aside p{color:var(--muted);margin-bottom:0}
.continuity{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.continuity figure{margin:0}
.continuity figure img{height:650px;clip-path:polygon(0 4%,94% 0,100% 96%,6% 100%)}
.continuity ul{list-style:none;padding:0;margin:30px 0 0;border:1px solid var(--line)}
.continuity li{display:grid;grid-template-columns:90px 1fr;padding:17px;border-bottom:1px solid var(--line)}
.continuity li:last-child{border:0}
.continuity li b{color:var(--cyan)}
.continuity li span{color:var(--muted)}
.workflow header,.faq header{display:flex;justify-content:space-between;gap:30px;align-items:end}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:38px 0 24px;border:1px solid var(--line)}
.timeline article{padding:24px;border-right:1px solid var(--line);background:rgba(16,21,34,.6)}
.timeline article:last-child{border:0}
.timeline b{font:32px/1 ui-monospace,monospace;color:var(--violet)}
.timeline h3{font-size:20px}
.timeline p{color:var(--muted)}
.poster-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 0}
.poster-wall figure{margin:0;padding:10px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(16,21,34,.96),rgba(8,11,18,.96))}
.poster-wall img{height:auto;aspect-ratio:2/3;object-fit:contain;filter:hue-rotate(4deg) saturate(1.08)}
.poster-wall figcaption{padding:9px 4px 3px}
.poster-wall .cover-caption{align-items:flex-start;flex-wrap:wrap}
.poster-wall .cover-caption strong{max-width:18em}
.faq-terminal{margin-top:34px;border:1px solid var(--line);background:var(--panel)}
.faq-item{padding:20px 24px;border-bottom:1px solid var(--line)}
.faq-item:last-child{border:0}
.faq-item summary{cursor:pointer;color:var(--cyan)}
.faq-item p{color:var(--muted)}
.lab-footer{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line);position:relative}
.lab-footer>div>p{font:11px/1 ui-monospace,monospace;color:var(--violet)}
.lab-footer nav{justify-content:flex-end}
.lab-footer small{grid-column:1/-1;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
@media(max-width:830px){.lab-header{grid-template-columns:1fr auto}
.lab-header nav{grid-column:1/-1;justify-content:flex-start}
.hero-grid,.definition,.continuity{grid-template-columns:1fr}
.timeline{grid-template-columns:1fr 1fr}
.hero-grid figure img,.continuity figure img{height:520px}
.module header{grid-template-columns:1fr}
.continuity figure{order:2}
.poster-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.poster-wall figure:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}
}
@media(max-width:520px){:root{--shell:calc(100% - 26px)}
.status{display:none}
.lab-header{grid-template-columns:1fr}
.lab-hero{padding-bottom:52px}
.signal{display:grid;gap:6px}
.hero-grid>div{padding:26px 20px}
.hero-grid figure img,.continuity figure img{height:420px}
.timeline{grid-template-columns:1fr}
.timeline article{border-right:0;border-bottom:1px solid var(--line)}
.workflow header,.faq header{display:block}
.poster-wall{gap:10px}
.poster-wall figure{padding:6px}
.poster-wall figure:last-child{width:calc(50% - 5px)}
.poster-wall .cover-caption{display:grid;gap:4px}
.poster-wall .cover-caption strong{font-size:11px}
.poster-wall .cover-caption small{font-size:8px}
.lab-footer{grid-template-columns:1fr}
.lab-footer nav{justify-content:flex-start}
.lab-header nav,.lab-footer nav{gap:14px}
}