/* 1-1 coaching sales page. Mobile first: base = phones, 768px = tablet, 1200px = desktop (same breakpoints as the original page). */

@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-500.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700.woff2) format("woff2")}
/* Metric-matched fallback so the swap to Poppins doesn't shift the layout */
@font-face{font-family:"Poppins Fallback";src:local("Arial");size-adjust:112%;ascent-override:93.75%;descent-override:31.25%;line-gap-override:8.9%}

:root{
  --blue:#0f18e0;
  --card:rgba(220,220,220,.2);
  --grad:linear-gradient(0deg,#f39200 0%,#000 58.333%);
  --font:"Poppins","Poppins Fallback",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-wrap:break-word;background:#fff;color:#000;font-family:var(--font);font-size:1.125rem;line-height:1.5;font-weight:400}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3,p,li{overflow-wrap:anywhere}
.wrap>*{max-width:100%}
a{color:inherit;text-decoration:none}

/* ---------- sections ---------- */
.sec{padding:10px}
.wrap{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:10px}
.grad{color:#fff}
.grad .wrap{background:var(--grad);padding:28px 10px 32px}

h1,h2{font-size:2rem;line-height:1.2;font-weight:700;text-align:center}
h2.w600{font-weight:600}
.hero h1,.hero .sub{padding:0 10px}
.sub{font-size:1.25rem;line-height:1.4;font-weight:500;text-align:center;max-width:1120px}
.lead{font-size:1.25rem;line-height:1.4;font-weight:400;text-align:center;max-width:1068px}
h3{font-size:1.25rem;line-height:1.4;font-weight:500;text-align:center}
h3.b{font-weight:700}
h3.n{font-weight:400}
h2.inset{padding:0 20px}

/* ---------- button ---------- */
.btn{display:inline-block;background:var(--blue);color:#fff;font-family:var(--font);font-size:1.25rem;line-height:normal;font-weight:400;padding:8px 22px;border-radius:6px;text-align:center}
.btn:hover{filter:brightness(1.12)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--blue)}

/* ---------- media ---------- */
.video{width:100%;max-width:1076px;height:284px;margin:43px 0 14px}
.video iframe{display:block;width:100%;height:100%;border:0}
.sq{width:100%;max-width:492px}
.shot{width:100%;max-width:850px}
.rnd{width:100%;border-radius:12px}
.rnd.cover{object-fit:cover}
.shots{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.imgs .wrap{gap:10px}
.imgs h2{margin-bottom:10px}

/* ---------- copy blocks ---------- */
.copy{width:100%;text-align:left}
.copy p+p{margin-top:27px}
.copy--pad{padding:20px 42px;max-width:1178px}
.card--glass.copy{padding:16px 32px}
.copy--narrow{max-width:756px;padding:0 10px}
.real h2{margin:0 -10px}

/* ---------- cards ---------- */
.card{background:var(--card);border-radius:12px;padding:10px;width:100%}
.card--lg{border-radius:24px}
.card--glass{padding:16px}
.card--md{display:flex;flex-direction:column;align-items:center;gap:10px}
.card--md p{text-align:center}
.card--left{align-items:flex-start}
.card--left h3,.card--left p{text-align:left}
.card .shot,.card .rnd{max-width:none}
.row2,.grid3,.grid2{display:flex;flex-direction:column;gap:10px;width:100%}
.row2 .card{padding:11px}
.stack{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:1068px}
.stack--steps{max-width:307px}
.stack--steps .card--left{gap:40px}
.step{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #dcdcdc;border-radius:24px}
.num{display:block;color:#f39200;font-size:3.5rem;line-height:69px;font-weight:500}
.stack--bonus{max-width:1034px}
.grid3--access{max-width:309px}

/* "We Can Help If / We Can't Help If" */
.pair{display:flex;flex-direction:column;gap:10px;width:100%}
.pair .card{padding:11px}
.pair h3{text-align:left;font-weight:600}
.pair p{text-align:left}
.pair+.pair{margin-top:32px}
.right h2{margin-bottom:54px}

/* team */
.member{display:flex;flex-direction:column;align-items:flex-start}
.member img{margin-bottom:10px}
.member .b{font-weight:700}

/* final CTA */
.final .wrap{padding-bottom:48px}

/* thank-you page */
.thanks .wrap{min-height:calc(100vh - 20px);justify-content:center}

/* ---------- tablet + desktop ---------- */
@media (min-width:768px){
  .sec.grad{padding:0;background:var(--grad)}
  .grad .wrap{background:none;padding:40px}
  .wrap{padding:10px 40px}
  .real .wrap{padding:33px 40px}
  .real h2{margin:0}
  h1,h2{font-size:2.25rem}
  h3{font-size:1.375rem}
  .hero .wrap{gap:22px}
  .video{height:299px;margin:0}
  .card--md,.card--left{padding:20px}
  .card--glass,.card--glass.copy{padding:20px}
  .copy--pad{padding:20px}
  .pair .card{padding:20px}
  .row2{flex-direction:row;align-items:center}
  .row2 .card{flex:1 1 0;min-width:0}
  .pair{flex-direction:row;align-items:center}
  .pair__label{flex:0 0 325px}
  .pair__list{flex:1 1 0}
  .grid2{display:grid;grid-template-columns:1fr 1fr}
  .grid3{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .grid3 .card{flex:0 0 calc(33.333% - 7px);max-width:calc(33.333% - 7px);align-self:stretch}
  .grid3--help .card{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px)}
  .grid3--help .card:last-child{flex:0 0 456px;max-width:456px}
  .grid3--access{max-width:none}
  .stack--steps{max-width:1068px}
  .step{flex-direction:row;gap:32px;padding:24px 24px 24px 48px}
  .num{flex:0 0 73px;font-size:3rem;line-height:48px;text-align:left}
  .step .card{flex:1 1 0;min-width:0}
  .pair+.pair{margin-top:0}
  .right h2{margin-bottom:0}
  h2.inset{padding:0}
  .hero h1,.hero .sub{padding:0}
  .sec.right .wrap{gap:10px}
  .thanks .wrap{min-height:100vh}
}
@media (min-width:1200px){
  h3{font-size:1.5rem}
  .grad .wrap{padding:40px 50px}
  .card--md{padding:40px}
  .card--lg{padding:40px}
  .card--left{padding:32px}
  .stack--faq .card--left{padding:20px}
  .card--glass,.pair .card{padding:20px}
  .stack--steps .card--left{padding:32px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}