/* Rage Room Houston — charcoal + hazard orange */
:root{
  --char-950:#0e1013; --char-900:#16181d; --char-800:#1f2229; --char-700:#2a2e37; --char-600:#3b404c;
  --hazard:#ff6a00; --hazard-dark:#d95400; --hazard-deep:#b34700; --hazard-bright:#ffa040; --hazard-tint:#fff0e2;
  --bg:#f5f2ec; --paper:#ffffff; --ivory:#efe9df;
  --ink:#1d1f24; --ink-soft:#454a55; --muted:#6f7480; --line:#e4ddd0;
  --btn-ink:#191205;
  --shadow-card:0 12px 30px rgba(14,16,19,.10);
  --shadow-lg:0 24px 60px rgba(14,16,19,.16);
  --shadow-dark:0 30px 70px rgba(0,0,0,.35);
  --r-panel:26px; --r-card:18px; --r-sm:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.62;
  background-image:radial-gradient(900px 500px at 8% -5%,#ffe3c7 0,transparent 60%),radial-gradient(900px 600px at 100% 0,#e8e4da 0,transparent 55%);
  background-attachment:fixed}
img{max-width:100%;display:block}
a{color:var(--hazard-deep);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px}
section{padding:74px 0}
h1,h2,h3{font-weight:800;letter-spacing:-.015em;line-height:1.14;color:var(--char-900)}
h2{font-size:clamp(1.85rem,3.8vw,2.45rem)}
h3{font-size:1.16rem}
p.lead{font-size:1.13rem;color:var(--ink-soft)}
.muted{color:var(--muted)}
.center{text-align:center}
.hazard-line{height:10px;background:repeating-linear-gradient(45deg,var(--hazard) 0 18px,var(--char-900) 18px 36px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--hazard-tint);color:var(--hazard-deep);
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:16px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hazard)}
.sec-head{max-width:760px;margin-bottom:38px}
.sec-head.center{margin-left:auto;margin-right:auto}
.sec-head p{margin-top:12px;color:var(--ink-soft)}
.btn{display:inline-flex;align-items:center;gap:9px;border:none;cursor:pointer;font:inherit;font-weight:700;font-size:15px;
  padding:14px 26px;border-radius:999px;transition:transform .18s ease,background .18s ease;text-decoration:none}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn-primary{background:var(--hazard);color:var(--btn-ink)}
.btn-primary:hover{background:var(--hazard-bright)}
.btn-dark{background:var(--char-900);color:#fff}
.btn-dark:hover{background:var(--char-700)}
.btn-light{background:#fff;color:var(--char-900)}
.btn-light:hover{background:var(--hazard-tint)}
.btn-outline{border:2px solid rgba(255,255,255,.75);color:#fff;background:transparent}
.btn-outline:hover{background:rgba(255,255,255,.12)}

/* ---------- header ---------- */
.util-bar{background:var(--char-950);color:#cfd3da;font-size:12.5px}
.util-bar .wrap{display:flex;justify-content:space-between;gap:18px;padding-top:8px;padding-bottom:8px}
.util-bar a{color:#ffb27a}
.main-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.main-nav .wrap{display:flex;align-items:center;gap:26px;padding-top:13px;padding-bottom:13px}
.brand{display:flex;align-items:center;gap:12px;color:var(--char-900);flex-shrink:0}
.brand:hover{text-decoration:none}
.brand-mark{width:44px;height:44px;border-radius:12px;background:var(--char-900);color:var(--hazard);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;border-bottom:4px solid var(--hazard)}
.brand-name{font-weight:800;font-size:17.5px;line-height:1.1;letter-spacing:-.01em}
.brand-sub{font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--hazard-deep);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-links>a,.drop-btn{font-weight:600;font-size:14.5px;color:var(--ink-soft);padding:9px 11px;border-radius:9px;background:none;border:none;cursor:pointer;font-family:inherit}
.nav-links>a:hover,.drop-btn:hover{color:var(--char-900);background:var(--ivory);text-decoration:none}
.drop{position:relative}
.drop-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--shadow-lg);min-width:250px;padding:8px;display:none}
.drop:hover .drop-menu,.drop:focus-within .drop-menu{display:block}
.drop-menu a{display:block;padding:9px 12px;border-radius:9px;color:var(--ink-soft);font-size:14.5px;font-weight:600}
.drop-menu a:hover{background:var(--hazard-tint);color:var(--char-900);text-decoration:none}
.nav-cta{margin-left:10px;padding:12px 20px;font-size:14.5px}
.burger{display:none;margin-left:auto;background:var(--char-900);color:#fff;border:none;border-radius:10px;width:44px;height:44px;font-size:20px;cursor:pointer}
.mobile-panel{display:none;background:#fff;border-bottom:1px solid var(--line);padding:14px 26px 22px}
.mobile-panel.open{display:block}
.mobile-panel a{display:block;padding:10px 4px;font-weight:600;color:var(--ink-soft);border-bottom:1px solid var(--ivory)}
.mobile-panel .mp-group{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hazard-deep);padding:14px 4px 4px;border-bottom:none}

/* ---------- hero ---------- */
.hero{position:relative;border-radius:var(--r-panel);overflow:hidden;max-width:1240px;margin:22px auto 0;
  background-size:cover;background-position:center;min-height:600px;display:flex;align-items:stretch}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,11,14,.93) 30%,rgba(10,11,14,.62) 62%,rgba(10,11,14,.32))}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;width:100%;padding:58px 54px;align-items:center}
