:root{--hc-green:#78d392;--hc-green-soft:#b9f0c8;--hc-panel:#0b100d;--hc-line:rgba(255,255,255,.12);--hc-muted:#aeb8b1;--hc-radius:18px}
html{scroll-behavior:smooth}body{background:#050706}.shell{width:min(1180px,calc(100% - 36px))}.site-header{background:rgba(5,7,6,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo{width:auto;height:48px;filter:drop-shadow(0 5px 18px rgba(120,211,146,.12))}.nav-links{gap:22px}.nav-links a{letter-spacing:.06em;font-size:.79rem}.nav-cta,.btn{border-radius:999px}.nav-cta{padding:12px 18px}.page-hero{padding-top:clamp(86px,11vw,150px);padding-bottom:clamp(48px,7vw,88px)}.page-hero.compact-hero{padding-top:110px}.page-hero h1{max-width:900px;letter-spacing:-.035em}.section{padding:clamp(58px,8vw,105px) 0}.section+.section{border-top:1px solid rgba(255,255,255,.055)}.card,.service-card,.route-card,.panel{border-radius:var(--hc-radius);overflow:hidden}.kicker{color:var(--hc-green);letter-spacing:.18em}.site-footer{border-top:1px solid rgba(255,255,255,.1);padding:38px 0 90px}.site-footer p{color:#909b93}.mobile-panel{background:rgba(5,7,6,.98);backdrop-filter:blur(20px)}
/* make imagery feel intentional */
img{image-rendering:auto}.media-frame,.image-card{border-radius:16px;overflow:hidden}.media-frame img,.image-card img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.media-frame:hover img,.image-card:hover img{transform:scale(1.025)}}
/* home gate: one screen only */
body.gate-open{overflow:hidden}.gate{min-height:100dvh;max-height:100dvh;overflow:hidden}.gate .gate-logo,.gate img[src*="hc-logo"]{width:min(68vw,430px)!important;max-height:150px;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(120,211,146,.13))}.gate:after{content:"BERKELEY  •  EST. 2019";position:absolute;left:50%;top:24%;transform:translateX(-50%);z-index:3;color:rgba(198,244,211,.78);font-size:.62rem;letter-spacing:.28em;white-space:nowrap}.gate-option,.gate-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media(max-width:720px){.shell{width:min(100% - 28px,1180px)}.brand-logo{height:42px}.section{padding:52px 0}.page-hero{padding-top:92px;padding-bottom:44px}.page-hero.compact-hero{padding-top:94px}.gate:after{top:22%}.site-footer{padding-bottom:110px}}

