
:root{
 --black:#070708;--black2:#0c0c0e;--red:#df151d;--red2:#a90c13;
 --white:#f7f6f3;--text:#f6f3ed;--muted:#b9b3aa;--line:#6a171b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#070708;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.45}
a{color:inherit}
.page{width:min(1180px,calc(100% - 34px));margin:auto}
.topbar{position:sticky;top:0;z-index:60;background:rgba(5,5,6,.96);border-bottom:1px solid #351013;backdrop-filter:blur(12px)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand-mark{width:46px;height:46px;border:2px solid #d4a62f;border-radius:50%;display:grid;place-items:center;font:28px Georgia,serif;color:#d4a62f}
.brand b{display:block;font-size:20px}.brand em{font-style:normal;color:#e9b934}.brand small{display:block;color:#99948b;font-size:9px;letter-spacing:1.3px}
.nav nav{display:flex;gap:22px;align-items:center}.nav nav a{text-decoration:none;font-size:13px;font-weight:700}.nav nav a:hover{color:#f02a30}
.nav-cta{background:var(--red);border-radius:8px;padding:10px 14px}
.hero{background:linear-gradient(90deg,#060607 0%,#09090b 47%,#1b0b0d 100%);border-bottom:4px solid var(--red)}
.hero-grid{min-height:590px;display:grid;grid-template-columns:43% 37% 20%;align-items:stretch}
.hero-copy{padding:40px 22px 34px 0}
.pretitle{font-size:26px;margin-bottom:0}
.hero h1{font:900 clamp(66px,8vw,112px)/.85 Arial Black,Impact,sans-serif;color:var(--red);margin:0;letter-spacing:-3px;text-transform:uppercase}
.hero h2{font-size:25px;line-height:1.1;margin:10px 0 15px;text-transform:uppercase}
.hero-copy>p{font-size:17px;color:#ddd8d0;max-width:520px}.hero-copy strong{color:#fff}
.hero-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0}
.hero-icons div{text-align:center}.hero-icons i{width:45px;height:45px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;margin:auto;color:#ef1d25;font-style:normal;font-size:20px}
.hero-icons b{display:block;font-size:12px;margin-top:6px}.hero-icons span{display:block;font-size:10px;color:#bdb7ae}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.btn-red,.btn-dark{min-height:58px;border-radius:8px;padding:10px 21px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900}
.btn-red{background:linear-gradient(#ef2028,#c90e15);border:1px solid #f43137}.btn-dark{background:#0b0b0d;border:1px solid #8d8d8d}
.btn-dark small{font-weight:400}
.hero-photo{position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070708 0%,transparent 14%,transparent 88%,rgba(9,9,9,.35))}
.hands-on{position:absolute;z-index:3;top:62px;right:13px;width:100px;height:100px;border-radius:50%;background:#f7f7f4;color:#111;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.hands-on b{font-size:27px;color:var(--red)}
.fee-card{align-self:center;margin:25px 0 25px -5px;border:1px solid #a3262b;border-radius:14px;background:rgba(12,10,11,.92);padding:24px 19px;z-index:5}
.fee-card>span{font-size:11px;font-weight:900}.fee-card>strong{display:block;font-size:54px;color:#ef2028;line-height:1;margin:8px 0 11px}
.tool-badge{background:linear-gradient(#ef1d25,#c10c13);border-radius:7px;padding:8px 12px;text-align:center;font-weight:900;margin-bottom:14px}
.fee-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13px}.fee-card li:before{content:"✓";color:#ef2028;font-weight:900;margin-right:8px}
.deposit{border:1px solid #532127;border-radius:8px;padding:10px;margin-top:14px}.deposit b{color:#ff4247}
.seat{text-align:center;border:1px solid #632328;background:#170c0e;border-radius:9px;margin-top:13px;padding:10px}.seat strong{display:block;font-size:36px;color:#f5262d;line-height:1}.seat span,.seat small{display:block;font-size:11px;margin-top:4px}
.learn{background:#f7f7f5;color:#141414;padding:20px 0 25px}
.section-title{text-align:center;font-size:25px;margin:0 0 20px;font-weight:900}.section-title span{color:var(--red)}
.learn-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.learn-grid article{background:#fff;border-radius:12px;padding:14px 10px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.1);min-height:155px}
.learn-grid i{width:56px;height:56px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;margin:auto;font-style:normal;font-size:26px}
.learn-grid h3{font-size:13px;margin:10px 0 5px}.learn-grid p{font-size:11px;color:#505050;margin:0}
.middle{background:#f7f7f5;color:#fff;padding:0 0 20px}
.middle-grid{display:grid;grid-template-columns:1fr 1.15fr .85fr;background:linear-gradient(120deg,#2b090b,#11090a);border-radius:13px;overflow:hidden;border:1px solid #7e2429}
.panel{padding:22px;border-right:1px solid #5d282b}.panel:last-child{border-right:0}.panel h2{text-align:center;font-size:18px;margin:0 0 18px}
.benefits ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.benefits li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--red);margin-right:8px;font-size:11px}
.trainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:center}.trainer-grid img{width:125px;height:125px;object-fit:cover;border-radius:50%;border:3px solid #eee}.trainer-grid h3{color:#ef252d;margin:10px 0 4px;font-size:14px}.trainer-grid p{font-size:11px;margin:0;color:#d7cbc8}
.course-info>div{padding:10px 0;border-bottom:1px solid #4e2426}.course-info span{display:block;color:#d78c8f;font-size:10px}.course-info strong{display:block;font-size:13px;margin-top:2px}
.facts{background:#f7f7f5;color:#151515;padding:0 0 19px}
.facts-box{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd;border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.07)}
.facts-box>div{padding:17px;border-right:1px solid #e1e1e1}.facts-box>div:last-child{border-right:0}
.facts-box i{float:left;color:var(--red);font-style:normal;font-size:30px;margin-right:10px}.facts-box span{display:block;color:#333;font-size:10px;font-weight:900}.facts-box strong{display:block;font-size:12px;margin-top:4px;line-height:1.35}
.gain{background:linear-gradient(#32090b,#170708);padding:18px 0 25px}.dark-title{color:#fff}.gain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gain-grid article{background:#fff;color:#151515;border-radius:13px;padding:19px;min-height:130px}.gain-grid b{color:var(--red)}.gain-grid h3{margin:7px 0}.gain-grid p{font-size:13px;color:#444;margin:0}
.cta{background:linear-gradient(90deg,#2a090b,#0e0d0f);border-top:1px solid #7c2428;border-bottom:1px solid #7c2428;padding:25px 0}
.cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:27px;margin:0 0 4px}.cta p{margin:0;color:#c6bcb8}
.cta-buttons{display:flex;gap:12px}.cta-red,.cta-dark{min-width:230px;border-radius:8px;padding:11px 19px;text-decoration:none;font-weight:900;display:flex;flex-direction:column;justify-content:center}
.cta-red{background:linear-gradient(#ef2028,#c80d14);color:#fff}.cta-dark{border:1px solid #aaa;background:#0b0b0d}.cta-buttons small{font-weight:400;margin-top:2px}
footer{background:#060607;padding:22px 0 80px;border-top:1px solid #321012}.footer{display:flex;justify-content:space-between;color:#777168;font-size:12px}.footer a{text-decoration:none}
.mobile-actions{display:none;position:fixed;left:9px;right:9px;bottom:9px;z-index:90;background:rgba(7,7,8,.96);border:1px solid #6b1a1d;border-radius:12px;padding:7px}.mobile-actions a{flex:1;text-align:center;padding:11px;text-decoration:none;font-weight:900}.mobile-actions a:last-child{background:var(--red);border-radius:8px}
@media(max-width:1050px){
 .hero-grid{grid-template-columns:50% 50%;min-height:auto}.fee-card{grid-column:1/-1;margin:0 0 23px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.fee-card ul{grid-column:2;grid-row:1/5}.deposit,.seat{grid-column:1}
 .middle-grid{grid-template-columns:1fr 1fr}.course-info{grid-column:1/-1}
}
@media(max-width:820px){
 .nav nav a:not(.nav-cta){display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-right:0}.hero-photo{height:390px}.hero-icons{grid-template-columns:repeat(2,1fr)}
 .learn-grid{grid-template-columns:repeat(3,1fr)}.middle-grid{grid-template-columns:1fr}.course-info{grid-column:auto}.facts-box{grid-template-columns:repeat(2,1fr)}.gain-grid{grid-template-columns:1fr}.cta-wrap{display:block}.cta-buttons{margin-top:18px}
}
@media(max-width:580px){
 .page{width:min(100% - 22px,1180px)}.hero h1{font-size:72px}.hero h2{font-size:20px}.fee-card{display:block}.learn-grid{grid-template-columns:repeat(2,1fr)}.trainer-grid{grid-template-columns:1fr}.facts-box{grid-template-columns:1fr}.facts-box>div{border-right:0;border-bottom:1px solid #eee}.cta-buttons{display:grid}.cta-red,.cta-dark{min-width:0}.footer{display:block}.footer a{display:block;margin-top:7px}.mobile-actions{display:flex}
}


/* ==========================================================
   v3.1 — trainer + equipment + exact course funnel
   ========================================================== */

.middle-grid{
  grid-template-columns:.92fr 1.18fr 1fr;
}

.trainers{
  overflow:hidden;
}

.trainer-grid{
  grid-template-columns:1fr 1fr;
  gap:22px;
  align-items:start;
}

.trainer-photo{
  width:150px;
  height:150px;
  margin:0 auto;
  border-radius:50%;
  overflow:hidden;
  border:4px solid #f1f1ee;
  box-shadow:0 0 0 2px rgba(223,21,29,.35);
  background:#fff;
}

.trainer-photo img{
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  object-fit:cover;
  object-position:center center;
}

.trainer-grid h3{
  margin-top:13px;
  font-size:15px;
}

.trainer-grid p{
  max-width:180px;
  margin:0 auto;
  line-height:1.4;
}

.equipment-panel{
  text-align:center;
}

.equipment-image{
  background:#0d0d0f;
  border-radius:11px;
  padding:9px;
  border:1px solid #4b2225;
  min-height:245px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.equipment-image img{
  display:block;
  width:100%;
  max-height:255px;
  object-fit:contain;
  border-radius:7px;
}

.equipment-note{
  color:#d2c8c4;
  font-size:11px;
  line-height:1.4;
  margin:10px 0 0;
}

.course-summary{
  background:#f7f7f5;
  color:#111;
  padding:0 0 18px;
}

.course-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#fff;
  border:1px solid #ddd;
  border-radius:12px;
  box-shadow:0 4px 15px rgba(0,0,0,.07);
}

.course-summary-grid>div{
  padding:15px 18px;
  border-right:1px solid #e2e2e2;
}

.course-summary-grid>div:last-child{
  border-right:0;
}

.course-summary-grid span{
  display:block;
  color:#df151d;
  font-size:10px;
  font-weight:900;
  margin-bottom:4px;
}

.course-summary-grid strong{
  display:block;
  font-size:13px;
  line-height:1.35;
}

@media(max-width:1050px){
  .middle-grid{
    grid-template-columns:1fr 1fr;
  }
  .equipment-panel{
    grid-column:1/-1;
  }
  .equipment-image{
    max-width:540px;
    margin:0 auto;
  }
}

@media(max-width:820px){
  .middle-grid{
    grid-template-columns:1fr;
  }
  .equipment-panel{
    grid-column:auto;
  }
  .course-summary-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:580px){
  .trainer-grid{
    grid-template-columns:1fr 1fr;
  }
  .trainer-photo{
    width:120px;
    height:120px;
  }
  .course-summary-grid{
    grid-template-columns:1fr;
  }
  .course-summary-grid>div{
    border-right:0;
    border-bottom:1px solid #e2e2e2;
  }
}
