:root{color-scheme:dark;--ink:#f5f2e9;--muted:#b8b5ac;--gold:#d3a84f;--panel:#15191c;--line:#343a3e;--ok:#68b88b}*{box-sizing:border-box}body{margin:0;background:#090b0d;color:var(--ink);font:16px/1.5 system-ui,sans-serif}.shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.topbar,.progress-row,.actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:.15rem 0 .25rem;font-size:clamp(1.5rem,4vw,2.5rem)}.brand-subtitle{margin:0;color:var(--muted);font-size:.95rem;max-width:42ch}.eyebrow{color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.room-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.room-chip{padding:12px;border:1px solid var(--line);border-radius:10px;background:#111518;color:var(--muted);text-align:left}.room-chip.active{border-color:var(--gold);color:var(--ink)}.room-chip.completed{border-color:var(--ok);color:var(--ok)}.room-chip:disabled{opacity:.55}.room-hero{position:relative;min-height:290px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#25292c}.image-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:30px;color:#aeb5ba;text-align:center;background:repeating-linear-gradient(135deg,#2b3034,#2b3034 18px,#252a2e 18px,#252a2e 36px)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.93),rgba(5,7,8,.64))}.hero-content{position:relative;z-index:1;width:min(680px,90%);padding:44px}.hero-content h2{font-size:clamp(1.8rem,5vw,3rem);margin:.35rem 0}.state-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#292e31;font-size:.75rem;font-weight:800;text-transform:uppercase}.panel{margin-top:16px;padding:clamp(20px,5vw,38px);border:1px solid var(--line);border-radius:18px;background:var(--panel)}.panel h3{font-size:clamp(1.35rem,3vw,2rem);margin:.5rem 0 1.5rem}.progress-track{height:5px;margin:10px 0 28px;background:#34393c;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--gold)}#requiredMarker{font-size:.8rem;color:var(--muted)}.why{padding:14px 16px;margin:0 0 22px;border-left:3px solid var(--gold);background:#202529}.why p{margin:.25rem 0 0;color:var(--muted)}label{display:block;margin:10px 0;font-weight:650}input[type=text],input[type=number],input[type=date],textarea,select{width:100%;padding:13px;border:1px solid #50575b;border-radius:8px;background:#0c0f11;color:var(--ink);font:inherit}textarea{min-height:110px;resize:vertical}.choice{display:flex;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px}.actions{margin-top:24px}button{padding:12px 18px;border:1px solid var(--gold);border-radius:8px;background:var(--gold);color:#111;font-weight:800;cursor:pointer}button.secondary,.text-button{background:transparent;color:var(--ink);border-color:#565d61}.text-button{padding:8px}.save-status{min-height:24px;color:var(--ok)}.review-item{padding:18px 0;border-bottom:1px solid var(--line)}.review-item h4{margin:0 0 6px}.review-item p{margin:4px 0;color:var(--muted)}.review-item code{color:var(--gold)}.review-item button{margin-top:8px;padding:7px 12px}.completion{text-align:center}@media(max-width:700px){.room-nav{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.hero-content{padding:30px 22px}.actions button{flex:1}}
/* Stage 4 prototype screens */
.stage4-panel h4{margin:1.5rem 0 .5rem;color:var(--gold)}
.stage4-panel p{max-width:78ch}
.status-card{display:grid;gap:4px;margin:16px 0;padding:16px;border:1px solid var(--gold);border-radius:12px;background:#1b1b17}
.status-card strong{color:var(--gold)}
.status-card span{color:var(--muted)}
.summary-list{display:grid;gap:8px}
.summary-list>div,.timeline>div{display:grid;gap:3px;padding:10px 12px;border-left:2px solid var(--line);background:#111518}
.summary-list span,.timeline span{color:var(--muted);white-space:pre-wrap}
.action-wrap{flex-wrap:wrap;justify-content:flex-start;margin-top:24px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid label{display:grid;gap:6px;color:var(--muted);font-weight:700}
.form-grid textarea{min-height:86px;resize:vertical}
input,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#0d1113;color:var(--ink);font:inherit}
input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.agreement{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-weight:700}
.agreement input{width:auto;margin-top:5px}
.terms-list{color:var(--muted)}
.operator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.operator-grid p{margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}
.operator-grid strong{color:var(--gold)}
.text-button{border:0;background:transparent;color:var(--muted);padding:6px;cursor:pointer}
@media(max-width:680px){.room-nav,.form-grid,.operator-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.actions{align-items:stretch;flex-direction:column}.actions button{width:100%}}
.stage5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.stage5-card{display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#111518}.stage5-card strong{color:var(--gold)}.fictional-label{color:var(--gold);font-size:.8rem;font-weight:800;letter-spacing:.08em}.table-wrap{overflow:auto;margin:16px 0}.table-wrap table{border-collapse:collapse;min-width:100%;font-size:.82rem}.table-wrap th,.table-wrap td{padding:8px;border:1px solid var(--line);vertical-align:top;text-align:left}.table-wrap th{color:var(--gold);background:#111518}.stage6-approval{margin:16px 0}.stage6-approval .status-card{margin:0}@media(max-width:680px){.stage5-grid{grid-template-columns:1fr}}
.stage7-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.journey-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.journey-group{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#111518}.journey-group strong{color:var(--gold)}.journey-group span{color:var(--muted)}.privacy-note{color:var(--muted);font-size:.9rem}.stage7-grid .stage5-card span{color:var(--muted)}
@media(max-width:680px){.stage5-grid,.stage7-grid,.journey-status{grid-template-columns:1fr}}

/* QLL Garage opening hero image */
.qll-opening-hero {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #080b10;
}

.qll-opening-hero-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