/* QA 6.6.2 — Business recommendations: clearer scale/growth story + safer mobile spacing */
.business-rec-head{max-width:860px;margin-bottom:24px}
.business-rec-head h2{margin:6px 0 12px}
.business-rec-head p:last-child{max-width:780px;color:#b7c0ba}
.business-operating-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 26px}
.business-operating-snapshot>div{min-width:0;padding:16px 17px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);border-radius:14px}
.business-operating-snapshot span,.scenario-label{display:block;font-size:.68rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:#7f9185}
.business-operating-snapshot b{display:block;margin-top:7px;font-size:.92rem;line-height:1.35;color:#eef5f0;overflow-wrap:anywhere}
.business-growth-brief{margin:0 0 30px;padding:clamp(20px,3vw,34px);border:1px solid rgba(120,211,146,.22);border-radius:18px;background:linear-gradient(145deg,rgba(120,211,146,.055),rgba(255,255,255,.018) 46%,rgba(255,255,255,.01))}
.business-growth-eyebrow{margin:0 0 10px;color:#78d392;font-size:.7rem;letter-spacing:.16em;font-weight:700}
.business-growth-brief h3{max-width:850px;margin:0 0 13px;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.08;letter-spacing:-.025em}
.business-growth-summary{max-width:900px;margin:0;color:#c0c9c3;font-size:1rem;line-height:1.7}
.business-scenario{margin-top:24px;padding:18px 20px;border-left:2px solid #78d392;background:#0b100d;border-radius:0 14px 14px 0}
.business-scenario p{margin:7px 0 8px;color:#e7ede9;line-height:1.65}
.business-scenario small{display:block;color:#869089;line-height:1.55}
.business-option-map-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:26px;align-items:end;margin-top:30px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
.business-option-map-head h4{margin:7px 0 0;font-size:1.2rem;line-height:1.25}
.business-option-map-head>p{margin:0;color:#97a39c;line-height:1.55}
.business-option-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.business-option-map article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;min-width:0;padding:17px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.2);border-radius:14px}
.business-option-map .option-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(120,211,146,.28);border-radius:50%;color:#92dfa8;font-size:.67rem;letter-spacing:.08em}
.business-option-map b{display:block;color:#f2f6f3;line-height:1.3}
.business-option-map em{display:inline-block;margin-top:5px;color:#78d392;font-size:.68rem;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.business-option-map p{margin:8px 0 0;color:#9eaaa2;font-size:.84rem;line-height:1.55}
.business-select-form{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}
.business-select-heading{max-width:800px;margin-bottom:18px}
.business-select-heading h3{margin:5px 0 9px;font-size:clamp(1.45rem,2.5vw,2rem)}
.business-select-heading p:last-child{color:#9ca8a0}
.business-solution-grid{margin-top:0}
.business-solution{position:relative;border-radius:15px;padding:0;background:#0b0e0d;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.business-solution label{gap:12px;padding:19px;cursor:pointer}
.business-solution input{flex:0 0 auto;width:18px;height:18px;margin-top:2px}
.business-solution b{display:block;margin-top:5px;color:#f2f6f3;line-height:1.3}
.business-solution small{font-size:.82rem;line-height:1.5}
.business-solution .solution-meta{display:inline-flex;width:auto;padding:4px 7px;border:1px solid rgba(120,211,146,.18);border-radius:999px;color:#84ce99;font-size:.61rem;line-height:1;letter-spacing:.08em;text-transform:uppercase}
.business-solution .solution-scale{display:block;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.075);color:#a9b4ad;font-size:.79rem;line-height:1.5}
.business-solution .solution-scale strong{color:#e8eee9}
.business-solution:has(input:checked){border-color:rgba(120,211,146,.7);background:linear-gradient(145deg,rgba(120,211,146,.09),rgba(255,255,255,.02));box-shadow:0 0 0 1px rgba(120,211,146,.08) inset}
@media(hover:hover){.business-solution:hover{border-color:rgba(120,211,146,.34);transform:translateY(-1px)}}
.business-submit-wrap{margin-top:24px;padding:20px 20px 24px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.02)}
.business-submit-wrap p{max-width:720px;margin:0 0 16px;color:#8f9a93;font-size:.82rem;line-height:1.5}
.business-submit-wrap .btn{margin:0;min-height:52px}

@media(max-width:800px){
  .business-recs{padding:20px 17px 26px;margin-bottom:20px}
  .business-operating-snapshot{grid-template-columns:1fr;gap:8px;margin:18px 0 22px}
  .business-operating-snapshot>div{padding:13px 14px}
  .business-growth-brief{padding:18px 15px;margin-bottom:24px;border-radius:15px}
  .business-growth-brief h3{font-size:clamp(1.45rem,7vw,2rem)}
  .business-growth-summary{font-size:.93rem;line-height:1.62}
  .business-scenario{margin-top:20px;padding:15px 14px}
  .business-option-map-head{grid-template-columns:1fr;gap:8px;margin-top:24px;padding-top:22px}
  .business-option-map{grid-template-columns:1fr;gap:8px;margin-top:14px}
  .business-option-map article{padding:14px 13px;gap:11px}
  .business-select-form{margin-top:24px;padding-top:24px}
  .business-select-heading{margin-bottom:14px}
  .business-solution-grid{gap:10px}
  .business-solution label{padding:16px 14px}
  .business-submit-wrap{margin-top:20px;padding:17px 14px 22px;margin-bottom:8px}
  .business-submit-wrap .btn{width:100%;margin-bottom:0}
  #businessFinal{margin-top:18px;margin-bottom:16px}
}

/* QA 6.6.2 — home gate: Book Now must use the exact same rail geometry as intent options */
body.theme-home .game-gate .gate-option-rail > .gate-book-now{
  box-sizing:border-box;
  position:relative;
  min-height:104px;
  padding:18px 28px;
  display:grid;
  align-content:center;
  color:#fff;
  text-decoration:none;
  background:transparent;
  overflow:hidden;
}
body.theme-home .game-gate .gate-option-rail > .gate-book-now > span{display:block;position:relative;z-index:2}
body.theme-home .game-gate .gate-option-rail > .gate-book-now::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--hc-green),#9be9b1,var(--hc-green));
  box-shadow:0 0 14px rgba(54,201,107,.55);
  transition:right .38s cubic-bezier(.2,.7,.2,1);
}
body.theme-home .game-gate .gate-option-rail > .gate-book-now:hover::after,
body.theme-home .game-gate .gate-option-rail > .gate-book-now:focus-visible::after{right:0}
@media(max-width:720px){
  body.theme-home .game-gate .gate-option-rail > button,
  body.theme-home .game-gate .gate-option-rail > .gate-book-now{
    min-height:82px!important;
    padding:13px 32px!important;
  }
  body.theme-home .game-gate .gate-option-rail > .gate-book-now{
    border-top:1px solid rgba(255,255,255,.14);
  }
}
@media(max-width:430px){
  body.theme-home .game-gate .gate-option-rail > button,
  body.theme-home .game-gate .gate-option-rail > .gate-book-now{
    min-height:76px!important;
    padding:11px 28px!important;
  }
}

/* QA 6.6.2 — unified Hi-Caliber CTA language. No white/blue action buttons. */
:root{
  --hc-cta-green:#17843e;
  --hc-cta-green-hi:#249f50;
  --hc-cta-green-deep:#0d5a2a;
  --hc-cta-ink:#f4f8f5;
  --hc-cta-dark:#090d0b;
  --hc-cta-line:rgba(120,211,146,.34);
}
.btn,
a.btn,
button.btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(15,21,17,.98),rgba(7,11,9,.98))!important;
  border:1px solid var(--hc-cta-line)!important;
  color:var(--hc-cta-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18)!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
}
.btn.primary,
a.btn.primary,
button.btn.primary{
  background:linear-gradient(180deg,var(--hc-cta-green-hi),var(--hc-cta-green-deep))!important;
  border-color:rgba(112,224,145,.62)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 34px rgba(10,91,40,.26)!important;
}
.btn.secondary,
a.btn.secondary,
button.btn.secondary,
.btn.ghost,
a.btn.ghost,
button.btn.ghost{
  background:linear-gradient(180deg,rgba(13,18,15,.98),rgba(6,9,7,.98))!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#eef5f0!important;
}
.btn:hover,.btn:focus-visible,
a.btn:hover,a.btn:focus-visible,
button.btn:hover,button.btn:focus-visible{
  border-color:rgba(120,211,146,.72)!important;
  color:#fff!important;
  background:linear-gradient(180deg,#1d8f46,#0d5a2a)!important;
}
.btn.secondary:hover,.btn.secondary:focus-visible,
.btn.ghost:hover,.btn.ghost:focus-visible{
  background:rgba(120,211,146,.10)!important;
  border-color:rgba(120,211,146,.62)!important;
  color:#fff!important;
}
.btn:visited,a.btn:visited{color:inherit!important}

/* Header and recurring booking actions follow the same family. */
.nav-cta,
.theme-home .home-book-now{
  -webkit-appearance:none!important;
  appearance:none!important;
  border-radius:999px!important;
  border:1px solid rgba(120,211,146,.40)!important;
  background:linear-gradient(180deg,rgba(19,39,26,.96),rgba(8,21,13,.96))!important;
  color:#eef8f1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.nav-cta:hover,.nav-cta:focus-visible,
.theme-home .home-book-now:hover,.theme-home .home-book-now:focus-visible{
  background:linear-gradient(180deg,var(--hc-cta-green-hi),var(--hc-cta-green-deep))!important;
  border-color:rgba(120,211,146,.72)!important;
  color:#fff!important;
}

/* Keep the mobile CALL / BOOK dock in the same dark + green system. */
.mobile-dock{background:rgba(5,9,7,.96)!important;border-color:rgba(120,211,146,.18)!important}
.mobile-dock a{color:#eef5f0!important;background:rgba(7,11,9,.96)!important}
.mobile-dock .dock-book{background:linear-gradient(180deg,rgba(18,85,42,.86),rgba(7,40,19,.94))!important;color:#fff!important;box-shadow:inset 0 2px rgba(120,211,146,.62)!important}
.mobile-dock a:active{background:rgba(120,211,146,.12)!important}

/* Native UI actions elsewhere: dark base, green selected state, never white/blue. */
.mode-switch button,.service-concepts button,.care-tabs button,.business-selector button,.viz-help{
  -webkit-appearance:none;
  appearance:none;
  color:#eef5f0;
}
.mode-switch button:hover,.service-concepts button:hover,.care-tabs button:hover,.business-selector button:hover,.viz-help:hover{
  border-color:rgba(120,211,146,.55)!important;
  background:rgba(120,211,146,.08)!important;
  color:#fff!important;
}

@media(max-width:720px){
  .btn{min-height:54px!important;padding:0 18px!important;font-size:10px!important;letter-spacing:.115em!important}
}

/* QA 6.6.2 — Visualizer modes now behave differently, not just relabeling the same screen. */
.hc-viz .guided-lesson{margin:18px 0 0;padding:20px 22px;border:1px solid rgba(120,211,146,.20);background:linear-gradient(180deg,rgba(14,25,18,.94),rgba(7,12,9,.96))}
.hc-viz .guided-lesson>span{display:block;margin-bottom:7px;color:#79d89a;font-size:10px;font-weight:800;letter-spacing:.18em}
.hc-viz .guided-lesson h3{margin:0 0 8px;font-size:clamp(22px,3vw,34px)}
.hc-viz .guided-lesson p{margin:0;color:#bac4be;max-width:850px}
.hc-viz .guided-controls{display:grid;grid-template-columns:minmax(120px,180px) 1fr minmax(120px,180px);gap:12px;align-items:center;margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.10)}
.hc-viz .guided-status{text-align:center;color:#89948e;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.hc-viz .guided-status span,.hc-viz .guided-status b{display:block}.hc-viz .guided-status b{margin-top:4px;color:#eef5f0;font-size:12px}
.hc-viz .guided-controls .btn:disabled{opacity:.34;pointer-events:none}
.hc-viz .guided-expectations{border:1px solid rgba(120,211,146,.22);background:#0a0e0b;padding:clamp(20px,3vw,32px);margin-top:18px}
.hc-viz .guided-expectations h2{max-width:850px;margin-bottom:18px}
.hc-viz .expectation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hc-viz .expectation-grid article{padding:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.018)}
.hc-viz .expectation-grid b{display:block;margin-bottom:6px;color:#eef5f0}.hc-viz .expectation-grid p{margin:0;color:#aeb8b2}
.hc-viz.viz-guided .service-concepts,.hc-viz.viz-guided .concept-detail{scroll-margin-top:120px}
.hc-viz.viz-explore .guided-lesson{border-color:rgba(255,255,255,.12);background:#0b0f0c}
@media(max-width:720px){
  .hc-viz .guided-controls{grid-template-columns:1fr 1fr}.hc-viz .guided-status{grid-column:1/-1;grid-row:1}.hc-viz .guided-controls .btn{width:100%}
  .hc-viz .expectation-grid{grid-template-columns:1fr}.hc-viz .guided-lesson{padding:18px}.hc-viz .guided-expectations{padding:18px}
}

/* QA 6.6.2 — home hero rhythm: remove duplicate mobile metadata and prevent header/hero collisions. */
@media(max-width:720px){
  body.theme-home .immersive-hero{
    height:auto!important;
    min-height:100dvh!important;
    display:flex!important;
    align-items:stretch!important;
  }
  body.theme-home .immersive-hero .hero-copy{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:100dvh!important;
    box-sizing:border-box!important;
    padding:calc(var(--header) + 64px) 20px calc(104px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
  }
  body.theme-home .immersive-hero .hero-copy .kicker{
    margin-bottom:14px!important;
  }
  body.theme-home .immersive-hero .hero-copy h1{
    margin:0!important;
    max-width:10.7ch!important;
    font-size:clamp(44px,12.2vw,58px)!important;
    line-height:.92!important;
  }
  body.theme-home .immersive-hero .hero-lead{
    margin-top:20px!important;
    max-width:38em!important;
    font-size:clamp(15px,4.2vw,17px)!important;
    line-height:1.52!important;
  }
  body.theme-home .immersive-hero .actions{
    margin-top:22px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  body.theme-home .immersive-hero .actions .btn{
    width:100%!important;
    min-width:0!important;
  }
  body.theme-home .hero-corner-meta{display:none!important}
}
@media(max-width:430px){
  body.theme-home .immersive-hero .hero-copy{
    padding-top:calc(var(--header) + 54px)!important;
    padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;
  }
  body.theme-home .immersive-hero .hero-copy h1{font-size:clamp(42px,11.9vw,54px)!important}
  body.theme-home .immersive-hero .actions{grid-template-columns:1fr!important}
}

/* QA 6.6.2 — care-guide explanations should teach why each step matters. */
.care-detail details p{margin:10px 0 0;color:#aeb8b2;line-height:1.62}
.care-detail .care-why,.care-detail .care-how{padding-left:14px;border-left:2px solid rgba(120,211,146,.22)}
.care-detail .care-why b,.care-detail .care-how b{color:#eef5f0}
.care-detail .care-how{margin-top:8px}

/* QA 6.6.2 — prevent the edge-to-edge Visualizer stage from creating 1–2px root overflow on phones. */
@media(max-width:800px){
  .hc-viz .viz-stage{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    box-sizing:border-box!important;
    border-left:0!important;
    border-right:0!important;
  }
}

/* QA 6.6.3 — gate uses full-bleed hero photography and a centered conversion rail. */
body.theme-home .game-gate .gate-image{inset:0!important;width:100vw!important;height:100dvh!important;display:block!important;background:#030506!important}
body.theme-home .game-gate .gate-slide{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
@media(min-width:721px){
  body.theme-home .game-gate .gate-option-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:12px 16px;align-items:stretch;width:100%;max-width:1080px;margin:0 auto}
  body.theme-home .game-gate .gate-option-rail>button{max-width:none!important;width:100%!important;min-width:0!important}
  body.theme-home .game-gate .gate-option-rail>button:nth-child(1){grid-column:1;grid-row:1}
  body.theme-home .game-gate .gate-option-rail>button:nth-child(2){grid-column:2;grid-row:1;text-align:center}
  body.theme-home .game-gate .gate-option-rail>button:nth-child(2)>span{margin-inline:auto}
  body.theme-home .game-gate .gate-option-rail>button:nth-child(3){grid-column:3;grid-row:1}
  body.theme-home .game-gate .gate-option-rail>.gate-book-now{grid-column:2;grid-row:2;justify-self:center;width:100%!important;max-width:none!important;min-height:82px!important;text-align:center;padding:14px 22px!important;border:1px solid rgba(120,211,146,.34)!important;border-radius:16px;background:rgba(8,13,10,.58)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  body.theme-home .game-gate .gate-option-rail>.gate-book-now>span{margin-inline:auto}
}

/* Safari and legacy form styles: keep all booking actions readable and in the HC dark/green system. */
.btn,a.btn,button.btn,.hc-submission-actions .btn,.hc-reference-chip button,.form-actions .btn,.send-choice-grid .btn{-webkit-text-fill-color:currentColor!important}
.hc-submission-actions .btn,.hc-reference-chip button{animation:none!important;color:#eef5f0!important;-webkit-text-fill-color:#eef5f0!important;background:linear-gradient(180deg,#0d120f,#070a08)!important;background-image:linear-gradient(180deg,#0d120f,#070a08)!important;border:1px solid rgba(120,211,146,.28)!important;text-shadow:none!important;box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 26px rgba(0,0,0,.18)!important}
.hc-submission-actions .btn::before,.hc-reference-chip button::before{animation:none!important;background:none!important;display:none!important}
.hc-submission-actions .btn.primary{background:linear-gradient(180deg,#239e50,#0d5a2a)!important;background-image:linear-gradient(180deg,#239e50,#0d5a2a)!important;border-color:rgba(120,224,149,.6)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.hc-submission-actions .btn.secondary{background:linear-gradient(180deg,#101612,#080b09)!important;background-image:linear-gradient(180deg,#101612,#080b09)!important;color:#eef5f0!important;-webkit-text-fill-color:#eef5f0!important}
.hc-reference-chip button{min-height:40px;padding:0 13px;border-radius:999px!important}

/* Visualizer is now explore-only. */
.hc-viz .mode-switch,.hc-viz .guide-progress,.hc-viz .guided-controls,.hc-viz .guided-lesson{display:none!important}
.hc-viz .guided-expectations{display:block!important}

/* QA 6.6.3 — force the opening gate to behave as one full-viewport edge-to-edge composition. */
body.theme-home .game-gate{display:block!important;width:100vw!important;height:100dvh!important;max-width:none!important;background:#020403!important}
body.theme-home .game-gate .gate-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;overflow:hidden!important}
body.theme-home .game-gate .gate-image .gate-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;margin:0!important}
@media(min-width:721px){
  body.theme-home .game-gate .gate-option-rail>button:nth-child(2){display:grid!important;place-items:center!important;text-align:center!important}
  body.theme-home .game-gate .gate-option-rail>button:nth-child(2)>span{width:100%;text-align:center!important}
  body.theme-home .game-gate .gate-option-rail>.gate-book-now{display:grid!important;place-items:center!important;text-align:center!important}
  body.theme-home .game-gate .gate-option-rail>.gate-book-now>span{width:100%;text-align:center!important}
}

/* QA 6.6.3 — submission actions stay legible in legacy live-request/booking-intake modules. */
#retailSmsBtn,#retailEmailBtn,#retailSaveBtn,#retailCopyBtn,#retailCopyRefBtn{
  opacity:1!important;filter:none!important;text-shadow:none!important;
  color:#f5fbf7!important;-webkit-text-fill-color:#f5fbf7!important;
  font-weight:850!important;letter-spacing:.08em!important;
}
#retailSmsBtn{background:linear-gradient(180deg,#2daf59,#0b6f31)!important;border-color:#72df94!important;box-shadow:0 0 0 1px rgba(132,239,164,.12),0 12px 28px rgba(14,132,59,.28)!important}
#retailEmailBtn,#retailSaveBtn,#retailCopyBtn,#retailCopyRefBtn{background:#0b100d!important;border-color:rgba(120,211,146,.48)!important}
#retailEmailBtn:hover,#retailSaveBtn:hover,#retailCopyBtn:hover,#retailCopyRefBtn:hover{background:#122019!important;border-color:#74d590!important}

/* QA 6.6.3 — Visualizer is explore-only; no guided mode remains. */
.hc-viz .viz-explore-intro{margin:0 0 22px;max-width:760px}
.hc-viz .viz-explore-intro h2{margin:5px 0 8px;font-size:clamp(30px,4vw,48px)}
.hc-viz .viz-explore-intro p:last-child{margin:0;color:#aeb8b2;line-height:1.6}
.hc-viz .viz-expectations{display:block;border:1px solid rgba(120,211,146,.22);background:#0a0e0b;padding:clamp(20px,3vw,32px);margin-top:18px}
.hc-viz .viz-expectations h2{max-width:850px;margin-bottom:18px}
