/* desktop-1.0.css — Pickleball landing: the Pilates desktop (Desktop A Split, header C spacing B, footer A) carried over, 7 Oct 2026.
   Source: pilates-manager main 3698ba5 (#wk-desk). Everything sits inside @media (min-width:768px) / (min-width:1024px). Nothing below 768. */
/* Pickleball landing: the Pilates desktop (Desktop A, Split) carried over. Nothing below 768. */
:root{--wha-page:var(--bg);--wha-tx:var(--tx);--wha-tx2:var(--tx2);--wha-line:var(--bd);--wha-bg:var(--brand);--wha-fg:var(--brandi);--wha-font:var(--f-u)}
@media (min-width:1024px){
  :root{--dkmax:1200px}
  header .wrap.hd{max-width:var(--dkmax);height:68px;gap:28px}
  header .wrap.hd .tools{margin-left:auto}
  .wrap{max-width:var(--dkmax)!important;padding-inline:40px}
  .hero{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:center;max-width:var(--dkmax);margin-inline:auto;padding:56px 40px 72px}
  .hero .htext{grid-column:1;grid-row:1;margin-top:0!important;padding-inline:0!important;max-width:none!important}
  .hero .cw{grid-column:2;grid-row:1;height:520px;border-radius:var(--rl)}
  .hero h1{font-size:clamp(48px,5vw,68px)!important}
  .hero .lede{max-width:40ch;font-size:18px}
  section{padding:88px 0}
  section .wrap{display:grid;grid-template-columns:minmax(260px,4fr) 8fr;column-gap:64px;align-items:start}
  section .wrap>.shead{position:sticky;top:96px;grid-row:1 / span 9}
  section .wrap>.shead h2{font-size:clamp(32px,3vw,44px)}
  section .wrap>*:not(.shead){grid-column:2;min-width:0}
  #inside .cards{grid-template-columns:repeat(3,1fr);gap:18px}
  #tiers .wrap{display:block}
  #tiers .wrap>.shead{position:static}
  /* Founder card (William, 9 Oct): heading on the card's equator */
  #founder .wrap>.shead{position:static;grid-row:1;align-self:center;margin-bottom:0}
  #founder .wrap>.wk-founder{grid-row:1;align-self:center}
}

/* header-actions 1.4 (Pilates header C, spacing B), scoped to iPad and up: nothing below 768 */
.wha{display:none}
@media (min-width:1024px){
  .wha{display:flex;align-items:center;gap:14px;margin-left:18px;flex:none}
  .wha a{white-space:nowrap;text-decoration:none;font:700 14px/1.15 var(--wha-font);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
  .wha .wha-sign{color:var(--wha-tx);padding-inline:6px}
  .wha .wha-sign svg{width:18px;height:18px;flex:none}
  .wha .wha-trial{background:var(--wha-bg);color:var(--wha-fg);border-radius:999px;padding:0 22px;font-weight:800}
  .wha .wha-trial small{display:none;font:600 11px/1.2 var(--wha-font);opacity:.78}
  .wha--h3 .wha-sign{color:var(--wha-tx2)}
  .wha--h3 .wha-trial{flex-direction:column;gap:1px;padding:5px 24px;min-height:48px}
  .wha--h3 .wha-trial small{display:block}
  .wha-trial>span,.wha-sign>span{display:contents}
}
html body header .wha-row:not(#wha-none){column-gap:0!important;justify-content:flex-start!important}
html body header .wha-row>.wha-push:not(#wha-none){margin-left:auto!important}
html body header .wha-row>.wha-grp:not(#wha-none){margin-left:var(--wha-cluster)!important}
@media (min-width:768px){
  html body header:has(.wha):not(#wha-none){background:var(--wha-page);-webkit-backdrop-filter:none;backdrop-filter:none;
    border-bottom:1px solid var(--wha-line);box-shadow:none;transition:none}
}
:root{--wha-cluster:4px}
@media (min-width:1024px){:root{--wha-cluster:12px}}
/* Phone Sign in (William's pick 6, 9 Oct): the 44px person icon below 1024 too, as Pilates. */
@media (max-width:1023.98px){
  .wha{display:flex;align-items:center;margin-left:0;flex:none}
  .wha .wha-trial{display:none}
  .wha .wha-sign{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
    border-radius:50%;color:var(--wha-tx);text-decoration:none}
  .wha .wha-sign svg{display:block;width:22px;height:22px;flex:none}
  .wha .wha-sign > :not(svg){position:absolute!important;display:block!important;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0;left:0;top:0;
    font-size:1px!important;line-height:1px}
}

/* Footer A, one centred column: iPad and desktop only (William, 7 Oct 2026, picks/pilates-step-7-footer). Nothing below 768 px. */
@media (min-width:768px){
 footer .fin{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;padding-block:24px 18px!important;column-gap:0}
 footer .fin>*{flex:0 0 100%;order:9;min-width:0}
 footer .fin>.fbrand{order:1;margin:0 auto}
 footer .fin>.ftag{order:2;margin-top:2px!important;max-width:none!important;padding-inline:max(0px,calc(50% - 17ch))}
 footer .fin>.frule{order:3;margin:14px 0!important;display:block!important}
 footer .fin>.ftiers+.frule, footer .fin>.ask+.frule{display:none!important}
 footer .fin>.ask{order:4;max-width:520px;margin:0 auto 10px}
 footer .fin>.frow{order:5;flex:0 1 auto!important;flex-direction:row!important;align-items:center!important}
 footer .fin>.ftiers{order:6;margin-top:6px!important;flex-direction:row!important;align-items:center!important}
 footer .fin>.frow[data-legal],footer .fin>.frow.lgrow{order:7;flex:0 0 auto!important;margin-top:4px}
 footer .fin>.fco{order:8;margin-top:4px!important}
 footer .fin>.frow[data-legal]~.fco,footer .fin>.frow.lgrow~.fco{flex:0 0 auto!important;margin:4px 0 0 10px!important}

 footer .wrap.fin, footer .w.fin{max-width:720px!important;margin-inline:auto}
}
@media (min-width:1024px){
 footer .wrap.fin{max-width:var(--dkmax,780px)!important}
 footer .w.fin{max-width:880px!important}
}
@media (min-width:768px){
}
