.template-showroom{--showroom-navy:#07111f;--showroom-panel:#0c1a2c;--showroom-line:#2b3c52;--showroom-text:#f8fafc;--showroom-muted:#aebbd0;margin:6px 0 42px;color:var(--showroom-text)}
.template-showroom *{box-sizing:border-box}
.template-grid[data-showroom-fallback][hidden]{display:none!important}
.showroom-live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.showroom-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 22px;border-bottom:1px solid var(--showroom-line);padding:0 0 18px}
.showroom-progress button{min-height:54px;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;color:#8292a8;padding:8px 10px;text-align:left;cursor:pointer}
.showroom-progress button span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #36506d;border-radius:50%;font-size:.76rem;font-weight:950}
.showroom-progress button strong{font-size:.86rem}
.showroom-progress button.is-current{background:#10233a;color:#fff}
.showroom-progress button.is-current span{border-color:#2dd4bf;background:#2dd4bf;color:#03131a}
.showroom-stage{scroll-margin-top:24px}
.showroom-stage-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.showroom-stage-head h3{margin:.3rem 0 .55rem;color:#fff;font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.06}
.showroom-stage-head p{max-width:760px;margin:0;color:var(--showroom-muted);line-height:1.55}
.showroom-step-label,.showroom-card-kicker{color:#5eead4;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.showroom-text-button,.showroom-package-link{min-height:44px;border:0;border-bottom:1px solid #5eead4;background:transparent;color:#5eead4;padding:8px 2px;font-weight:900;cursor:pointer}
.showroom-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.showroom-business-card,.showroom-direction-card{min-width:0;overflow:hidden;border:1px solid var(--showroom-line);border-radius:18px;background:var(--showroom-panel);box-shadow:0 16px 38px rgba(0,0,0,.18);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.showroom-business-card:hover,.showroom-direction-card:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(0,0,0,.24)}
.showroom-business-card.is-selected,.showroom-direction-card.is-selected{border-color:var(--showroom-accent,#2dd4bf);box-shadow:0 0 0 2px color-mix(in srgb,var(--showroom-accent,#2dd4bf) 45%,transparent),0 18px 42px rgba(0,0,0,.25)}
.showroom-card-preview,.showroom-direction-preview{position:relative;overflow:hidden;height:188px;border-bottom:1px solid var(--showroom-line);background:#050d18}
.showroom-card-preview img,.showroom-direction-preview img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:top center;background:#fff}
.showroom-card-preview::after,.showroom-direction-preview::after{content:"Real website preview";position:absolute;right:10px;bottom:10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(7,17,31,.86);padding:5px 8px;color:#fff;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(6px)}
.showroom-card-copy{padding:17px 17px 10px}
.showroom-card-copy h4,.showroom-direction-copy h4{margin:4px 0 8px;color:#fff;font-size:1.25rem;line-height:1.14}
.showroom-card-copy p,.showroom-direction-copy p{margin:0;color:#c6d2e1;font-size:.9rem;line-height:1.55}
.showroom-card-copy ul{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 12px;padding:0;list-style:none}
.showroom-card-copy li{border:1px solid #36506d;border-radius:999px;padding:5px 8px;color:#b9c8d9;font-size:.7rem;font-weight:800}
.showroom-recommendation{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--showroom-line);padding:11px 0 6px;color:#dbe7f3;font-size:.76rem}
.showroom-recommendation span{color:#5eead4;font-weight:900;text-align:right}
.showroom-card-copy>small{display:block;color:#8292a8;font-size:.71rem}
.showroom-card-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;padding:10px 17px 17px}
.showroom-card-actions button,.showroom-direction-card>button,.showroom-button,.showroom-device-controls button,.showroom-dialog-bar button{min-height:44px;border:1px solid #36506d;border-radius:10px;background:#10233a;color:#f8fafc;padding:8px 11px;font:inherit;font-size:.78rem;font-weight:950;cursor:pointer}
.showroom-card-actions button:first-child,.showroom-direction-card.is-selected>button{border-color:var(--showroom-accent,#2dd4bf);background:var(--showroom-accent,#2dd4bf);color:#03131a}
.showroom-selection-workspace{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:28px;margin-top:52px;border-top:1px solid var(--showroom-line);padding-top:42px}
.showroom-direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.showroom-direction-card{--showroom-accent:#2dd4bf;display:flex;flex-direction:column}
.showroom-direction-preview{height:126px}
.showroom-direction-copy{padding:14px 14px 10px}
.showroom-direction-title{display:flex;align-items:start;justify-content:space-between;gap:8px}
.showroom-direction-title h4{font-size:1rem}
.showroom-direction-title span{border:1px solid #5eead4;border-radius:999px;padding:4px 7px;color:#5eead4;font-size:.6rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.showroom-direction-title span[hidden]{display:none!important}
.showroom-direction-copy p{font-size:.78rem}
.showroom-direction-copy small{display:block;margin-top:8px;color:#8292a8;font-size:.68rem;font-weight:850}
.showroom-direction-card>button{margin:auto 14px 14px}
.showroom-direction-card.is-selected>button::after{content:" · Selected"}
.showroom-review-stage{position:sticky;top:20px;align-self:start;min-width:0}
.showroom-review-head{margin-bottom:12px}
.showroom-device-controls{display:flex;gap:7px;margin:0 0 10px}
.showroom-device-controls button{min-width:92px;background:transparent}
.showroom-device-controls button.is-selected{border-color:#2dd4bf;background:#2dd4bf;color:#03131a}
.showroom-live-preview{position:relative;width:100%;height:590px;overflow:hidden;border:1px solid #36506d;border-radius:18px;background:#fff;box-shadow:0 22px 50px rgba(0,0,0,.3);transition:width .2s ease}
.showroom-live-preview[data-device="phone"]{width:min(390px,100%);height:650px;margin-inline:auto}
.showroom-live-preview[data-device="tablet"]{width:min(768px,100%);height:620px;margin-inline:auto}
.showroom-live-preview iframe{width:100%;height:100%;border:0;background:#fff}
.showroom-preview-loading{position:absolute;inset:0;display:grid;place-items:center;background:#07111f;color:#d9e5f2;font-weight:900;text-align:center;padding:20px}
.showroom-preview-loading[hidden]{display:none}
.showroom-preview-note{margin:9px 0 0;color:#8292a8;font-size:.72rem;text-align:center}
.showroom-review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.showroom-button-primary{border-color:#2dd4bf!important;background:#2dd4bf!important;color:#03131a!important}
.showroom-package-link{display:block;margin:10px auto 0}
.showroom-package-step{margin-top:54px;border-top:1px solid var(--showroom-line);padding-top:38px}
.showroom-package-step .top-price-strip{margin-top:18px}
.showroom-package-step .checkout-panel{margin-top:18px}
.showroom-fullscreen-dialog{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;background:#050d18;padding:0;color:#fff}
.showroom-fullscreen-dialog::backdrop{background:rgba(2,6,23,.85)}
.showroom-dialog-bar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #2b3c52;background:#07111f;padding:10px 18px}
.showroom-dialog-bar strong,.showroom-dialog-bar span{display:block}
.showroom-dialog-bar span{color:#9fb0c5;font-size:.76rem}
.showroom-fullscreen-dialog>iframe{display:block;width:100%;height:calc(100vh - 66px);border:0;background:#fff}
.template-showroom button:focus-visible,.template-showroom iframe:focus-visible{outline:3px solid #facc15;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.showroom-business-card,.showroom-direction-card,.showroom-live-preview{transition:none}}
@media(max-width:1120px){.showroom-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-selection-workspace{grid-template-columns:1fr}.showroom-review-stage{position:static}.showroom-direction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.showroom-progress strong{font-size:.72rem}.showroom-business-grid{grid-template-columns:1fr}.showroom-selection-workspace{margin-top:30px;padding-top:28px}.showroom-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-live-preview{height:560px}.showroom-stage-head{display:block}.showroom-text-button{margin-top:8px}.showroom-card-preview{height:220px}}
@media(max-width:640px){.template-showroom{margin-top:0}.showroom-progress{position:sticky;top:0;z-index:5;margin-inline:-11px;background:#07111f;padding:9px 11px}.showroom-progress button{min-height:46px;justify-content:center;padding:5px}.showroom-progress button strong{display:none}.showroom-stage-head h3{font-size:1.65rem}.template-showroom[data-mobile-stage="business"] [data-showroom-stage="style"],.template-showroom[data-mobile-stage="business"] [data-showroom-stage="review"],.template-showroom[data-mobile-stage="style"] [data-showroom-stage="business"],.template-showroom[data-mobile-stage="style"] [data-showroom-stage="review"],.template-showroom[data-mobile-stage="review"] [data-showroom-stage="business"],.template-showroom[data-mobile-stage="review"] [data-showroom-stage="style"]{display:none}.showroom-selection-workspace{display:block;border-top:0;margin-top:0;padding-top:0}.showroom-direction-grid{grid-template-columns:1fr}.showroom-direction-card{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:stretch}.showroom-direction-preview{height:auto;min-height:155px;border-right:1px solid var(--showroom-line);border-bottom:0}.showroom-direction-copy{padding:13px}.showroom-direction-title{display:block}.showroom-direction-title span{display:inline-flex;margin-bottom:7px}.showroom-direction-card>button{grid-column:1/-1;width:auto;margin:0 12px 12px}.showroom-device-controls{display:grid;grid-template-columns:repeat(3,1fr)}.showroom-device-controls button{min-width:0}.showroom-live-preview,.showroom-live-preview[data-device="phone"],.showroom-live-preview[data-device="tablet"]{width:100%;height:min(64vh,590px)}.showroom-review-actions{grid-template-columns:1fr}.showroom-card-actions{grid-template-columns:1fr}.showroom-dialog-bar{height:76px;padding:9px 11px}.showroom-fullscreen-dialog>iframe{height:calc(100vh - 76px)}}
@media(max-width:390px){.showroom-card-preview{height:190px}.showroom-business-card,.showroom-direction-card{border-radius:14px}.showroom-direction-card{grid-template-columns:104px minmax(0,1fr)}.showroom-direction-copy p{font-size:.75rem}.showroom-direction-copy small{font-size:.64rem}}