.hero h1{color:#fff;font-size:clamp(2.35rem,5.2vw,3.55rem)}
.hero .hero-sub{color:#e8e6e1;font-size:1.12rem;margin:18px 0 26px;max-width:540px}
.hero-badge{display:inline-flex;gap:8px;align-items:center;background:rgba(255,106,0,.16);border:1px solid rgba(255,160,64,.55);
  color:#ffc79a;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:8px 14px;border-radius:999px;margin-bottom:20px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-proof{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap}
.hero-proof .num{font-size:1.5rem;font-weight:800;color:#fff}
.hero-proof .lbl{font-size:12.5px;color:#c9ccd4;max-width:150px;line-height:1.4}
.hero-detail{min-height:480px}
.hero-detail .hero-inner{grid-template-columns:1.2fr .8fr;padding-top:44px;padding-bottom:44px}
.crumbs{color:#ffb27a;font-size:13px;font-weight:600;margin-bottom:14px}
.crumbs a{color:#e8e6e1}
.crumbs span{margin:0 7px;color:#9aa0ab}

/* ---------- booking / request card ---------- */
.req-card{background:#fff;border-radius:20px;padding:26px;box-shadow:var(--shadow-dark)}
.req-card .rc-tag{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hazard-deep)}
.req-card h2,.req-card h3{font-size:1.32rem;margin:7px 0 6px}
.req-card p{font-size:13.5px;color:var(--ink-soft);margin-bottom:16px}
.f-field{margin-bottom:12px}
.f-field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:5px}
.f-field input,.f-field select,.f-field textarea{width:100%;font:inherit;font-size:14.5px;padding:11px 13px;border:1.5px solid var(--line);
  border-radius:11px;background:#fbfaf7;color:var(--ink)}
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{outline:2px solid var(--hazard);border-color:var(--hazard)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f-check{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft);margin:4px 0 14px}
.f-check input{margin-top:3px;width:16px;height:16px;accent-color:var(--hazard)}
.req-card .btn{width:100%;justify-content:center}
.f-note{font-size:12px;color:var(--muted);text-align:center;margin-top:11px}
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.req-form{display:block}

/* ---------- trust strip ---------- */
.trust-strip{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);
  display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;overflow:hidden}
.trust-cell{padding:22px 24px;border-left:1px solid var(--ivory)}
.trust-cell:first-child{border-left:none}
.trust-cell .num{font-weight:800;color:var(--hazard);font-size:13px;letter-spacing:.1em}
.trust-cell h3{font-size:15.5px;margin:5px 0 4px}
.trust-cell p{font-size:13.5px;color:var(--ink-soft)}

/* ---------- cards & grids ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.img-card{position:relative;border-radius:var(--r-card);overflow:hidden;min-height:250px;display:flex;align-items:flex-end;
  background-size:cover;background-position:center;color:#fff;box-shadow:var(--shadow-card)}
.img-card::before{content:"";position:absolute;inset:0;background:linear-gradient(185deg,rgba(10,11,14,.05) 40%,rgba(10,11,14,.88))}
.img-card:hover{text-decoration:none;transform:translateY(-3px);transition:transform .18s ease}
.img-card .cap{position:relative;z-index:2;padding:20px;width:100%;text-align:center}
.img-card .cap h3{color:#fff;font-size:1.28rem}
.img-card .cap p{color:#e8e6e1;font-size:13.5px;margin-top:4px}
.svc-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column}
.svc-card img{height:170px;width:100%;object-fit:cover}
.svc-card .body{padding:22px;display:flex;flex-direction:column;gap:9px;flex:1}
.svc-card .body p{color:var(--ink-soft);font-size:14.5px;flex:1}
.svc-card .btn{align-self:flex-start;padding:11px 20px;font-size:14px}
.feat-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:26px;box-shadow:var(--shadow-card)}
.feat-card .icon-dot{width:48px;height:48px;border-radius:14px;background:var(--hazard-tint);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:14px}
.feat-card p{color:var(--ink-soft);font-size:14.5px;margin-top:6px}
.dark-panel{background:linear-gradient(155deg,var(--char-800),var(--char-950));border-radius:var(--r-panel);color:#e8e6e1;overflow:hidden}
.dark-panel h2,.dark-panel h3{color:#fff}
.dark-panel .eyebrow{background:rgba(255,106,0,.16);color:#ffc79a}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split-img{border-radius:var(--r-panel);overflow:hidden;box-shadow:var(--shadow-lg)}
.split-img img{width:100%;height:100%;object-fit:cover;min-height:320px}
.check-list{list-style:none;margin:16px 0;display:grid;gap:10px}
.check-list li{padding-left:32px;position:relative;color:var(--ink-soft)}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;
  background:var(--hazard);color:var(--btn-ink);font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.body-img{border-radius:var(--r-panel);overflow:hidden;box-shadow:var(--shadow-lg);margin:8px 0}
.body-img img{width:100%;height:340px;object-fit:cover}
.prose p{margin-bottom:15px;color:var(--ink-soft)}
.prose p strong{color:var(--ink)}
.prose ul{margin:0 0 15px 20px;color:var(--ink-soft);display:grid;gap:6px}

/* ---------- process ---------- */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-card)}
.step-card .step-num{font-size:2rem;font-weight:800;color:var(--hazard);line-height:1}
.step-card h3{margin:10px 0 6px}
.step-card p{font-size:14.5px;color:var(--ink-soft)}

/* ---------- price table ---------- */
.price-table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-card)}
.price-table th{background:var(--char-900);color:#fff;text-align:left;padding:15px 18px;font-size:14px;letter-spacing:.02em}
.price-table td{padding:14px 18px;border-top:1px solid var(--ivory);color:var(--ink-soft);font-size:14.5px}
.price-table td:first-child{font-weight:700;color:var(--ink)}
.price-table .amt{font-weight:800;color:var(--hazard-deep);white-space:nowrap}

/* ---------- areas ---------- */
.zip-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.zip-chip{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:700;color:var(--ink-soft)}
.area-names{color:var(--ink-soft)}
.note-card{background:var(--char-900);color:#e8e6e1;border-radius:var(--r-card);padding:26px}
.note-card h3{color:#fff;margin-bottom:8px}
.note-card p{font-size:14.5px;color:#c9ccd4}

/* ---------- FAQ accordion ---------- */
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}
.acc{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.acc-head{width:100%;display:flex;align-items:center;gap:14px;background:none;border:none;cursor:pointer;font:inherit;
  text-align:left;padding:17px 20px}
.acc-head .num{font-weight:800;color:var(--hazard);font-size:13px}
.acc-head .q{font-weight:700;font-size:15.5px;color:var(--char-900);flex:1}
.acc-head .plus{font-size:21px;font-weight:800;color:var(--hazard-deep);transition:transform .2s}
.acc.open .acc-head .plus{transform:rotate(45deg)}
.acc-body{display:none;padding:0 20px 19px 52px;color:var(--ink-soft);font-size:14.5px}
.acc.open{border-color:var(--hazard)}
.acc.open .acc-body{display:block}

/* ---------- CTA band / contact ---------- */
.cta-band{border-radius:var(--r-panel);padding:52px 48px;text-align:center;position:relative}
.cta-band h2{margin-bottom:12px}
.cta-band p{max-width:620px;margin:0 auto 26px;color:#c9ccd4}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}
.info-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-card);margin-bottom:16px}
.info-card h3{margin-bottom:6px}
.info-card p{color:var(--ink-soft);font-size:14.5px}
.info-card a{font-weight:700}

/* ---------- blog ---------- */
.blog-hero{padding:56px 0 10px}
.blog-meta{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:13.5px;margin:16px 0 24px}
.blog-hero-img{border-radius:var(--r-panel);overflow:hidden;box-shadow:var(--shadow-lg)}
.blog-hero-img img{width:100%;height:400px;object-fit:cover}
.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:42px;align-items:start;padding-top:36px}
.blog-aside{position:sticky;top:96px}
.aside-card{background:var(--char-900);border-radius:var(--r-card);padding:26px;color:#e8e6e1}
.aside-card h3{color:#fff;margin-bottom:8px}
.aside-card p{font-size:14.5px;color:#c9ccd4;margin-bottom:18px}
.aside-card .btn{width:100%;justify-content:center}

/* ---------- footer ---------- */
footer{margin-top:20px}
.footer-panel{background:linear-gradient(155deg,var(--char-800),var(--char-950));border-radius:var(--r-panel);
  max-width:1240px;margin:0 auto;padding:52px 48px 0;color:#c9ccd4;overflow:hidden}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.footer-panel h3,.footer-panel h4{color:#fff}
.footer-panel h4{font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px}
.footer-panel ul{list-style:none;display:grid;gap:9px;font-size:14.5px}
.footer-panel a{color:#c9ccd4}
.footer-panel a:hover{color:var(--hazard-bright)}
.footer-blurb{font-size:14.5px;margin:13px 0 16px;max-width:300px}
.footer-mail{font-weight:700;color:#ffb27a;font-size:16.5px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding:19px 0 22px;display:flex;justify-content:space-between;gap:16px;font-size:13.5px;flex-wrap:wrap}

/* ---------- sticky booking bar ---------- */
.sticky-book{position:fixed;right:20px;bottom:20px;z-index:70;background:var(--char-900);color:#fff;border-radius:999px;
  box-shadow:var(--shadow-dark);display:flex;align-items:center;gap:12px;padding:10px 10px 10px 20px;border:1px solid var(--char-600)}
.sticky-book .sb-txt{font-size:12px;color:#c9ccd4;line-height:1.3}
.sticky-book .sb-txt strong{display:block;color:#fff;font-size:14.5px}
.sticky-book .btn{padding:11px 19px;font-size:14px}

@media(max-width:1024px){
  .grid-4,.process-grid{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .trust-strip{grid-template-columns:repeat(2,1fr)}
  .trust-cell{border-top:1px solid var(--ivory)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .util-bar{display:none}
  .nav-links{display:none}
  .burger{display:block}
  .hero-inner,.hero-detail .hero-inner{grid-template-columns:1fr;padding:38px 26px}
  .hero{min-height:0}
  .split,.faq-layout,.contact-grid,.blog-layout{grid-template-columns:1fr}
  .blog-aside{position:static}
  section{padding:52px 0}
  .cta-band{padding:40px 26px}
  .sticky-book{left:12px;right:12px;bottom:12px;justify-content:space-between}
}
@media(max-width:560px){
  .grid-3,.grid-2,.grid-4,.process-grid,.trust-strip{grid-template-columns:1fr}
  .f-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-panel{padding:38px 26px 0}
  .hero-proof{gap:18px}
  .footer-bottom{justify-content:center;text-align:center}
}