/* Page styles: security, opening a gym, about. */

/* Layout helpers */
.sec.pt-72{padding-top:72px}
.as-start{align-self:flex-start}
.fw-600{font-weight:600}
.mt-12{margin-top:12px}.mt-40{margin-top:40px}.mt-48{margin-top:48px}
.checks-flush{margin:0}
.split-even{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}

/* Inner-page hero, tighter variant */
.hero3.hero3-narrow{padding-bottom:150px}.hero3-narrow .hero3-solo{max-width:860px}

/* Dark bands */
.band-tall{padding:180px 0}
.band-tall h2{color:#fff}.band-tall .lead{color:rgba(255,255,255,.72)}
.band-wm.wm-760{height:760px}
.band-inner{position:relative;display:flex;flex-direction:column;gap:32px}
.band-tall .stat b{color:#fff}.band-tall .stat span{color:rgba(255,255,255,.72)}

/* Watch-out list */
.wl{display:flex;flex-direction:column;gap:20px}
.wi{display:grid;grid-template-columns:72px minmax(0,1fr);gap:28px;padding:36px;border-radius:20px;background:var(--gray-50);scroll-margin-top:110px}
.wi .no{font:800 italic 34px/1 var(--font-label);color:var(--turquoise-700)}
.wi h3{font-size:24px;line-height:1.25}
.wi-b{display:flex;flex-direction:column;gap:12px}.wi-h{display:flex;gap:12px;align-items:center}
.wi .rk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:6px}
.wi .rk>div{border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.wi .rk b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:8px;align-items:center}.wi .rk b .ic{width:18px;height:18px}
.wi .rk p{color:var(--navy-900)}
.wi .r1{background:var(--pastel-red)}.wi .r1 b{color:var(--red-700)}
.wi .r2{background:#fff;box-shadow:inset 0 0 0 1px var(--gray-200)}.wi .r2 b{color:var(--turquoise-700)}

/* Numbered question list on dark */
.ql{counter-reset:q;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 40px}
.ql li{counter-increment:q;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;line-height:1.5;color:rgba(255,255,255,.86)}
.ql li::before{content:counter(q,decimal-leading-zero);font:800 italic 15px/1.6 var(--font-label);color:var(--turquoise-500)}

/* Now or later comparison */
.cmp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.cmp>div{border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:16px}
.cmp .pill{align-self:flex-start}.cmp .checks{gap:16px}
.cmp-good{background:var(--pastel-turquoise)}.cmp-bad{background:var(--pastel-red)}.cmp-bad .chk .ic{color:var(--red-700)}
.pill.st-go{background:#238250;color:#fff}

/* Three-step timeline */
.tlm{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
.tlm::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:var(--gray-200)}
.tlm>li{position:relative;padding-right:32px;display:flex;flex-direction:column;gap:12px}
.tlm .dot{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--turquoise-500);display:grid;place-items:center;font:800 italic 15px var(--font-label);color:var(--turquoise-700)}

/* Decision questions and equipment table */
.dec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dec>div{background:var(--gray-50);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:10px}
.dec .n{font:800 italic 15px var(--font-label);color:var(--turquoise-700)}
.mx-wrap{overflow-x:auto;border-radius:16px}
.mx{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--gray-200);border-radius:16px;overflow:hidden}
.mx th,.mx td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--gray-200);vertical-align:top;line-height:1.5}
.mx thead th{background:var(--navy-900);color:#fff;font-size:14px;letter-spacing:.04em}
.mx tbody th{font-weight:700;color:var(--navy-900);width:26%}
.mx tbody tr:last-child>*{border-bottom:0}
.mx tbody tr:nth-child(even)>*{background:var(--gray-50)}

/* Cards */
.card-32{padding:32px}
.card-flow{padding:32px;gap:14px}.flow-logo{height:36px;width:auto;align-self:flex-start}
.card-navy{background:var(--navy-900)}.card-navy h3{color:#fff}.card-navy p{color:rgba(255,255,255,.72)}
.card-turq{background:var(--pastel-turquoise)}
.f5-arrow{display:grid;place-items:center;color:var(--turquoise-700)}.f5-arrow .ic{width:40px;height:40px}

/* Office */
.office-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:stretch}
.office-card{border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:24px}

@media (max-width:980px){
.wi .rk,.ql,.cmp,.tlm,.dec,.split-even{grid-template-columns:minmax(0,1fr)}
.split-even{gap:40px}
.tlm{gap:28px}.tlm::before{display:none}
.wi{grid-template-columns:minmax(0,1fr);gap:12px;padding:28px}
}
@media (max-width:640px){
.mx thead{display:none}
.mx,.mx tbody,.mx tr,.mx th,.mx td{display:block;width:auto}
.mx tbody tr{padding:18px 20px;border-bottom:1px solid var(--gray-200)}.mx tbody tr:last-child{border-bottom:0}
.mx tbody th,.mx td{padding:0;border-bottom:0}.mx td{margin-top:12px}
.mx td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-600)}
.mx tbody tr:nth-child(even){background:var(--gray-50)}
}
@media (max-width:480px){.btn{white-space:normal;height:auto;min-height:54px;padding-top:14px;padding-bottom:14px;text-align:center;line-height:1.3}}