/* The home page (src/views/home.tsx), inside the shared header and footer from site.css. */
.pv,.pv *{box-sizing:border-box}
.main.wide:has(>.pv){padding-bottom:0}
.pv{background:#0b0d10;color:#e9ebef;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.pv a{color:inherit;text-decoration:none}
.pv-bw{--sec-a:#ffffff;--sec-b:#f5f6f8;--ink:#0f1216;--muted:#4b5260;--muted2:#6b7280;--line:rgba(16,20,26,.08);--card:#ffffff;--card-line:rgba(16,20,26,.09);--card-shadow:0 1px 2px rgba(16,20,26,.04);--accent:#2b8a1a;--step-ring:rgba(43,138,26,.45);--icon-ring:rgba(43,138,26,.25);--hover-ring:rgba(43,138,26,.4);--avatar:#e9ecf0;--avatar-ring:rgba(16,20,26,.1);--feat-bg:#0f1216;--feat-ring:transparent;--feat-ink:#f3f5f7;--cta-ring:rgba(43,138,26,.25);--cta-bg:#0f1216;--cta-ink:#ffffff}
.pv-wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.pv-accent{color:#8ee06a}

.pv .pv-btn{display:flex;align-items:center;border-radius:7px;background:#8ee06a;color:#0b1408;font-weight:600;white-space:nowrap}
.pv .pv-btn:hover{background:#a2ea82;color:#0b1408}
.pv-btn-lg{height:44px;padding:0 20px;border-radius:9px!important;font-size:15px}

.pv-hero{position:relative;overflow:hidden}
.pv-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 70% 40%,#000 20%,transparent 75%)}
.pv-hero-glow{position:absolute;inset:0;background:radial-gradient(520px 380px at 78% 42%,rgba(142,224,106,.10),transparent 70%)}
.pv-hero-inner{position:relative;padding-top:64px;padding-bottom:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:32px;align-items:center}
.pv-hero-copy{display:flex;flex-direction:column;gap:18px}
.pv-eyebrow{width:max-content;max-width:100%;height:28px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:14px;background:rgba(142,224,106,.08);box-shadow:inset 0 0 0 1px rgba(142,224,106,.25);font-size:11.5px;font-weight:600;letter-spacing:.12em;color:#8ee06a;white-space:nowrap}
.pv-dot{width:6px;height:6px;border-radius:50%;background:#8ee06a;box-shadow:0 0 8px #8ee06a}
.pv h1{margin:0;font-size:clamp(34px,4.4vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pv-lead{margin:0;max-width:480px;font-size:16.5px;line-height:1.6;color:#a3a8b3;text-wrap:pretty}
.pv-ctas{display:flex;gap:10px;flex-wrap:wrap;padding-top:2px}
.pv-btn-ghost{height:44px;padding:0 18px;display:flex;align-items:center;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:15px;font-weight:500;white-space:nowrap}
.pv-btn-ghost:hover{color:#8ee06a}
.pv-mascot{position:relative;justify-self:center;width:min(100%,380px);aspect-ratio:1}
.pv-mascot-glow{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(142,224,106,.10),transparent 62%);pointer-events:none}
.pv-mascot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;filter:invert(1) brightness(.9) contrast(1.2);-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
.pv-stats-wrap{position:relative;padding-bottom:56px}
.pv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));border-radius:12px;background:rgba(255,255,255,.02);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.pv-stats>div{display:flex;flex-direction:column;gap:2px;padding:16px 20px}
.pv-stats>div+div{box-shadow:inset 1px 0 0 rgba(255,255,255,.07)}
.pv-stats strong{font-size:24px;font-weight:700;letter-spacing:-.02em}
.pv-stats span{font-size:13px;color:#8a909c}

.pv-sec{color:var(--ink);box-shadow:inset 0 1px 0 var(--line)}
.pv-sec-a{background:var(--sec-a)}
.pv-sec-b{background:var(--sec-b)}
.pv-sec-inner{padding-top:56px;padding-bottom:56px}
.pv h2{margin:0 0 24px;font-size:26px;line-height:1.2;font-weight:650;letter-spacing:-.02em}
.pv-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.pv-head h2{margin:0}
.pv-head>span,.pv-head>a{font-size:14px;color:var(--muted2)}
.pv-head>a:hover,.pv-more a:hover{color:var(--accent)}
.pv-more{margin:24px 0 0;font-size:14px}
.pv-more a{color:var(--accent);font-weight:600}

.pv-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px}
.pv-step{display:flex;gap:14px}
.pv-step-n{flex:none;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--step-ring);color:var(--accent);display:grid;place-items:center;font-size:12.5px;font-weight:600}
.pv-step>div,.pv-feature>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.pv-step strong{font-size:15.5px;font-weight:600}
.pv-step span{font-size:14px;line-height:1.55;color:var(--muted);text-wrap:pretty}

.pv-card{border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line),var(--card-shadow)}
.pv-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.pv-feature{display:flex;gap:14px;padding:18px}
.pv-feature:hover,.pv-quote:hover{box-shadow:inset 0 0 0 1px var(--hover-ring)}
.pv-icon{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(142,224,106,.08);box-shadow:inset 0 0 0 1px var(--icon-ring);color:var(--accent)}
.pv-feature strong{font-size:15px;font-weight:600}
.pv-feature>div{gap:4px}
.pv-feature span{font-size:13.5px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.pv-mm{grid-column:1/-1;align-items:center;flex-wrap:wrap;background:var(--feat-bg);box-shadow:inset 0 0 0 1px var(--feat-ring);color:var(--feat-ink);text-decoration:none}
.pv-mm>div{flex:1;min-width:min(100%,260px)}
.pv-mm strong{color:var(--feat-ink);font-size:16px}
.pv-mm span{color:var(--feat-ink);opacity:.8}
.pv-mm .pv-icon{background:rgba(142,224,106,.14);color:#8ee06a}
.pv-mm-go{font-size:14px;font-weight:600;color:#8ee06a;white-space:nowrap}

.pv-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px}
.pv-quote-featured{grid-column:1/-1;padding:14px 20px;border-radius:12px;background:var(--feat-bg);box-shadow:inset 0 0 0 1px var(--feat-ring);display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap}
.pv-quote-featured .pv-win{font-size:24px;letter-spacing:-.02em;color:#8ee06a;white-space:nowrap}
.pv-quote-featured blockquote{flex:1;min-width:min(100%,260px);margin:0;font-size:15px;line-height:1.45;font-weight:500;color:var(--feat-ink);text-wrap:pretty}
.pv-quote-featured .pv-who{font-size:13px;color:#a3a8b3;white-space:nowrap}
.pv-quote-featured .pv-who b{color:var(--feat-ink);font-weight:600}
.pv-win{font-weight:700;font-variant-numeric:tabular-nums}
.pv-quote{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.pv-quote-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;color:var(--muted2)}
.pv-quote-meta>*{white-space:nowrap}
.pv-quote-meta .pv-win{font-size:17px;color:var(--accent)}
.pv-quote-meta b{color:var(--ink);font-weight:600}
.pv-since{margin-left:auto;font-size:12px}
.pv-quote blockquote{margin:0;font-size:14px;line-height:1.5;color:var(--ink);text-wrap:pretty}

.pv-coaches{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr));gap:20px 16px}
.pv-coach{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}
.pv-coach img{width:72px;height:72px;margin-bottom:9px;border-radius:50%;object-fit:cover;background:var(--avatar);box-shadow:0 0 0 1px var(--avatar-ring)}
.pv-coach:hover img{box-shadow:0 0 0 2px var(--accent)}
.pv-coach strong{font-size:14px;font-weight:600}
.pv-coach span{font-size:12.5px;color:var(--muted2)}

.pv-cta{padding:28px 32px;border-radius:14px;background:linear-gradient(110deg,rgba(142,224,106,.09),rgba(142,224,106,.02) 70%);box-shadow:inset 0 0 0 1px var(--cta-ring);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.pv-cta>div{flex:1;min-width:min(100%,260px);display:flex;flex-direction:column;gap:6px}
.pv-cta strong{font-size:22px;font-weight:650;letter-spacing:-.02em}
.pv-cta span{font-size:14.5px;color:var(--muted)}
.pv .pv-cta-btn{height:44px;padding:0 22px;display:flex;align-items:center;border-radius:9px;background:var(--cta-bg);color:var(--cta-ink);font-size:15px;font-weight:600;white-space:nowrap}
.pv .pv-cta-btn:hover{opacity:.9}


@media (max-width:640px){
  .pv-hero-inner{padding-top:40px}
  .pv-mascot{width:min(70%,260px)}
  .pv-stats>div+div{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
  .pv-cta{padding:22px}
}