@media (max-width: 767px) { .hp-hide-mobile { display: none !important; } }
@media (min-width: 768px) and (max-width: 1199px) { .hp-hide-tablet { display: none !important; } }
@media (min-width: 1200px) { .hp-hide-desktop { display: none !important; } }

.pz-chip{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);background:#EDEAE4;border-radius:4px;padding:2px 6px;margin-left:6px}
.pz-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.pz-chips span{font-size:8.5px;font-weight:700;color:#4A5566;background:#ECEAE6;border-radius:4px;padding:2px 6px}
.pz-weeks{display:flex;gap:4px;margin-top:9px}
.pz-weeks span{flex:1;text-align:center;font-size:9px;font-weight:800;color:var(--grey);border:1px solid var(--line2);border-radius:6px;padding:4px 0;background:#fff}
.pz-weeks span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pz-ex{background:#fff;border:1px solid var(--line2);border-radius:10px;padding:9px;margin-top:7px}
.pz-exh{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink)}
.pz-exh i{font-style:normal;font-size:9.5px;font-weight:800;background:var(--ink);color:#fff;border-radius:4px;padding:1px 5px}
.pz-mini{margin-left:auto;font-size:9px;font-weight:700;color:var(--grey);border:1px solid var(--line2);border-radius:5px;padding:1px 6px}
.pz-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}
.pz-boxes div{background:#F7F6F3;border-radius:6px;padding:4px 6px}
.pz-boxes small{display:block;font-size:7.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);font-weight:700}
.pz-boxes b{font-size:11px;color:var(--ink)}
.pz-boxes b.acc{color:#1E86B0}
.pz-sethd{display:grid;grid-template-columns:calc(50% - 14px) 1fr 24px;column-gap:6px;font-size:7.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-top:8px}
.pz-blank{display:inline-block;min-width:1.6em;height:.95em;vertical-align:-0.1em;border-bottom:2px solid #B9C2CC;margin:0 1px}
.pz-rows{margin-top:4px;background:
 radial-gradient(circle at calc(100% - 9px) 10px,#fff 0 6px,#CFCAC2 6.5px 7.5px,transparent 8px) 0 0/100% 25px repeat-y,
 linear-gradient(90deg,transparent 0 calc(50% - 14px),#fff calc(50% - 14px) calc(50% - 8px),transparent calc(50% - 8px) calc(100% - 24px),#fff calc(100% - 24px)),
 linear-gradient(#EFECE7 0 20px,transparent 20px) 0 0/100% 25px repeat-y}
.pz-rows.r3{height:75px}
.pz-rows.r4{height:100px}
.pz-rows.r2{height:50px}
.pz-note{font-size:10.5px;line-height:1.5;color:var(--ink2);background:#F2F7FA;border:1px solid #D7E7EF;border-radius:8px;padding:8px 10px;margin-bottom:10px}
.pz-eyebrow{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.pz-togs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pz-togs .hp-tog span{padding:3px 7px}
.pz-togs .hp-tog span.on{background:var(--ink);color:#fff}
.pz-lift{margin-top:12px}
.pz-ln{font-size:12px;font-weight:700;color:var(--ink)}
.pz-big{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:800;color:var(--ink);line-height:1.1;margin-top:2px}
.pz-big .pz-blank{min-width:1.3em;height:.8em;border-bottom-width:3px}
.pz-up .pz-blank{min-width:1em;height:.9em;border-color:#7FB8D0}
.pz-up{font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#1E86B0;background:rgba(43,184,236,.14);border-radius:5px;padding:2px 6px;vertical-align:middle}
.pz-bars{display:flex;align-items:flex-end;gap:8px;margin-top:12px}
.pz-bars>div{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:5px;height:76px}
.pz-bars i{display:block;width:100%;background:#CBD3DC;border-radius:4px 4px 0 0}
.pz-bars .on i{background:var(--ink)}
.pz-bars .stub i{background:#ECEAE6}
.pz-bars em{font-style:normal;font-size:9px;font-weight:700;color:var(--ink2)}
.pz-bars span{font-size:8.5px;color:var(--grey);font-weight:700;text-align:center;line-height:1}
.pz-bars em:empty{display:none}
.pz-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid var(--line2)}
.pz-facts small, .pz-we, .pz-fix small, .pz-days small{display:block;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);font-weight:800}
.pz-facts b{font-size:12px;color:var(--ink)}
.pz-win{position:relative;margin-top:12px;border-left:3px solid #1E86B0;background:#F7F6F3;border-radius:0 8px 8px 0;padding:9px 10px}
.pz-we{color:#1E86B0}
.pz-wl{font-size:12px;font-weight:700;color:var(--ink);margin-top:2px;padding-right:44px}
.pz-ws{font-size:10.5px;color:var(--grey);margin-top:2px}
.pz-share{position:absolute;right:9px;top:9px;font-size:9.5px;font-weight:700;border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--ink2);background:#fff}
.pz-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;align-items:start}
.pz-lock{border-radius:26px;padding:22px 14px 18px;background:linear-gradient(160deg,#1B2A47,#0B1523 70%);border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 60px rgba(0,0,0,.6)}
.pz-lt{text-align:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:54px;line-height:1;color:#EAF5FB}
.pz-ld{text-align:center;font-size:12px;color:#9FB6C4;margin-top:4px}
.pz-n{display:flex;gap:10px;background:rgba(244,242,238,.94);border-radius:16px;padding:10px 11px;margin-top:18px;color:var(--ink)}
.pz-n.dim{margin-top:8px;opacity:.78}
.pz-ni{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:var(--ink);overflow:hidden;display:flex;align-items:center;justify-content:center}
.pz-ni img{width:26px;height:26px;object-fit:contain}
.pz-nh{display:flex;justify-content:space-between;font-size:10.5px;color:#5B6676}
.pz-nh b{letter-spacing:.06em}
.pz-nt{font-size:13px;font-weight:700;margin-top:1px}
.pz-nb{font-size:12px;color:#3A4658;line-height:1.35}
.pz-modal{text-align:center;padding:6px 4px}
.pz-modal small{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.pz-mbig{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:40px;color:var(--ink);line-height:1.05;margin:4px 0 8px}
.pz-modal p{font-size:12.5px;line-height:1.5;margin:6px 0;color:var(--ink2)}
.pz-btn{display:inline-block;margin-top:10px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;border-radius:8px;padding:8px 14px}
.pz-btn.sm{margin-top:0;padding:5px 10px;font-size:10.5px}
.pz-kick{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1E86B0}
.pz-ch{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:28px;color:var(--ink);line-height:1.05;margin-top:2px}
.pz-fix{margin-top:10px;border:2px solid var(--ink);border-radius:10px;padding:9px 11px}
.pz-fix b{display:block;font-size:15px;color:var(--ink)}
.pz-fix span{font-size:11px;color:var(--grey)}
.pz-or{font-size:11px;font-weight:700;color:var(--ink2);margin-top:12px}
.pz-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.pz-opt{border:1px solid var(--line);border-radius:8px;padding:7px 9px}
.pz-opt b{display:block;font-size:12px;color:var(--ink)}
.pz-opt span{font-size:10px;color:var(--grey)}
.pz-opt.on{border-color:#1E86B0;background:rgba(43,184,236,.08)}
.pz-fine{font-size:10.5px;color:var(--grey);margin-top:8px}
.pz-days{display:flex;align-items:center;gap:6px;margin-top:10px}
.pz-days small{margin-right:auto}
.pz-days span{font-size:11px;font-weight:700;border:1px solid var(--line);border-radius:7px;padding:4px 9px;color:var(--ink2)}
.pz-days span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.gpx-moments{margin:30px 0 64px}
@media (max-width:620px){.gpx-moments{margin:24px 0 48px}}


.gpx-b1{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:36px;align-items:center;margin-top:34px}
.gpx-b1 .b1-col{display:grid;gap:10px}
.gpx-b1 .b1-li{position:relative;overflow:hidden;text-align:left;font:inherit;cursor:pointer;background:none;border:1px solid transparent;border-left:3px solid rgba(43,184,236,.2);border-radius:0 10px 10px 0;padding:10px 14px;color:#EAF5FB}
.gpx-b1 .b1-li b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:21px;text-transform:uppercase;font-weight:800;line-height:1.1}
.gpx-b1 .b1-li span{display:block;font-size:14px;line-height:1.5;color:#6FA8C4;margin-top:3px}
.gpx-b1 .b1-li.on{border-left-color:#2BB8EC;background:rgba(43,184,236,.07)}
.gpx-b1 .b1-li.on:after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#2BB8EC;animation:b1bar 4.2s linear forwards}
.gpx-b1 .b1-li:focus-visible,.gpx-b1 .b1-tab:focus-visible{outline:2px solid #2BB8EC;outline-offset:2px}
.gpx-b1 .b1-phone{position:relative;justify-self:center}
.gpx-b1 .b1-phone:before{content:"";position:absolute;inset:-40px -30px;z-index:0;background:radial-gradient(closest-side,rgba(43,184,236,.35),transparent);filter:blur(10px);pointer-events:none}
.gpx-b1 .gpph{position:relative;z-index:1;width:300px;box-shadow:0 40px 90px rgba(0,0,0,.7),0 0 0 1px rgba(43,184,236,.25)}
.gpx-b1 .gpph-scr{height:560px}
.gpx-b1 .b1-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 8px 6px;background:#F7F6F3;border-bottom:1px solid #E7E4DF;flex:0 0 auto;scrollbar-width:none}
.gpx-b1 .b1-tab{flex:0 0 auto;font:inherit;cursor:pointer;border:1px solid #E2E0DB;background:#fff;color:#22314F;font-size:10px;font-weight:700;border-radius:999px;padding:4px 9px}
.gpx-b1 .b1-tab.on{background:#1B2A47;color:#fff;border-color:#1B2A47}
.gpx-b1 .b1-body{flex:1;overflow-y:auto;padding:10px;background:#F7F6F3}
.gpx-b1 .b1-scr{display:none}.gpx-b1 .b1-scr.on{display:block;animation:b1in .45s ease}
.gpx-b1 .b1-scr .app,.gpx-b1 .b1-scr .mini{box-shadow:none;border-radius:12px}
@keyframes b1bar{from{width:0}to{width:100%}}
@keyframes b1in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:860px){.gpx-b1{grid-template-columns:1fr;gap:18px}.gpx-b1 .b1-phone{order:-1;margin-bottom:10px}}
@media (prefers-reduced-motion:reduce){.gpx-b1 *{animation:none!important}}

/* Jump + Force on phones, and one scroll rule for every phone on the page (2026-09-29).
   Every phone keeps its normal height, scrolls inside, and once it hits the end the
   next scroll moves the page (overscroll-behavior:auto = scroll chaining). */
.gpp-pair{display:flex;justify-content:center;gap:70px;flex-wrap:wrap;margin-top:70px;position:relative}
.gpp-pair::before{content:"";position:absolute;left:15%;right:15%;bottom:40px;height:160px;background:radial-gradient(ellipse,rgba(43,184,236,.32),transparent 70%);filter:blur(30px);z-index:-1}
.gpp-col{display:flex;flex-direction:column;align-items:center}
.gpp-col.off{margin-top:70px}
.gpp{position:relative;width:292px;height:600px;border-radius:48px;padding:11px;background:linear-gradient(145deg,#2A3340,#0E1319 45%,#1C232C);box-shadow:0 0 0 1.5px #3A4452 inset,0 40px 90px rgba(0,0,0,.75),0 0 60px rgba(43,184,236,.18);flex:0 0 auto}
.gpp-btn{position:absolute;width:3px;border-radius:2px;background:#2A3340}
.gpp-btn.a{left:-3px;top:110px;height:30px}.gpp-btn.b{left:-3px;top:156px;height:52px}.gpp-btn.c{right:-3px;top:140px;height:72px}
.gpp-screen{position:relative;height:100%;border-radius:38px;overflow:hidden;background:#F4F2EE;display:flex;flex-direction:column}
.gpp-island{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:92px;height:26px;border-radius:14px;background:#000;z-index:3}
.gpp-status{display:flex;justify-content:space-between;align-items:center;padding:13px 26px 0 30px;height:40px;font:700 13px/1 Inter,sans-serif;color:#0B1523;flex:0 0 auto}
.gpp-ic{display:flex;gap:5px;align-items:center}.gpp-ic svg{height:11px;fill:#0B1523}
.gpp-bar{padding:6px 16px 10px;flex:0 0 auto;border-bottom:1px solid #E4E0D9;background:#F4F2EE}
.gpp-back{display:block;font:600 11px/1.2 Inter,sans-serif;color:#1E86B0}
.gpp-bar b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:25px;text-transform:uppercase;color:#1B2A47;line-height:1.05;margin-top:3px}
.gpp-sub{font:500 10.5px/1.2 Inter,sans-serif;color:#7A8492}
.gpp-scroll{flex:1;overflow-y:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;padding:10px 10px 22px;scrollbar-width:none}
.gpp-scroll::-webkit-scrollbar{display:none}
.gpp-scroll>.app{box-shadow:none!important;border-radius:14px;transform:none!important}
.gpp-scroll .app-body{padding:16px 14px}
.gpp-scroll .kpi{flex-direction:column;gap:14px}
.gpp-scroll .kpi>div{flex:0 0 auto!important}
.gpp-scroll .kpi .v{font-size:24px!important}
.gpp-scroll .fpg{display:block}
.gpp-home{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:108px;height:4px;border-radius:3px;background:#0B1523;opacity:.85;z-index:3;pointer-events:none}
.gpp-cap{text-align:center;margin-top:24px;max-width:300px}
.gpp-cap b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;text-transform:uppercase;color:#EAF5FB}
.gpp-cap span{font-size:14.5px;line-height:1.5;color:rgba(234,245,251,.68)}
.gpx-b1 .b1-body{overscroll-behavior:auto;-webkit-overflow-scrolling:touch;min-height:0}
/* A flex child only scrolls when it may shrink below its content: without min-height:0 the
   screen grew past the phone and got clipped instead of scrolling (2026-09-29). */
.gpph-p,.gpp-scroll{min-height:0}
@media(max-width:700px){.gpp-pair{gap:44px}.gpp-col.off{margin-top:0}}
/* Phone view (2026-09-29): the two tiles in each direction row fill it, velocity left, force
   right against the edge, like the Force | Velocity header above them. */
/* Platform block v2 (2026-09-29): D2 on phones, phone + big caption on laptops. */
.gpx-b2{display:grid;grid-template-columns:300px minmax(0,1fr);gap:70px;align-items:center;max-width:900px;margin:40px auto 0}
.gpx-b2 .b2-pw{position:relative;width:300px}
.gpx-b2 .b2-pw:before{content:"";position:absolute;inset:-40px -30px;background:radial-gradient(closest-side,rgba(43,184,236,.35),transparent);filter:blur(10px);pointer-events:none}
.gpx-b2 .gpph{position:relative;width:300px;box-shadow:0 40px 90px rgba(0,0,0,.7),0 0 0 1px rgba(43,184,236,.25)}
.gpx-b2 .gpph-scr{height:580px}
.gpx-b2 .b2-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;background:#F7F6F3;padding:10px 10px 70px;scrollbar-width:none}
.gpx-b2 .b2-body::-webkit-scrollbar{display:none}
.gpx-b2 .b2-scr{display:none}.gpx-b2 .b2-scr.on{display:block;animation:b2in .4s ease}
.gpx-b2 .b2-scr .app,.gpx-b2 .b2-scr .mini{box-shadow:none;border-radius:12px}
.gpx-b2 .b2-over{position:absolute;left:8px;right:8px;bottom:8px;border-radius:0 0 27px 27px;padding:28px 16px 14px;background:linear-gradient(transparent,rgba(6,9,13,.92) 40%);text-align:center;z-index:3;pointer-events:none}
.gpx-b2 .b2-cap{display:none}
.gpx-b2 .b2-dots{display:flex;justify-content:center;gap:8px;pointer-events:auto}
.gpx-b2 .b2-dots button{width:24px;height:5px;border-radius:3px;border:0;padding:0;background:rgba(234,245,251,.3);cursor:pointer}
.gpx-b2 .b2-dots button.on{background:#2BB8EC;width:36px}
.gpx-b2 .b2-arr{position:absolute;top:44%;width:46px;height:46px;border-radius:50%;border:0;background:#2BB8EC;color:#06090D;font:800 30px/1 'Barlow',sans-serif;cursor:pointer;z-index:4;box-shadow:0 8px 24px rgba(43,184,236,.5),0 0 0 6px rgba(43,184,236,.15)}
.gpx-b2 .b2-arr.l{left:-20px}.gpx-b2 .b2-arr.r{right:-20px}
.gpx-b2 .b2-big{display:none}.gpx-b2 .b2-big.on{display:block;animation:b2in .4s ease}
.gpx-b2 .b2-big em,.gpx-b2 .b2-cap em{font-style:normal;font-family:'Barlow Semi Condensed',sans-serif;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:13px;color:#2BB8EC}
.gpx-b2 .b2-big h4{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(40px,4.4vw,58px);text-transform:uppercase;line-height:.95;margin:10px 0 0;color:#EAF5FB}
.gpx-b2 .b2-big p{font-size:19px;color:rgba(234,245,251,.75);max-width:34ch;margin:16px 0 0;line-height:1.5}
.gpx-b2 .b2-nav{display:flex;gap:12px;margin-top:30px}
.gpx-b2 .b2-a{width:54px;height:54px;border-radius:50%;border:1px solid #2BB8EC;background:transparent;color:#2BB8EC;font:800 30px/1 'Barlow',sans-serif;cursor:pointer}
.gpx-b2 .b2-a.nx{background:#2BB8EC;color:#06090D;box-shadow:0 8px 24px rgba(43,184,236,.45)}
.gpx-b2 button:focus-visible{outline:2px solid #EAF5FB;outline-offset:3px}
@keyframes b2in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:860px){
 .gpx-b2{grid-template-columns:1fr;justify-items:center;gap:0;margin-top:26px}
 .gpx-b2 .b2-side{display:none}
 .gpx-b2 .b2-body{padding-bottom:150px}
 .gpx-b2 .b2-over{padding-top:46px;background:linear-gradient(transparent,rgba(6,9,13,.94) 34%)}
 .gpx-b2 .b2-cap.on{display:block;animation:b2in .35s ease;margin-bottom:10px}
 .gpx-b2 .b2-cap b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;color:#EAF5FB;margin-top:3px}
 .gpx-b2 .b2-cap span{display:block;font-size:13px;color:rgba(234,245,251,.8);margin-top:3px;line-height:1.45}
 .gpx-b2 .b2-arr.l{left:-14px}.gpx-b2 .b2-arr.r{right:-14px}
}
@media(prefers-reduced-motion:reduce){.gpx-b2 *{animation:none!important}}
/* Proof section on a phone (2026-09-29): Peter tighter and centred, the three stories become swipeable cards with arrows and dots. */
.px-lbl,.px-nav{display:none}
@media(max-width:700px){
html body .gpx-proofrow{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-left:-20px;margin-right:-20px;padding:6px 20px 10px;scrollbar-width:none}
html body .gpx-proofrow::-webkit-scrollbar{display:none}
html body .gpx-proofrow>*{flex:0 0 84%;scroll-snap-align:center;transform:none!important}
.px-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
.px-nav button{width:40px;height:40px;border-radius:50%;border:1px solid #2BB8EC;background:none;color:#2BB8EC;font:800 24px/1 'Barlow',sans-serif;cursor:pointer}
.px-nav button.n{background:#2BB8EC;color:#06090D}
.px-dots{display:flex;gap:7px}.px-dots i{width:22px;height:5px;border-radius:3px;background:rgba(234,245,251,.3)}.px-dots i.on{background:#2BB8EC;width:32px}
.px-lbl,html body .px-nav{display:none!important} /* 2026-10-28: the results row is hidden, so the arrows had nothing to move */
html body .gpx-peter{gap:18px}
html body .gpx-mega{font-size:96px;margin:10px 0 0}
html body .gpx-pstats{display:grid;grid-template-columns:1fr;text-align:center}
html body .gpx-who{text-align:center}
html body .gpx-mini2{margin-top:14px}
html body .gpx-mini2>div{padding:12px}
html body .gpx-fine{text-align:center;font-size:11.5px}
html body .gpx-clips{grid-template-columns:1fr 22px 1fr;gap:8px}
/* ACL photo inside the swipeable cards (2026-09-29, v2): the range input stays off on a phone,
   so a finger scrolling past never nudges it. Drag the round handle to compare (script next to
   the photo); a swipe anywhere else on the photo still moves the cards. Laptop keeps the drag. */
html body .gpx-ba input{pointer-events:none}
html body .gpx-ba{touch-action:auto}
html body .gpx-ba .hand::after{width:48px;height:48px;margin:-24px 0 0 -24px}
}
/* Nutrition card on a phone (2026-09-29): taller photo so the food shows, title on its lower edge, tighter lesson list. */
@media(max-width:620px){
 html body .bonusc.bc-hero .bc-banner{height:230px}
 html body .bonusc.bc-hero .bc-cover{object-position:center 45%}
 html body .bc-shade{background:linear-gradient(180deg,rgba(12,18,25,0) 25%,rgba(12,18,25,.55) 60%,rgb(12,18,25) 97%)}
 html body .bc-badge{top:12px;right:12px;padding:6px 14px}
 html body .bc-badge b{font-size:18px}
 html body .bc-over{left:18px;right:18px;bottom:10px}
 html body .bc-hero-t{font-size:32px}
 html body .bc-hero .bc-body{padding:8px 18px 20px}
 html body .bc-grp{gap:12px}
 html body .bc-grp h5{border-bottom:0;padding-bottom:0}
 html body .bc-grp ul{margin-top:4px;padding-left:10px;border-left:2px solid rgba(43,184,236,.25)}
 html body .bc-grp li{margin-top:3px;font-size:13px;line-height:1.35}
}
@media(max-width:760px){html body .e3x .e3x-r{grid-template-columns:1fr 1fr}html body .e3x .e3x-r .s{justify-self:stretch;width:auto;min-width:0}}
/* Peter's clips on a phone: the labels move to the top corner so they never cover the take-off or landing. */
@media(max-width:700px){body .gpx-clip .tag{top:8px;bottom:auto;left:8px;font-size:10px;letter-spacing:.1em;padding:5px 7px;border-radius:6px}}


/* App phones, new look (2026-10-01). Lead size is for numbers only; words get word size: the GP Platform member theme (theme-master) as shipped in
   build v202609300445. Dark ink band on top holding tabs, title and headline figures, white
   cards on cream below. Markup and styling only; every phone script and hook is unchanged. */
html body .nx-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:9px 11px 15px;border-radius:0 0 20px 20px;
 background:radial-gradient(120% 60% at 88% 0%,rgba(255,255,255,.16),transparent 62%),linear-gradient(170deg,#1B2A47 0%,#10192A 100%);box-shadow:0 14px 26px -20px rgba(27,42,71,.7);text-align:left;font-family:Inter,system-ui,sans-serif}
html body .nx-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:19px 19px;-webkit-mask:linear-gradient(0deg,transparent 35%,#000 100%);mask:linear-gradient(0deg,transparent 35%,#000 100%)}
html body .nx-top{display:flex;align-items:center;gap:8px;height:22px;margin:0 0 7px}
html body .nx-top svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;flex:0 0 auto}
html body .nx-top .nx-gp{font:800 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.02em;color:#F4F2EE;margin-right:auto}
html body .nx-tabs{display:flex;gap:2px;padding:3px;border-radius:10px;background:rgba(255,255,255,.14)}
html body .nx-tabs div{flex:1 1 0;text-align:center;font:600 9.5px/1 Inter,sans-serif;color:rgba(255,255,255,.86);padding:7px 2px;border-radius:7px;white-space:nowrap}
html body .nx-tabs div.on{background:#fff;color:#1B2A47;box-shadow:0 2px 6px -2px rgba(0,0,0,.35)}
html body .nx-sub{display:flex;gap:12px;border-bottom:1px solid rgba(255,255,255,.14);margin-top:7px;overflow:hidden;white-space:nowrap}
html body .nx-sub div{font:600 9px/1 Inter,sans-serif;color:rgba(255,255,255,.86);padding:7px 1px 6px;border-bottom:2px solid transparent;margin-bottom:-1px;flex:0 0 auto}
html body .nx-sub div.on{color:#fff;border-bottom-color:#fff}
html body .nx-eye{font:700 7.5px/1.2 'Barlow Semi Condensed',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.86)}
html body .nx-mega{font:800 30px/.92 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#fff;margin:12px 0 0;text-wrap:balance}
html body .nx-mega.nq-m2{font-size:25px}
html body .nx-hsub{font-size:9.5px;line-height:1.45;color:rgba(255,255,255,.86);margin-top:5px}
html body .nx-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
html body .nx-chips div{font:600 8.5px/1.2 'Barlow Semi Condensed',sans-serif;letter-spacing:.02em;color:#fff;background:rgba(255,255,255,.14);border-radius:5px;padding:4px 6px}
html body .nx-chips div:first-child{background:#fff;color:#1B2A47;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
html body .nx-acts{display:flex;gap:6px;margin-top:11px}
html body .nx-acts div{flex:1 1 auto;height:28px;border-radius:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font:700 9px/1 Inter,sans-serif;color:#fff}
html body .nx-acts div.nq-ic{flex:0 0 58px}
html body .nx-acts svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round}
html body .nx-glass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:8px 9px}
html body .nx-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}
html body .nx-tv{font:800 25px/1 'Barlow Condensed',sans-serif;color:#fff;margin-top:4px;font-variant-numeric:tabular-nums}
html body .nx-tv small{font:800 11px 'Barlow Condensed',sans-serif;color:rgba(255,255,255,.86);margin-left:2px}
html body .nx-ts{font-size:8px;line-height:1.35;color:rgba(255,255,255,.86);margin-top:3px}
html body .nx-gchip{display:inline-flex;align-items:center;gap:4px;font:700 8px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:4px 6px;border-radius:5px;background:rgba(255,255,255,.14);color:#fff;white-space:nowrap}
html body .nx-gchip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6FD39A}
/* body under the band */
html body .nx-pad{padding:9px 9px 16px;text-align:left;font-family:Inter,system-ui,sans-serif;color:#1A1A1A}
html body .nx-card{background:#fff;border:1px solid #E4E2DE;border-radius:14px;padding:10px;margin-top:8px;box-shadow:0 1px 2px rgba(11,21,35,.05);text-align:left;color:#1A1A1A}
html body .nx-lbl{font:700 7.5px/1.2 'Barlow Semi Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#555}
html body .nx-rule{display:flex;align-items:center;gap:7px}
html body .nx-rule::after{content:"";flex:1;height:1px;background:#E4E2DE}
html body .nx-h{font:800 21px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#1A1A1A;margin-top:3px}
html body .nx-p{font-size:9px;line-height:1.5;color:#555;margin-top:5px}
html body .nx-btn{display:flex;align-items:center;justify-content:center;height:30px;border-radius:10px;background:#1B2A47;color:#F0EFEC;font:700 9.5px/1 Inter,sans-serif;margin-top:10px}
html body .nx-obtn{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 9px;border-radius:8px;background:#fff;border:1px solid #D0CEC9;color:#1A1A1A;font:700 8.5px/1 Inter,sans-serif}
html body .nx-seg{display:inline-flex;background:#F0EFEC;border:1px solid #E4E2DE;border-radius:8px;padding:2px;margin:6px 5px 0 0}
html body .nx-seg div{font:600 8.5px/1 Inter,sans-serif;color:#656565;padding:5px 7px;border-radius:6px}
html body .nx-seg div.on{background:#fff;color:#1A1A1A;box-shadow:0 1px 2px rgba(11,21,35,.12)}
html body .nx-seg.nq-dk div.on{background:#1B2A47;color:#F0EFEC}
/* week nav + session rows (My Program) */
html body .nx-week{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid #E4E2DE;border-radius:14px;padding:4px 5px;box-shadow:0 1px 2px rgba(11,21,35,.05)}
html body .nx-week .nq-ar{font:700 9px/1 Inter,sans-serif;color:#555;padding:0 4px}
html body .nx-week .nq-wk{flex:1 1 auto;text-align:center;font:800 15px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#1A1A1A;white-space:nowrap}
html body .nx-week .nq-w{width:27px;height:27px;border-radius:9px;display:flex;align-items:center;justify-content:center;font:700 8.5px/1 Inter,sans-serif;color:#555}
html body .nx-week .nq-w.on{background:#1B2A47;color:#F0EFEC}
html body .gpph-wrap .gpph-o.nx-row{gap:8px;align-items:center;background:#fff;border:1px solid #E4E2DE;border-radius:14px;padding:9px 8px;margin-top:7px;box-shadow:0 1px 2px rgba(11,21,35,.05)}
html body .gpph-wrap .gpph-o.nx-row:hover{border-color:#B9C1CB}
html body .gpph-wrap .gpph-o.nx-row.on{border-color:#1B2A47;box-shadow:0 0 0 1px #1B2A47,0 12px 24px -16px rgba(27,42,71,.55)}
html body .nx-row .nx-num{width:26px;height:26px;flex:0 0 26px;border-radius:9px;background:#F0EFEC;color:#1A1A1A;display:flex;align-items:center;justify-content:center;font:800 13px/1 'Barlow Condensed',sans-serif}
html body .nx-row.nx-done .nx-num{background:rgba(31,111,58,.12);color:#1f6f3a}
html body .nx-row.nx-next .nx-num{background:#1B2A47;color:#F0EFEC}
html body .nx-row .nx-rt{flex:1 1 auto;min-width:0}
html body .nx-row .nx-rn{font:800 12px/1.15 Inter,sans-serif;color:#1A1A1A}
html body .nx-row .nx-rm{font-size:8.5px;line-height:1.35;color:#555;margin-top:2px}
html body .nx-row .nx-st{flex:0 0 auto;font:700 8.5px/1 Inter,sans-serif;border-radius:8px;padding:7px 8px;white-space:nowrap;background:#fff;color:#1A1A1A;border:1px solid #D0CEC9}
html body .nx-row .nx-st.nq-d{background:rgba(31,111,58,.1);color:#1f6f3a;border-color:rgba(31,111,58,.28);border-radius:20px;padding:5px 8px}
html body .nx-row .nx-st.nq-g{background:#1B2A47;color:#F0EFEC;border-color:#1B2A47}
html body .nx-foot{font-size:9px;line-height:1.55;color:#656565;margin-top:11px}
/* open session */
html body .nx-shead{position:relative;overflow:hidden;color:#fff;border-radius:16px;padding:10px 11px 12px;background:radial-gradient(120% 70% at 88% -10%,rgba(255,255,255,.16),transparent 62%),linear-gradient(165deg,#1B2A47 0%,#10192A 100%);box-shadow:0 12px 24px -18px rgba(27,42,71,.7)}
html body .nx-shead .nq-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
html body .nx-clock{font:800 44px/.9 'Barlow Condensed',sans-serif;color:#fff;margin-top:8px;font-variant-numeric:tabular-nums}
html body .nx-sname{font:800 24px/1 'Barlow Condensed',sans-serif;color:#fff;margin-top:6px}
html body .nx-clock+.nx-sname{margin-top:3px}
html body .nx-sser{margin:12px 0 0}
html body .nx-group{background:transparent;border:1px solid #E4E2DE;border-radius:16px;padding:8px 7px 4px;margin-top:6px}
html body .nx-ex{background:#fff;border:1px solid #E4E2DE;border-radius:14px;padding:9px;margin-top:7px;box-shadow:0 1px 2px rgba(11,21,35,.05)}
html body .nx-group .nx-ex:first-of-type{margin-top:7px}
html body .nx-exh{display:flex;align-items:center;gap:6px}
html body .nx-exh .nq-sl{font:800 9.5px/1 'Barlow Condensed',sans-serif;background:#1B2A47;color:#F0EFEC;border-radius:6px;padding:4px 5px;flex:0 0 auto}
html body .nx-exh .nq-nm{flex:1 1 auto;min-width:0;font:600 11.5px/1.2 Inter,sans-serif;color:#1A1A1A}
html body .nx-exh .nq-pl{flex:0 0 auto;height:22px;padding:0 7px;border-radius:9px;display:flex;align-items:center;font:700 8px/1 Inter,sans-serif;color:#1A1A1A;background:#F0EFEC;border:1px solid #E4E2DE}
html body .nx-exh .nq-pl.nq-q{color:#555;border-radius:50%;width:26px;padding:0;justify-content:center}
html body .nx-rx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#F0EFEC;border-radius:10px;margin-top:8px}
html body .nx-rx div{padding:6px 6px 6px;border-left:1px solid #E4E2DE;min-width:0}
html body .nx-rx div:first-child{border-left:0}
html body .nx-rx small{display:block;font:700 7px/1.1 'Barlow Semi Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#555}
html body .nx-rx b{display:block;font:800 12.5px/1 'Barlow Condensed',sans-serif;color:#1A1A1A;margin-top:4px;white-space:nowrap}
html body .nx-rx b.nq-acc{color:#1B2A47}
html body .nx-rx small.nq-acc{color:#1B2A47}
html body .nx-ls{margin-top:9px;padding-top:8px;border-top:1px solid #E4E2DE}
html body .nx-set{display:grid;grid-template-columns:13px 1fr 1fr 24px 24px;column-gap:5px;align-items:end;margin-top:6px}
html body .nx-set .nq-n{font:800 12px/1 'Barlow Condensed',sans-serif;color:#555;align-self:center;padding-top:10px}
html body .nx-set .nq-f small{display:block;font:700 6.5px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#555;margin:0 0 3px 2px}
html body .nx-set .nq-f div{height:28px;border-radius:9px;border:1px solid #D0CEC9;background:#fff}
html body .nx-set .nq-bt{height:24px;border-radius:8px;border:1px solid #D0CEC9;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:2px}
html body .nx-set .nq-bt svg{width:10px;height:10px;fill:none;stroke:#1A1A1A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .nx-set .nq-bt.nq-e svg{stroke:#656565;stroke-width:1.6}
html body .nx-more{font-size:9px;color:#656565;margin:10px 2px 0}
/* profiles */
html body .gpp-pair .gpp-screen{background:#F4F2EE}
html body .gpp-pair .gpp-status{background:#1B2A47;color:#fff;position:relative;z-index:2}
html body .gpp-pair .gpp-ic svg{fill:#fff}
html body .gpp-pair .gpp-home{background:#1A1A1A;opacity:.7}
html body .gpp-pair .gpp-scroll.nx-scroll{padding:0 0 22px;background:#F4F2EE}
html body .nx-ring{display:flex;align-items:center;gap:11px;margin-top:11px}
html body .nx-ring .nq-r{position:relative;width:86px;height:86px;flex:0 0 86px}
html body .nx-ring .nq-r svg{display:block;width:86px;height:86px;transform:rotate(-90deg)}
html body .nx-ring .nq-r div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
html body .nx-ring .nq-r b{font:800 36px/.85 'Barlow Condensed',sans-serif;color:#fff}
html body .nx-ring .nq-r small{font:800 10px/1 'Barlow Condensed',sans-serif;color:rgba(255,255,255,.86);margin-top:2px}
html body .nx-ring .nq-m{min-width:0;display:flex;flex-direction:column;gap:3px}
html body .nx-ring .nq-m .nq-t{font-size:8.5px;line-height:1.35;color:rgba(255,255,255,.86)}
html body .nx-ring .nq-m .nq-c{font-size:9.5px;color:#fff}
html body .nx-ring .nq-m .nq-c b{font-weight:700}
html body .nx-big{font:800 24px/1 'Barlow Condensed',sans-serif;color:#fff;margin-top:4px}
html body .nx-blk{border-left:3px solid #1B2A47}
html body .nx-blk .nq-v{font:800 21px/1.05 'Barlow Condensed',sans-serif;color:#1A1A1A;margin-top:3px}
html body .nx-blk .nq-v i{font-style:normal;color:#B4BAC4}
html body .nx-oc{padding:8px 0;border-top:1px solid #E4E2DE}
html body .nx-oc:first-of-type{border-top:0}
html body .nx-oc .nq-hd{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font:600 10.5px/1.2 Inter,sans-serif;color:#1A1A1A}
html body .nx-oc .nq-hd b{font-weight:600;font-size:9.5px;color:#1A1A1A;white-space:nowrap}
html body .nx-oc .nq-hd b.nq-w{color:#C8323C}
html body .nx-oc .nq-hd b.nq-nt{color:#656565;font-weight:500}
html body .nx-bar{height:5px;border-radius:3px;background:#EDEBE7;margin-top:5px;overflow:hidden}
html body .nx-bar i{display:block;height:100%;border-radius:3px;background:#1B2A47}
html body .nx-bar i.nq-am{background:#E9A23B}
html body .nx-bar i.nq-rd{background:#C8323C}
html body .nx-bar i.nq-br{background:#A0582A}
html body .nx-oc .nq-sb{font-size:8.5px;line-height:1.45;color:#555;margin-top:4px;padding-left:9px}
html body .nx-oc .nq-sb b{color:#1A1A1A;font-weight:700}
html body .nx-chipo{display:inline-block;font:700 7px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1px solid #D0CEC9;color:#656565;border-radius:9px;padding:2px 5px;margin-top:3px}
html body .nx-shape .nq-hd{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:4px}
html body .nx-shape .nq-hd b{font:600 10px/1.2 Inter,sans-serif;color:#1A1A1A}
html body .nx-shape .nq-hd span{font-size:8.5px;color:#555;white-space:nowrap}
html body .nx-shape .nq-hd span.nq-g{color:#1f6f3a;font-weight:700}
html body .nx-shape .nq-fr{font-size:8px;color:#656565;margin-top:2px}
html body .nx-trk{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#5B6B7D,#1B2A47);margin-top:20px}
html body .nx-trk .nq-band{position:absolute;top:-3px;height:14px;border-radius:5px;border:1.5px solid #1f6f3a;background:rgba(31,111,58,.22);box-sizing:border-box}
html body .nx-trk .nq-dot{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #1B2A47;transform:translateX(-50%);box-sizing:border-box}
html body .nx-trk .nq-dot.nq-g{border-color:#1f6f3a}
html body .nx-trk .nq-bub{position:absolute;top:-19px;transform:translateX(-50%);font:700 8px/1 Inter,sans-serif;color:#fff;background:#1B2A47;border-radius:5px;padding:3px 5px;white-space:nowrap}
html body .nx-tl{display:flex;justify-content:space-between;font:700 6.5px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#656565;margin-top:6px}
html body .nx-tn{position:relative;height:10px;font-size:7.5px;color:#656565;margin-top:3px}
html body .nx-tn span{position:absolute;transform:translateX(-50%)}
html body .nx-tn span:first-child{transform:none}
html body .nx-tn span:last-child{transform:none;right:0}
html body .nx-key{display:inline-block;width:12px;height:7px;border:1.5px solid #1f6f3a;border-radius:3px;background:rgba(31,111,58,.22);vertical-align:middle;margin-right:5px;box-sizing:border-box}
html body .nx-weak{border:1px solid rgba(154,82,28,.35);background:#FFFDF9}
html body .nx-weak .nx-lbl{color:#9A521C}
html body .nx-weak .nq-v{font:600 11px/1.3 Inter,sans-serif;color:#1A1A1A;margin-top:3px}
html body .nx-grp{font:700 7.5px/1.2 'Barlow Semi Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#656565;margin:10px 0 0}
/* five-screen phone */
html body #gpx-b2 .b2-body.nx-b2{background:#F4F2EE}
html body #gpx-b2 .nx-bh{margin:-10px -10px 0}
html body .nx-lift .nq-ln{font:500 11px/1.2 Inter,sans-serif;color:#1A1A1A;margin-top:11px}
html body .nx-lift .nq-bg{font:800 27px/1 'Barlow Condensed',sans-serif;color:#1A1A1A;margin-top:3px}
html body .nx-lift .nq-bg span{display:inline-block;vertical-align:middle;font:600 8.5px/1 Inter,sans-serif;background:#E4E2DE;color:#1A1A1A;border-radius:9px;padding:3px 6px;margin-left:4px}
html body .nx-bars{display:flex;align-items:flex-end;gap:5px;height:84px;margin-top:8px}
html body .nx-bars div{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
html body .nx-bars em{font-style:normal;font:600 8px/1 Inter,sans-serif;color:#555;margin-bottom:3px}
html body .nx-bars i{display:block;width:100%;background:#E4E2DE;border-radius:3px 3px 0 0}
html body .nx-bars .on i{background:#1B2A47}
html body .nx-bars span{font:500 7.5px/1 Inter,sans-serif;color:#656565;margin-top:4px}
html body .nx-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
html body .nx-facts small{display:block;font:700 6.5px/1.2 'Barlow Semi Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#555}
html body .nx-facts b{display:block;font:500 10px/1.3 Inter,sans-serif;color:#1A1A1A;margin-top:2px}
html body .nx-lift .nq-bg span.nq-up{background:#E0EBE3;color:#1f6f3a}
html body .nx-bars div:first-child span{align-self:flex-start}
html body .nx-bars div:last-child span{align-self:flex-end}
html body .nx-bars i.nq-none{height:2px;background:#E4E2DE;border-radius:2px}
html body .nx-bars span{white-space:nowrap}
html body .nx-tap{font:600 9px/1.4 Inter,sans-serif;color:#555;margin-top:9px;padding-top:7px;border-top:1px solid #E4E2DE}
html body .nx-lead{font:800 46px/.9 'Barlow Condensed',sans-serif;color:#fff;margin-top:4px;font-variant-numeric:tabular-nums}
html body .nx-lead small{font:800 14px 'Barlow Condensed',sans-serif;color:rgba(255,255,255,.86);margin-left:3px}
html body .nx-tw{font:800 17px/1.05 'Barlow Condensed',sans-serif;color:#fff;margin-top:6px}
html body .nx-chipo.nq-i{border-color:#E9A23B;color:#9A521C}
html body .nx-chipo.nq-d{border-color:#C8323C;color:#C8323C}
html body .nx-chipo.nq-a{border-color:#1B2A47;color:#1B2A47}
html body .nx-win{border:1px solid #E4E2DE;border-left:3px solid #1B2A47;border-radius:10px;padding:8px 9px;margin-top:7px;background:#fff}
html body .nx-win .nq-e{font:700 7px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#1B2A47}
html body .nx-win .nq-l{font:600 11px/1.3 Inter,sans-serif;color:#1A1A1A;margin-top:4px}
html body .nx-win .nq-s{font-size:8.5px;line-height:1.4;color:#656565;margin-top:3px}
html body .nx-win .nx-obtn{margin-top:7px}
html body .nx-dim{position:relative}
html body .nx-dim .nq-ov{position:absolute;left:-10px;right:-10px;top:-10px;bottom:-70px;background:rgba(11,21,35,.55);z-index:2;display:flex;align-items:flex-start;justify-content:center;padding:62px 12px 0}
html body .nx-modal{background:#fff;border-radius:16px;padding:14px 13px 13px;text-align:center;box-shadow:0 20px 40px -12px rgba(0,0,0,.55);width:100%}
html body .nx-modal small{display:block;font:700 7.5px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#555}
html body .nx-modal .nq-bg{font:800 36px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#1A1A1A;margin:6px 0 6px}
html body .nx-modal p{font-size:10px;line-height:1.5;color:#555;margin:5px 0 0}
html body .nx-sk{height:44px;border-radius:14px;background:#fff;border:1px solid #E4E2DE;margin-top:8px}
html body .nx-fix{margin-top:11px}
html body .nx-fix .nq-v{font:800 22px/1 'Barlow Condensed',sans-serif;color:#fff;margin-top:4px}
html body .nx-fix .nq-s{font-size:8.5px;color:rgba(255,255,255,.86);margin-top:3px}
html body .nx-fix .hb{display:flex;align-items:center;justify-content:center;height:28px;border-radius:10px;background:#fff;color:#1B2A47;font:700 9.5px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.05em;margin-top:8px}
html body .nx-opts{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}
html body .nx-opts div{border:1px solid #E4E2DE;border-radius:10px;padding:7px 8px;background:#fff}
html body .nx-opts b{display:block;font:800 13px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#1A1A1A}
html body .nx-opts span{display:block;font-size:8px;color:#656565;margin-top:2px}
html body .nx-opts div.on{border:1.5px solid #1B2A47;background:rgba(27,42,71,.07)}
html body .nx-days{display:flex;align-items:center;gap:6px;margin-top:9px}
html body .nx-days .nx-lbl{margin-right:auto}
html body .nx-days .nx-seg{margin:0}
html body .nx-trk2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}
html body .nx-trk2 .nq-t{font-size:9px;color:#555}
html body .nx-trk2 .nq-t b{color:#1A1A1A;font-weight:700}
html body .nx-hp{display:grid;grid-template-columns:62px 1fr 26px;gap:6px;align-items:center;padding:8px 0;border-top:1px solid #E4E2DE}
html body .nx-hp:first-of-type{border-top:0}
html body .nx-hp .nq-n b{display:block;font:600 10.5px/1.2 Inter,sans-serif;color:#1A1A1A}
html body .nx-hp .nq-n span{font-size:8px;color:#656565}
html body .nx-hp .nq-bx{display:grid;grid-template-columns:repeat(3,20px);gap:4px}
html body .nx-hp .nq-bx i{display:block;width:20px;height:20px;border-radius:5px;background:#EDEBE7}
html body .nx-hp .nq-bx i.nq-f{background:var(--c);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:100% 100%}
html body .nx-hp .nq-c{font:600 9.5px/1 Inter,sans-serif;color:#1A1A1A;text-align:right}
html body .nx-type{font:800 22px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#1A1A1A;margin-top:4px}
html body .nx-pill{display:inline-block;font:700 7.5px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;background:rgba(27,42,71,.08);color:#1B2A47;border-radius:6px;padding:4px 6px;margin-top:6px}
html body .nx-tip{background:#F0EFEC;border-radius:10px;padding:8px 9px;margin-top:6px}
html body .nx-tip .nx-lbl{color:#1B2A47}
html body .nx-tip p{font-size:9px;line-height:1.5;color:#1A1A1A;margin:4px 0 0}


/* Phone countdown bar (2026-09-30): timer beside the offer line instead of under it, same as
   method-upgrade. The bar is sticky, so this frees room on every screen and puts the hero's
   three checks on the first screen. Look only; the bar's script and markup are untouched. */
@media(max-width:620px){
 html body #plyobar{flex-wrap:nowrap;align-items:center;gap:10px;padding:8px 12px 8px 30px}
 html body #plyobar::before{left:12px;top:50%;margin-top:-4px}
 html body #plyobar .pb-t{flex:1 1 auto;min-width:0}
 html body #plyobar .pb-t b{font-size:13px;line-height:1.25}
 html body #plyobar .pb-c{margin-left:auto;gap:4px}
 html body #plyobar .pb-s{min-width:38px;padding:4px 5px 3px}
 html body #plyobar .pb-s b{font-size:18px}
 html body #plyobar .pb-s span{font-size:7.5px;margin-top:2px;letter-spacing:.1em}
}


/* gpmA (2026-10-02): visual only. The "I find the gap" cards become raised panels with solid
   blue numbers, and the five jump cards match them. Background left as it is, so the page keeps
   its alternating section colours. */
html body #method .grid3{gap:16px;border:0}
html body #method .scard{background:linear-gradient(180deg,#15222F,#101a25);border:1px solid rgba(43,184,236,.20);border-radius:22px}
html body #method .scard+.scard{border-left:1px solid rgba(43,184,236,.20);border-top:1px solid rgba(43,184,236,.20)}
html body #method .scard .fig b{color:#2BB8EC;-webkit-text-stroke:0}
html body #method .j5-c{background:#15222F;border-color:rgba(43,184,236,.20)}
html body #method .j5-c.ld{background:linear-gradient(160deg,rgba(125,212,240,.16),#15222F 60%)}

/* 2026-10-14 (Dries): the first screen on a laptop. The headline was sized by width only, so on a short laptop screen it filled the whole view and pushed the intro and the Start now button below the edge. Now it is also capped by screen height. Only screens up to 1000 tall change; big screens as before. On a phone the opening fills the first screen down to the ticks under See how it works, and the client card starts below it. */
@media (min-width:901px) and (max-height:1000px){html body .hero .hero-c{padding-top:min(96px,6vh)!important}html body .hero h1{font-size:min(clamp(56px,9.4vw,128px),10.5vh)!important}html body .hero .hero-sub{margin-top:min(26px,2.6vh)!important}html body .hero .hero-actions{margin-top:min(32px,3.4vh)!important}}
@media (min-width:901px){html body .hero .hero-c{box-sizing:border-box;min-height:calc(100vh - 87px - var(--gpbar,0px));min-height:calc(100svh - 87px - var(--gpbar,0px));display:flex;flex-direction:column;justify-content:center}}
@media (max-width:900px){html body .hero .hero-c{box-sizing:border-box;min-height:calc(100vh - 153px);min-height:calc(100svh - 153px);display:flex;flex-direction:column;justify-content:center}}
@media (max-width:900px) and (max-height:800px){html body .hero .hero-c{padding-top:min(56px,3.5vh)!important}html body .hero h1{font-size:min(56px,6.6vh)!important}html body .hero .hero-sub{margin-top:16px!important}html body .hero .hero-actions{margin-top:22px!important}}

/* 2026-10-15 (Dries): the two one-on-one coached stories are hidden on the Method page (not app members). Delete this tag to bring them back. */html body .proof .gpx-proofrow{display:none!important}
/* 2026-10-15 (Dries picked A + 1): Sound familiar = tight cards beside the headline, both columns centred, bar labels on one line, closing line in a blue band. Layout only. */
html body .gpx-pain{align-items:center}
html body .gpx-pain-l{position:static}
html body .gpx-pain .pain-list{display:grid;gap:12px}
html body .gpx-pain .pain-item,html body .gpx-pain .pain-item:first-child,html body .gpx-pain .pain-item:last-child{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;align-items:start;padding:18px 20px;border:1px solid rgba(234,245,251,.07);border-radius:12px;background:#0a1118}
html body .gpx-pain .pain-item p{font-size:17px;line-height:1.45}
html body .gpx-pain .pain-dot{margin-top:3px}
html body .gpx-onebar{max-width:460px}
html body .gpx-onebar div{grid-template-columns:auto 1fr}
html body .gpx-onebar div span{white-space:nowrap;min-width:150px}
html body .pain .pain-close{margin-top:40px!important;padding:26px 30px!important;border:1px solid rgba(43,184,236,.35)!important;border-left:4px solid #2BB8EC!important;border-radius:14px!important;background:linear-gradient(120deg,rgba(43,184,236,.12),rgba(43,184,236,.02))!important;text-align:left!important;font-size:clamp(24px,2.6vw,32px)!important;line-height:1.08!important;max-width:none!important;width:100%!important;box-sizing:border-box}
@media(max-width:700px){html body .gpx-onebar div span{min-width:0;font-size:11px}html body .pain .pain-close{padding:20px 18px!important}}


/* 2026-10-05: the €119 line above the 12-week price, in the price label's own type. */
/* Option A (Dries, 2026-10-05): €149 struck large beside €119, and the note box
   becomes the countdown with the top bar's tiles, bigger. */
.gpm-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
#gpm-was{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:58px;font-weight:800;line-height:.9;color:#9FC3D6;text-decoration:line-through;text-decoration-thickness:5px;text-decoration-color:rgba(228,80,80,.9);margin:0 0 18px}
#gpm-save{margin:2px 0 10px}
#gpm-save span{display:inline-block;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--blue);background:rgba(43,184,236,.14);border:1px solid var(--border2);border-radius:999px;padding:7px 12px}
#gpm-was[hidden],#gpm-save[hidden]{display:none!important}
/* 2026-10-05: the Nutrition panel's "Included with the 12-week plan" tag as a solid pill, so the plan it belongs to reads at a glance. */
body .bonusc .bc-over .bc-tag{display:inline-block;background:var(--blue);color:#06090D;font-size:14px;font-weight:800;letter-spacing:.16em;padding:9px 16px;border-radius:999px;margin-bottom:12px;box-shadow:0 6px 22px rgba(6,9,13,.45)}
body .price-card.best .price-note.gpm-box{background:rgba(43,184,236,.08);border:1px solid var(--blue);border-radius:16px;padding:16px 16px 18px;box-shadow:0 0 40px -10px rgba(43,184,236,.5);text-transform:none}
.gpm-box .gpm-k{font:800 13px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.gpm-tiles{display:flex;gap:8px;justify-content:center;align-items:flex-start}
.gpm-tiles div{min-width:66px;padding:10px 6px 8px;border-radius:10px;background:rgba(6,9,13,.86);border:1px solid var(--border2);text-align:center}
.gpm-tiles b{display:block;font:800 40px/1 'Barlow Condensed','Arial Narrow',Inter,sans-serif;color:var(--text);font-variant-numeric:tabular-nums}
.gpm-tiles i{display:block;font:800 9.5px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.16em;color:var(--text2);font-style:normal;margin-top:6px;text-transform:uppercase}
.gpm-tiles em{font:800 30px/1 'Barlow Condensed','Arial Narrow',Inter,sans-serif;color:var(--text3);font-style:normal;padding-top:10px}
body .price-note.gpm-box .gpm-s{display:block;font:500 13.5px/1.45 Barlow,Inter,sans-serif;text-transform:none;color:var(--text2);margin-top:12px}
.gpm-box .gpm-s b{color:var(--text);font-weight:700}
@media(max-width:420px){#gpm-was{font-size:46px;margin-bottom:14px}.gpm-tiles div{min-width:56px}.gpm-tiles b{font-size:34px}.gpm-tiles em{font-size:24px}}


#plyobar[hidden]{display:none!important}
#plyobar{position:sticky;top:0;z-index:9500;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:12px 20px;background:#2BB8EC;color:#06090D;font-family:Inter,system-ui,sans-serif}
#plyobar.warn{background:#E4972C}
#plyobar .pb-t{font-size:14px;font-weight:700;line-height:1.35;flex:1 1 260px}
#plyobar .pb-t b{font-weight:900}
#plyobar .pb-c{display:flex;gap:6px;flex:none;margin-left:auto}
#plyobar .pb-s{background:rgba(6,9,13,.86);border-radius:7px;padding:5px 9px;min-width:44px;text-align:center}
#plyobar .pb-s b{display:block;font-size:18px;font-weight:900;line-height:1;color:#EAF5FB;font-variant-numeric:tabular-nums}
#plyobar .pb-s span{display:block;font-size:8.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6FA8C4;margin-top:3px}
/* On a phone the three full titles ran to four lines and pushed the hero off
   the screen. The value line carries the offer on its own there, and the panel
   further down names all three in full anyway. */
@media(max-width:620px){#plyobar{padding:10px 14px;gap:10px}#plyobar .pb-t{font-size:13px;flex:1 1 100%}#plyobar .pb-c{margin-left:0}#plyobar .pb-names{display:none}}


:root{
  --bg:#06090D; --surface:#0C1219; --surface2:#101821; --surface3:#16202B;
  --blue:#2BB8EC; --blue-ice:#7DD4F0;
  --text:#EAF5FB; --text2:#6FA8C4; --text3:#4E7A90;
  --border:rgba(43,184,236,.15); --border2:rgba(43,184,236,.32);
  --amber:#E4972C; --good:#2E9E4B;
  --ink:#1B2A47; --ink2:#22314F; --grey:#7A8492; --grey2:#8A93A2; --line:#E7E4DF; --line2:#ECEAE6;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#06090D;color:#EAF5FB;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
section{padding:88px 52px}
.inner{max-width:1100px;margin:0 auto}
.inner-narrow{max-width:820px;margin:0 auto}
h1,h2,h3{line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(38px,5vw,62px);font-weight:900;letter-spacing:-.03em}
h2{font-size:clamp(28px,3.2vw,46px);font-weight:900}
h3{font-size:19px;font-weight:800;letter-spacing:-.01em}
.accent{color:var(--blue)}
.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--blue);margin-bottom:18px}
.lede{font-size:17px;color:var(--text2);line-height:1.7;max-width:64ch}
.small{font-size:13px;color:var(--text2)}
.tiny{font-size:12px;color:var(--text3);line-height:1.6}
.btn{display:inline-block;text-decoration:none;font-weight:800;border-radius:7px;transition:opacity .2s,transform .2s}
.btn-primary{background:var(--blue);color:#06090D;padding:17px 42px;font-size:16px}
.btn-primary:hover{opacity:.88;transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--border2);color:var(--blue);padding:16px 32px;font-size:15px;font-weight:600}
.btn-ghost:hover{border-color:var(--blue)}
.btn-dark{background:#06090D;color:var(--blue);padding:17px 44px;font-size:16px}
.topbar{background:var(--bg);padding:16px 52px;display:flex;align-items:center;justify-content:center}
.logo{font-size:13px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--text)}
.logo span{color:var(--blue)}
.proof-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:13px 24px;font-size:13px;color:var(--text2)}
.proof-bar b{color:var(--blue);font-weight:700}
.hero{background:var(--bg);position:relative;overflow:hidden;padding-top:76px}
.hero::before{content:'';position:absolute;top:-220px;right:-180px;width:760px;height:760px;background:radial-gradient(circle,rgba(43,184,236,.08) 0%,transparent 70%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:56px;align-items:center;position:relative;z-index:1}
.hero h1 span{display:block}
.hero-sub{font-size:18px;color:var(--text2);line-height:1.7;margin:26px 0 34px;max-width:52ch}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-trust{font-size:13px;color:var(--text2);margin-top:26px}
.hero-proof .hp-lbl{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:12px;text-align:center}
.hero-proof .vids2{max-width:380px;margin:0 auto}
.hero-proof .hp-cap{font-size:13px;color:var(--text2);line-height:1.6;margin-top:14px;text-align:center}
.hero-proof .hp-cap b{color:var(--text);font-weight:800}
.hero-trust b{color:var(--text)}
.quote-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:30px}
.quote-card .lbl{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:18px}
.quote-card blockquote{font-size:19px;line-height:1.55;color:var(--text);font-weight:500}
.quote-card .who{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text2)}
.quote-card .who b{color:var(--text)}
.vid{position:relative;padding-bottom:56.25%;height:0;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pain{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.pain-list{display:flex;flex-direction:column;margin-top:40px}
.pain-item{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--border)}
.pain-item:last-child{border-bottom:0}
.pain-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex:none;margin-top:11px}
.pain-item p{font-size:16.5px;color:var(--text);line-height:1.6}
.pain-close{margin-top:34px;background:rgba(43,184,236,.05);border:1px solid var(--border2);border-radius:12px;padding:24px 28px;font-size:17px;line-height:1.65}
.pain-close b{color:var(--blue)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:44px}
.cmp{border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:44px}
.cmp-h{display:grid;grid-template-columns:150px 1fr 1fr;background:rgba(43,184,236,.06);border-bottom:1px solid var(--border2)}
.cmp-h div{padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.cmp-h .b{color:var(--blue)}
.cmp-h .c{color:var(--text3)}
.cmp-r{display:grid;grid-template-columns:150px 1fr 1fr;border-bottom:1px solid var(--border)}
.cmp-r:last-child{border-bottom:0}
.cmp-r>div{padding:18px 20px}
.cmp-r .k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);padding-top:20px}
.cmp-r .you{background:rgba(43,184,236,.045);border-left:1px solid var(--border);border-right:1px solid var(--border)}
.cmp-r .you b{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.cmp-r .you span{font-size:13.5px;color:var(--text2);line-height:1.6}
.cmp-r .them{font-size:13.5px;color:var(--text3);line-height:1.6;padding-top:20px}
.cmp-r.core{background:rgba(255,255,255,.02)}
.cmp-r.core .you{background:transparent}
.cmp-r.core .you span{color:var(--text3)}
.cmp-r.core .them{color:var(--text);font-weight:700}
.ctrls{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}
.ctrl{background:rgba(43,184,236,.045);border:1px solid var(--border);border-radius:12px;padding:22px 22px 24px}
.ctrl .k{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:11px}
.ctrl b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em;margin-bottom:7px;color:var(--text)}
.ctrl span{font-size:13.5px;color:var(--text2);line-height:1.62}
.coda{margin-top:26px;padding-top:22px;border-top:1px solid var(--border);font-size:13.5px;color:var(--text3);line-height:1.7;max-width:72ch}
.coda b{color:var(--text2);font-weight:700}
@media(max-width:820px){.ctrls{grid-template-columns:1fr;margin-top:28px}.ctrl{padding:18px}.cmp-h{display:none}.cmp-r{grid-template-columns:1fr}.cmp-r .k{padding:16px 18px 0}.cmp-r .you{border:0;padding:8px 18px 14px}.cmp-r .them{padding:0 18px 18px}.cmp-r .them::before{content:'In online one-on-one coaching: ';font-weight:800;color:var(--text3)}}
.card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:28px}
.card .lbl{font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--text2);margin-bottom:12px}
.card h3{margin-bottom:10px}
.card p{font-size:14.5px;color:var(--text2);line-height:1.65}
.card.hot{border-color:var(--border2);background:rgba(43,184,236,.05)}
.turn{margin-top:20px;border:1px solid var(--border2);background:rgba(43,184,236,.06);border-radius:14px;padding:30px 32px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.turn .k{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--blue);white-space:nowrap}
.turn h3{font-size:clamp(21px,2.4vw,29px);font-weight:900;letter-spacing:-.02em;margin-bottom:8px;line-height:1.15}
.turn p{font-size:15px;color:var(--text2);line-height:1.65;max-width:74ch}
@media(max-width:820px){.turn{grid-template-columns:1fr;gap:14px;padding:24px}}
.card.hot .lbl{color:var(--blue)}
.num-badge{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--blue);margin-bottom:14px}
  .scard{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:24px 26px 26px;position:relative;overflow:hidden}
  .scard::after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--blue),transparent)}
  .scard .fig{display:flex;align-items:baseline;gap:7px;margin-bottom:14px;flex-wrap:wrap}
  .scard .fig b{font-size:38px;font-weight:900;letter-spacing:-.03em;color:var(--blue);line-height:1}
  .scard .fig span{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}
  .scard h3{margin-bottom:9px}
  .scard p{font-size:14.5px;color:var(--text2);line-height:1.65}
.subhead{font-size:clamp(24px,2.6vw,34px);font-weight:900;text-align:left;max-width:34ch;margin:0 0 14px}
.e3{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.e3-col{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:20px}
.e3-h{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--border2)}
.e3-h b{display:block;font-size:20px;font-weight:900;letter-spacing:-.02em;color:var(--blue)}
.e3-h span{display:block;font-size:11.5px;color:var(--text2);margin-top:3px}
.e3-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(43,184,236,.08)}
.e3-item:last-child{border-bottom:0;padding-bottom:0}
.e3-item i{font-style:normal;flex:none;width:30px;height:30px;border-radius:7px;background:rgba(43,184,236,.12);color:var(--blue);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.e3-item b{display:block;font-size:14.5px;font-weight:800}
.e3-item span{display:block;font-size:10.5px;color:var(--text3);line-height:1.35}
.e3x{background:var(--surface2);border:1px solid var(--border);border-radius:13px;padding:24px 24px 20px;margin-top:30px}
.e3x-h{display:flex;justify-content:space-between;gap:16px}
.e3x-h div{flex:1}
.e3x-h div:last-child{text-align:right}
.e3x-h b{display:block;font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--blue)}
.e3x-h span{display:block;font-size:11.5px;color:var(--text2);margin-top:3px}
.e3x-line{height:2px;background:linear-gradient(90deg,var(--blue),rgba(43,184,236,.25),var(--blue));margin:16px 0 4px;border-radius:2px}
.e3x-r{display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(43,184,236,.08)}
.e3x-r:last-child{border-bottom:0}
.e3x-r .q{text-align:center;font-size:13.5px;font-weight:800;color:var(--text)}
.e3x-r .q em{display:block;font-style:normal;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-top:2px}
.e3x-r .s{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text2);justify-content:flex-start}
.e3x-r .s.r{justify-content:flex-end}
.e3x-r i{font-style:normal;flex:none;width:27px;height:27px;border-radius:7px;background:rgba(43,184,236,.12);color:var(--blue);font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
@media(max-width:760px){.e3x{padding:16px 14px}.e3x-h{display:grid;grid-template-columns:1fr 1fr;gap:12px}.e3x-h b{font-size:16px}.e3x-h span{font-size:11px;line-height:1.4;margin-top:4px}.e3x-line{margin:14px 0 0}.e3x-r{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"q q" "a b";gap:9px;padding:12px;margin-top:10px;border:1px solid rgba(43,184,236,.14);border-radius:10px;background:rgba(43,184,236,.04)}.e3x-r:last-child{border-bottom:1px solid rgba(43,184,236,.14)}.e3x-r .q{grid-area:q;text-align:left;font-size:15px}.e3x-r .q em{font-size:9.5px;margin-top:3px}.e3x-r .s{grid-area:a;justify-content:flex-start;font-size:12px;gap:7px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.035)}.e3x-r .s.r{grid-area:b;justify-content:flex-end}.e3x-r i{width:23px;height:23px;font-size:10px;border-radius:6px}
.e3{grid-template-columns:1fr}}

.app{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);text-align:left;color:var(--ink2)}
.app-head{background:var(--ink);display:flex;align-items:center;gap:12px;padding:12px 20px}
.app-head .a{font-size:13px;font-weight:800;letter-spacing:1.5px;color:#fff}
.app-head .b{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9FB0C2}
.app-body{padding:24px 26px}
.kpi{display:flex;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line2);margin-bottom:20px}
.kpi>div{flex:1 1 170px}
.kpi .k{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#97A0B0;margin-bottom:8px}
.kpi .v{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1;color:var(--ink)}
.kpi .v small{font-size:17px;color:#B4BAC4;font-weight:600}
.kpi .s{font-size:11px;color:var(--grey2);margin-top:8px;line-height:1.4}
.bar-row{margin-bottom:14px}
.bar-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.bar-top .n{font-size:14px;font-weight:700;color:var(--ink2)}
.bar-top .p{font-size:13px;font-weight:700;color:var(--ink2)}
.bar{height:9px;background:#EDEAE4;border-radius:5px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:5px;background:var(--ink)}
.bar i.low{background:var(--amber)}
.bar-sub{font-size:12px;color:var(--grey);margin-top:6px}
.why{margin-top:18px;padding:16px 18px;border:1px solid #DDE3EA;background:#F6F8FB;border-radius:12px}
.why .k{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#5B7E9C;margin-bottom:10px}
.why .step{display:grid;grid-template-columns:44px 1fr;gap:9px;margin-bottom:7px}
.why .step:last-child{margin-bottom:0}
.why .step b{font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue);padding-top:2px}
.why .step span{font-size:12.5px;color:#4A5566;line-height:1.5}
.goal{margin-top:14px;padding:14px 16px;border:1px solid #E9C98F;background:#FCF7EE;border-radius:12px}
.goal .k{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#C9902B;margin-bottom:6px}
.goal .v{font-size:16px;font-weight:800;color:var(--ink)}
.goal .s{font-size:12px;color:var(--grey2);margin-top:3px}
.cap{text-align:center;font-size:12px;color:var(--text2);margin:14px auto 0;max-width:560px}
.steps{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:44px}
.step-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:24px}
.step-card.hot{background:rgba(43,184,236,.07);border-color:rgba(43,184,236,.45)}
.step-card .n{font-size:10px;letter-spacing:1.6px;color:var(--blue);font-weight:800;text-transform:uppercase}
.step-card h3{margin:10px 0 8px}
.step-card p{font-size:14px;color:var(--text2);line-height:1.55}
.band{background:var(--blue);text-align:center;padding:72px 52px}
.band h2{color:#06090D;margin-bottom:14px}
.band p{color:rgba(6,9,13,.7);font-size:16px;max-width:52ch;margin:0 auto 32px}
.about-grid{display:grid;grid-template-columns:.58fr 1.85fr;gap:48px;align-items:start}
.about h2{text-wrap:normal;max-width:none;font-size:clamp(28px,3.4vw,44px)}
.about-photo{aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.about ul{list-style:none;display:flex;flex-direction:column;gap:14px;margin:24px 0 0}
.about ul li{display:grid;grid-template-columns:18px 1fr;gap:12px;font-size:15.5px;color:var(--text2);line-height:1.6}
.about ul li b{color:var(--text);font-weight:600}
.about ul li .m{color:var(--blue);font-weight:800}
.creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.cred{font-size:12px;color:var(--text2);border:1px solid var(--border);border-radius:99px;padding:6px 13px}
.about-body{display:flex;flex-direction:column;gap:16px;margin-top:4px}
.about-body p{font-size:15px;color:var(--text2);line-height:1.75}
.about-body strong{color:var(--text);font-weight:700}
.speed{display:flex;gap:18px;align-items:flex-start;margin-top:20px;padding:20px 24px;border:1px solid var(--border2);border-radius:12px;background:rgba(43,184,236,.05)}
.speed .t{flex:none;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);padding-top:3px}
.speed p{font-size:14px;color:var(--text2);line-height:1.6}
.speed p b{color:var(--text);font-weight:800}
.week{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:stretch}
.wk-card{flex:1 1 190px;background:#F6F5F2;border:1px solid var(--line2);border-radius:11px;padding:13px 14px 14px}
.wk-card.speedcard{background:#EEF6FB;border-color:#BFDDEC}
.wk-head{display:flex;align-items:baseline;gap:8px;padding-bottom:9px;border-bottom:1px solid #E2E0DB}
.wk-head b{font-size:15px;font-weight:800;color:var(--ink)}
.wk-head span{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A7AEBA}
.wk-row{display:flex;gap:8px;padding:8px 0;border-top:1px solid #E7E4DF}
.wk-row:first-of-type{border-top:0}
.wk-row i{font-style:normal;font-size:10.5px;font-weight:800;color:var(--ink);min-width:21px}
.wk-row b{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);line-height:1.3}
.wk-row em{display:block;font-style:normal;font-size:10.5px;color:var(--grey2);line-height:1.35;margin-top:1px}
.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:34px;align-items:start}
.mini{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);text-align:left}
.mini-h{background:var(--ink);display:flex;align-items:center;padding:11px 16px}
.mini-h .a{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#fff}
.mini-h .b{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#9FB0C2}
.mini-b{padding:15px 16px 17px;color:var(--ink2)}
.hp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.hp-lbl{font-size:10.5px;color:#A7AEBA;line-height:1.35}
.hp-lbl b{color:var(--grey)}
.hp-tog{display:inline-flex;border:1px solid #E2E0DB;border-radius:8px;overflow:hidden;font-size:10.5px;font-weight:700}
.hp-tog span{padding:5px 9px;color:var(--grey)}
.hp-tog span.on{background:var(--ink);color:#fff}
.hp-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line2)}
.hp-n{flex:none;width:78px}
.hp-n b{display:block;font-size:12px;color:var(--ink2)}
.hp-n span{display:block;font-size:9.5px;color:#A7AEBA}
.hp-b{display:flex;gap:3px;flex-wrap:wrap;flex:1}
.hp-b .bx{width:15px;height:15px;border-radius:4px;display:inline-block}
.hp-b .bx.e{border:1.5px solid #E2E0DB;box-sizing:border-box}
.hp-c{flex:none;font-size:12.5px;font-weight:800;color:var(--grey)}
.hp-foot{margin-top:10px;font-size:10.5px;color:#A7AEBA;line-height:1.45}
.mini-b .k{font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);font-weight:800}
.mini-b .ty{font-size:21px;font-weight:800;letter-spacing:-.3px;margin:4px 0 2px;color:var(--ink)}
.mini-b .k2{font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:#A7AEBA;font-weight:800}
.mini-b .p{font-size:12px;color:var(--grey);line-height:1.55;margin-top:8px}
.mini-b .box{border:1px solid var(--line2);background:#F7F6F3;border-radius:9px;padding:10px 12px;margin-top:9px}
.mini-b .k3{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#A7AEBA;font-weight:800;margin-bottom:5px}
.mini-b .box p{font-size:11.5px;color:var(--grey);line-height:1.45;margin-top:5px}
.pr-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.pr-top b{font-size:12.5px;color:var(--ink2)}
.pill{font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:4px 9px;border-radius:7px;border:1px solid #E2E0DB;color:var(--grey);white-space:nowrap}
.pr-row{display:grid;grid-template-columns:1.6fr auto auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line2)}
.pr-n{font-size:12px;font-weight:600;color:var(--ink2);line-height:1.3}
.pr-v{font-size:16px;font-weight:800;color:var(--ink);white-space:nowrap}
.pr-d{font-size:10.5px;color:#A7AEBA;white-space:nowrap}
.trio-cap{margin-top:13px}
.trio-cap b{display:block;color:var(--text);font-size:14.5px}
.trio-cap span{display:block;font-size:12.5px;color:var(--text2);line-height:1.5;margin-top:2px}
.vs{margin-top:14px;padding-top:11px;border-top:1px solid var(--border);font-size:12px;color:var(--text3)}
.grn{display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px 22px;border:1px solid var(--border2);border-radius:12px;background:rgba(43,184,236,.06)}
.inguar{margin-top:11px;font-size:12px;color:var(--text3);text-align:center;line-height:1.45}
/* Sticky buy bar. The price sits ~79% down a very long page, so past the hero
   there was no way to act without scrolling on. Mobile only, and it hides again
   once the pricing section is actually on screen. */
.sbuy{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:none;align-items:center;gap:12px;
  padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(12,18,25,.97);border-top:1px solid var(--border2);
  transform:translateY(115%);transition:transform .22s ease}
.sbuy.show{transform:translateY(0)}
.sbuy .sb-l b{display:block;font-size:15px;font-weight:900;color:var(--text);line-height:1.1}
.sbuy .sb-l span{display:block;font-size:11px;color:var(--text2);margin-top:2px}
.sbuy .sb-b{margin-left:auto;flex:none;background:var(--blue);color:#06090D;font-weight:800;font-size:14px;
  padding:12px 18px;border-radius:8px;text-decoration:none;white-space:nowrap}
@media(max-width:760px){.sbuy{display:flex}}
@media(prefers-reduced-motion:reduce){.sbuy{transition:none}}
.inguar b{color:var(--text2);font-weight:800}
.grn b{flex:none;font-size:15px;font-weight:900;color:var(--blue)}
.grn span{font-size:13.5px;color:var(--text2);line-height:1.5}
@media(max-width:620px){.grn{flex-direction:column;align-items:flex-start;gap:6px}}
.wk-prep{background:#fff;border:1px solid #E2E0DB;border-radius:8px;padding:9px 10px;margin:10px 0 2px}
.wk-prep .k{font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#A7AEBA;margin-bottom:5px}
.gpph-wrap{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.gpph{width:288px;flex:0 0 auto;border-radius:34px;background:#161C23;padding:8px;border:1px solid rgba(255,255,255,.07);box-shadow:0 26px 60px rgba(0,0,0,.6)}
.gpph-scr{height:486px;border-radius:27px;overflow:hidden;background:#F7F6F3;display:flex;flex-direction:column}
.gpph-n{flex:0 0 auto;height:21px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 13px}
.gpph-n span{font-size:8px;font-weight:800;letter-spacing:.1em;color:#9FB0C2}
.gpph-n span.l{color:#fff}
.gpph-p{flex:1 1 auto;overflow-y:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#C9CFD6 transparent}
.gpph-p::-webkit-scrollbar{width:5px}
.gpph-p::-webkit-scrollbar-thumb{background:#C9CFD6;border-radius:3px}
.gpph-b{padding:11px 11px 16px;text-align:left;color:var(--ink2)}
.gpph-tag{display:inline-block;font-size:8.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ink2);background:#E7E4DF;border-radius:4px;padding:2px 6px;margin-bottom:6px}
.gpph-t{font-size:16px;font-weight:900;color:var(--ink);letter-spacing:-.01em;line-height:1.2}
.gpph-s{font-size:9.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#A7AEBA;margin-bottom:8px}
.gpph-r{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid var(--line2);border-radius:9px;padding:7px 9px;margin-top:6px}
.gpph-r i{font-style:normal;font-size:9px;font-weight:900;color:var(--blue);background:rgba(43,184,236,.1);border-radius:4px;padding:2px 5px;line-height:1.4;margin-top:1px;flex:0 0 auto}
.gpph-r b{display:block;font-size:11px;font-weight:700;color:var(--ink);line-height:1.35}
.gpph-r em{display:block;font-style:normal;font-size:9.5px;color:var(--grey);font-weight:500;margin-top:2px}
.gpph-o{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:9px;padding:9px;margin-top:7px}
.gpph-o u{text-decoration:none;font-size:10px;font-weight:900;color:var(--grey);width:15px;flex:0 0 auto}
.gpph-o span{flex:1;min-width:0}
.gpph-o b{display:block;font-size:11.5px;font-weight:800;color:var(--ink);line-height:1.25}
.gpph-o em{display:block;font-style:normal;font-size:9.5px;color:var(--grey);margin-top:1px}
.gpph-o s{text-decoration:none;font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:4px 7px;flex:0 0 auto;color:var(--grey);background:#F0EEEA}
.gpph-o s.d{color:var(--good);background:rgba(46,158,75,.1)}
.gpph-o s.g{color:#fff;background:var(--ink)}
.gpph-cap{text-align:center;font-size:12px;color:var(--text2);margin:16px auto 0;max-width:560px}
.fpg{display:grid;grid-template-columns:1fr 1fr;gap:2px 30px;margin-top:4px}
.fpg .bar-row{margin-bottom:13px}
.fpg .bar-sub{font-size:11px}
.fph{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#97A0B0;margin:16px 0 9px;grid-column:1/-1}
@media (max-width:640px){.fpg{grid-template-columns:1fr}}
.gpph-o[data-s]{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.gpph-o[data-s]:hover{border-color:#B9C1CB}
.gpph-o[data-s]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.gpph-o.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.gpph-pane{display:none}
.gpph-pane.on{display:block}
.gpph-tag.sp{color:#B4761C;background:#FBEEDA}
.gpph-w{background:#fff;border:1px solid #E2E0DB;border-radius:8px;padding:8px 9px;margin:8px 0 2px}
.gpph-w b{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#A7AEBA;margin-bottom:4px}
.gpph-w span{display:block;font-size:9.5px;color:var(--grey);line-height:1.4;margin-top:2px}
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-top:40px}
.spec>div{background:var(--surface2);border:1px solid var(--border);border-radius:11px;padding:16px 16px 17px}
.spec b{display:block;font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--blue);line-height:1.1}
.spec span{display:block;font-size:12.5px;color:var(--text2);line-height:1.45;margin-top:6px}
.sheet{border-top:1px solid var(--border);margin-top:40px}
.sheet .sgrp{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);padding:20px 2px 8px;border-bottom:1px solid var(--border)}
.sheet .sgrp:first-child{padding-top:4px}
.sr{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:baseline;padding:14px 2px;border-bottom:1px solid var(--border)}
.sr .l{font-size:14.5px;color:var(--text2);line-height:1.4}
.sr .v{font-size:17px;font-weight:900;letter-spacing:-.02em;color:var(--blue);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:520px){.sr{grid-template-columns:1fr;gap:3px}.sr .v{text-align:left}}
.wk-card.slim{flex:1 1 200px}
.week-slim{margin-top:12px}
.wk-sum{padding-top:11px}
.wk-sum b{display:block;font-size:12px;font-weight:800;color:var(--ink2)}
.wk-sum span{display:block;font-size:11px;color:var(--grey2);line-height:1.5;margin-top:5px}
.wk-prep span{display:block;font-size:10.5px;color:var(--grey);line-height:1.4;padding:2px 0}
.tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:0;margin-top:40px}
.tl-i.phase b{color:var(--text2)}
.tl-i.phase .tl-d{border-color:var(--text3)}
.tl-i.end .tl-d{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px rgba(43,184,236,.18)}
.tl-i.end b{color:var(--blue)}
.tl-i{position:relative;padding:34px 18px 0 0}
.tl-i::before{content:'';position:absolute;top:9px;left:0;right:0;height:2px;background:var(--border2)}
.tl-i:last-child::before{right:18px}
.tl-d{position:absolute;top:2px;left:0;width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--blue)}
.tl-i.hot .tl-d{background:var(--blue);box-shadow:0 0 0 5px rgba(43,184,236,.18)}
.tl-i b{display:block;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue);margin-bottom:7px}
.tl-i h4{font-size:17px;font-weight:800;letter-spacing:-.01em;margin-bottom:5px}
.tl-i span{display:block;font-size:13.5px;color:var(--text2);line-height:1.55}
@media(max-width:700px){.tl{grid-template-columns:1fr}.tl-i::before{display:none}.tl-i{padding:0 0 22px 26px;border-left:2px solid var(--border2)}.tl-i:last-child{padding-bottom:0}.tl-d{top:0;left:-9px}}
.wk12{display:flex;gap:6px;align-items:stretch;margin-top:34px;flex-wrap:wrap}
.ph{flex:1 1 150px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:16px 18px}
.ph b{display:block;font-size:15px;font-weight:800}
.ph span{display:block;font-size:12px;color:var(--text2);margin-top:3px}
.ph i{display:block;height:5px;border-radius:3px;background:var(--border2);margin-top:12px}
.ph:nth-child(2) i{background:rgba(43,184,236,.45)}
.ph:nth-child(3) i{background:var(--blue)}
.ph.flag{flex:0 1 190px;background:rgba(43,184,236,.08);border-color:var(--blue)}
.ph.flag b{color:var(--blue)}
.arc{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.arc-c{background:var(--surface2);border:1px solid var(--border);border-radius:11px;padding:18px 20px}
.arc-c .l{font-size:26px;font-weight:900;color:var(--blue);line-height:1}
.arc-c b{display:block;font-size:15px;font-weight:800;margin:8px 0 5px}
.arc-c span{font-size:13px;color:var(--text2);line-height:1.55}
@media(max-width:760px){.wk-card{flex:1 1 100%}
.speed{flex-direction:column;gap:10px}}

.proof-card{max-width:760px;margin:0 auto 26px}
.proof-head{background:#EFEDE8;padding:16px 26px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:1px solid #E4E1DB}
.proof-head .n{font-size:15px;font-weight:800;color:var(--ink)}
.proof-head .d{font-size:12px;color:#8A8578}
.qa{margin-bottom:20px}
.qa .lbl{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.qa .q{font-size:13px;color:#6A7280;margin-bottom:10px}
.qa .a{border-left:3px solid var(--blue);background:#F2F0EC;border-radius:0 8px 8px 0;padding:12px 16px;font-size:15px;color:#33373D;line-height:1.6}
.vids2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vids2 .w{position:relative;border-radius:10px;overflow:hidden;background:#000}
.vids2 video{width:100%;aspect-ratio:9/16;object-fit:cover}
.vids2 .tag{position:absolute;left:8px;bottom:8px;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;padding:4px 8px;border-radius:6px}
.vids2 .tag.b{background:rgba(6,9,13,.78);color:#EAF5FB}
.vids2 .tag.a{background:rgba(43,184,236,.92);color:#06090D}
.stats3{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.stat{flex:1 1 150px;border:1px solid var(--line2);background:#F7F6F3;border-radius:11px;padding:12px 14px}
.stat .k{font-size:9.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#97A0B0}
.stat .v{display:flex;align-items:baseline;gap:8px;margin-top:5px}
.stat .v .o{font-size:15px;color:var(--grey2);font-weight:700}
.stat .v .ar{font-size:13px;color:#B4BAC4}
.stat .v .n{font-size:24px;font-weight:900;color:var(--ink);letter-spacing:-.5px}
.stat .d{font-size:11.5px;font-weight:700;margin-top:3px;color:var(--good)}
.coach-note{margin-top:12px;padding:12px 16px;background:#EAF6EC;border:1px solid #BFE3C6;border-radius:10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.coach-note .k{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--good)}
.coach-note .t{font-size:14px;color:#26502F;font-weight:600}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-radius:10px;overflow:hidden;margin-bottom:18px}
.ba .w{position:relative}
.ba img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top}
.who-line{display:flex;gap:14px;align-items:center;margin-top:6px}
.who-av{width:44px;height:44px;border-radius:50%;background:rgba(27,42,71,.1);border:1px solid var(--line);display:grid;place-items:center;font-size:15px;font-weight:800;color:var(--ink);flex:none}
.who-line .nm{font-size:14px;font-weight:700;color:var(--ink)}
.who-line .dt{font-size:12px;color:var(--grey)}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.price-card{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:34px 30px;display:flex;flex-direction:column;position:relative}
.price-card.best{border-color:var(--blue);background:rgba(43,184,236,.05)}
.price-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--blue);color:#06090D;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:5px 16px;border-radius:0 0 8px 8px}
.price-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text2);margin-bottom:14px}
.price-card.best .price-label{color:var(--blue)}
.price-amt{font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1}
.price-amt sup{font-size:22px;font-weight:600;color:var(--text2);vertical-align:top;top:8px;position:relative}
.price-per{font-size:13px;color:var(--text2);margin:6px 0 20px}
.price-note{background:rgba(43,184,236,.1);border:1px solid var(--border2);border-radius:10px;padding:12px 14px;text-align:center;font-size:14px;font-weight:700;margin-bottom:14px}
.price-note span{display:block;font-weight:600;font-size:12px;color:var(--text2);margin-top:3px}
.price-cta{display:block;margin-top:auto;text-align:center;padding:15px;border-radius:7px;font-size:15px;font-weight:800;text-decoration:none;background:var(--surface3);color:var(--text);border:1px solid var(--border)}
.price-card.best .price-cta{background:var(--blue);color:#06090D;border-color:var(--blue)}
.incl{margin-top:36px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:30px 32px}
.incl .lbl{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--blue);margin-bottom:22px}
.incl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0}
.incl-grid>div{padding:0 22px;border-left:1px solid var(--border)}
.incl-grid>div:first-child{padding-left:0;border-left:0}
@media(max-width:1000px){.incl-grid>div{border-left:0;padding:0 0 18px}}
.incl h4{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--text2);margin-bottom:10px}
.incl li{list-style:none;display:grid;grid-template-columns:15px 1fr;gap:9px;font-size:13.5px;color:var(--text);line-height:1.45;margin-bottom:8px}
.incl li i{color:var(--blue);font-style:normal;font-weight:800}
.bonusc{display:flex;align-items:flex-start;gap:26px;margin-top:20px;padding:22px 26px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}
.bonusc .bc-cover{flex:none;width:176px;height:118px;object-fit:cover;border-radius:10px;border:1px solid var(--border2)}
.bc-body{flex:1 1 auto}
.bc-tag{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:7px}
.bc-body h4{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--text)}
.bc-body p{font-size:13.5px;color:var(--text2);margin-top:6px;line-height:1.55}
.bc-grp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px}
.bc-grp h5{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue);padding-bottom:6px;border-bottom:1px solid var(--border);margin:0}
.bc-grp ul{list-style:none;margin:7px 0 0;padding:0}
.bc-grp li{font-size:12.5px;color:var(--text2);line-height:1.4;margin-top:4px}
.bc-keep{font-size:12px;color:var(--text3);margin-top:14px;line-height:1.5}
.bonusc.bc-hero{flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden}
.bc-banner{position:relative;height:210px}
.bonusc.bc-hero .bc-cover{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;object-position:center 58%}
.bc-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,25,.90) 0%,rgba(12,18,25,.58) 32%,rgba(12,18,25,0) 60%),linear-gradient(180deg,rgba(12,18,25,.18) 0%,rgba(12,18,25,.52) 44%,rgba(12,18,25,.90) 78%,rgb(12,18,25) 97%)}
.bc-badge{position:absolute;top:14px;right:16px;display:flex;align-items:baseline;gap:10px;background:var(--blue);border:0;border-radius:999px;padding:8px 18px;box-shadow:0 6px 22px rgba(6,9,13,.45)}
.bc-badge s{font-size:14px;font-weight:700;color:rgba(6,9,13,.5)}
.bc-badge b{font-size:21px;font-weight:900;color:#06090D;letter-spacing:-.02em;text-transform:uppercase}
.bc-over{position:absolute;left:26px;right:26px;bottom:15px}
.bc-hero-t{font-size:34px;font-weight:900;letter-spacing:-.025em;line-height:1.05;color:#fff;margin:0}
.bc-hero .bc-body{padding:16px 26px 22px}
.bc-hero .bc-grp{margin-top:0}
.bc-val{flex:none;text-align:right;line-height:1.15;align-self:flex-start;margin-top:2px}
.bc-val s{display:block;font-size:15px;font-weight:600;color:var(--text3)}
.bc-val b{display:block;font-size:26px;font-weight:900;color:var(--blue);letter-spacing:-.02em}
@media(max-width:760px){.bonusc{flex-wrap:wrap;gap:16px}.bonusc .bc-cover{width:100%;height:150px;align-self:auto}.bc-val{text-align:left;display:flex;align-items:baseline;gap:10px}.bc-val s,.bc-val b{display:inline}
.bc-grp{grid-template-columns:1fr;gap:14px}
.bc-banner{height:168px}
.bc-hero-t{font-size:26px}}
.guar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}
.guar .inner-narrow p{font-size:16px;color:var(--text2);line-height:1.75;margin-top:16px}
.guar b{color:var(--text)}
.faq-item{border-bottom:1px solid var(--border);padding:26px 0}
.faq-item:first-of-type{border-top:1px solid var(--border)}
.faq-q{font-size:17px;font-weight:700;padding-right:42px;position:relative;cursor:pointer}
.faq-q::after{content:"+";position:absolute;right:6px;top:-4px;color:var(--blue);font-size:26px;font-weight:300;line-height:1}
.faq-item.open .faq-q::after{content:"\2212"}
.faq-a{font-size:15px;color:var(--text2);line-height:1.75;margin-top:12px;display:none}
.faq-item.open .faq-a{display:block}
.final{background:var(--surface);border-top:1px solid var(--border);text-align:center}
.final p{font-size:17px;color:var(--text2);margin:18px auto 34px;max-width:56ch}
.final .sig{font-size:13px;font-weight:700;color:var(--text2);letter-spacing:2px;text-transform:uppercase;margin-top:36px}
footer{background:var(--bg);border-top:1px solid var(--border);padding:30px 52px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
footer a{color:var(--text2);text-decoration:none;font-size:13px}
footer a:hover{color:var(--blue)}
.foot-links{display:flex;gap:22px}
.brand{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
details{border-bottom:1px solid var(--border);padding:16px 0}
summary{cursor:pointer;font-size:15px;font-weight:800;list-style:none}
details p{font-size:13.5px;color:var(--text2);line-height:1.7;margin-top:12px}
details b{color:var(--text)}
@media(max-width:900px){
  section{padding:64px 24px}
  .band{padding:56px 24px}
  footer{padding:24px}
  .hero-grid,.about-grid,.grid2,.grid3,.price-grid{grid-template-columns:1fr;gap:36px}
  .grid3,.grid2{gap:16px}
  .vids2,.ba{grid-template-columns:1fr 1fr}
}


/* ==== Visual upgrade 2026-09-28 (approved mockup: claude.ai/artifact/88fUfjY6aPzC724LhTvwgB) ====
   Brand type: Barlow Condensed for headlines, Barlow for body, Barlow Semi Condensed for labels.
   Copy is untouched. Every rule is prefixed with body so it outranks the older
   same-name rules further down the page (the .gpsp block, the plyo fan) without
   touching them. #plyobar and the fan's geometry (#gp3fan) are deliberately NOT
   styled here: the countdown looks and behaves exactly as before. */
body{font-family:Barlow,Inter,system-ui,-apple-system,sans-serif}
body .app,body .mini,body .gpph{font-family:Inter,system-ui,-apple-system,sans-serif}
body h1,body h2{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92}
body h2{font-size:clamp(40px,6vw,84px)}
body h3{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0;line-height:1}
body .app h3,body .mini h3{font-family:inherit;text-transform:none}
body section{padding:120px 52px}
body .eyebrow{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.22em;display:flex;align-items:center;gap:10px}
body .eyebrow::before{display:none}
body .lede{font-size:clamp(17px,1.6vw,20px);color:rgba(234,245,251,.68);line-height:1.55}
body .subhead{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(32px,4vw,52px);line-height:.95;letter-spacing:0;max-width:none;margin-bottom:14px}
body .tiny{font-size:14px}
body .btn{font-family:'Barlow Semi Condensed',Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:700;border-radius:999px;transition:transform .2s,box-shadow .2s,border-color .2s}
body .btn-primary{padding:19px 34px;font-size:16px;box-shadow:inset 0 0 0 1px rgba(125,212,240,.5),0 10px 40px -8px rgba(43,184,236,.7)}
body .btn-primary:hover{opacity:1;transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(125,212,240,.7),0 18px 50px -8px rgba(43,184,236,.9)}
body .btn-ghost{border-color:rgba(234,245,251,.2);color:var(--text);background:rgba(234,245,251,.03);padding:18px 30px;font-size:15px}
body .btn-ghost:hover{border-color:var(--blue)}
body .hero .hero-actions .btn-primary::after,body .final .btn-primary::after,body .price-card.best .price-cta::after{content:" \2192"}
@keyframes gpxDrift{to{transform:translate(-60px,40px) scale(1.08)}}
.gpx-g1,.gpx-g2{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.gpx-g1{width:620px;height:620px;top:-260px;right:-180px;opacity:.55;background:radial-gradient(circle,#2BB8EC 0%,transparent 65%);animation:gpxDrift 14s ease-in-out infinite alternate}
.gpx-g2{width:560px;height:560px;bottom:-220px;left:-220px;opacity:.5;background:radial-gradient(circle,#1a5f99 0%,transparent 65%);animation:gpxDrift 18s ease-in-out infinite alternate-reverse}
.gpx-grid{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(43,184,236,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(43,184,236,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%)}
body section>.inner,body section>.inner-narrow{position:relative;z-index:1}

/* ---- nav + hero ---- */
body .hero{padding:0 0 130px;text-align:center}
body .hero::before{display:none}
.gpnav{position:relative;z-index:3;max-width:1336px;margin:16px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 22px;border-radius:16px;background:rgba(12,18,25,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(234,245,251,.08)}
.gpnav-logo{width:64px;height:40px;overflow:hidden;flex:none}
.gpnav-logo img{height:87px;width:87px;max-width:none;margin:-23px 0 0 -11px}
.gpnav-r{display:flex;gap:8px}
body .gpnav .btn{padding:13px 20px;font-size:13px}
body .hero-c{padding:96px 52px 0;max-width:1100px}
body .hero h1{font-size:clamp(56px,9.4vw,128px);line-height:.86;max-width:14ch;margin:0 auto;letter-spacing:-.01em}
body .hero h1 span{display:inline}
body .hero h1 .accent{background:linear-gradient(100deg,#7DD4F0 0%,#2BB8EC 45%,#1a8fbd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body .hero-sub{font-size:clamp(17px,1.6vw,20px);color:rgba(234,245,251,.68);line-height:1.55;margin:26px auto 0;max-width:62ch}
body .hero-actions{justify-content:center;gap:12px;margin-top:32px}
body .hero-actions .btn{padding:21px 34px;font-size:16px}
body .hero-trust{font-size:14px;color:rgba(234,245,251,.46);margin:18px auto 0;max-width:56ch;line-height:1.5}
body .hero-trust b{font-weight:600}
body .hero-proof{margin-top:72px!important;max-width:980px!important;padding:0 52px;position:relative;z-index:1}
body .hero-proof .hp-lbl{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--blue-ice);margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:10px}
body .hero-proof .hp-lbl::before,body .hero-proof .hp-lbl::after{content:"";height:1px;width:44px;background:var(--border)}
.gpx-vslwrap{position:relative}
.gpx-vslbox{position:relative}
body .gpx-vslwrap .vid{border-radius:20px;box-shadow:0 0 0 1px rgba(125,212,240,.25),0 40px 120px -20px rgba(43,184,236,.45),0 0 0 10px rgba(43,184,236,.05)}
body .gpplay>span{box-shadow:0 0 0 12px rgba(43,184,236,.22),0 0 0 26px rgba(43,184,236,.08),0 20px 60px rgba(0,0,0,.5)!important}
.gpx-ruler{position:absolute;top:10%;bottom:10%;right:-34px;width:24px;background:repeating-linear-gradient(180deg,rgba(125,212,240,.55) 0 1px,transparent 1px 10px);-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent)}
.gpx-ruler::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(125,212,240,.9) 0 2px,transparent 2px 50px)}
body .gpx-vslwrap .quote-card{position:relative;margin:28px auto 0;max-width:560px;text-align:left;padding:18px 20px;border-radius:16px;background:rgba(12,18,25,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(125,212,240,.22);box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
body .gpx-vslwrap .quote-card .lbl{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:11px;letter-spacing:.2em;margin-bottom:10px}
body .gpx-vslwrap .quote-card blockquote{font-size:17px;font-weight:600;line-height:1.42}
body .gpx-vslwrap .quote-card .who{margin-top:14px;padding-top:12px}

/* ---- pain ---- */
.gpx-pain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:start}
.gpx-pain-l{position:sticky;top:30px}
.gpx-onebar{margin-top:40px;display:grid;gap:12px;max-width:420px}
.gpx-onebar div{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:14px;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
.gpx-onebar i{height:12px;border-radius:99px;background:var(--surface3);position:relative;overflow:hidden}
.gpx-onebar i::after{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--w);border-radius:99px;background:repeating-linear-gradient(90deg,rgba(125,212,240,.3) 0 6px,transparent 6px 10px)}
.gpx-onebar div.full{color:var(--text)}
.gpx-onebar div.full i::after{background:linear-gradient(90deg,#1a8fbd,#2BB8EC,#7DD4F0);box-shadow:0 0 24px rgba(43,184,236,.6)}
body .gpx-pain .pain-list{margin-top:0}
body .gpx-pain .pain-item{padding:28px 0;border-bottom:1px solid rgba(234,245,251,.08);gap:18px}
body .gpx-pain .pain-item:first-child{border-top:1px solid rgba(234,245,251,.08)}
body .gpx-pain .pain-item:last-child{border-bottom:1px solid rgba(234,245,251,.08)}
body .gpx-pain .pain-dot{width:18px;height:18px;margin-top:5px;border:2px solid var(--blue);background:transparent;box-shadow:0 0 16px rgba(43,184,236,.45),inset 0 0 0 4px var(--surface),inset 0 0 0 10px var(--blue)}
body .gpx-pain .pain-item p{font-size:clamp(18px,1.8vw,22px);font-weight:500;line-height:1.45}
body .pain .pain-close{margin-top:clamp(60px,8vw,110px);padding:clamp(40px,5vw,60px) 0 0;background:none;border:0;border-top:1px solid var(--border);border-radius:0;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(30px,4.4vw,60px);line-height:1.02;max-width:22ch;text-wrap:balance;text-align:left!important}
body .pain .pain-close b{background:linear-gradient(100deg,#7DD4F0 0%,#2BB8EC 45%,#1a8fbd 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}

/* ---- why nothing worked ---- */
body .gpx-why{background:linear-gradient(180deg,#06090D,#08101a 60%,#06090D)}
body .gpx-why .grid3{margin-top:56px;gap:16px}
body .gpx-why .card{padding:0 0 26px;border-radius:20px;background:linear-gradient(180deg,rgba(22,32,43,.9),rgba(12,18,25,.9));border:1px solid rgba(234,245,251,.07);overflow:hidden;transition:transform .3s,border-color .3s}
body .gpx-why .card:hover{transform:translateY(-4px);border-color:rgba(43,184,236,.35)}
.gpx-art{height:170px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 110%,rgba(43,184,236,.18),transparent 70%);border-bottom:1px solid rgba(234,245,251,.08);margin-bottom:22px}
.gpx-art svg{width:170px;height:120px}
body .gpx-why .card .lbl{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:11.5px;letter-spacing:.18em;color:var(--blue);padding:0 24px}
body .gpx-why .card h3{font-size:30px;line-height:.98;margin:12px 0;padding:0 24px}
body .gpx-why .card p{font-size:15.5px;line-height:1.55;color:rgba(234,245,251,.68);padding:0 24px}
body .gpx-why .turn{margin-top:16px;border-radius:22px;padding:clamp(28px,4vw,54px);background:#0a1824;border:1px solid rgba(43,184,236,.35);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;position:relative;overflow:hidden}
body .gpx-why .turn::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,rgba(43,184,236,.25),transparent 55%);pointer-events:none}
body .gpx-why .turn>*{position:relative}
body .gpx-why .turn .k{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;letter-spacing:.2em}
body .gpx-why .turn h3{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:clamp(44px,6vw,84px);line-height:.9;margin:14px 0 16px;letter-spacing:0}
body .gpx-why .turn p{font-size:17px;color:rgba(234,245,251,.68);max-width:52ch}
.gpx-readout{background:#06090D;border:1px solid var(--border);border-radius:14px;padding:20px}
.gpx-readout .row{display:flex;justify-content:space-between;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text3);margin-bottom:12px}
.gpx-readout .trk{height:44px;border-radius:10px;background:repeating-linear-gradient(90deg,rgba(125,212,240,.18) 0 1px,transparent 1px 20px),#0C1219;position:relative;overflow:hidden}
.gpx-readout .trk::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(43,184,236,.9),transparent);animation:gpxScan 2.8s ease-in-out infinite}
@keyframes gpxScan{0%,100%{transform:translateY(-14px);opacity:.2}50%{transform:translateY(14px);opacity:1}}
.gpx-readout .dash{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:64px;line-height:1;color:var(--text3);margin-top:12px;letter-spacing:.04em}

/* ---- results ---- */
.gpx-peter{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:12px}
.gpx-clips{display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;align-items:end}
.gpx-clip{position:relative;border-radius:18px;overflow:hidden;background:#0b2a6b;box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.gpx-clip video{width:100%;aspect-ratio:9/16;object-fit:cover}
.gpx-clip .tag{position:absolute;left:10px;bottom:10px;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:8px 10px;border-radius:8px;background:rgba(6,9,13,.8);color:var(--text)}
.gpx-clip.after{box-shadow:0 0 0 2px var(--blue),0 30px 90px -20px rgba(43,184,236,.6)}
.gpx-clip.after .tag{background:var(--blue);color:#04121b}
.gpx-tape{height:100%;position:relative;border-radius:6px;background:linear-gradient(180deg,rgba(43,184,236,0),rgba(43,184,236,.12))}
.gpx-tape::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(125,212,240,.55) 0 1px,transparent 1px 8px);-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent);mask-image:linear-gradient(90deg,#000 50%,transparent)}
.gpx-tape b{position:absolute;left:0;right:0;height:2px}
.gpx-tape b.lo{background:var(--text2);bottom:40%}
.gpx-tape b.hi{background:var(--blue);box-shadow:0 0 10px var(--blue);bottom:53%}
.gpx-who{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1.4;color:var(--text2);text-transform:uppercase}
.gpx-who b{color:var(--text);font-size:15px}
.gpx-mega{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:clamp(96px,15vw,210px);line-height:.8;letter-spacing:-.02em;margin:22px 0 4px;background:linear-gradient(100deg,#7DD4F0 0%,#2BB8EC 45%,#1a8fbd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gpx-mega small{font-size:.36em;letter-spacing:0}
.gpx-mk{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text)}
.gpx-mv{font-size:19px;font-weight:600;color:var(--text2);margin-top:8px;font-variant-numeric:tabular-nums}
.gpx-mini2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.gpx-mini2>div{border:1px solid var(--border);border-radius:14px;padding:16px;background:rgba(12,18,25,.7)}
.gpx-mini2 .k{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text3)}
.gpx-mini2 .v{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:38px;line-height:1;color:var(--text);margin-top:8px}
.gpx-mini2 .v span{font-size:.5em;color:var(--text2);font-weight:600}
.gpx-mini2 .d{font-size:13px;font-weight:600;color:#5dd17a;margin-top:6px}
.gpx-mini2 .d.n{color:var(--text2)}
.gpx-fine{font-size:13px;line-height:1.5;color:rgba(234,245,251,.46);margin-top:16px}
.gpx-proofrow{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;margin-top:clamp(40px,6vw,70px);align-items:start}
body .gpx-proofrow .proof-card{max-width:none;margin:0;border-radius:20px;transform:rotate(-1.2deg);box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
body .gpx-proofrow .proof-card .app-body{padding:16px 18px 20px}
body .gpx-proofrow .proof-card .qa .a{font-size:14.5px;line-height:1.5}
.gpx-story{background:linear-gradient(180deg,#101821,#0C1219);border:1px solid rgba(234,245,251,.08);border-radius:20px;overflow:hidden}
.gpx-sph{position:relative;aspect-ratio:4/3.3;overflow:hidden;background:#000}
body .gpx-sph .vid{position:absolute;inset:0;height:auto;padding:0;border-radius:0;box-shadow:none}
.gpx-sbd{padding:20px 22px 22px}
.gpx-sbd p{font-size:15.5px;line-height:1.55;color:rgba(234,245,251,.68);margin:0 0 16px}
.gpx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.gpx-chips span{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;padding:8px 10px;border-radius:99px;background:rgba(43,184,236,.1);border:1px solid var(--border);color:var(--blue-ice)}
.gpx-by{display:flex;align-items:center;gap:10px;font-size:12.5px;line-height:1.35;color:var(--text3)}
.gpx-by b{display:block;color:var(--text);font-size:14px;font-weight:700}
.gpx-av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2BB8EC,#1a5f99);font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:16px;color:#04121b}
.gpx-ba{position:absolute;inset:0;-webkit-user-select:none;user-select:none;touch-action:pan-y}
.gpx-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.gpx-ba .top{clip-path:inset(0 0 0 var(--x,50%))}
body .gpx-ba img{object-position:50% 34%}
body .gpx-ba img.top{object-position:50% 40%}
.gpx-ba .hand{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:var(--text);box-shadow:0 0 12px rgba(0,0,0,.6);pointer-events:none}
.gpx-ba .hand::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6' fill='none' stroke='%2304121b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 0 0 6px rgba(43,184,236,.25)}
.gpx-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}
.gpx-ba .t{position:absolute;bottom:10px;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 9px;border-radius:6px;background:rgba(6,9,13,.8);color:var(--text);pointer-events:none}
.gpx-ba .t.l{left:10px}
.gpx-ba .t.r{right:10px;background:var(--blue);color:#04121b}

/* ---- method ---- */
body #method .grid3{margin-top:60px;gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
body #method .scard{background:none;border:0;border-radius:0;padding:34px clamp(16px,3vw,34px) 36px}
body #method .scard+.scard{border-left:1px solid var(--border)}
body #method .scard::after{display:none}
body #method .scard .fig{display:block;margin-bottom:18px}
body #method .scard .fig b{display:block;white-space:nowrap;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:clamp(64px,8.6vw,124px);line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px var(--blue);transition:color .35s}
body #method .scard:hover .fig b{color:var(--blue)}
body #method .scard .fig span{display:block;margin-top:14px;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--blue-ice)}
body #method .scard h3{font-size:28px;margin-bottom:10px}
body #method .scard p{font-size:15.5px;line-height:1.55;color:rgba(234,245,251,.68)}
.gpx-win{max-width:900px;margin:0 auto;border-radius:14px;overflow:hidden;background:#0C1219;border:1px solid rgba(234,245,251,.1);box-shadow:0 50px 120px -30px rgba(43,184,236,.35)}
.gpx-winbar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid rgba(234,245,251,.08)}
.gpx-winbar i{width:10px;height:10px;border-radius:50%;background:#26303b}
.gpx-winbar span{margin-left:10px;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}
body .gpx-win .vid{border-radius:0;box-shadow:none}
body .e3x{border-radius:22px;padding:clamp(18px,2.6vw,30px);background:linear-gradient(90deg,rgba(43,184,236,.08),transparent 30%,transparent 70%,rgba(125,212,240,.1)),var(--surface)}
body .e3x-h b{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:34px;text-transform:uppercase;letter-spacing:0}
body .e3x-h div:last-child b{color:var(--blue-ice)}
body .e3x-h span{font-size:14px;color:rgba(234,245,251,.68)}
body .e3x-line{height:6px;border-radius:99px;margin:18px 0 6px;background:linear-gradient(90deg,#2BB8EC,#16202B 50%,#7DD4F0)}
body .e3x-r{border-bottom:0;padding:5px 0;grid-template-columns:1fr minmax(120px,1.1fr) 1fr;gap:10px}
body .e3x-r .s{border-radius:14px;padding:14px 16px;background:#06090D;border:1px solid rgba(234,245,251,.08);font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);transition:border-color .25s,color .25s}
body .e3x-r .s:hover{border-color:var(--blue);color:var(--text)}
body .e3x-r i{width:auto;height:auto;background:none;border-radius:0;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:30px;color:var(--text);letter-spacing:0}
body .e3x-r .s.me{background:linear-gradient(135deg,rgba(43,184,236,.35),rgba(43,184,236,.08));border-color:var(--blue);color:var(--text);box-shadow:0 0 40px -6px rgba(43,184,236,.6)}
body .e3x-r .q{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:26px;text-transform:uppercase;line-height:1}
body .e3x-r .q em{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;margin-top:4px}
.gpx-cards2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:70px;perspective:1800px;align-items:start;position:relative}
.gpx-cards2::before{content:"";position:absolute;left:10%;right:10%;bottom:-40px;height:120px;background:radial-gradient(ellipse,rgba(43,184,236,.35),transparent 70%);filter:blur(30px);z-index:-1}
body .gpx-cards2 .app{border-radius:18px;box-shadow:0 50px 100px -30px rgba(0,0,0,.95),0 0 0 1px rgba(125,212,240,.25);transition:transform .5s}
body .gpx-cards2>div:first-child .app{transform:rotateY(7deg)}
body .gpx-cards2>div:last-child .app{transform:rotateY(-7deg)}
body .gpx-cards2:hover .app{transform:none}
body .gpx-cards2 .app+.cap,body .gpx-cards2 .cap{font-size:14px;margin-top:16px}

/* ---- app section ---- */
body .gpsp{grid-template-columns:1fr;gap:12px}
body .gpsp-p{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:none;border:0;padding:0}
body .gpsp-h{grid-column:1/-1;border:0;padding:10px 0 0;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em}
body .gpsp-r{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:16px;min-height:150px;padding:22px 20px;border:1px solid rgba(234,245,251,.07);border-radius:18px;background:linear-gradient(160deg,#101821,#0a1016);transition:border-color .3s}
body .gpsp-r:hover{border-color:var(--border)}
body .gpsp-r:last-child{border-bottom:1px solid rgba(234,245,251,.07)}
body .gpsp-r .v{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:clamp(30px,3.4vw,46px);line-height:.92;text-transform:uppercase;letter-spacing:0;text-align:left;white-space:normal;color:var(--text)}
body .gpsp-r .l{font-size:14.5px;color:rgba(234,245,251,.68)}
body .gpsp-p .gpsp-h+.gpsp-r{background:radial-gradient(ellipse at 100% 0%,rgba(43,184,236,.3),transparent 60%),#0C1219;border-color:var(--border)}
body .gpsp-p .gpsp-h+.gpsp-r .v{color:var(--blue)}
body .gpph-wrap{gap:34px;margin-top:40px;position:relative}
body .gpph-wrap::before{content:"";position:absolute;left:20%;right:20%;top:20%;bottom:0;background:radial-gradient(ellipse,rgba(43,184,236,.3),transparent 65%);filter:blur(40px);z-index:-1}
body .gpph{border-radius:44px;padding:11px;background:#0b0f14;border:0;box-shadow:0 0 0 1px #2a323d,0 0 0 3px #0b0f14,0 50px 100px -30px rgba(0,0,0,.95)}
body .gpph:first-child{transform:rotate(-3deg) translateY(16px)}
body .gpph:last-child{transform:rotate(3deg)}
body .gpph-scr{border-radius:34px}
body .gpph-cap{font-size:14px;margin-top:30px}
body .speed{margin-top:60px;padding:24px 28px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(90deg,rgba(43,184,236,.14),rgba(12,18,25,.9) 45%);align-items:center;gap:26px}
body .speed .t{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:36px;line-height:.9;letter-spacing:0;max-width:7ch;padding:0}
body .speed p{font-size:16.5px;color:rgba(234,245,251,.68);line-height:1.55}
body .speed p b{font-weight:600}
body .trio{gap:16px;margin-top:36px}
body .trio .mini{border-radius:16px;box-shadow:0 30px 80px -30px rgba(0,0,0,.9);transition:transform .3s}
body .trio>div:hover .mini{transform:translateY(-6px) rotate(-.5deg)}
body .trio-cap{margin-top:16px}
body .trio-cap b{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;line-height:1;margin-bottom:6px}
body .trio-cap span{font-size:14.5px;color:rgba(234,245,251,.68)}

/* ---- first week ---- */
body .gpx-week{background:linear-gradient(180deg,#06090D,#0a1520)}
body .tl{margin-top:60px}
body .tl-i{padding:40px 18px 0 0}
body .tl-i::before{top:10px;height:2px;background:linear-gradient(90deg,var(--blue),rgba(125,212,240,.35))}
body .tl-d{top:0;width:22px;height:22px;background:var(--bg)}
body .tl-i.hot .tl-d,body .tl-i.end .tl-d{background:var(--blue);box-shadow:0 0 0 6px rgba(43,184,236,.18),0 0 24px var(--blue)}
body .tl-i b{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:clamp(26px,3vw,40px);line-height:.92;letter-spacing:0;color:var(--text);margin-bottom:14px;min-height:2em}
body .tl-i.end b{color:var(--text)}
body .tl-i h4{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:700;font-size:22px;line-height:1.05;text-transform:uppercase;letter-spacing:0;color:var(--blue);margin-bottom:8px}
body .tl-i span{font-size:14.5px;line-height:1.5;color:rgba(234,245,251,.68)}

/* ---- why dries ---- */
body .gpx-about{padding:0}
.gpx-dgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:760px}
.gpx-dph{position:relative;overflow:hidden;background:#06090D}
.gpx-dph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.12) brightness(1.08)}
.gpx-dph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#0C1219),linear-gradient(0deg,#0C1219 0%,transparent 35%),linear-gradient(0deg,rgba(43,184,236,.1),rgba(43,184,236,.1))}
.gpx-sig{position:absolute;left:28px;bottom:28px;z-index:2;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:64px;line-height:.85;text-transform:uppercase;color:var(--text)}
.gpx-sig span{display:block;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.22em;color:var(--blue);margin-top:10px}
.gpx-dtx{padding:clamp(40px,7vw,100px) clamp(18px,6vw,80px) clamp(40px,7vw,100px) clamp(10px,3vw,40px)}
body .gpx-about h2{font-size:clamp(38px,4.6vw,68px);text-wrap:balance;max-width:none}
body .gpx-about .about-body{margin-top:28px;gap:18px}
body .gpx-about .about-body p{font-size:17px;line-height:1.65;color:rgba(234,245,251,.68);max-width:60ch}
.gpx-pull{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:700;font-size:clamp(26px,2.8vw,38px);line-height:1.08;text-transform:uppercase;color:var(--text);border-left:3px solid var(--blue);padding:4px 0 4px 20px;margin:12px 0}
body .gpx-about .cred{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;border-radius:8px;background:rgba(43,184,236,.06);color:var(--blue-ice)}

/* ---- CTA band ---- */
body .band{position:relative;overflow:hidden;isolation:isolate;padding:130px 52px;background:radial-gradient(ellipse at 50% 120%,rgba(43,184,236,.55),transparent 55%),#06090D;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.gpx-horizon{position:absolute;left:-10%;right:-10%;bottom:-1px;height:40%;z-index:-1;background:repeating-linear-gradient(90deg,rgba(125,212,240,.18) 0 1px,transparent 1px 60px);-webkit-mask-image:linear-gradient(0deg,#000,transparent);mask-image:linear-gradient(0deg,#000,transparent);transform:perspective(400px) rotateX(55deg);transform-origin:bottom}
body .band h2{color:var(--text);max-width:16ch;margin:0 auto}
body .band h2 .accent{background:linear-gradient(100deg,#7DD4F0 0%,#2BB8EC 45%,#1a8fbd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body .band p{color:rgba(234,245,251,.68);font-size:18px;line-height:1.5;max-width:46ch;margin:22px auto 32px}
body .band .btn-dark{background:var(--blue);color:#06090D;padding:21px 34px;font-size:16px;box-shadow:inset 0 0 0 1px rgba(125,212,240,.5),0 10px 40px -8px rgba(43,184,236,.7)}
body .band .btn-dark:hover{transform:translateY(-2px)}

/* ---- pricing (the course fan's layout is left exactly as it was) ---- */
body .price-grid{gap:18px;margin-top:50px}
body .price-card{border-radius:24px;padding:32px 30px 26px;background:linear-gradient(180deg,#101821,#0a1016);border:1px solid rgba(234,245,251,.09)}
body .price-card.best{border:0;background:radial-gradient(ellipse at 50% 0%,rgba(43,184,236,.22),transparent 60%),#0C1219;box-shadow:0 40px 120px -40px rgba(43,184,236,.6)}
@property --gpxa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes gpxSpin{to{--gpxa:360deg}}
body .price-card.best::before{content:"";position:absolute;inset:0;border-radius:24px;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--gpxa,0deg),#2BB8EC,#7DD4F0 25%,rgba(43,184,236,.1) 50%,#2BB8EC 75%,#7DD4F0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gpxSpin 6s linear infinite}
body .price-badge{top:-14px;border-radius:99px;padding:9px 14px;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;font-weight:800;letter-spacing:.2em;box-shadow:0 8px 30px rgba(43,184,236,.6);z-index:2}
body .price-label{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.2em}
body .price-amt{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:clamp(96px,10vw,140px);line-height:.85;letter-spacing:-.02em;margin:4px 0 8px}
body .price-card.best .price-amt{text-shadow:0 0 60px rgba(43,184,236,.5)}
body .price-amt sup{font-size:.36em;top:.1em;margin-right:4px}
body .price-per{font-size:15px;line-height:1.5;color:rgba(234,245,251,.68);margin:6px 0 22px}
body .price-note{border-radius:14px;padding:14px 16px;background:rgba(6,9,13,.5);border:1px solid var(--border);font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:700;font-size:20px;line-height:1.1;text-transform:uppercase;margin-bottom:22px}
body .price-card.best .price-note{border-color:rgba(43,184,236,.45)}
body .price-note span{font-family:Barlow,Inter,sans-serif;font-size:13.5px;font-weight:500;line-height:1.45;text-transform:none;margin-top:4px}
body .price-cta{border-radius:999px;padding:21px 20px;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(234,245,251,.03);border:1px solid rgba(234,245,251,.2);transition:transform .2s,box-shadow .2s,border-color .2s}
body .price-cta:hover{border-color:var(--blue);transform:translateY(-2px)}
body .price-card.best .price-cta{box-shadow:inset 0 0 0 1px rgba(125,212,240,.5),0 10px 40px -8px rgba(43,184,236,.7)}
body .inguar{display:block;position:relative;padding-left:28px;text-align:left;margin-top:16px;font-size:13.5px;line-height:1.45;color:rgba(234,245,251,.46)}
body .inguar::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E9E4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E") center/contain no-repeat}
body .inguar b{color:var(--text);font-weight:600}
body #gp3fan{font-family:Inter,system-ui,-apple-system,sans-serif}
body #gp3bonus .bc-tag{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em}
body #gp3bonus #gp3t{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(40px,5.8vw,72px);line-height:.9;letter-spacing:0;margin-top:12px}
body #gp3bonus #gp3t span{background:linear-gradient(100deg,#7DD4F0 0%,#2BB8EC 45%,#1a8fbd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body #gp3bonus #gp3list b{font-weight:600}
body #gp3bonus #gp3list i{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
body #gp3bonus #gp3terms{font-size:16px;line-height:1.5;color:rgba(234,245,251,.68);margin-top:22px}
body #gp3bonus #gp3terms b{font-weight:600}
body .bc-hero-t{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:0;font-size:40px;line-height:.95}
body .bc-badge b{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800}
body .bc-tag,body .bc-grp h5{font-family:'Barlow Semi Condensed',Inter,sans-serif}
body .incl{margin-top:22px;border-radius:24px;border:1px solid rgba(234,245,251,.08);background:#0a1016;padding:clamp(22px,3.4vw,40px)}
body .incl .lbl{font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;margin-bottom:24px}
body .incl-grid{gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}
body .incl-grid>div{padding:0;border-left:0}
body .incl h4{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:700;font-size:22px;line-height:1;letter-spacing:0;color:var(--text);margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--border)}
body .incl h4::before{content:"";flex:none;width:32px;height:32px;border-radius:9px;background:rgba(43,184,236,.12) center/17px no-repeat;border:1px solid var(--border)}
body .incl-grid>div:nth-child(1) h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232BB8EC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h3l3-7 4 14 3-7h5'/%3E%3C/svg%3E")}
body .incl-grid>div:nth-child(2) h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232BB8EC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.5-7 10-7 10z'/%3E%3C/svg%3E")}
body .incl-grid>div:nth-child(3) h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232BB8EC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")}
body .incl-grid>div:nth-child(4) h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232BB8EC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")}
body .incl li{grid-template-columns:18px 1fr;gap:8px;font-size:14.5px;line-height:1.45;color:rgba(234,245,251,.68);margin-bottom:12px}
body .incl li i{width:16px;height:16px;margin-top:2px;border-radius:50%;background:var(--blue);color:#04121b;font-size:10px;line-height:16px;text-align:center;font-weight:800}

/* ---- guarantee ---- */
body .guar{background:radial-gradient(ellipse at 20% 50%,rgba(43,184,236,.14),transparent 50%),var(--bg);text-align:left}
.gpx-guar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(30px,6vw,70px);align-items:center;max-width:1000px;margin:0 auto}
.gpx-seal{width:clamp(200px,22vw,260px);aspect-ratio:1;position:relative;display:grid;place-items:center}
.gpx-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:gpxRot 30s linear infinite}
@keyframes gpxRot{to{transform:rotate(360deg)}}
.gpx-seal .core{width:66%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#2BB8EC,#135e86);display:grid;place-items:center;box-shadow:0 0 0 8px rgba(43,184,236,.12),0 30px 80px -10px rgba(43,184,236,.6)}
.gpx-seal .core b{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-weight:800;font-size:clamp(64px,7vw,86px);line-height:.8;color:#04121b}
body .gpx-guar p{font-size:17.5px;line-height:1.6;color:rgba(234,245,251,.68);margin-top:22px;max-width:58ch}

/* ---- faq + close ---- */
.gpx-faqg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,80px);align-items:start}
.gpx-faql{position:sticky;top:30px}
body .gpx-faqr>div{margin-top:0!important}
body .faq-item{padding:0;border-bottom:1px solid rgba(234,245,251,.08)}
body .faq-item:first-of-type{border-top:1px solid rgba(234,245,251,.08)}
body .faq-q{font-size:clamp(17px,1.6vw,20px);font-weight:600;line-height:1.35;padding:24px 56px 24px 0}
body .faq-q::after{content:"+";top:50%;right:0;width:34px;height:34px;margin-top:-17px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;font-size:22px;font-weight:400;line-height:1;transition:background .3s,color .3s}
body .faq-item.open .faq-q::after{content:"\2212";background:var(--blue);color:#04121b;border-color:var(--blue)}
body .faq-a{font-size:16px;line-height:1.65;color:rgba(234,245,251,.68);margin:0;padding:0 50px 26px 0}
body .final{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(43,184,236,.3),transparent 60%),#06090D}
body .final h2{font-size:clamp(46px,8vw,112px);line-height:.86;max-width:16ch;margin:0 auto}
body .final h2 .accent{background:linear-gradient(100deg,#7DD4F0 0%,#2BB8EC 45%,#1a8fbd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body .final p{font-size:18px;line-height:1.55;color:rgba(234,245,251,.68);max-width:48ch;margin:24px auto 34px}
body .final .btn-primary{padding:21px 34px;font-size:16px}

/* sticky Start now on phones: reuses the page's own .sbuy bar (shown under 760px only) */
body .sbuy{padding:12px 14px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:rgba(6,9,13,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}
body .sbuy .sb-b{margin:0;flex:1;text-align:center;border-radius:999px;padding:16px 18px;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 40px -8px rgba(43,184,236,.7)}

@media(max-width:1000px){body .incl-grid{grid-template-columns:1fr 1fr}.gpx-proofrow{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  body section{padding:80px 20px}
  body .hero{padding:0 0 80px}
  .gpnav{margin:12px 12px 0}
  body .hero-c{padding:56px 20px 0}
  body .hero-proof{padding:0 20px}
  .gpx-ruler{display:none}
  body .gpx-vslwrap .quote-card{margin:16px auto 0;max-width:none}
  .gpx-pain,.gpx-peter,.gpx-proofrow,.gpx-cards2,.gpx-dgrid,.gpx-faqg{grid-template-columns:1fr}
  .gpx-pain-l,.gpx-faql{position:static}
  body .gpx-proofrow .proof-card{transform:none}
  body .gpx-cards2 .app{transform:none!important}
  body #method .grid3{grid-template-columns:1fr}
  body #method .scard+.scard{border-left:0;border-top:1px solid var(--border)}
  body .gpx-why .turn{grid-template-columns:1fr}
  body .gpsp-p{grid-template-columns:1fr 1fr}
  body .gpph:first-child,body .gpph:last-child{transform:none}
  .gpx-dph{height:460px}
  .gpx-dph::after{background:linear-gradient(0deg,#0C1219 0%,transparent 45%),linear-gradient(0deg,rgba(43,184,236,.1),rgba(43,184,236,.1))}
  .gpx-dtx{padding:40px 20px 70px}
  body .band{padding:90px 20px}
  .gpx-guar{grid-template-columns:1fr;justify-items:center;text-align:center}
  body .gpx-guar p{margin-left:auto;margin-right:auto}
  body .faq-a{padding-right:0}
}
@media(max-width:760px){
  .gpnav .btn-ghost{display:none}
  body .e3x-r .s{padding:12px}
  body .e3x-r i{font-size:24px}
  body .e3x-h b{font-size:26px}
  body .speed .t{max-width:none}
  body{padding-bottom:78px}
}
@media(max-width:620px){
  body .incl-grid{grid-template-columns:1fr}
  .gpx-mini2 .v{font-size:26px}
  .gpnav-logo{width:51px;height:32px}
  .gpnav-logo img{height:70px;width:70px;margin:-19px 0 0 -9px}
  body .hero-actions .btn{width:100%;justify-content:center}
}
@media(max-width:560px){body .gpsp-r{min-height:0;padding:18px 16px;gap:10px}body .gpsp-r .v{font-size:28px}}
@media(prefers-reduced-motion:reduce){.gpx-g1,.gpx-g2,.gpx-seal svg,.gpx-readout .trk::after,body .price-card.best::before{animation:none}}

/* ---- countdown bar, LOOK ONLY (2026-09-28). The bar's own script, markup,
   timer and [hidden] rule are untouched; these rules only restyle it. ---- */
@keyframes gpxPulse{70%{box-shadow:0 0 0 10px rgba(43,184,236,0)}100%{box-shadow:0 0 0 0 rgba(43,184,236,0)}}
body #plyobar{background:linear-gradient(90deg,#0a2231,#0C1219 40%,#0C1219 60%,#0a2231);color:var(--text);border-bottom:1px solid var(--border);font-family:Barlow,Inter,system-ui,sans-serif;padding:10px 20px 10px 44px;position:sticky}
body #plyobar::before{content:"";position:absolute;left:20px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 0 rgba(43,184,236,.7);animation:gpxPulse 1.8s infinite}
body #plyobar .pb-t{font-size:13.5px;font-weight:500;line-height:1.35;color:rgba(234,245,251,.62)}
body #plyobar .pb-t b{display:block;font:700 15px/1.3 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.02em;color:var(--text)}
body #plyobar .pb-s{background:#06090D;border:1px solid var(--border);border-radius:8px;padding:6px 8px 5px;min-width:48px}
body #plyobar .pb-s b{font:800 24px/1 'Barlow Condensed','Arial Narrow',Inter,sans-serif;color:var(--blue);font-variant-numeric:tabular-nums}
body #plyobar .pb-s span{font:600 9px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.14em;color:var(--text3);margin-top:4px}
body #plyobar.warn{background:linear-gradient(90deg,#2a1a08,#0C1219 40%,#0C1219 60%,#2a1a08);border-bottom-color:rgba(228,151,44,.4)}
body #plyobar.warn::before{background:var(--amber);animation:none}
body #plyobar.warn .pb-s{border-color:rgba(228,151,44,.4)}
body #plyobar.warn .pb-s b{color:var(--amber)}
@media(max-width:620px){body #plyobar{padding:10px 14px 10px 34px}body #plyobar::before{left:14px;top:17px;margin-top:0}body #plyobar .pb-t b{font-size:14px}}
@media(prefers-reduced-motion:reduce){body #plyobar::before{animation:none}}


/* Phone fixes 2026-09-28. Timeline: restore the vertical rail layout that the
   desktop spacing overrode. Phones in "a real week": no scroll-inside-scroll,
   the whole session shows at full length. */
@media(max-width:700px){
  body .tl{margin-top:36px}
  body .tl-i{padding:0 0 28px 30px;border-left:2px solid var(--border2)}
  body .tl-i:last-child{padding-bottom:0}
  body .tl-i::before{display:none}
  body .tl-d{top:2px;left:-12px}
  body .tl-i b{min-height:0;margin-bottom:6px;font-size:30px}
  body .tl-i h4{margin-bottom:4px}
}
@media(max-width:620px){
  /* 2026-09-29, Dries: phones keep their normal size on a phone too. They scroll
     inside, and once the screen hits its end the next scroll moves the page. */
  body .gpph-scr{height:486px}
  body .gpph-p{overflow-y:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch}
}

/* 2026-10-28 (Dries, option B): section links in the top bar. On a phone only Pricing and FAQ fit beside the button. */.gpnav .gpnav-r{align-items:center}.gpnav .o-links{display:flex;gap:26px;align-items:center;margin-right:18px}.gpnav .o-links a{font:700 13px/1 "Barlow Semi Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9FC3D6;text-decoration:none;white-space:nowrap}.gpnav .o-links a:hover{color:#EAF5FB}@media(max-width:760px){.gpnav .o-links{gap:14px;margin-right:8px}.gpnav .o-links a{font-size:11px;letter-spacing:.08em}.gpnav .o-links a.o-dt{display:none}}
/* Three reassurances as equal points under the hero buttons (2026-09-30). Each carries its own check so a wrapped line never starts on a separator. */
    body .hero-trust.gp-trust3{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;color:rgba(234,245,251,.78);font-size:14px;font-weight:500}
    .gp-trust3 span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
    .gp-trust3 span::before{content:"";flex:none;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232BB8EC' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
    @media(max-width:620px){body .hero-trust.gp-trust3{font-size:13px;gap:6px 16px}}
    
/* 2026-10-29 (Dries): the intro video under the hero buttons. Muted with burned-in captions, plays while on screen, Tap for sound restarts it with sound. */
.gpI{margin-top:44px;display:flex;justify-content:center}
.gpI-v{position:relative;width:min(420px,100%);aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#0b1219;border:1px solid rgba(43,184,236,.25);box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 60px rgba(43,184,236,.12)}
.gpI-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#0b1219}
.gpI-snd,.gpI-re{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 11px;border-radius:999px;border:1px solid rgba(234,245,251,.28);background:rgba(6,9,13,.72);color:#fff;font:700 13px/1 'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gpI-snd svg,.gpI-re svg{width:17px;height:17px}.gpI-snd[hidden],.gpI-re[hidden]{display:none}
.gpI-re{left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 20px 13px 16px;font-size:14px;background:#2BB8EC;color:#06131c;border-color:#2BB8EC}
@media(max-width:600px){.gpI{margin-top:34px}}
@media(max-width:900px){.hero-proof+.gpI{margin:36px auto 0;padding:0 20px}}
/* Time bar (2026-10-29, option C): tap or drag to jump, time left top right. */
.gpI-bar{position:absolute;left:0;right:0;bottom:0;height:24px;z-index:3;cursor:pointer;touch-action:none}.gpI-bar[hidden],.gpI-left[hidden]{display:none}
.gpI-bar i{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(234,245,251,.22)}
.gpI-bar b{position:absolute;left:0;bottom:0;height:5px;width:0;background:#2BB8EC}
.gpI-bar u{position:absolute;bottom:-4px;left:0;width:13px;height:13px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(43,184,236,.45)}
.gpI-left{position:absolute;right:14px;top:14px;z-index:2;padding:9px 13px;border-radius:999px;border:1px solid rgba(234,245,251,.28);background:rgba(6,9,13,.72);color:#fff;font:700 13px/1 'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* 2026-10-29 (Dries): laptop text block = one tidy column centred next to the video, checkmarks next to Start now. */
@media(min-width:901px){html body .hero-c.gpH{grid-template-rows:1fr auto auto auto 1fr!important;align-items:start}
html body .hero-c.gpH>h1{grid-row:2;margin:0!important}html body .hero-c.gpH>.hero-sub{grid-row:3;margin:26px 0 0!important;max-width:600px;font-size:21px;line-height:1.5}
html body .hero-c.gpH>.hero-actions{grid-row:4;margin:34px 0 0!important;display:flex;align-items:center;gap:28px;flex-wrap:nowrap}
html body .hero-c.gpH>.gpI{grid-row:1 / -1!important;align-self:center}
html body .hero-c.gpH .hero-actions .hero-trust.gp-trust3{margin:0!important;flex-direction:column;align-items:flex-start;gap:6px!important;font-size:14px}}
/* Same proportions on every laptop: headline, video and gap scale with the screen. */
@media(min-width:901px){html body .hero-c.gpH{grid-template-columns:minmax(0,1fr) clamp(300px,27vw,420px)!important;column-gap:clamp(36px,4.2vw,64px)!important;max-width:1180px}
html body .hero-c.gpH>h1{font-size:clamp(60px,5.4vw,92px)!important;line-height:.88!important}
html body .hero-c.gpH .gpI-v{width:100%!important}}
/* Laptop: headline, text and button left, the video right, all in the first screen. Phone keeps the video under the button. */
@media(min-width:901px){html body .hero-c.gpH{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:64px;align-items:center;text-align:left;max-width:1180px}
html body .hero-c.gpH>*{grid-column:1}html body .hero-c.gpH>.gpI{grid-column:2;grid-row:1 / span 4;margin:0}
html body .hero-c.gpH h1,html body .hero-c.gpH .hero-sub{text-align:left;margin-left:0;margin-right:0}
html body .hero-c.gpH .hero-actions{justify-content:flex-start}
html body .hero-c.gpH .hero-trust.gp-trust3{justify-content:flex-start;margin-left:0;margin-right:0;max-width:none}
html body .hero-c.gpH .gpI-v{width:400px}}

/* 2026-10-29 (Dries, option A): the check-in quote as a message. Same words. */
      body .quote-card.gpM{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;text-align:left;background:none;border:0;box-shadow:none;padding:0}
      .gpM .av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:800 19px/1 'Barlow Condensed',sans-serif;color:#06090D;background:linear-gradient(135deg,#7DD4F0,#2BB8EC);box-shadow:0 0 0 4px rgba(43,184,236,.15)}
      .gpM .meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;font:700 14px/1.2 Barlow,sans-serif;color:#fff}
      .gpM .meta span{font:800 11px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);padding:5px 9px;border-radius:999px;background:rgba(43,184,236,.12)}
      .gpM .meta em{font-style:normal;font-weight:500;color:var(--text3);font-size:13px}
      .gpM .bub{padding:20px 24px;border-radius:4px 20px 20px 20px;background:#131c27;border:1px solid rgba(234,245,251,.09)}
      .gpM .bub p{margin:0;font:600 18px/1.5 Barlow,Inter,sans-serif;color:#EAF5FB}
      @media(max-width:600px){body .quote-card.gpM{grid-template-columns:40px 1fr;gap:10px}.gpM .av{width:40px;height:40px;font-size:15px}.gpM .bub{padding:16px 18px}.gpM .bub p{font-size:16px}}
      

/* 2026-10-29 (Dries, option 3): the course pages' tick boxes, and they answer back. */
.pain .gpT{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}
.pain .gpT .au{all:unset;box-sizing:border-box;display:grid;grid-template-columns:22px 1fr;gap:16px;align-items:start;cursor:pointer;-webkit-tap-highlight-color:transparent;
  background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:22px 24px;transition:border-color .15s,background .15s}
.pain .gpT .au i{width:20px;height:20px;border:2px solid var(--border2);border-radius:5px;display:block;margin-top:3px;transition:background .15s,border-color .15s}
.pain .gpT .au i::after{content:'';display:block;width:5px;height:9px;margin:2px auto 0;opacity:0;border:solid #06090D;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);transition:opacity .15s}
.pain .gpT .au p{margin:0;font-size:16.5px;font-weight:700;color:var(--text);line-height:1.45}
.pain .gpT .au p span{display:block;font-weight:400;color:var(--text2);font-size:14.5px;margin-top:6px}
.pain .gpT .au.on{border-color:var(--blue);background:rgba(43,184,236,.06)}
.pain .gpT .au.on i{background:var(--blue);border-color:var(--blue)}
.pain .gpT .au.on i::after{opacity:1}
.pain .gpT .au:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.pain .gpT-lede{margin-top:18px;font-size:17px;color:var(--text2);line-height:1.5}
.pain .gpT-lede b{color:var(--text)}
.pain .gpT-count{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;font:800 13px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--text3)}
.pain .gpT-count .dots{display:flex;gap:6px}
.pain .gpT-count .dots i{width:26px;height:6px;border-radius:9px;background:var(--border2);transition:background .2s,box-shadow .2s}
.pain .gpT-count .dots i.on{background:var(--blue);box-shadow:0 0 12px rgba(43,184,236,.6)}
.pain .gpT-count.yes{color:var(--blue)}
.pain .pain-close{transition:box-shadow .3s}
.pain .pain-close.lit{box-shadow:0 0 0 1px var(--blue),0 30px 90px -30px rgba(43,184,236,.55)}
@media(max-width:760px){.pain .gpT{grid-template-columns:1fr}.pain .gpT .au{padding:18px}.pain .gpT .au p{font-size:15.5px}}

/* 2026-10-29 (Dries, option 1): a small picture per line; ticked cards light up. */
.pain .gpV{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.pain .gpV .c{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;cursor:pointer;border-radius:18px;padding:18px 18px 20px;
 background:linear-gradient(180deg,rgba(43,184,236,.07),rgba(12,18,25,0) 55%),var(--surface2);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s,transform .2s}
.pain .gpV .c .v{height:96px;margin:4px 0 16px;color:rgba(111,168,196,.55)}
.pain .gpV .c svg{width:100%;height:100%;overflow:visible}
.pain .gpV svg text{font:700 10px 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.08em;fill:rgba(159,195,214,.55)}
.pain .gpV svg .lb{font-size:11px;text-transform:uppercase}
.pain .gpV svg .big{font:800 34px 'Barlow Condensed',sans-serif;fill:rgba(159,195,214,.5)}
.pain .gpV svg .q{font:800 16px 'Barlow Condensed',sans-serif;fill:rgba(159,195,214,.55)}
.pain .gpV svg .f1{fill:rgba(111,168,196,.35)} .pain .gpV svg .f2{fill:rgba(111,168,196,.2)} .pain .gpV svg .tr{fill:rgba(234,245,251,.06)}
.pain .gpV svg .ln{stroke:rgba(111,168,196,.45);stroke-width:1.5} .pain .gpV svg .ln2{stroke:rgba(111,168,196,.4);stroke-width:2}
.pain .gpV svg .cd{fill:rgba(6,9,13,.7);stroke:rgba(111,168,196,.4);stroke-width:1.5} .pain .gpV svg .pl{fill:rgba(111,168,196,.5)}
.pain .gpV svg .bd{stroke:rgba(111,168,196,.5);stroke-width:4;stroke-linecap:round}
.pain .gpV .c b{font-size:16.5px;font-weight:700;color:var(--text);line-height:1.35}
.pain .gpV .c span{font-size:14px;color:var(--text2);line-height:1.45;margin-top:6px}
.pain .gpV .c i{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;border:2px solid var(--border2);transition:all .2s}
.pain .gpV .c i::after{content:'';display:block;width:5px;height:9px;margin:3px auto 0;opacity:0;border:solid #06090D;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.pain .gpV .c.on{border-color:var(--blue);box-shadow:0 24px 60px -30px rgba(43,184,236,.7);transform:translateY(-3px)}
.pain .gpV .c.on i{background:var(--blue);border-color:var(--blue)} .pain .gpV .c.on i::after{opacity:1}
.pain .gpV .c.on svg .f1{fill:#2BB8EC} .pain .gpV .c.on svg .f2{fill:rgba(43,184,236,.55)} .pain .gpV .c.on svg .pl{fill:#2BB8EC}
.pain .gpV .c.on svg .cd{stroke:#2BB8EC} .pain .gpV .c.on svg .ln,.pain .gpV .c.on svg .ln2{stroke:#7DD4F0} .pain .gpV .c.on svg .bd{stroke:#7DD4F0}
.pain .gpV .c.on svg text,.pain .gpV .c.on svg .q,.pain .gpV .c.on svg .big{fill:#7DD4F0}
@media(max-width:1000px){.pain .gpV{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pain .gpV{grid-template-columns:1fr}.pain .gpV .c{display:grid;grid-template-columns:120px 1fr;gap:4px 14px;padding:16px}.pain .gpV .c .v{grid-row:1/3;height:74px;margin:0}}
.pain .gpQ{margin:44px auto 0;max-width:980px;text-align:center}
.pain .gpQ .k{display:flex;align-items:center;gap:18px;justify-content:center;font:800 15px/1.3 'Barlow Semi Condensed',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--text2)}
.pain .gpQ .k::before,.pain .gpQ .k::after{content:"";flex:1;max-width:160px;height:1px;background:linear-gradient(90deg,transparent,rgba(43,184,236,.5))}
.pain .gpQ .k::after{transform:scaleX(-1)}
.pain .gpQ h3{margin:18px 0 0;font:800 clamp(30px,4.4vw,58px)/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--blue)}
.pain .gpQ h3 span{color:#fff}
@media(max-width:600px){.pain .gpV .c b{padding-right:26px}.pain .gpQ{margin-top:30px}.pain .gpQ .k{font-size:12.5px}.pain .gpQ .k::before,.pain .gpQ .k::after{max-width:30px}}

/* 2026-10-29 (Dries, option 4): a line under each card lights when that card is ticked. */
.pain .gpK{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.pain .gpK i{height:4px;border-radius:9px;background:rgba(234,245,251,.07);transition:background .2s,box-shadow .2s}
.pain .gpK i.on{background:#2BB8EC;box-shadow:0 0 14px rgba(43,184,236,.7)}
.pain .gpK-t{min-height:13px;margin-top:14px;text-align:right;font:800 13px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
@media(max-width:1000px){.pain .gpK{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pain .gpK{display:none}.pain .gpK-t{text-align:center;margin-top:18px}}

/* 2026-10-29 (Dries, option 2): before -> after, nothing else. */
.gpx-pstats.r{display:flex;flex-direction:column;justify-content:center;text-align:left}
.r .who{font:700 17px/1.45 Barlow,Inter,sans-serif;color:var(--text2)} .r .who b{color:#fff}
.r .k{font:800 12.5px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--text3)}
.r .fine{margin-top:26px;font-size:13px;line-height:1.5;color:var(--text3);max-width:440px}
.r2 .pair{margin-top:24px;display:grid;grid-template-columns:auto auto auto;align-items:end;justify-content:start;gap:22px}
.r2 .pair .v{font:800 92px/.85 'Barlow Condensed',sans-serif;letter-spacing:-.01em}
.r2 .pair .v small{font-size:.4em;margin-left:4px}
.r2 .pair .b .v{color:#6F8FA3} .r2 .pair .a .v{color:#2BB8EC;text-shadow:0 0 40px rgba(43,184,236,.35)}
.r2 .pair .k{display:block;margin-bottom:12px}
.r2 .arr{font:800 46px/1 'Barlow Condensed',sans-serif;color:var(--text3);padding-bottom:12px}
.r2 .gain{margin-top:26px;display:inline-flex;align-items:baseline;gap:12px;align-self:flex-start;padding:12px 20px;border-radius:999px;background:rgba(43,184,236,.12);border:1px solid rgba(43,184,236,.45)}
.r2 .gain b{font:800 30px/1 'Barlow Condensed',sans-serif;color:#fff} .r2 .gain span{font:600 15px/1 Barlow,sans-serif;color:var(--text2)}
@media(max-width:700px){.gpx-pstats.r{text-align:center;align-items:center}.r2 .pair{justify-content:center;gap:12px}.r2 .pair .v{font-size:58px}.r2 .arr{font-size:30px;padding-bottom:6px}.r2 .gain{align-self:center}.r .fine{margin-left:auto;margin-right:auto}}


/* 2026-10-29 (Dries): app tour above the prices. A 74 s muted autoplay video of the live app
   (Today, Program, Test day, Health, Self, Members' room). Its last frame is a live price layer
   that only READS the 12-week card (#gpm-amt, #gpm-was, #gpm-save, #gpm-note and its clock
   tiles, #gpm-cta) and never writes to it, so the clock, the €97 offer and the app ticket keep working.
   The phones block and the platform carousel further down are hidden by CSS, not deleted;
   remove the two :has() rules below to bring them back. The speed tiles stay. */
#app-tour{scroll-margin-top:70px}
/* 2026-10-29 round 2 (Dries): lives inside #results so the dark/light section rhythm stays intact; left-aligned like every other section. */
.gpT-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:64px;align-items:center}
.gpT .lede{max-width:520px;margin:16px 0 0}
.gpT-ch{list-style:none;margin:30px 0 0;padding:0;max-width:540px}.gpT-ch li{margin:0}.gpT-ch button{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:54px 1fr;column-gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s}.gpT-ch button:hover{background:rgba(43,184,236,.05)}.gpT-ch button:focus-visible{outline:2px solid #2BB8EC}.gpT-ch time{grid-row:span 2;font:800 16px/1.3 "Barlow Condensed",sans-serif;color:#2BB8EC;letter-spacing:.04em}.gpT-ch b{font:800 18px/1.2 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#EAF5FB}.gpT-ch span{font:500 14.5px/1.4 Barlow,sans-serif;color:rgba(234,245,251,.65)}.gpT-ch button.on{background:rgba(43,184,236,.08);border-color:rgba(43,184,236,.35)}@media(max-width:900px){.gpT-grid{display:flex;flex-direction:column;align-items:stretch}.gpT-txt{display:contents}.gpT-v{order:1}.gpT-ch{order:2;display:flex;gap:8px;overflow-x:auto;margin:14px -20px 0;padding:2px 20px 6px;max-width:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gpT-ch::-webkit-scrollbar{display:none}.gpT-ch li{flex:none}.gpT-ch button{display:flex;align-items:center;gap:8px;width:auto;padding:9px 13px;border:1px solid rgba(234,245,251,.14);border-radius:999px;background:rgba(234,245,251,.04)}.gpT-ch time{grid-row:auto;font-size:14px}.gpT-ch b{font-size:15px;white-space:nowrap}.gpT-ch span{display:none}.gpT-ch button.on{background:rgba(43,184,236,.14);border-color:rgba(43,184,236,.55)}}
.gpT-hubs{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px;max-width:520px}
.gpT-hubs li{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:baseline;padding-top:14px;border-top:1px solid rgba(234,245,251,.1);font:500 16px/1.45 Barlow,sans-serif;color:rgba(234,245,251,.78)}
.gpT-hubs b{font:800 14px/1 'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2BB8EC}
@media(max-width:900px){.gpT-grid{grid-template-columns:1fr;gap:0}.gpT-hubs{display:none}}
.gpT-v{position:relative;width:100%;max-width:520px;margin:0;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#06090D;
  box-shadow:0 0 0 1px rgba(43,184,236,.22),0 30px 80px rgba(0,0,0,.55),0 0 120px rgba(43,184,236,.12)}
.gpT-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gpT-snd{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:9px 14px 9px 12px;
  background:rgba(6,9,13,.72);color:#EAF5FB;font:800 12px/1 'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(6px)}
.gpT-snd svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.gpT-snd[hidden]{display:none}
.gpT-end{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:0 6% 7%;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s;pointer-events:none}
.gpT-v.done .gpT-end{opacity:1;transform:none;pointer-events:auto}
.gpL{border-radius:18px;background:#0f1b29;border:1.5px solid #2BB8EC;padding:16px 16px 14px;text-align:left;box-shadow:0 0 34px rgba(43,184,236,.35)}
.gpL-k{font:800 12px/1.2 'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#2BB8EC}
.gpL-r{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;margin-top:8px}
.gpL-p{font:800 44px/1 'Barlow Condensed',sans-serif;color:#EAF5FB;white-space:nowrap}
.gpL-p s{font-size:22px;font-weight:600;color:#7d93a6;margin-right:8px}
.gpL-p small{font:600 15px Barlow,sans-serif;color:#9FC3D6;margin-left:6px}
.gpL-c{display:flex;gap:4px}
.gpL-c b{min-width:40px;text-align:center;font:800 22px/1 'Barlow Condensed',sans-serif;color:#2BB8EC;background:#06090D;border:1px solid rgba(43,184,236,.25);border-radius:8px;padding:6px 4px}
.gpL-c[hidden]{display:none}
.gpL-s{margin-top:6px;font:600 14px/1.35 Barlow,sans-serif;color:#9FC3D6}
.gpL-s:empty{display:none}
.gpL-a{display:flex;gap:10px;margin-top:12px}
.gpL-go{flex:1;display:block;text-align:center;border-radius:999px;background:#2BB8EC;color:#06131c!important;text-decoration:none;font:800 15px/1 'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:15px 10px}
.gpL-re{border:1px solid rgba(234,245,251,.25);background:transparent;color:#EAF5FB;border-radius:999px;padding:0 16px;font:700 13px Barlow,sans-serif;cursor:pointer}
@media(max-width:900px){.gpT-v{margin-top:30px}}
@media(max-width:520px){.gpT-v{border-radius:18px;margin-top:26px}.gpL-p{font-size:38px}.gpL-c b{min-width:34px;font-size:19px}}
/* the two app demos the tour replaces; the speed tiles (.gpS) stay */
section:has(.gpph-wrap){display:none}
#method .gpS-wrap{margin:56px 0 0}#method .gpS-h{font:800 30px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#EAF5FB;margin:0 0 18px}
section .inner>.gpS+div:has(#gpx-b2){display:none}
section .inner>.gpS{margin-top:0}
/* top bar: tap anywhere to reach the prices; laptop gets a button; phone keeps the scarcity line */
#plyobar{cursor:pointer}
#plyobar .pb-go{display:none}
@media(min-width:621px){#plyobar .pb-go{display:inline-flex;align-items:center;margin-left:14px;border-radius:999px;background:#2BB8EC;color:#06131c;text-decoration:none;white-space:nowrap;font:800 13px/1 'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:12px 18px}}
@media(max-width:620px){html body #plyobar .pb-names{display:block!important;font-size:0;margin-top:2px}html body #plyobar .pb-names .pb-f{font:800 10.5px/1.2 'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2BB8EC}}


/* Inline social proof. Ships hidden and stays hidden until a count clears the
   floor on the social-proof endpoint, at which point it appears on its own with
   no edit to this page. Aggregate counts only, never named people. */
/* Spans the full width of the price grid and left aligns, so it reads as the
   header of the pricing block rather than a pill floating above it. Matches the
   treatment inside the plyo price card. */
/* Floating card, bottom left. Built so the three things that make these
   widgets bad cannot happen here:
     1. It NEVER covers a sticky bar. It measures #plyobar at show time and
        sits above it, and re-measures if the bar appears later.
     2. It shows ONCE, not on a loop, and never reappears in the same session
        once seen or dismissed. Nothing to catch out by watching it.
     3. It hides itself while the pricing block is on screen, so it cannot
        pull attention off the decision at the moment it is being made.
   Plus: only after real engagement (past the hero, 7s dwell), dismissible,
   and it respects prefers-reduced-motion. No data, no card. */
#gp-pop{position:fixed;left:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:12px;
  max-width:min(372px,calc(100vw - 36px));padding:12px 14px 12px 12px;
  background:#131C25;border:1px solid rgba(43,184,236,.35);border-radius:12px;
  box-shadow:0 14px 36px rgba(0,0,0,.62);opacity:0;transform:translateY(12px);
  transition:opacity .4s ease,transform .4s ease,bottom .25s ease;pointer-events:none}
#gp-pop.on{opacity:1;transform:none;pointer-events:auto}
#gp-pop .ic{flex:none;width:42px;height:42px;border-radius:10px;background:rgba(43,184,236,.14);
  display:grid;place-items:center;color:var(--blue,#2BB8EC)}
#gp-pop .ic svg{width:22px;height:22px}
#gp-pop .tx{font-size:15px;color:#DCE9F1;line-height:1.35}
#gp-pop .tx b{color:#fff;font-weight:700}
#gp-pop .x{flex:none;margin-left:2px;width:24px;height:24px;border:0;background:none;cursor:pointer;
  color:#6D8798;font:inherit;font-size:19px;line-height:1;border-radius:6px}
#gp-pop .x:hover{color:#DCE9F1;background:rgba(255,255,255,.06)}
@media(prefers-reduced-motion:reduce){#gp-pop{transition:none}}


/* 2026-10-29 (Dries, option A): both plans on the same "per 4 weeks" number and the same rows.
   Every id the price scripts write (gpm-amt, gpm-per, gpm-note, gpm-cta, gpm-was, gpm-save) is kept. */
#pricing .gpA{align-items:stretch}
#pricing .gpA .price-card{padding:34px 32px 26px}
#pricing .gpA .price-per{font-size:15px;line-height:1.5;margin:12px 0 0}
#pricing .gpA-per{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:13px 16px;border-radius:12px;background:rgba(6,9,13,.55);border:1px solid rgba(234,245,251,.08)}
#pricing .gpA-per i{font:800 11.5px/1 'Barlow Semi Condensed',Inter,sans-serif;font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--text3)}
#pricing .gpA-per b{font:800 26px/1 'Barlow Condensed','Arial Narrow',Inter,sans-serif;color:var(--text)}
#pricing .best .gpA-per{border-color:rgba(43,184,236,.35);background:rgba(43,184,236,.08)}
#pricing .best .gpA-per b{color:var(--blue)}
#pricing .gpA-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px;text-align:left}
#pricing .gpA-list li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:15px;line-height:1.4;color:#D3E4EE}
#pricing .gpA-list svg{width:20px;height:20px;color:var(--blue);margin-top:1px}
#pricing .gpA-list li.off,#pricing .gpA-list li.off svg{color:var(--text3)}
#pricing .gpA-list small{display:block;font-size:12.5px;color:var(--text3);margin-top:2px}
#pricing .gpA-list b{color:#fff;font-weight:700}
#pricing .gpA .gpA-sp{flex:1}
#pricing .gpA .price-cta{margin-top:22px}
#pricing .gpA #gpm-note:not(.gpm-box){display:none}
body #pricing .gpA .price-card.best .price-note.gpm-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 0;padding:12px 14px 12px 16px;border-radius:14px}
#pricing .gpA .gpm-box .gpm-k{margin:0;max-width:170px;line-height:1.3;text-align:left}
#pricing .gpA .gpm-box .gpm-tiles{gap:6px;align-items:center}
#pricing .gpA .gpm-box .gpm-tiles div{min-width:44px;padding:7px 4px 6px;border-radius:8px}
#pricing .gpA .gpm-box .gpm-tiles b{font-size:26px}
#pricing .gpA .gpm-box .gpm-tiles i{display:none}
#pricing .gpA .gpm-box .gpm-tiles em{font-size:20px;padding-top:0}
#pricing .gpA .gpm-box .gpm-s{display:none}
@media(max-width:900px){#pricing .gpA .best{order:-1}}
@media(max-width:520px){body #pricing .gpA .price-card.best .price-note.gpm-box{flex-direction:column;align-items:stretch;text-align:center;gap:10px;padding:14px}
#pricing .gpA .gpm-box .gpm-k{max-width:none;text-align:center}#pricing .gpA .gpm-box .gpm-tiles{justify-content:center}#pricing .gpA .price-card{padding:30px 22px 24px}}

@media(max-width:520px){#pricing #gpm-save span{letter-spacing:.06em;font-size:11.5px;padding:7px 10px}}

/* 2026-10-05 (Dries, A4 without FREE on the photo): the Nutrition bonus as a
   card in the same build as the course price cards. Photo left fading into the
   card, the €47 / Free badge top right, ten numbered lessons. The old
   .bonusc panel below is kept hidden for rollback. */
.gpn{position:relative;display:grid;grid-template-columns:300px 1fr;margin-top:38px;border-radius:24px;overflow:hidden;border:1px solid rgba(43,184,236,.5);background:#0b121a;box-shadow:0 40px 120px -40px rgba(43,184,236,.6);text-align:left}
.gpn-ph{position:relative;min-height:300px}
.gpn-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gpn-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#0b121a)}
.gpn-bd{padding:28px 32px 26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.gpn-badge{position:absolute;top:18px;right:18px;z-index:2;display:flex;align-items:baseline;gap:10px;background:var(--blue);border-radius:999px;padding:8px 18px;box-shadow:0 6px 22px rgba(6,9,13,.45)}
.gpn-badge s{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:16px;font-weight:700;color:rgba(6,9,13,.55)}
.gpn-badge b{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:24px;font-weight:800;color:#06090D;text-transform:uppercase;letter-spacing:-.01em}
.gpn-pill{align-self:flex-start;display:inline-block;background:var(--blue);color:#06090D;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1;padding:9px 15px;border-radius:999px}
.gpn-t{margin:0;padding-right:150px;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1;text-transform:uppercase;color:#fff}
.gpn-grps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gpn-grps h5{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--border);font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.gpn-grps ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gpn-grps li{display:flex;gap:10px;font-size:13.5px;line-height:1.35;color:#D3E4EE}
.gpn-grps li i{flex:none;min-width:20px;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:13px;font-weight:800;font-style:normal;line-height:1.35;color:var(--blue)}
.gpn-foot{font-size:13.5px;line-height:1.45;color:var(--text2);border-top:1px solid var(--border);padding-top:14px}
.gpn-foot b{color:var(--text);font-weight:600}
@media(max-width:820px){.gpn{grid-template-columns:1fr}.gpn-ph{min-height:200px}.gpn-ph::after{background:linear-gradient(180deg,transparent 40%,#0b121a)}
.gpn-bd{padding:22px 20px}.gpn-t{padding-right:0}.gpn-grps{grid-template-columns:1fr}}

/* 2026-10-29 (Dries): the ten lessons fold away behind See all 10 lessons, like the hub tiles below. */.gpn-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gpn-part{border:1px solid rgba(234,245,251,.1);border-radius:14px;padding:13px 14px;background:rgba(234,245,251,.03)}.gpn-part em{display:block;font:700 11px 'Barlow Semi Condensed',sans-serif;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:#2BB8EC;margin-bottom:6px}.gpn-part b{display:block;font:800 19px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#EAF5FB}.gpn-part span{display:block;font:500 13px Barlow,sans-serif;color:#9FC3D6;margin-top:5px}.gpn-more[hidden],.gpn-parts[hidden]{display:none}.gpn-bd .x-btn{align-self:flex-start}@media(max-width:760px){.gpn-parts{grid-template-columns:1fr}.gpn-bd .x-btn{align-self:stretch}}
/* 2026-10-29 (Dries, hub tiles): the full list folds away behind See the full list; the video above shows it all. */.x-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.x-tile{border:1px solid rgba(234,245,251,.1);border-radius:16px;padding:16px;background:rgba(234,245,251,.03)}.x-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(43,184,236,.12);color:#2BB8EC;margin-bottom:12px}.x-ic svg{width:20px;height:20px}.x-tile b{display:block;font:800 22px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#EAF5FB}.x-tile span{display:block;font:500 14px/1.35 Barlow,sans-serif;color:#9FC3D6;margin-top:6px}
/* 2026-10-29 (Dries, option A): icon next to the title, thin blue top line, soft blue tint. Same look on the Nutrition part cards. */
html body .x-tile{display:grid;grid-template-columns:46px 1fr;column-gap:14px;align-items:center;padding:18px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(43,184,236,.07),rgba(234,245,251,.02))}
html body .x-tile::before,html body .gpn-part::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#2BB8EC,transparent)}
html body .x-tile .x-ic{grid-row:1 / span 2;margin:0;width:46px;height:46px}html body .x-tile b{align-self:end}html body .x-tile span{align-self:start;margin-top:4px}
html body .gpn-part{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(43,184,236,.07),rgba(234,245,251,.02))}
/* 2026-10-29 (Dries, option D): Nutrition card smaller, the food photo sits faded behind the whole card. */
html body .gpn{display:block}html body .gpn-ph{position:absolute;inset:0;min-height:0}html body .gpn-ph img{opacity:.6}html body .gpn-ph::after{background:linear-gradient(90deg,rgba(11,18,26,.55),#0b121a 70%)}
html body .gpn-bd{position:relative;padding:22px 26px;gap:10px}html body .gpn-t{font-size:clamp(24px,2.4vw,32px);padding-right:130px}html body .gpn-badge{padding:6px 14px}html body .gpn-badge b{font-size:20px}
html body .gpn-parts{gap:8px}html body .gpn-part{padding:9px 12px;background:rgba(11,18,26,.7)}html body .gpn-part em{margin-bottom:3px;font-size:10px}html body .gpn-part b{font-size:16px}html body .gpn-part span{font-size:12px;margin-top:2px}
html body .gpn-foot{border:0;padding:0;font-size:13px}html body .gpn-bd .x-btn{align-self:flex-start;padding:10px 16px;font-size:12px}
@media(max-width:600px){html body .gpn-t{padding-right:0;font-size:26px;margin-top:4px}html body .gpn-bd{padding:10px 18px 18px}html body .gpn-pill{font-size:11px;padding:7px 11px}html body .gpn-parts{grid-template-columns:1fr!important}
html body .gpn-badge{position:relative!important;top:auto;right:auto;z-index:2;display:inline-flex;margin:18px 18px 0}
html body .x-tile{display:block;padding:14px}html body .x-tile .x-ic{width:38px;height:38px;margin:0 0 10px}html body .x-tile span{margin-top:5px}}
.x-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;flex-wrap:wrap}.x-foot p{margin:0;color:rgba(234,245,251,.8);font-size:15px}.x-foot p b{color:#fff}.x-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(43,184,236,.45);background:rgba(43,184,236,.08);color:#EAF5FB;border-radius:999px;padding:12px 20px;font:700 14px 'Barlow Semi Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.x-btn:hover{background:rgba(43,184,236,.16)}.x-btn svg{width:16px;height:16px;transition:transform .2s}.x-btn[aria-expanded=true] svg{transform:rotate(180deg)}.x-full{margin-top:4px}.x-full[hidden],.x-tiles[hidden]{display:none!important}@media(max-width:760px){.x-tiles{grid-template-columns:1fr 1fr}.x-tile{padding:14px}.x-tile b{font-size:19px}.x-tile span{font-size:13px}.x-foot{flex-direction:column;align-items:stretch}.x-btn{width:100%}}
/* 2026-10-28 (Dries): on a phone the whole photo shows, so the client on the bench is in it too; the name moves to the top. */@media(max-width:900px){html body .gpx-dph{height:auto!important;aspect-ratio:933/1400}html body .gpx-dph img{object-position:50% 100%}html body .gpx-dph::after{background:linear-gradient(180deg,#0C1219 0%,transparent 22%),linear-gradient(0deg,#0C1219 0%,transparent 10%),linear-gradient(0deg,rgba(43,184,236,.1),rgba(43,184,236,.1))!important}html body .gpx-sig{top:22px;bottom:auto;font-size:52px}}

/* Five jumps, in the app's test order (2026-09-30). Replaces the test day video. Figures are the app's own how-to animations, loaded from grossenperformance.com/js/jump-figures.js (a copy of the app's jump-figures.js). */
.j5-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px;align-items:stretch}
.j5-c{position:relative;border-radius:16px;background:#06090D;border:1px solid rgba(234,245,251,.08);padding:12px 12px 16px;min-width:0;display:flex;flex-direction:column}
.j5-c>i{position:absolute;top:10px;left:12px;font:800 22px/1 'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-style:normal;color:var(--text3)}
.j5-c.ld>i{color:var(--blue-ice)}
.j5-fig{height:128px;display:flex;align-items:flex-end;justify-content:center}
.j5-fig>div{width:100%;max-width:170px}
.j5-c canvas{display:block;margin:0 auto}
.j5-c b{display:block;font:800 22px/1 'Barlow Condensed','Arial Narrow',Inter,sans-serif;text-transform:uppercase;color:var(--text);margin-top:10px}
.j5-c span{display:inline-block;align-self:flex-start;margin-top:8px;font:700 11px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:rgba(43,184,236,.12);padding:6px 8px;border-radius:6px}
.j5-c.ld{border-color:rgba(125,212,240,.35);background:linear-gradient(160deg,rgba(125,212,240,.1),#06090D 60%)}
.j5-c.ld span{color:var(--blue-ice);background:rgba(125,212,240,.14)}
@media(max-width:900px){
 .j5-grid{grid-template-columns:1fr 1fr;gap:10px}
 .j5-c:last-child{grid-column:1 / -1}
 .j5-fig{height:110px}
 .j5-c b{font-size:19px}
}

/* 2026-10-28 (Dries, option B): each goal with the jump it is tested with, then one timeline. */#method .q-goals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}#method .q-g{background:linear-gradient(180deg,#15222F,#101a25);border:1px solid rgba(43,184,236,.2);border-radius:22px;padding:20px 18px 22px;display:flex;flex-direction:column;min-width:0}#method .q-g .j5-fig{height:120px}#method .q-g b{font:800 26px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#EAF5FB;margin-top:14px}#method .q-g em{font-style:normal;margin-top:8px;font:700 12px/1.25 "Barlow Semi Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2BB8EC}#method .q-all{height:120px;display:flex;align-items:flex-end;justify-content:center;font:800 64px/1 "Barlow Condensed",sans-serif;color:transparent;-webkit-text-stroke:1.5px #2BB8EC}#method .q-mini{height:120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;align-items:end;overflow:hidden}#method .q-g .q-mini .j5-fig{height:120px;min-width:0}#method .q-mini .j5-fig>div{max-width:100%;transform-origin:50% 100%}@media(max-width:760px){#method .q-mini{gap:0}#method .q-mini .j5-fig>div{transform:scale(1.75)}}/* 2026-10-28 (Dries, option A): lit stage cards. */#method .q-goals{gap:16px}#method .q-g{position:relative;overflow:hidden;background:radial-gradient(120% 65% at 50% 0%,rgba(43,184,236,.18),transparent 62%),linear-gradient(180deg,#132232,#0b131c);border-color:rgba(43,184,236,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 34px 70px -34px rgba(0,0,0,.9)}#method .q-n{position:absolute;top:16px;left:18px;font:800 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.22em;color:#2BB8EC}#method .q-g>.j5-fig,#method .q-g>.q-mini{position:relative}#method .q-g>.j5-fig:after,#method .q-g>.q-mini:after{content:"";position:absolute;left:12%;right:12%;bottom:-6px;height:22px;background:radial-gradient(50% 50% at 50% 50%,rgba(43,184,236,.35),transparent 70%);pointer-events:none}#method .q-g>.q-mini{overflow:visible}#method .q-g b{margin-top:22px;padding-top:18px;border-top:1px solid rgba(43,184,236,.14)}#method .q-g em{align-self:flex-start;margin-top:12px;padding:7px 11px;border-radius:999px;background:rgba(43,184,236,.1);border:1px solid rgba(43,184,236,.32);font-size:10.5px;line-height:1.2}@media(max-width:760px){#method .q-g em{border-radius:10px;padding:6px 9px;font-size:9.5px;letter-spacing:.1em}}#method .q-tl{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;margin-top:34px;position:relative}#method .q-tl:before{content:"";position:absolute;left:12%;right:12%;top:9px;height:2px;background:linear-gradient(90deg,#7DD4F0,rgba(43,184,236,.3),#2BB8EC)}#method .q-tl>div{position:relative;text-align:center;padding-top:30px}#method .q-tl>div:before{content:"";position:absolute;left:50%;top:0;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#06090D;border:3px solid #2BB8EC;box-sizing:border-box}#method .q-tl b{display:block;font:800 22px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#EAF5FB}#method .q-tl span{display:block;color:#9FC3D6;font-size:14px;margin-top:6px}@media(max-width:760px){#method .q-goals{grid-template-columns:1fr 1fr}#method .q-tl{grid-template-columns:1fr;gap:18px}#method .q-tl:before{display:none}}
/* 2026-10-28: on a phone the three steps hang on one line, text left. */
@media(max-width:760px){html body #method .q-tl{gap:22px;max-width:400px;margin-left:auto;margin-right:auto}html body #method .q-tl>div{text-align:left!important;padding:0 0 0 40px!important}html body #method .q-tl>div:before{left:0!important;margin-left:0!important;top:1px}html body #method .q-tl>div:not(:last-child):after{content:"";position:absolute;left:9px;top:21px;bottom:-23px;width:2px;background:rgba(43,184,236,.45)}html body #method .q-tl span{margin-top:5px}}
@media(max-width:700px){.gpnote{grid-template-columns:1fr!important;gap:18px!important}}
/* 2026-10-29 (Dries, option 1): the three types as tiles, four facts underneath. */
      body .speed.gpS{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;padding:26px 28px}
      .gpS .t{color:var(--blue)}
      .gpS-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
      .gpS-tile{position:relative;padding:18px 18px 16px;border-radius:16px;background:rgba(6,9,13,.6);border:1px solid rgba(234,245,251,.09);overflow:hidden}
      .gpS-tile::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(43,184,236,.22),transparent 70%)}
      .gpS-tile .bd{display:inline-block;font:800 13px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.14em;color:#06090D;background:var(--blue);border-radius:6px;padding:5px 8px 4px}
      .gpS-tile .nm{margin-top:12px;font:800 26px/1 'Barlow Condensed','Arial Narrow',Inter,sans-serif;text-transform:uppercase;color:var(--text)}
      /* 2026-10-29 (Dries, option B): Multidirectional speed on one line, all three names the same size. */html body .gpS-tile .nm{font-size:clamp(19px,1.5vw,23px)!important;white-space:nowrap}
      .gpS-tile svg{position:absolute;right:16px;top:16px;width:30px;height:30px;color:#7DD4F0;opacity:.9;z-index:1}
      .gpS-facts{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:-14px}
      .gpS-facts span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(234,245,251,.1);font:700 12.5px/1 'Barlow Semi Condensed',Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--text2)}
      .gpS-facts span i{width:6px;height:6px;border-radius:50%;background:var(--blue)}
      @media(max-width:760px){body .speed.gpS{grid-template-columns:1fr;gap:18px;padding:22px 18px}.gpS-tiles{grid-template-columns:1fr}.gpS-facts{grid-column:1;margin-top:0}.gpS-tiles+div:empty{display:none}html body .gpS-facts{display:grid!important;grid-template-columns:1fr;gap:12px;padding:4px 0 0 4px}html body .gpS-facts span{border:0;border-radius:0;padding:0;font-size:13px;line-height:1.2;letter-spacing:.12em;gap:12px}}
      
/* 2026-10-28 (Dries, option A): one speed session in the program phone, the way My Program shows it (bronze, the type badge). */.gpph-wrap .nx-row.nx-sp{border-color:rgba(180,98,42,.6)}.gpph-wrap .nx-row.nx-sp .nx-num{background:rgba(180,98,42,.12);color:#B4622A;border:1px solid rgba(180,98,42,.4);font-size:10px;letter-spacing:.04em;width:auto;min-width:30px;padding:0 5px}.gpph-wrap .nx-row.nx-sp.on{border-color:#B4622A;box-shadow:0 0 0 2px rgba(180,98,42,.35)}

/* Inline social proof. Ships hidden and stays hidden until a count clears the
   floor on the social-proof endpoint, at which point it appears on its own with
   no edit to this page. Aggregate counts only, never named people. */
/* Spans the full width of the price grid and left aligns, so it reads as the
   header of the pricing block rather than a pill floating above it. Matches the
   treatment inside the plyo price card. */
/* Floating card, bottom left. Built so the three things that make these
   widgets bad cannot happen here:
     1. It NEVER covers a sticky bar. It measures #plyobar at show time and
        sits above it, and re-measures if the bar appears later.
     2. It shows ONCE, not on a loop, and never reappears in the same session
        once seen or dismissed. Nothing to catch out by watching it.
     3. It hides itself while the pricing block is on screen, so it cannot
        pull attention off the decision at the moment it is being made.
   Plus: only after real engagement (past the hero, 7s dwell), dismissible,
   and it respects prefers-reduced-motion. No data, no card. */
#gp-pop{position:fixed;left:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:12px;
  max-width:min(372px,calc(100vw - 36px));padding:12px 14px 12px 12px;
  background:#131C25;border:1px solid rgba(43,184,236,.35);border-radius:12px;
  box-shadow:0 14px 36px rgba(0,0,0,.62);opacity:0;transform:translateY(12px);
  transition:opacity .4s ease,transform .4s ease,bottom .25s ease;pointer-events:none}
#gp-pop.on{opacity:1;transform:none;pointer-events:auto}
#gp-pop .ic{flex:none;width:42px;height:42px;border-radius:10px;background:rgba(43,184,236,.14);
  display:grid;place-items:center;color:var(--blue,#2BB8EC)}
#gp-pop .ic svg{width:22px;height:22px}
#gp-pop .tx{font-size:15px;color:#DCE9F1;line-height:1.35}
#gp-pop .tx b{color:#fff;font-weight:700}
#gp-pop .x{flex:none;margin-left:2px;width:24px;height:24px;border:0;background:none;cursor:pointer;
  color:#6D8798;font:inherit;font-size:19px;line-height:1;border-radius:6px}
#gp-pop .x:hover{color:#DCE9F1;background:rgba(255,255,255,.06)}
@media(prefers-reduced-motion:reduce){#gp-pop{transition:none}}


/* 2026-10-05 (Dries, A4 without FREE on the photo): the Nutrition bonus as a
   card in the same build as the course price cards. Photo left fading into the
   card, the €47 / Free badge top right, ten numbered lessons. The old
   .bonusc panel below is kept hidden for rollback. */
.gpn{position:relative;display:grid;grid-template-columns:300px 1fr;margin-top:38px;border-radius:24px;overflow:hidden;border:1px solid rgba(43,184,236,.5);background:#0b121a;box-shadow:0 40px 120px -40px rgba(43,184,236,.6);text-align:left}
.gpn-ph{position:relative;min-height:300px}
.gpn-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gpn-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#0b121a)}
.gpn-bd{padding:28px 32px 26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.gpn-badge{position:absolute;top:18px;right:18px;z-index:2;display:flex;align-items:baseline;gap:10px;background:var(--blue);border-radius:999px;padding:8px 18px;box-shadow:0 6px 22px rgba(6,9,13,.45)}
.gpn-badge s{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:16px;font-weight:700;color:rgba(6,9,13,.55)}
.gpn-badge b{font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:24px;font-weight:800;color:#06090D;text-transform:uppercase;letter-spacing:-.01em}
.gpn-pill{align-self:flex-start;display:inline-block;background:var(--blue);color:#06090D;font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1;padding:9px 15px;border-radius:999px}
.gpn-t{margin:0;padding-right:150px;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1;text-transform:uppercase;color:#fff}
.gpn-grps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gpn-grps h5{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--border);font-family:'Barlow Semi Condensed',Inter,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.gpn-grps ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gpn-grps li{display:flex;gap:10px;font-size:13.5px;line-height:1.35;color:#D3E4EE}
.gpn-grps li i{flex:none;min-width:20px;font-family:'Barlow Condensed','Arial Narrow',Inter,sans-serif;font-size:13px;font-weight:800;font-style:normal;line-height:1.35;color:var(--blue)}
.gpn-foot{font-size:13.5px;line-height:1.45;color:var(--text2);border-top:1px solid var(--border);padding-top:14px}
.gpn-foot b{color:var(--text);font-weight:600}
@media(max-width:820px){.gpn{grid-template-columns:1fr}.gpn-ph{min-height:200px}.gpn-ph::after{background:linear-gradient(180deg,transparent 40%,#0b121a)}
.gpn-bd{padding:22px 20px}.gpn-t{padding-right:0}.gpn-grps{grid-template-columns:1fr}}


/* ===== coaching page additions, all prefixed oc- ===== */
.oc-photo{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(43,184,236,.35);box-shadow:0 0 70px rgba(43,184,236,.18);aspect-ratio:4/5;max-width:400px;margin:0 auto}
.oc-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.oc-photo .oc-cap{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(6,9,13,.8);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;text-align:left}
.oc-photo .oc-cap i{flex:none;width:10px;height:10px;border-radius:50%;background:#2BB8EC;box-shadow:0 0 12px #2BB8EC}
.oc-photo .oc-cap span{font:600 14.5px/1.35 Barlow,sans-serif;color:#EAF5FB}
.oc-photo .oc-cap span b{color:#2BB8EC}
/* how I coach */
.oc-loop{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;margin-top:44px}
.oc-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.oc-steps li{display:grid;grid-template-columns:62px 1fr;gap:14px;padding:16px 16px;border-radius:14px;border:1px solid transparent}
.oc-steps li.on{border-color:rgba(43,184,236,.35);background:rgba(43,184,236,.06)}
.oc-steps time{font:800 15px/1.2 'Barlow Semi Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#2BB8EC;padding-top:3px}
.oc-steps b{display:block;font:800 22px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#EAF5FB;margin-bottom:6px}
.oc-steps span{font:400 15px/1.5 Barlow,sans-serif;color:#9fb3c0}
.oc-phones{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.oc-ph{border-radius:26px;padding:10px;background:#0b1118;border:1px solid rgba(43,184,236,.28);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 50px rgba(43,184,236,.12)}
.oc-ph img{width:100%;display:block;border-radius:18px}
.oc-ph.l{margin-top:48px}
.oc-tag{display:inline-block;margin:0 0 10px 6px;font:700 11.5px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:#2BB8EC;color:#06121B}
.oc-tag.g{background:rgba(255,255,255,.08);color:#cfe3ee}
.oc-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:40px}
.oc-d{border-radius:12px;padding:12px 10px;background:#0b1118;border:1px solid rgba(255,255,255,.06);min-height:96px}
.oc-d b{display:block;font:800 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;color:#7d95a4;margin-bottom:10px}
.oc-d span{display:block;font:600 13px/1.3 Barlow,sans-serif;color:#cfdbe3}
.oc-d.me{border-color:rgba(43,184,236,.5);background:linear-gradient(180deg,rgba(43,184,236,.16),rgba(43,184,236,.04))}
.oc-d.me b{color:#2BB8EC}
.oc-any{margin-top:10px;text-align:center;font:500 14.5px/1.5 Barlow,sans-serif;color:#9fb3c0}
.oc-any b{color:#EAF5FB}
/* proof extras */
.oc-big{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;height:100%;min-height:220px;padding:26px;border-radius:16px;background:radial-gradient(120% 120% at 20% 0%,rgba(43,184,236,.22),rgba(11,17,24,1) 60%)}
.oc-big b{font:800 76px/.9 'Barlow Condensed',sans-serif;color:#2BB8EC}
.oc-big span{font:600 14px/1.3 Barlow,sans-serif;color:#cfdbe3}
.oc-big em{font-style:normal;font:800 30px/1 'Barlow Condensed',sans-serif;color:#EAF5FB;margin-top:10px}
/* apply */
.oc-form{max-width:760px;margin:40px auto 0;text-align:left}
.oc-q{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.oc-q:last-of-type{border-bottom:0}
.oc-q label{display:flex;gap:12px;font:600 18px/1.35 Barlow,sans-serif;color:#EAF5FB;margin-bottom:14px}
.oc-q label i{font-style:normal;font:800 20px/1.1 'Barlow Condensed',sans-serif;color:#2BB8EC}
.oc-ta{width:100%;min-height:92px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#070c12;color:#EAF5FB;padding:14px;font:400 16px/1.5 Barlow,sans-serif;resize:vertical}
.oc-in{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.oc-in input{border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#070c12;color:#EAF5FB;padding:14px;font:400 16px Barlow,sans-serif}
.oc-opts{display:flex;gap:10px;flex-wrap:wrap}
.oc-opt{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px 24px;min-width:70px;text-align:center;font:700 15px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.06em;color:#d6e1e8;background:transparent;cursor:pointer}
.oc-opt.on{background:#2BB8EC;border-color:#2BB8EC;color:#06121B;box-shadow:0 0 22px rgba(43,184,236,.4)}
.oc-send{width:100%;margin-top:18px}
.oc-fine{margin-top:12px;text-align:center;font:500 13.5px/1.5 Barlow,sans-serif;color:#7d95a4}
.oc-out{display:none;text-align:left}
.oc-out h3{font:800 38px/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#EAF5FB;margin:8px 0 12px}
.oc-out p{color:#b9c6cf;font:400 16px/1.55 Barlow,sans-serif}
.oc-cal{margin-top:16px;border-radius:14px;background:#fff;color:#1a1a1a;padding:22px;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;text-align:center}
.oc-cal b{display:block;font-size:17px;margin-bottom:4px}
.oc-note{display:inline-block;margin-top:6px;font:700 11px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#B5791F;border:1px dashed #B5791F;border-radius:999px;padding:5px 10px}
.oc-notnow{max-width:640px;margin:26px auto 0;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 20px;font:400 15px/1.5 Barlow,sans-serif;color:#b9c6cf;text-align:center}
.oc-notnow a{color:#2BB8EC;font-weight:700;text-decoration:none}
html body .proof .gpx-proofrow.oc-show{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px}
html body .proof .gpx-proofrow.oc-show .gpx-sbd{padding:20px}
html body .proof .gpx-proofrow.oc-show .gpx-sph .vid{margin:0!important}
.oc-phones{display:block;position:relative}
.oc-phones>div{position:relative}
.oc-phones>div+div{margin-top:22px!important}
.oc-ph{border-radius:20px;padding:8px}
.oc-ph img{border-radius:14px}
@media (max-width:900px){
 html body .proof .gpx-proofrow.oc-show{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}
 html body .proof .gpx-proofrow.oc-show>*{flex:0 0 84%;scroll-snap-align:center}
 .oc-loop{grid-template-columns:1fr;gap:30px}
 .oc-week{grid-template-columns:1fr 1fr 1fr 1fr}
 .oc-in{grid-template-columns:1fr}
}
@media (max-width:560px){
 .oc-week{grid-template-columns:1fr 1fr}
 .oc-phones{gap:10px}.oc-ph{padding:6px;border-radius:18px}.oc-ph img{border-radius:13px}.oc-ph.l{margin-top:30px}
 .oc-steps li{grid-template-columns:1fr;gap:4px;padding:12px}
 .oc-big b{font-size:60px}
}

.oc-fit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.oc-fc{border-radius:20px;padding:24px 26px;background:linear-gradient(180deg,#101821,#0C1219);border:1px solid rgba(234,245,251,.08)}
.oc-fc.yes{border-color:rgba(43,184,236,.45);box-shadow:0 0 50px rgba(43,184,236,.1)}
.oc-fh{font:800 24px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin-bottom:16px;color:#EAF5FB}
.oc-fc.yes .oc-fh{color:#2BB8EC}
.oc-fc ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.oc-fc li{display:flex;gap:12px;align-items:flex-start;font:500 16px/1.4 Barlow,sans-serif;color:#d6e1e8}
.oc-fc li svg{flex:none;width:20px;height:20px;margin-top:1px}
.oc-fc.yes li svg{color:#2BB8EC}.oc-fc.no li svg{color:#6d7f8b}.oc-fc.no li{color:#9fb3c0}
@media (max-width:760px){.oc-fit{grid-template-columns:1fr}}
/* F1 tick cards */
.f1g{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:44px}
.f1c{all:unset;cursor:pointer;box-sizing:border-box;border-radius:20px;padding:22px 20px 24px;background:linear-gradient(180deg,#101821,#0C1219);border:1px solid rgba(234,245,251,.08);position:relative;transition:.2s}
.f1c .n{font:800 64px/.9 'Barlow Condensed',sans-serif;color:#2e4352;transition:.2s}
.f1c .u{font:800 15px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#5f7686;margin-top:4px;letter-spacing:.04em}
.f1c b{display:block;font:700 16px/1.35 Barlow,sans-serif;color:#cfdbe3;margin-top:18px}
.f1c i{position:absolute;right:16px;top:16px;width:26px;height:26px;border-radius:50%;border:2px solid #2e4352;transition:.2s}
.f1c.on{border-color:#2BB8EC;background:linear-gradient(180deg,rgba(43,184,236,.16),#0C1219);box-shadow:0 0 40px rgba(43,184,236,.18)}
.f1c.on .n{color:#2BB8EC;text-shadow:0 0 24px rgba(43,184,236,.5)}.f1c.on .u{color:#7DD4F0}
.f1c.on i{background:#2BB8EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%2306121B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;border-color:#2BB8EC}
.f1bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:18px 22px;border-radius:18px;border:1px dashed rgba(43,184,236,.3)}
.f1bar .d{display:flex;gap:6px}.f1bar .d i{width:34px;height:6px;border-radius:6px;background:#1c2a35}.f1bar .d i.on{background:#2BB8EC;box-shadow:0 0 10px #2BB8EC}
.f1bar span{font:600 16px Barlow,sans-serif;color:#9fb3c0;flex:1}
.f1bar .btn[disabled]{opacity:.35;pointer-events:none;box-shadow:none}
.f1not{margin-top:18px;font:500 14px/1.6 Barlow,sans-serif;color:#6d8191}.f1not b{color:#9fb3c0}

.tv{position:relative;max-width:330px;margin:0 auto}
.tv .glow{position:absolute;inset:-70px;background:radial-gradient(closest-side,rgba(43,184,236,.3),transparent);z-index:-1}
.tv .sc img{transition:opacity .3s}
.tv .cap{position:absolute;left:-36px;right:-36px;bottom:38px;z-index:3;text-align:center}
.tv .cap span{display:inline-block;background:#2BB8EC;color:#06121B;font:800 15px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.tv .prog{display:flex;gap:5px;justify-content:center;margin-top:18px}.tv .prog i{width:28px;height:4px;border-radius:4px;background:#1c2a35;overflow:hidden;position:relative}
.tv .prog i.done{background:#2BB8EC}.tv .prog i.on::after{content:"";position:absolute;inset:0;background:#2BB8EC;animation:fill 4s linear forwards;width:0}
@keyframes fill{from{width:0}to{width:100%}}
.gpT-ch button{grid-template-columns:86px 1fr}
.rdy-steps{display:flex;gap:10px;justify-content:center;margin:30px 0 0;flex-wrap:wrap}
.rdy-steps span{font:800 12px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;border-radius:999px;border:1px solid rgba(43,184,236,.25);color:#6FA8C4}
.rdy-steps span.on{background:#2BB8EC;border-color:#2BB8EC;color:#06121B}
#rdy .f1g{margin-top:30px}
.f1c .n small{font-size:.45em;margin-left:2px}
.rdy-no{all:unset;cursor:pointer;font:600 14px Barlow,sans-serif;color:#6d8191;text-decoration:underline;text-underline-offset:3px}
#rdy2{display:none;max-width:560px;margin:34px auto 0}
html,body{overflow-x:hidden}
.rdyS{padding:clamp(80px,10vw,130px) 0;position:relative}
.rdyS::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 0%,rgba(43,184,236,.14),transparent);pointer-events:none}
#rdy{text-align:center}#rdy>h2{margin:10px 0 12px}#rdy>p{font:400 18px/1.5 Barlow,sans-serif;color:#9fb3c0;margin:0}
#how .gpT-txt h2{font-size:clamp(40px,4.4vw,64px)}
@media (max-width:900px){
 #rdy .f1g{grid-template-columns:1fr 1fr}
 #rdy .f1g .f1c:last-child{grid-column:span 2}
 #rdy .f1bar{flex-wrap:wrap;gap:14px}
 #rdy .f1bar span{flex:1 1 100%}
 .tv{max-width:270px}
 .tv .cap{left:-10px;right:-10px}
}
@media (max-width:560px){#rdy{padding:0 18px}#rdy .f1c{padding:16px 14px 18px}#rdy .f1c .n{font-size:46px}#rdy .f1c b{font-size:14.5px}.rdy-steps span{font-size:11px;padding:8px 10px}}
#rdy .f1bar{text-align:left}

.gpI-left{position:absolute;right:14px;top:14px;z-index:2;padding:8px 12px;border-radius:999px;background:rgba(6,9,13,.7);font:800 13px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.12em;color:#EAF5FB}
.oc-vshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,9,13,.15) 40%,rgba(6,9,13,.85))}
.oc-vcap{position:absolute;left:22px;right:22px;bottom:64px;text-align:center;font:800 30px/1.02 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#EAF5FB;text-shadow:0 4px 18px rgba(0,0,0,.8)}
.oc-vcap em{font-style:normal;color:#2BB8EC}
.oc-slot{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;font:700 11px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#B5791F;border:1px dashed #B5791F;border-radius:999px;padding:6px 10px;background:rgba(6,9,13,.7)}
.oc-q2{display:grid!important;grid-template-columns:1fr 1fr;gap:22px;max-width:1120px!important;margin-top:64px!important}
.oc-q2 .quote-card{margin:0!important;max-width:none!important}
@media (max-width:900px){.oc-q2{grid-template-columns:1fr}}
.oc-film{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;border:1px solid rgba(43,184,236,.3);box-shadow:0 40px 90px -20px rgba(0,0,0,.9),0 0 70px rgba(43,184,236,.14);background:#06090D}
.oc-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ===== application: A+B mix ===== */
#apply .ck{width:22px;height:22px;flex:none}
/* ===== A: stage ===== */
.AXX{position:relative;border-radius:26px;overflow:hidden;min-height:600px;background:#070b10;border:1px solid rgba(43,184,236,.3);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);display:grid;grid-template-columns:150px 1fr}
.AB .rail{position:relative;background:linear-gradient(180deg,#0e1822,#080d13);border-right:1px solid rgba(43,184,236,.15);padding:30px 0 0 26px}
.AB .rail div{display:flex;align-items:center;gap:12px;margin-bottom:34px;font:800 13px/1.1 'Barlow Semi Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#4E7A90}
.AB .rail i{width:32px;height:32px;border-radius:50%;border:2px solid #1f3442;display:flex;align-items:center;justify-content:center;font:800 16px 'Barlow Condensed';font-style:normal;color:#4E7A90;flex:none}
.AB .rail .on{color:#EAF5FB}.AB .rail .on i{border-color:#2BB8EC;background:#2BB8EC;color:#06121B;box-shadow:0 0 18px rgba(43,184,236,.6)}
.AB .rail .dn i{border-color:#2BB8EC;color:#2BB8EC}
.AB .body{padding:40px 44px;position:relative}
.AB .big{position:absolute;right:20px;top:-30px;font:800 260px/1 'Barlow Condensed';color:rgba(43,184,236,.06)}
.AB .k{font:800 13px/1 'Barlow Semi Condensed';letter-spacing:.2em;text-transform:uppercase;color:#2BB8EC}
.AB h3{font:800 52px/.92 'Barlow Condensed';text-transform:uppercase;color:#EAF5FB;margin:12px 0 22px;position:relative}
.AB h3 em{font-style:normal;color:#2BB8EC}
.AB .rows{display:grid;gap:10px;position:relative}
.AB .row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.AB .row b{font:800 30px/1 'Barlow Condensed';color:#2BB8EC;width:78px;flex:none}
.AB .row span{font:600 15.5px/1.35 Barlow;color:#d6e1e8;flex:1}
.AB .row.on{border-color:rgba(43,184,236,.5);background:rgba(43,184,236,.08)}
.AB .row .ck{color:#2BB8EC}.AB .row:not(.on) .ck{color:#2a3d4a}
.AB .go{margin-top:20px;display:flex;justify-content:space-between;align-items:center}
.AB textarea,.AB input{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#05090d;color:#EAF5FB;padding:16px;font:500 17px/1.5 Barlow;margin-bottom:12px}
.AB textarea{min-height:150px}
.AB .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calbox{border-radius:16px;background:#fff;height:330px;display:flex;flex-direction:column;overflow:hidden;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:#1a1a1a}
.calbox .h{padding:14px 18px;border-bottom:1px solid #eee;display:flex;gap:12px;align-items:center}
.calbox .h img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.calbox .h b{display:block;font-size:15px}.calbox .h span{font-size:12.5px;color:#666}
.calbox .c{flex:1;display:flex;align-items:center;justify-content:center;color:#888;font-size:13px;text-align:center;padding:20px}
.calbox .c small{display:block;color:#B5791F;font-weight:700;margin-top:6px}
.mth{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;border-radius:18px;padding:14px;background:linear-gradient(180deg,#0f1922,#0a1118);border:1px solid rgba(43,184,236,.3)}
.mth img{width:150px;aspect-ratio:4/5;object-fit:cover;border-radius:12px;display:block}
.mth b{display:block;font:800 26px/1 'Barlow Condensed';text-transform:uppercase;color:#EAF5FB;margin-bottom:6px}
.mth p{margin:0 0 12px;font:500 14.5px/1.45 Barlow;color:#9fb3c0}
.lnk{font:800 13px/1 'Barlow Semi Condensed';letter-spacing:.14em;text-transform:uppercase;color:#2BB8EC}
.p{font:500 16px/1.55 Barlow;color:#9fb3c0;margin:0 0 20px;position:relative}
.AB{position:relative;border-radius:26px;overflow:hidden;min-height:620px;background:radial-gradient(80% 60% at 90% 0%,rgba(43,184,236,.12),transparent),#070b10;border:1px solid rgba(43,184,236,.3);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);display:grid;grid-template-columns:150px 1fr}
.AB .body{padding:34px 40px;position:relative}
.AB .big{position:absolute;right:18px;top:-36px;font:800 260px/1 'Barlow Condensed';color:rgba(43,184,236,.06);pointer-events:none}
.say{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;position:relative}
.say img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #2BB8EC;flex:none;box-shadow:0 0 18px rgba(43,184,236,.35)}
.say .bb{background:#16222d;border-radius:20px;border-top-left-radius:6px;padding:14px 18px;max-width:440px}
.say .bb small{display:block;font:800 11.5px/1 'Barlow Semi Condensed';letter-spacing:.18em;text-transform:uppercase;color:#6FA8C4;margin-bottom:8px}
.say .bb h3{font:800 34px/.95 'Barlow Condensed';text-transform:uppercase;color:#EAF5FB;margin:0}
.say .bb h3 em{font-style:normal;color:#2BB8EC}
.say .bb p{margin:8px 0 0;font:500 15px/1.45 Barlow;color:#9fb3c0}
.AB .rows{display:grid;gap:9px}
.AB .row{display:flex;align-items:center;gap:16px;padding:13px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.AB .row b{font:800 28px/1 'Barlow Condensed';color:#2BB8EC;width:74px;flex:none}
.AB .row span{font:600 15px/1.35 Barlow;color:#d6e1e8;flex:1}
.AB .row.on{border-color:#2BB8EC;background:#2BB8EC}.AB .row.on b,.AB .row.on span{color:#06121B}.AB .row.on .ck{color:#06121B}.AB .row:not(.on) .ck{color:#2a3d4a}
.ans{display:flex;justify-content:flex-end;margin:0 0 18px}
.ans span{background:#2BB8EC;color:#06121B;font:600 15.5px/1.4 Barlow;padding:12px 16px;border-radius:20px;border-bottom-right-radius:6px;max-width:400px}
.AB textarea,.AB input{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#05090d;color:#EAF5FB;padding:15px;font:500 16.5px/1.5 Barlow;margin-bottom:11px}
.AB textarea{min-height:120px}
.AB .two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.AB .go{margin-top:16px;display:flex;justify-content:space-between;align-items:center}
.mt2{border-radius:18px;padding:20px 22px;background:linear-gradient(160deg,#10202c,#0a1219);border:1px solid rgba(43,184,236,.35)}
.mt2 .k{font:800 12px/1 'Barlow Semi Condensed';letter-spacing:.2em;text-transform:uppercase;color:#6FA8C4}
.mt2 b{display:block;font:800 30px/1 'Barlow Condensed';text-transform:uppercase;color:#EAF5FB;margin:8px 0 6px}
.mt2 p{margin:0 0 14px;font:500 15px/1.45 Barlow;color:#9fb3c0}
.mt2 .g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.mt2 .g span{border:1px solid rgba(43,184,236,.35);border-radius:12px;padding:11px 12px;font:800 16px/1.1 'Barlow Condensed';text-transform:uppercase;color:#EAF5FB}
.mt2 .g span i{display:block;font:600 11.5px/1.3 Barlow;text-transform:none;color:#7d95a4;font-style:normal;margin-top:3px}
.AB .rail{position:relative;background:linear-gradient(180deg,#0e1822,#080d13);border-right:1px solid rgba(43,184,236,.15);padding:30px 0 0 24px}
.AB .rail div{display:flex;align-items:center;gap:12px;margin-bottom:34px;font:800 13px/1.1 'Barlow Semi Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#4E7A90}
.AB .rail i{width:32px;height:32px;border-radius:50%;border:2px solid #1f3442;display:flex;align-items:center;justify-content:center;font:800 16px 'Barlow Condensed';font-style:normal;color:#4E7A90;flex:none}
.AB .rail .on{color:#EAF5FB}.AB .rail .on i{border-color:#2BB8EC;background:#2BB8EC;color:#06121B;box-shadow:0 0 18px rgba(43,184,236,.6)}
.AB .rail .dn i{border-color:#2BB8EC;color:#2BB8EC}
.calbox .h img{object-position:50% 50%!important}
.calbox{border-radius:16px;background:#fff;height:330px;display:flex;flex-direction:column;overflow:hidden;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:#1a1a1a}
.calbox .h{padding:14px 18px;border-bottom:1px solid #eee;display:flex;gap:12px;align-items:center}
.calbox .h img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.calbox .h b{display:block;font-size:15px}
.calbox .h span{font-size:12.5px;color:#666}
.calbox .c{flex:1;display:flex;align-items:center;justify-content:center;color:#888;font-size:13px;text-align:center;padding:20px}
.calbox .c small{display:block;color:#B5791F;font-weight:700;margin-top:6px}
.lnk{font:800 13px/1 'Barlow Semi Condensed';letter-spacing:.14em;text-transform:uppercase;color:#2BB8EC}
.calbox{height:250px}
.btnp{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2BB8EC;color:#06121B;border-radius:999px;padding:15px 26px;font:700 14px/1 'Barlow Semi Condensed';letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 28px rgba(43,184,236,.45)}
.btnp.w{width:100%;box-sizing:border-box}
.ghost{font:600 14px Barlow;color:#6d8191;text-decoration:underline;text-underline-offset:3px}
#apply .AB{max-width:880px;margin:36px auto 0;text-align:left;min-height:560px}
#apply .AB .rows .row{cursor:pointer;transition:.15s}
#apply .AB .btnp{border:0;cursor:pointer}#apply .AB .btnp[disabled]{opacity:.35;pointer-events:none;box-shadow:none}
#apply .AB .ghost{cursor:pointer;background:none;border:0}
#apply .AB .calf{border-radius:16px;overflow:hidden;background:#fff;height:620px}#apply .AB .calf iframe{width:100%;height:100%;border:0}
@media (max-width:760px){#apply .AB{grid-template-columns:1fr}#apply .AB .rail{display:flex;gap:16px;padding:14px 16px;border-right:0;border-bottom:1px solid rgba(43,184,236,.15)}#apply .AB .rail div{margin:0;font-size:11px}#apply .AB .body{padding:24px 18px}#apply .AB .two{grid-template-columns:1fr}.say .bb h3{font-size:28px}}
.optbar{background:#B5791F;color:#fff;font:700 13px/1 'Barlow Semi Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:12px 24px}.optbar b{font-weight:800;margin-right:10px}
section.r{padding:110px 0;background:rgb(12,18,25);position:relative;overflow:hidden}
section.r::before{content:"";position:absolute;width:900px;height:700px;left:-250px;top:-250px;background:radial-gradient(closest-side,rgba(43,184,236,.13),transparent);pointer-events:none}
.vid9{position:relative;overflow:hidden;background:#000}.vid9 video,.vid9 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tagx{position:absolute;left:12px;top:12px;z-index:2;background:rgba(6,9,13,.75);border-radius:999px;padding:6px 11px;font:800 11.5px/1 'Barlow Semi Condensed';letter-spacing:.14em;text-transform:uppercase;color:#EAF5FB}
.tagx.b{background:#2BB8EC;color:#06121B}
.stk{display:inline-block;background:#F4F2EE;color:#1B2A47;font:700 12.5px/1 'Barlow Semi Condensed';letter-spacing:.16em;text-transform:uppercase;padding:8px 11px;border-radius:5px;transform:rotate(-2deg);box-shadow:0 6px 16px rgba(0,0,0,.4)}
/* R1 scoreboard */
.sb{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.sbc{border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#101821,#0b1118);border:1px solid rgba(234,245,251,.08);display:flex;flex-direction:column}
.sbc .num{padding:26px 24px 18px;border-bottom:1px solid rgba(43,184,236,.18)}
.sbc .num b{display:block;font:800 92px/.85 'Barlow Condensed';color:#2BB8EC;letter-spacing:-.01em;text-shadow:0 0 40px rgba(43,184,236,.35)}
.sbc .num b small{font-size:.42em;color:#EAF5FB;margin-left:4px}
.sbc .num span{display:block;margin-top:10px;font:800 18px/1.1 'Barlow Condensed';text-transform:uppercase;color:#EAF5FB}
.sbc .vid9{aspect-ratio:4/3.4}
.sbc .ft{padding:18px 22px 22px;font:500 14.5px/1.5 Barlow;color:#9fb3c0}
.sbc .ft b{display:block;font:800 13px/1 'Barlow Semi Condensed';letter-spacing:.14em;text-transform:uppercase;color:#EAF5FB;margin-bottom:8px}
.duo{display:grid;grid-template-columns:1fr 1fr;height:100%}.duo>div{position:relative}
@media (max-width:900px){section.r>.inner{padding-left:20px;padding-right:20px}.sb{grid-template-columns:1fr}}
.duo .tagx{top:12px}
.sbc>.vid9>.duo{position:absolute;inset:0}.duo>.vid9{position:relative!important;inset:auto!important;aspect-ratio:auto!important;height:100%}
.r3c>.duo{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}
.r3c>.duo .tagx{top:12px}
#results .duo img{object-position:50% 0%!important}