@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/assets/Poppins-Regular.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/assets/Poppins-Medium.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/assets/Poppins-SemiBold.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:800;font-display:swap;src:url(/assets/Poppins-ExtraBold.woff2) format("woff2")}
:root{--black:#05070d;--ink:#0a0f1c;--navy:#0d1630;--navy2:#121f42;--gold:#DEB24C;--gold2:#f3d27e;--gold3:#a77d22;--text:#e8ebf2;--muted:#b9c0d0;--line:rgba(222,178,76,.28)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--text);font:400 16px/1.6 Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--gold)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
.gold{color:var(--gold)}
.goldtxt{background:linear-gradient(180deg,#fbe6a6 0%,#DEB24C 45%,#b98a2a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
h1,h2,h3{font-weight:800;text-transform:uppercase;letter-spacing:.2px;line-height:1.08;margin:0;color:#fff}
h1{font-size:clamp(30px,6.2vw,54px)}
h2{font-size:clamp(24px,4.4vw,38px);margin-bottom:18px}
h3{font-size:18px;letter-spacing:.5px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 Poppins,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--gold);padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(10,15,28,.7)}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.rule{width:80px;height:3px;background:linear-gradient(90deg,var(--gold3),var(--gold2),var(--gold3));margin:18px 0;border-radius:2px;box-shadow:0 0 12px rgba(222,178,76,.5)}
.pre{display:block;font:600 italic clamp(17px,2.6vw,22px)/1.3 Poppins,sans-serif;text-transform:none;color:var(--gold);margin-bottom:10px;letter-spacing:0}
.sub{font-size:clamp(17px,2.4vw,20px);color:var(--text);font-weight:500;margin:18px 0 0;max-width:640px}
.chip{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:12px 18px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(222,178,76,.14),rgba(13,22,48,.6));font-weight:600;color:#fff;box-shadow:0 0 24px rgba(222,178,76,.12) inset}
.chip b{color:var(--gold)}
.seal{border-radius:50%;box-shadow:0 0 0 1px rgba(222,178,76,.4),0 0 28px rgba(222,178,76,.35)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;text-decoration:none;font:800 17px/1.2 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.6px;color:#140e02;padding:19px 30px;border-radius:12px;background:linear-gradient(180deg,#f8dd8f 0%,#DEB24C 48%,#b9892a 100%);box-shadow:0 0 0 1px rgba(255,236,170,.55) inset,0 10px 30px rgba(222,178,76,.35),0 0 40px rgba(222,178,76,.18);transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn.block{display:flex;width:100%}
.micro{font-size:13px;color:var(--muted);margin-top:10px}
section{padding:64px 0;position:relative}
.band{background:linear-gradient(180deg,var(--ink),var(--navy) 120%);border-top:1px solid rgba(222,178,76,.12);border-bottom:1px solid rgba(222,178,76,.12)}
.card{background:linear-gradient(160deg,rgba(18,31,66,.75),rgba(8,12,24,.9));border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.grid3{display:grid;gap:18px}.grid2{display:grid;gap:18px}
@media(min-width:820px){.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr 1fr}}
.num{font:800 40px/1 Poppins,sans-serif;margin-bottom:12px}
.card p{margin:10px 0 0;color:var(--muted)}
ul.ticks{list-style:none;margin:0;padding:0}
ul.ticks li{position:relative;padding:10px 0 10px 38px;border-bottom:1px solid rgba(255,255,255,.06)}
ul.ticks li:last-child{border-bottom:0}
ul.ticks li:before{content:"\2713";position:absolute;left:0;top:11px;width:24px;height:24px;border-radius:50%;background:rgba(222,178,76,.15);border:1px solid var(--line);color:var(--gold);font-weight:800;font-size:13px;text-align:center;line-height:23px}
ul.ticks.x li:before{content:"\2715";color:#e7a0a0;border-color:rgba(231,160,160,.35);background:rgba(231,160,160,.08)}
.center{text-align:center}.center .rule{margin-left:auto;margin-right:auto}
.foot{padding:36px 0 48px;background:#03050a;color:#8f97aa;font-size:13px;border-top:1px solid rgba(222,178,76,.15)}
.foot p{margin:6px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:600;color:#fff;letter-spacing:.5px}
.brand img{width:44px;height:44px}
header.top{position:absolute;top:0;left:0;right:0;z-index:5;padding:16px 0}
/* hero */
.hero{position:relative;overflow:hidden;padding:96px 0 64px;background:var(--black)}
.hero:before{content:"";position:absolute;inset:0;background:url(/assets/skyline-bg.jpg) right center/cover no-repeat;opacity:.9}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,13,.97) 0%,rgba(5,7,13,.88) 45%,rgba(5,7,13,.55) 100%),linear-gradient(180deg,rgba(5,7,13,.2) 60%,var(--black) 100%)}
.hero .wrap{position:relative;z-index:2}
.heroGrid{display:grid;gap:34px;align-items:center}
@media(min-width:960px){.heroGrid{grid-template-columns:1.15fr .85fr}}
.vidcard{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(222,178,76,.45);box-shadow:0 0 0 6px rgba(222,178,76,.06),0 25px 60px rgba(0,0,0,.6),0 0 60px rgba(222,178,76,.15);cursor:pointer;background:#000}
.vidcard img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.85}
.play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.play span{width:84px;height:84px;border-radius:50%;background:linear-gradient(180deg,#f8dd8f,#DEB24C 50%,#b9892a);box-shadow:0 0 0 10px rgba(222,178,76,.18),0 0 50px rgba(222,178,76,.6);display:flex;align-items:center;justify-content:center}
.play span:after{content:"";margin-left:6px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #140e02}
.vidmeta{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;background:rgba(5,7,13,.92);font-size:13px;color:var(--muted)}
.vidmeta b{color:var(--gold)}
/* modal */
.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(2,3,7,.82);backdrop-filter:blur(4px)}
.modal.open{display:flex}
.mbox{width:100%;max-width:460px;background:linear-gradient(170deg,#101a36,#070b16);border:1px solid rgba(222,178,76,.5);border-radius:18px;padding:26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(222,178,76,.15);position:relative}
.mbox h3{font-size:22px;line-height:1.15;margin:6px 0 4px}
.close{position:absolute;right:10px;top:8px;background:none;border:0;color:#cfd5e2;font-size:28px;cursor:pointer;line-height:1;padding:6px}
.bar{height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:4px 0 14px}.bar i{display:block;height:100%;width:50%;background:linear-gradient(90deg,var(--gold3),var(--gold2))}
label{display:block;font-size:13px;font-weight:600;color:#dfe4ee;margin:12px 0 6px}
input{width:100%;font:500 16px Poppins,sans-serif;color:#fff;background:#060a14;border:1px solid rgba(222,178,76,.35);border-radius:10px;padding:14px}
input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(222,178,76,.2)}
.err{color:#ffb4b4;font-size:14px;min-height:20px;margin-top:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{font-size:11.5px;color:#8f97aa;margin-top:12px;line-height:1.5}
.bio{display:grid;gap:26px;align-items:center}
@media(min-width:820px){.bio{grid-template-columns:300px 1fr}}
.bio img{border-radius:18px;border:1px solid var(--line);box-shadow:0 0 40px rgba(222,178,76,.15);aspect-ratio:4/5;object-fit:cover;width:100%}
details{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:rgba(13,22,48,.45);margin-bottom:12px}
summary{cursor:pointer;font-weight:600;color:#fff;list-style:none;position:relative;padding-right:28px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;top:-2px;color:var(--gold);font-size:22px}
details[open] summary:after{content:"\2013"}
details p{margin:10px 0 0;color:var(--muted)}
.quote{font:600 italic clamp(20px,3vw,28px)/1.3 Poppins,sans-serif;color:var(--gold)}
/* training page */
.player{border-radius:16px;overflow:hidden;border:1px solid rgba(222,178,76,.45);box-shadow:0 25px 60px rgba(0,0,0,.6),0 0 60px rgba(222,178,76,.15);background:#000}
.player video{width:100%;display:block;aspect-ratio:16/9;background:#000}
.tgrid{display:grid;gap:26px}
@media(min-width:980px){.tgrid{grid-template-columns:1fr 340px}}
.chapters{max-height:520px;overflow:auto;padding:8px}
.chapters button{display:flex;gap:12px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.06);color:#dfe4ee;font:500 14px/1.35 Poppins,sans-serif;padding:10px 8px;cursor:pointer;border-radius:8px}
.chapters button:hover,.chapters button.on{background:rgba(222,178,76,.1);color:#fff}
.chapters time{color:var(--gold);font-weight:600;min-width:46px}
.booking iframe{width:100%;min-height:760px;border:0;border-radius:14px;background:#fff}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(5,7,13,.94);border-top:1px solid var(--line);display:flex;justify-content:center}
.sticky .btn{width:100%;max-width:520px;padding:15px}
@media(min-width:980px){.sticky{display:none}}
.pad-sticky{padding-bottom:84px}@media(min-width:980px){.pad-sticky{padding-bottom:0}}
.vidcard .play{inset:0 0 44px 0;justify-content:flex-start}
.vidcard .play span{position:absolute;left:78%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px}
.vidcard .play span:after{border-width:11px 0 11px 18px;margin-left:5px}
@media(max-width:979px){.tgrid .js-book{display:none}}

/* signup form in hero */
.signup{padding:22px 20px 20px}
.signup .formtitle{font-size:clamp(22px,4vw,28px);text-transform:uppercase;margin:10px 0 6px}
.signup .formlead{color:var(--muted);margin:0 0 8px;font-size:14px}
.signup .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{color:#8f97aa;font-weight:500}
.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#b9c0d0;font-weight:500;margin:14px 0 0;line-height:1.45;text-transform:none;letter-spacing:0}
.check input{width:auto;margin-top:3px;flex:0 0 auto;accent-color:var(--gold)}
.btn.alt{background:transparent;color:var(--gold);box-shadow:none;border:1px solid var(--line)}
.btn.alt:hover{filter:none;background:rgba(222,178,76,.1)}
.cta-row{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}
header.top .brand{text-decoration:none;color:#fff}
header.top.legal-top{position:relative;background:var(--ink);border-bottom:1px solid rgba(222,178,76,.15)}
.legal-main{padding:48px 0 64px}
.legal-main h1{text-transform:none;font-size:clamp(32px,5vw,44px);line-height:1.15;margin-bottom:8px}
.legal-main h2{text-transform:none;font-size:22px;margin:28px 0 8px;letter-spacing:0}
.legal-main p,.legal-main li{color:var(--muted)}
.legal-main ul{padding-left:22px;margin:8px 0}
.legal-main li{margin:6px 0}
.upd{color:var(--muted);font-size:15px;margin-bottom:28px}
.foot a{color:#c9d0e2}


/* ── Above-the-fold compact opt-in (hero + form in first viewport) ── */
header.top{padding:8px 0}
.hero{padding:52px 0 16px}
.heroGrid{gap:16px;align-items:start}
.hero .eyebrow{padding:5px 10px;font-size:10px;letter-spacing:1.2px}
.hero .rule{width:44px;height:3px;margin:8px 0}
.hero h1{font-size:clamp(22px,5.4vw,40px);line-height:1.08;margin:0}
.hero .pre{font-size:clamp(15px,2.4vw,22px);line-height:1.1;margin:0 0 2px}
.hero .sub{font-size:clamp(14px,1.7vw,17px);margin:8px 0 0}
.hero .chip{display:inline-flex;margin-top:10px;padding:6px 11px;font-size:12.5px;line-height:1.3}

.signup{padding:12px 12px 10px}
.signup .eyebrow{font-size:10px;letter-spacing:1.2px}
.signup .formtitle{font-size:clamp(17px,2.4vw,22px);margin:6px 0 2px}
.signup .formlead{font-size:12.5px;line-height:1.35;margin:0 0 4px}
.signup label{margin:6px 0 2px;font-size:11px}
.signup input{padding:8px 10px;font-size:16px;border-radius:8px}
.signup .err{min-height:14px;margin-top:4px;font-size:12px}
.signup .btn{padding:11px 16px;font-size:15px;border-radius:8px}
.signup .consent{margin-top:6px;font-size:10px;line-height:1.35}
.signup .check{align-items:flex-start;margin:8px 0 0;font-size:11px;line-height:1.3;color:var(--muted)}
.signup .check input{width:16px;height:16px;margin-top:2px;flex:0 0 16px;padding:0}

@media(min-width:960px){
  .hero{padding:64px 0 24px}
  .heroGrid{gap:28px;align-items:start}
  .hero h1{font-size:clamp(28px,3.1vw,40px)}
  .signup{padding:16px 18px 14px}
  .signup .formtitle{margin:6px 0 4px}
  .signup .formlead{margin:0 0 6px;font-size:13.5px}
}

/* Extra tight on short phones so the full form stays in the first screen */
@media(max-height:700px){
  header.top{padding:6px 0}
  header.top .brand img{width:32px;height:32px}
  .hero{padding:40px 0 6px}
  .hero .eyebrow{padding:3px 8px;font-size:9px}
  .hero .rule{margin:5px 0;height:2px}
  .hero h1{font-size:clamp(18px,5vw,26px);line-height:1.05}
  .hero .pre{font-size:clamp(13px,3.6vw,16px)}
  .hero .sub{font-size:13px;margin:5px 0 0;line-height:1.3}
  .hero .chip{margin-top:6px;padding:4px 9px;font-size:11.5px}
  .signup{padding:6px 10px 4px}
  .signup .eyebrow{font-size:9px}
  .signup .formtitle{font-size:16px;margin:3px 0 1px}
  .signup .formlead{font-size:11.5px;line-height:1.3;margin:0 0 2px}
  .signup label{margin:4px 0 1px;font-size:10px}
  .signup input{padding:6px 8px}
  .signup .err{min-height:10px;margin-top:2px;font-size:11px}
  .signup .btn{padding:9px 14px;font-size:14px}
  .signup .consent{margin-top:2px;font-size:9px;line-height:1.25}
  .signup .check{margin:4px 0 0;font-size:10px}
}

/* Training page: keep video and booking button in the first screen */
.train-hero{padding:48px 0 4px}
.train-hero h1{font-size:clamp(22px,5.2vw,36px);line-height:1.1}
.train-hero .sub{margin-top:8px;font-size:clamp(14px,1.7vw,17px)}
.train-hero .rule{margin:8px 0}
.train-hero .cta-row{margin-top:10px}
.train-hero .cta-row .btn{padding:10px 14px;font-size:14px}
.tgrid{gap:10px}
@media(max-width:979px){
  .train-hero{padding:48px 0 8px}
  .train-hero h1{font-size:clamp(20px,6vw,26px)}
  .train-hero .sub{font-size:14px;margin-top:6px}
}
@media(max-height:700px){
  .train-hero{padding:44px 0 6px}
  .train-hero .eyebrow{padding:3px 8px;font-size:9px}
  .train-hero h1{font-size:clamp(18px,5.2vw,22px);line-height:1.08}
  .train-hero .sub{font-size:13px;margin-top:4px;line-height:1.3}
  .train-hero .cta-row{margin-top:6px}
  .train-hero .cta-row .btn{padding:8px 12px;font-size:13px}
}