/* Make your visual changes in this file. */

/* Ascend Fitness brand palette — gold, taken from the logo. */
:root{
  --accent:#8a6a12;--brand:#c9a227;
  --orange:#c9a227;--orange-deep:#8a6a12;
  --lime:#f0e2b8;--mint:#f7efdb;--sky:#eee8dc;
  --specialist-yellow:#f5c542;
  --line:#e2dcc9;
}

.starter-placeholder{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}
.starter-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:44px 0}
.starter-footer a{display:block;margin:8px 0}.starter-footer .brand{display:flex}
.starter-small{font-size:13px;padding-bottom:24px}.starter-policy{padding-top:70px;padding-bottom:80px;max-width:900px}
.starter-policy h2{margin-top:36px}.starter-contact-panel{background:#fff;border-radius:20px;padding:28px;border:1px solid #e2dcc9}
.starter-contact-panel p{margin:0 0 18px}
.starter-notice{background:#faf3e2;padding:18px;border-radius:12px;margin-top:24px}
[data-reveal],.reveal,.reveal-up,.flow-reveal,.scroll-reveal{opacity:1!important;transform:none!important}
@media(max-width:800px){.starter-footer{grid-template-columns:1fr}.nav.is-open{display:flex!important;flex-direction:column}.nav-toggle{display:flex}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.site-footer{display:block;background:#15130e;color:#f3efe4;border-top:3px solid #c9a227}
.site-footer a,.site-footer p,.site-footer h3{color:#f3efe4}
.site-footer .brand{color:#f3efe4}
.site-footer .brand-mark{color:#c9a227}
.site-footer a:hover{color:#f5c542}
.brand-mark{color:#8a6a12}.brand-dot{color:#c9a227}
.brand-home .r-closing h2{color:#17241d}.brand-home .r-closing p{color:#526158}
.starter-events{padding:32px 0}.starter-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.starter-event-grid article{background:white;padding:24px;border-radius:18px;border:1px solid #e2dcc9}
@media(max-width:800px){.starter-event-grid{grid-template-columns:1fr}.starter-footer{grid-template-columns:1fr}}

/* Logo images sit on a black background in the source artwork. */
.specialist-brand-wordmark{border-radius:16px}
.r-list strong{font-weight:700}

/* --- Stat strip --- */
.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:40px 0;border-top:1px solid #e2dcc9;border-bottom:1px solid #e2dcc9;margin-bottom:8px}
.stat-strip div{text-align:center}
.stat-strip strong{display:block;font-size:clamp(28px,4vw,44px);line-height:1.1;color:#8a6a12;font-weight:800}
.stat-strip span{display:block;margin-top:6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#6f7067}

/* --- Transformations --- */
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px}
.proof-card{margin:0;background:#fff;border:1px solid #e2dcc9;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.proof-card img{display:block;width:100%;height:300px;object-fit:cover;object-position:center top;background:#f2efe6}
.proof-card figcaption{padding:22px;display:flex;flex-direction:column;gap:10px}
.proof-name{margin:0;font-weight:800;font-size:19px;letter-spacing:.02em;text-transform:uppercase}
.proof-name span{display:block;font-weight:600;font-size:13px;letter-spacing:.04em;color:#8a6a12;text-transform:none;margin-top:4px}
.proof-card blockquote{margin:0;font-size:15px;line-height:1.55;color:#3c3d38}
.proof-goal{margin:0;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#6f7067}

/* --- Four steps --- */
.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}
.step-card{background:rgba(255,255,255,.06);border:1px solid rgba(245,197,66,.35);border-radius:18px;padding:24px}
.step-number{display:block;font-size:13px;letter-spacing:.14em;color:#f5c542;margin-bottom:10px}
.step-card h3{margin:0 0 8px;font-size:20px}
.step-card p{margin:0;font-size:15px;line-height:1.55}

/* --- Guarantee --- */
.guarantee-panel{margin:64px auto;background:#15130e;color:#f3efe4;border-radius:24px;padding:48px;border:2px solid #c9a227}
.guarantee-panel .eyebrow{color:#f5c542}
.guarantee-panel h2{color:#fff;margin-top:8px}
.guarantee-lead{font-size:clamp(17px,2vw,20px);line-height:1.6;max-width:780px;color:#e8e2d2}

/* --- Sticky mobile call to action --- */
.mobile-cta{display:none}
@media(max-width:820px){
  .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .proof-grid{grid-template-columns:1fr}
  .proof-card img{height:340px}
  .step-grid{grid-template-columns:1fr}
  .guarantee-panel{padding:32px;margin:40px auto;border-radius:18px}
  body{padding-bottom:78px}
  .mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;background:#15130e;color:#f5c542;text-align:center;padding:17px 20px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.28);border:1px solid #c9a227}
}
@media(max-width:1000px) and (min-width:821px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}