/* Strong Start 4-week challenge: sales page in the style of the200strong.com (black and white photography,
   charcoal and off-white, Manrope headings, Poppins text). */
:root{--ink:#202222;--ink2:#423f3f;--bg:#f9f9f8;--bg2:#efefec;--line:#dcdcd7;--muted:#5f6362;--white:#ffffff;
  --head:"Manrope",system-ui,sans-serif;--body:"Poppins",system-ui,sans-serif;--serif:Georgia,"Times New Roman",serif;
  --hero:url("https://images.squarespace-cdn.com/content/v1/65d89275b21d4622ebfd20cd/a1df93a9-2b0e-48a0-af7a-d119709df658/Screenshot+2025-11-12+at+18.33.18.png?format=2500w");
  --photo:url("https://images.squarespace-cdn.com/content/v1/65d89275b21d4622ebfd20cd/3af085d8-881b-464d-b40c-5003d0689b68/IMG_0699.jpg?format=2500w")}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.wrap.narrow{max-width:780px}
.eyebrow{display:block;font:600 12px var(--head);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
h1,h2,h3{font-family:var(--head);margin:0;font-weight:500;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:clamp(32px,4.6vw,54px);line-height:1.06;margin-bottom:28px}
h3{font-size:20px;font-weight:600;margin-bottom:8px}
p{margin:0}
.muted{color:var(--muted)}
.tiny{font-size:13px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:0;font:600 14px var(--head);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn.solid{background:var(--ink);color:var(--bg)} .btn.solid:hover{background:#000}
.btn.line{border-color:rgba(249,249,248,.7);color:var(--bg)} .btn.line:hover{background:var(--bg);color:var(--ink)}
.btn.full{width:100%}
.hero .btn.solid{background:var(--bg);color:var(--ink)} .hero .btn.solid:hover{background:var(--white)}

/* header */
.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px max(24px,env(safe-area-inset-right,0px)) 14px max(24px,env(safe-area-inset-left,0px));background:rgba(32,34,34,.92);color:var(--bg);backdrop-filter:blur(10px)}
.mark{display:flex;flex-direction:column;align-items:center;line-height:1;text-decoration:none}
.mark .s1{font:700 8px var(--head);letter-spacing:.42em;padding-left:.42em}
.mark .s2{font:800 18px var(--head);letter-spacing:.22em;padding-left:.22em;margin-top:3px}
.top nav{display:flex;gap:24px;align-items:center;font:500 14px var(--head)}
.top nav a{text-decoration:none;color:rgba(249,249,248,.75)} .top nav a:hover{color:var(--bg)}
.top nav .pill{color:var(--ink);background:var(--bg);padding:10px 18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
@media (max-width:760px){.top nav a:not(.pill){display:none}}

/* hero: black and white photo, white type */
.hero{position:relative;color:var(--bg);min-height:min(92vh,860px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.heroimg{position:absolute;inset:0;background:var(--photo) center 60%/cover no-repeat;filter:grayscale(1) contrast(1.05);opacity:.6}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,34,34,.25) 0%,rgba(32,34,34,.55) 55%,rgba(32,34,34,.95) 100%)}
.heroin{position:relative;z-index:1;padding-top:120px;padding-bottom:72px;width:100%}
.kicker{display:inline-block;font:600 12px var(--head);letter-spacing:.28em;text-transform:uppercase;border:1px solid rgba(249,249,248,.5);padding:8px 14px;margin-bottom:22px}
.hero h1{font-size:clamp(58px,11vw,150px);line-height:.92;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.lede{font-size:clamp(17px,1.6vw,21px);max-width:58ch;margin-top:22px;color:rgba(249,249,248,.9)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.scarce{margin-top:18px;font:500 14px var(--head);letter-spacing:.06em;color:rgba(249,249,248,.75)}

.strip{background:var(--ink);color:var(--bg);border-top:1px solid rgba(249,249,248,.12)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:20px;padding-bottom:20px;font:600 13px var(--head);letter-spacing:.16em;text-transform:uppercase;text-align:center}
@media (max-width:760px){.strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}

section{padding:clamp(64px,9vw,120px) 0}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,6vw,80px);align-items:start}
@media (max-width:860px){.two{grid-template-columns:minmax(0,1fr)}}
.stack{display:flex;flex-direction:column;gap:16px;min-width:0}
.big{font:500 clamp(20px,2vw,26px)/1.4 var(--head);letter-spacing:-.01em}
.sig{font:italic 400 18px var(--serif);color:var(--ink2);border-left:2px solid var(--ink);padding-left:14px;margin-top:8px}

.included{background:var(--white)}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.tile{background:var(--white);padding:32px 26px;display:flex;flex-direction:column;gap:6px;min-width:0}
.tile.lead{background:var(--ink);color:var(--bg)} .tile.lead p{color:rgba(249,249,248,.8)}
.tile p{color:var(--muted);font-size:15px}
.num{font:600 13px var(--head);letter-spacing:.2em;color:var(--muted);margin-bottom:18px}
.tile.lead .num{color:rgba(249,249,248,.6)}
@media (max-width:980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tiles{grid-template-columns:minmax(0,1fr)}}

.photo{padding:0}
.photoimg{height:clamp(260px,46vw,560px);background:var(--photo) center/cover no-repeat;filter:grayscale(1)}

.intro{max-width:60ch;margin:-8px 0 30px}
.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.slot{border:1px solid var(--ink);padding:30px;display:flex;flex-direction:column;gap:6px;background:var(--white)}
.slot .when{font:600 12px var(--head);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.slot b{font:500 clamp(26px,3vw,38px)/1.15 var(--head);letter-spacing:-.01em}
.slot .tiny{margin-top:10px}
@media (max-width:640px){.slots{grid-template-columns:minmax(0,1fr)}}

.who{background:var(--bg2)}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ticks li{position:relative;padding-left:34px;font-size:17px}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:10px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
.ticks.small li{font-size:15px}

.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:s}
.steps li{counter-increment:s;border-top:2px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:6px}
.steps li::before{content:"0" counter(s);font:600 13px var(--head);letter-spacing:.2em;color:var(--muted)}
.steps b{font:600 21px var(--head)}
.steps span{color:var(--muted)}
@media (max-width:760px){.steps{grid-template-columns:minmax(0,1fr)}}

.price{background:var(--ink);color:var(--bg)}
.pcard{max-width:560px;margin:0 auto;background:var(--bg);color:var(--ink);padding:clamp(28px,5vw,48px);display:flex;flex-direction:column;gap:16px;text-align:left}
.amount{font:600 clamp(48px,7vw,76px)/1 var(--head);letter-spacing:-.02em}
.per{color:var(--muted);font-size:15px}

.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{cursor:pointer;font:600 18px var(--head);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:24px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{margin-top:12px;color:var(--muted)}

.join{background:var(--white)}
.form{display:flex;flex-direction:column;gap:14px;min-width:0}
.form label{display:flex;flex-direction:column;gap:6px;font:600 14px var(--head)}
.form label span{font-weight:400;color:var(--muted)}
.form input,.form textarea{font:400 16px var(--body);padding:14px 16px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:0;width:100%}
.form input:focus,.form textarea:focus{outline:2px solid var(--ink);outline-offset:0;border-color:var(--ink)}
.pick{border:0;padding:0;margin:0;min-width:0;display:block}
.pick .opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pick legend{font:600 14px var(--head);margin-bottom:6px;padding:0;float:left;width:100%}
.pick legend + .opts{clear:both}
.pick .opt{flex-direction:row;align-items:center;gap:10px;border:1px solid var(--line);padding:14px 16px;cursor:pointer;font-weight:500;background:var(--bg)}
.pick .opt span{color:var(--ink)}
.pick .opt:has(input:checked){border-color:var(--ink);background:var(--white);box-shadow:inset 0 0 0 1px var(--ink)}
.pick input{width:auto;accent-color:var(--ink)}
.err{color:#9a3b2c;font-size:14px}
.thanks{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.thanks h3{font-size:28px}

.foot{background:var(--ink);color:var(--bg);padding:40px 0}
.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot nav{display:flex;gap:22px;flex-wrap:wrap;font:500 14px var(--head)}
.foot nav a{text-decoration:none;color:rgba(249,249,248,.7)} .foot nav a:hover{color:var(--bg)}
.was{font:500 18px var(--head);color:var(--muted)} .was s{text-decoration-thickness:2px}
.save{align-self:flex-start;background:var(--ink);color:var(--bg);font:600 12px var(--head);letter-spacing:.18em;text-transform:uppercase;padding:6px 12px}

/* alternating rows: light, then dark, then light */
.included,.who,.join{background:var(--bg)}
section.dark{background:var(--ink);color:var(--bg)}
.dark .eyebrow,.dark .muted,.dark .num{color:rgba(249,249,248,.6)}
.dark .tiles{background:rgba(249,249,248,.14);border-color:rgba(249,249,248,.14)}
.dark .tile{background:var(--ink)} .dark .tile p{color:rgba(249,249,248,.72)}
.dark .tile.lead{background:var(--bg);color:var(--ink)} .dark .tile.lead p{color:var(--muted)} .dark .tile.lead .num{color:var(--muted)}
.dark .ticks li::before{border-color:var(--bg)}
.dark .pcard .ticks li::before{border-color:var(--ink)}
.dark.faq details{border-color:rgba(249,249,248,.16)} .dark.faq details p{color:rgba(249,249,248,.72)}

/* pick a time slot */
button.slot{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .15s,color .15s}
button.slot:hover,button.slot[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
button.slot:hover .when,button.slot[aria-pressed="true"] .when{color:rgba(249,249,248,.6)}
.slot .left{margin-top:12px;font:600 13px var(--head);letter-spacing:.14em;text-transform:uppercase}
.slot .left.few{color:#9a3b2c} button.slot:hover .left.few,button.slot[aria-pressed="true"] .left.few{color:#f2b8ad}
.slot.full{opacity:.45;cursor:not-allowed}
.rights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.rights div{border-top:2px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:4px}
.rights b{font:600 26px var(--head)} .rights span{color:var(--muted)}
@media (max-width:640px){.rights{grid-template-columns:minmax(0,1fr)}}

/* after Strong Start: the three memberships */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tier{border:1px solid var(--line);background:var(--white);padding:30px;display:flex;flex-direction:column;gap:8px;min-width:0}
.tier.mid{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.tier .when{font:600 12px var(--head);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.tier .from{font:500 16px var(--head);color:var(--muted)} .tier .from b{font:600 40px var(--head);color:var(--ink);letter-spacing:-.02em}
.tier p{color:var(--muted);font-size:15px}
@media (max-width:900px){.tiers{grid-template-columns:minmax(0,1fr)}}

/* the form: pay now, or book a call */
.legend2{font:600 14px var(--head);margin-top:6px}
.pick legend{margin-bottom:8px}
.pick .opt span{display:flex;flex-direction:column;gap:2px}
.pick .opt small{font:500 12px var(--body);color:var(--muted)}
.pick .opt.full{opacity:.45;pointer-events:none}
.btn.ghost{border-color:var(--ink);color:var(--ink);background:transparent} .btn.ghost:hover{background:var(--ink);color:var(--bg)}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.callbox{margin-top:24px;border-left:2px solid var(--ink);padding:4px 0 4px 16px;display:flex;flex-direction:column;gap:4px}
.callbox span{color:var(--muted)}

/* live: places left and the doors-close countdown */
.live{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.live > div{display:flex;flex-direction:column;gap:2px;border:1px solid rgba(249,249,248,.35);padding:12px 18px;min-width:150px}
.live b{font:600 30px/1.1 var(--head);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.live span{font:600 11px var(--head);letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.live.onlight > div{border-color:var(--ink);color:var(--ink)}
.live.low b{color:#f2b8ad} .live.onlight.low b{color:#9a3b2c}
.pcard .live{margin-top:6px}

/* value stack in the price box */
.value{width:100%;border-collapse:collapse;font-size:15px}
.value td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.value td:last-child{text-align:right;white-space:nowrap;padding-left:12px;font-weight:600;font-variant-numeric:tabular-nums}
.value tr.tot td{border-bottom:0;font:600 17px var(--head);padding-top:14px}
.value tr.tot s{text-decoration-thickness:2px;color:var(--muted)}
.yours{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:2px solid var(--ink);padding-top:16px}
.yours > span:first-child{font:600 12px var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.yours .amount{line-height:1}
.live > div.low b{color:#f2b8ad} .live.onlight > div.low b{color:#9a3b2c}
section.dark .btn.solid{background:var(--bg);color:var(--ink)} section.dark .btn.solid:hover{background:var(--white)}
section.dark .tier3 .btn.solid,section.dark .pcard .btn.solid{background:var(--ink);color:var(--bg)}
/* big footer (all website pages) */
.foot.big{padding:56px 0 40px}
.fgrid{display:grid !important;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;align-items:start !important}
.fgrid nav{display:flex !important;flex-direction:column;gap:10px !important}
.fgrid nav b{font:600 12px var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--bg);margin-bottom:4px}
.fsm{margin-top:16px;font-size:14px;color:rgba(249,249,248,.6)}
.fgrid .mark{align-items:flex-start}
@media (max-width:820px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:340px){.fgrid{grid-template-columns:minmax(0,1fr)}}
/* website menu (header.site, assets/nav.js) */
.top.site{gap:20px}
.top.site .mainnav{display:flex;gap:22px;align-items:center;font:500 14px var(--head)}
.top.site .mainnav a{display:inline-flex;text-decoration:none;color:rgba(249,249,248,.75)}
.top.site .mainnav a:hover,.top.site .mainnav a[aria-current]{color:var(--bg)}
.top.site .mainnav > a[aria-current="page"],.top.site .ddh[aria-current]{box-shadow:inset 0 -2px 0 var(--bg)}
.top.site .hr{display:flex;align-items:center;gap:12px;flex:none}
.top.site .hr .pill{color:var(--ink);background:var(--bg);padding:10px 18px;font:700 12px var(--head);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.dd{position:relative}
.ddh::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:4px 0 0 8px;display:inline-block}
.ddm{position:absolute;top:100%;left:-18px;padding-top:16px;display:none;min-width:290px}
.ddm .in{background:var(--ink);border:1px solid rgba(249,249,248,.16);padding:8px;display:flex;flex-direction:column}
.top.site .ddm a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;color:var(--bg)}
.top.site .ddm a:hover,.top.site .ddm a[aria-current]{background:rgba(249,249,248,.08)}
.ddm small{font:400 12px var(--body);color:rgba(249,249,248,.6)}
.dd:hover .ddm,.dd:focus-within .ddm{display:block}
.burger{display:none;align-items:center;gap:10px;background:transparent;border:1px solid rgba(249,249,248,.5);color:var(--bg);font:700 12px var(--head);letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;min-height:40px;cursor:pointer}
.burger i{width:16px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
.burger i::after{content:"";position:absolute;left:0;right:0;top:2px;border-top:2px solid currentColor}
.top.site.open .burger i{border-color:transparent}
.top.site.open .burger i::after{top:2px;transform:rotate(45deg)}
.top.site.open .burger i::before{content:"";position:absolute;left:0;right:0;top:2px;border-top:2px solid currentColor;transform:rotate(-45deg)}
.top.site .mainnav .mlogin{display:none}
.top.site.open{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ink)}
html.navlock{overflow:hidden}
@media (max-width:1100px){
  .burger{display:inline-flex}
  .top.site .mainnav{display:none;position:fixed;inset:0;z-index:-1;background:var(--ink);flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;
    padding:calc(84px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));font:600 22px var(--head)}
  .top.site.open .mainnav{display:flex}
  .top.site .mainnav > a,.top.site .mainnav .ddh{padding:14px 0;border-bottom:1px solid rgba(249,249,248,.12);color:var(--bg)}
  .top.site .mainnav > a[aria-current="page"],.top.site .ddh[aria-current]{box-shadow:none;text-decoration:underline;text-underline-offset:6px}
  .ddh::after{display:none}
  .dd{display:flex;flex-direction:column}
  .ddm{display:block;position:static;padding:4px 0 10px;min-width:0}
  .ddm .in{background:transparent;border:0;padding:0}
  .top.site .ddm a{padding:10px 0 10px 16px;font:600 17px var(--head);border-left:2px solid rgba(249,249,248,.2)}
  .top.site .ddm a:hover,.top.site .ddm a[aria-current]{background:transparent;border-left-color:var(--bg)}
  .top.site .mainnav .mlogin{display:flex}
  .top.site .mainnav .dlogin{display:none}
}
@media (max-width:440px){.top.site{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));gap:10px}.top.site .hr{gap:8px}.top.site .hr .pill{padding:10px 11px;letter-spacing:.04em;font-size:11px}.burger{padding:9px 11px}.burger span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media (max-width:360px){.top.site .mark .s2{font-size:15px}.top.site .hr .pill{font-size:10px;padding:9px 8px;letter-spacing:.02em}.burger{padding:9px}}
/* website videos (assets/media.js) */
.herovid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;filter:grayscale(1)}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:clamp(36px,5vw,56px)}
.vcard{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.vcard video{display:block;width:100%;max-width:100%;aspect-ratio:9/16;object-fit:cover;background:#111}
.vcard figcaption{display:flex;flex-direction:column;gap:2px}
.vcard figcaption b{font:600 17px var(--head)}
.vcard figcaption span{font:600 11px var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
section.dark .vcard figcaption span{color:rgba(249,249,248,.6)}
.vsolo{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:clamp(36px,5vw,56px)}
@media (max-width:820px){
  .vgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px;margin-right:calc(-1 * max(16px,env(safe-area-inset-right,0px)))}
  .vgrid .vcard{flex:0 0 72%;scroll-snap-align:start}
  .vsolo{grid-template-columns:minmax(0,1fr)} .vsolo .vcard{max-width:340px}
}
.vsolo .vcard figcaption{display:none}