/* Black Hole AI / Pass 5: minimalist product-first presentation */
:root{--p5-bg:#070914;--p5-panel:#0b1020;--p5-line:rgba(132,112,255,.22);--p5-text:#f7f8ff;--p5-muted:rgba(231,236,255,.68);--p5-purple:#8d67ff;--p5-cyan:#57e1ff}
html{overflow-y:auto!important}body.p5-page{overflow-x:hidden!important;overflow-y:auto!important;background:var(--p5-bg)}
.p5-wrap{width:min(1510px,calc(100% - 20px));margin-inline:auto}.p5-kicker{font-size:.67rem;font-weight:800;letter-spacing:.15em;color:#a7b8ef}.p5-muted{color:var(--p5-muted)}
.p5-hero{width:min(1510px,calc(100% - 20px));height:clamp(300px,31vw,395px);margin:10px auto 0;position:relative;overflow:hidden;border:1px solid var(--p5-line);border-radius:22px;background:#090c17}
.p5-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.p5-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,7,15,.88) 0%,rgba(4,7,15,.12) 44%,rgba(4,7,15,.08) 100%)}
.p5-hero-copy{position:absolute;z-index:2;left:26px;right:26px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:24px}.p5-hero-copy h1{margin:.3rem 0 0;font-size:clamp(1.75rem,2.7vw,2.7rem);line-height:1;letter-spacing:-.04em}.p5-hero-copy p{max-width:560px;margin:0;color:var(--p5-muted);font-size:.9rem;line-height:1.45;text-align:right}
.p5-section{width:min(1510px,calc(100% - 20px));margin:0 auto;padding:28px 0}.p5-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:12px}.p5-head h2{margin:.25rem 0 0;font-size:clamp(1.7rem,2.7vw,2.8rem);line-height:1;letter-spacing:-.045em}.p5-head p{max-width:540px;margin:0;color:var(--p5-muted);line-height:1.45}
.p5-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,305px);gap:10px;overflow-x:auto;padding:2px 1px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}.p5-card{min-height:235px;position:relative;overflow:hidden;scroll-snap-align:start;border:1px solid var(--p5-line);border-radius:17px;background:#0a0d18;text-decoration:none;color:#fff}.p5-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.p5-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,7,15,.95),rgba(4,7,15,.08) 62%,transparent)}.p5-card span{position:absolute;z-index:2;left:14px;right:14px;bottom:12px}.p5-card small{display:block;margin-bottom:3px;color:#acbbed;font-size:.61rem;letter-spacing:.11em}.p5-card strong{font-size:1.02rem;line-height:1.15}
.p5-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.p5-grid3{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:10px}.p5-screen{position:relative;overflow:hidden;border:1px solid var(--p5-line);border-radius:17px;background:#090c17}.p5-screen img{width:100%;display:block;object-fit:cover}.p5-screen:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,rgba(4,7,15,.82),transparent)}.p5-label{position:absolute;z-index:2;left:12px;bottom:11px;padding:6px 8px;border-radius:7px;background:rgba(4,7,15,.78);font-size:.63rem;letter-spacing:.08em;color:#fff}
.p5-product-form{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:10px}.p5-form-card,.p5-preview-card{border:1px solid var(--p5-line);border-radius:18px;overflow:hidden}.p5-form-card{padding:20px;background:#f7f9fc;color:#13213b}.p5-form-card .p5-kicker{color:#3c639d}.p5-form-card h2,.p5-form-card h3{margin:.3rem 0 .5rem}.p5-form-card p{color:#66728a;line-height:1.45}.p5-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.p5-field{display:grid;gap:5px}.p5-field.full{grid-column:1/-1}.p5-field span{font-size:.69rem;font-weight:800;color:#36425a}.p5-field input,.p5-field select,.p5-field textarea{width:100%;min-height:44px;padding:10px 11px;border:1px solid #d9e0ed;border-radius:9px;background:#fff;color:#13213b;font:inherit}.p5-field textarea{min-height:92px;resize:vertical}.p5-form-action{margin-top:12px;display:flex;gap:9px;flex-wrap:wrap}.p5-form-action button,.p5-form-action a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:9px;border:1px solid #293b60;text-decoration:none;font-weight:800;cursor:pointer}.p5-form-action .primary{background:#16294d;color:#fff}.p5-form-action .secondary{background:#fff;color:#1c3159}
.p5-preview-card{background:#0b1020;color:#fff;display:grid;grid-template-rows:auto 1fr}.p5-preview-head{padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.p5-preview-head h3{margin:.3rem 0 0}.p5-lead-tile{margin:16px;padding:16px;border:1px solid rgba(87,225,255,.22);border-radius:14px;background:linear-gradient(145deg,#10182b,#0c1221)}.p5-lead-tile header{display:flex;justify-content:space-between;gap:12px;align-items:center}.p5-score{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(87,225,255,.32);border-radius:50%;font-weight:900;color:#69ddff}.p5-lead-tile h4{margin:0 0 3px;font-size:1.15rem}.p5-lead-tile p{margin:0;color:#91a3c4}.p5-lead-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.p5-lead-meta div{padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}.p5-lead-meta small{display:block;color:#7f94bc;font-size:.61rem;letter-spacing:.08em}.p5-lead-meta strong{display:block;margin-top:3px;font-size:.82rem}.p5-stage-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.p5-stage-row span{padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:#9fb4df;font-size:.64rem}.p5-stage-row .active{border-color:rgba(87,225,255,.35);background:rgba(87,225,255,.08);color:#80e6ff}
.p5-build-shell{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:10px}.p5-build-aside{position:relative;min-height:590px;overflow:hidden;border:1px solid var(--p5-line);border-radius:18px}.p5-build-aside img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.p5-build-aside:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,7,15,.96),transparent 52%)}.p5-build-aside div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.p5-build-aside h2{margin:.3rem 0 .4rem;font-size:1.8rem}.p5-build-aside p{margin:0;color:var(--p5-muted)}
.p5-minimal-copy{max-width:520px}.p5-minimal-copy h1{font-size:clamp(1.55rem,2.3vw,2.35rem)}
@media(max-width:1000px){.p5-product-form,.p5-build-shell{grid-template-columns:1fr}.p5-grid3{grid-template-columns:1fr 1fr}.p5-grid3>*:first-child{grid-column:1/-1}.p5-hero-copy{align-items:flex-start;flex-direction:column}.p5-hero-copy p{text-align:left}}
@media(max-width:700px){.p5-hero{width:calc(100% - 12px);height:350px}.p5-section,.p5-wrap{width:calc(100% - 12px)}.p5-hero-copy{left:16px;right:16px;bottom:15px}.p5-head{align-items:flex-start;flex-direction:column}.p5-rail{grid-auto-columns:82vw}.p5-grid2,.p5-grid3,.p5-form-grid{grid-template-columns:1fr}.p5-grid3>*:first-child,.p5-field.full{grid-column:auto}.p5-build-aside{min-height:480px}}