*{box-sizing:border-box} :root{--black:#050505;--panel:#101010;--line:#242424;--muted:#929292;--gold:#d9b98b;--white:#f4f4f4}
html,body{margin:0;min-height:100%;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}
body{overflow:hidden}.topbar{height:48px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#050505;border-bottom:1px solid #111}
.wordmark{color:#eee;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:5px}.study-label{font-size:8px;letter-spacing:2px;color:#656565}.menu-button{width:28px;height:28px;border:0;background:none;display:grid;align-content:center;gap:5px;cursor:pointer}.menu-button span{height:1px;background:#ddd;width:20px}
.layout{height:100vh;padding-top:48px;display:grid;grid-template-columns:minmax(0,1fr) 380px}
.visual-stage{position:relative;min-width:0;overflow:hidden;background:#382315}.stage-image{position:absolute;inset:0;background-image:url("assets/cybercab-showcase.jpg");background-size:cover;background-position:center center;transform:scale(1.015);transition:filter .7s,transform 1s,background-position .7s}
.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.15) 62%,rgba(0,0,0,.55) 100%);pointer-events:none}
.stage-caption{position:absolute;left:6.5%;top:8%;text-shadow:0 2px 20px #0006}.eyebrow{font-size:9px;letter-spacing:3px;color:#e3c69e;margin:0 0 12px}.stage-caption h1{font-size:clamp(32px,5vw,72px);letter-spacing:.17em;font-weight:300;margin:0}.caption-sub{font-size:12px;letter-spacing:1.5px;color:#eee}
.gallery-controls{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#0808088c;padding:5px 8px;border:1px solid #ffffff20;backdrop-filter:blur(12px)}
.gallery-controls>button{height:25px;width:25px;background:transparent;border:1px solid #ffffff44;color:#fff;font-size:22px;line-height:18px;cursor:pointer}.dots{display:flex;gap:6px;align-items:center}.dot{width:7px;height:7px;padding:0;border-radius:50%;border:1px solid #fff9;background:transparent;cursor:pointer}.dot.active{background:#fff}
.image-count{position:absolute;bottom:32px;right:28px;font-size:9px;letter-spacing:2px;color:#ddd}
.order-panel{background:#050505;border-left:1px solid #151515;min-height:0;overflow:hidden}.panel-scroll{height:100%;overflow:auto;padding:24px 22px 22px;scrollbar-width:thin;scrollbar-color:#333 #050505}
.brand-lockup{text-align:center;margin:0 0 20px}.cyber-script{font-family:Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-3px;font-size:31px;transform:skew(-13deg);color:#d8bd9c;text-shadow:0 0 18px #c9a77b55}.brand-lockup p{font-size:7px;letter-spacing:2px;color:#686868;margin:4px 0 0}
.product-card{background:#111;padding:15px 15px 13px;margin-bottom:8px;border:1px solid #181818}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:12px}.feature-preview{height:46px;width:100%;display:flex;align-items:center;gap:12px;padding:0 10px;background:#242424;border:0;color:#eee;text-align:left;font:500 9px Inter;cursor:pointer}.feature-preview b{margin-left:auto;font-size:20px;font-weight:300}.mini-image{width:43px;height:29px;background:url("assets/cybercab-showcase.jpg") center/cover}
.text-link{border:0;background:none;color:#bcbcbc;text-decoration:underline;text-underline-offset:3px;font:400 8px Inter;cursor:pointer;padding:0}.product-card>.text-link{margin-top:8px}
.subscription-card{padding-bottom:12px}.subscription-card .card-heading{margin-bottom:11px}.subscription-row{height:37px;border:1px solid #343434;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:9px}.subscription-row>span{display:flex;align-items:center;gap:8px}.subscription-row input{accent-color:#d9bd96}.subscription-row strong{font-size:9px}.subscription-row small,.price-line small{font-size:8px;font-weight:400;color:#aaa}.fine-print{font-size:7px;line-height:1.65;color:#aaa;margin:10px 0 0}.fine-print.muted{color:#666;margin-top:7px}
.slim-card{padding:0}.full-button{width:100%;padding:14px 15px;background:none;border:0;color:#eee;text-align:left;cursor:pointer;margin:0}.full-button .text-link{font-size:8px}
.delivery{text-align:center;padding:28px 0 20px}.delivery h2{font-size:13px;font-weight:400;margin:0 0 6px}.delivery p{font-size:8px;color:#aaa;margin:0}.delivery u{cursor:pointer}
.price-breakdown{border-top:1px solid #181818;padding-top:13px}.price-line{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 15px;font-size:10px}.price-line>div{display:grid;gap:3px}.price-line strong{font-weight:500}.price-line small{display:block;color:#777}.price-line>strong{font-size:10px}.price-line.due{margin-top:20px}.price-line.due>strong{font-size:12px}
.legal-copy{font-size:7px;line-height:1.7;color:#aaa;margin:18px 0 12px}.legal-copy u{cursor:pointer}.pay-button{width:100%;height:35px;border-radius:2px;font:500 9px Inter;cursor:pointer;margin-bottom:8px}.google{background:transparent;color:#eee;border:1px solid #555}.gpay{font-weight:700;color:#4285f4;font-size:13px;margin-right:4px}.card-pay{background:linear-gradient(100deg,#c9a77d,#e5c99f);border:0;color:#19130d}.demo-note{text-align:center;font-size:7px;color:#555;letter-spacing:.4px;margin:8px 0 0}
.modal-backdrop{position:fixed;z-index:10;inset:0;background:#000b;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}.modal-backdrop.open{opacity:1;visibility:visible}.modal{position:relative;width:min(520px,100%);padding:35px;background:#111;border:1px solid #343434;box-shadow:0 20px 80px #000}.modal h2{font-size:23px;font-weight:300;margin:0 0 20px}.modal p,.modal li{font-size:11px;line-height:1.8;color:#aaa}.modal ul{padding-left:18px}.modal-close{position:absolute;right:15px;top:10px;background:none;border:0;color:#eee;font-size:25px;cursor:pointer}
@media(max-width:900px){body{overflow:auto}.layout{height:auto;min-height:100vh;display:flex;flex-direction:column}.visual-stage{height:58vh;min-height:390px}.order-panel{overflow:visible}.panel-scroll{height:auto;max-width:560px;margin:auto;padding:25px 20px 35px}.topbar{position:fixed}.stage-caption{top:12%}.image-count{display:none}}
@media(max-width:480px){.visual-stage{height:52vh;min-height:330px}.stage-image{background-position:48% center}.stage-caption h1{font-size:35px}.study-label{display:none}.panel-scroll{padding:22px 16px 30px}.modal{padding:28px 22px}}