/* PickleMeet landing v3 (2026-10-08) - named deltas only. Loaded after styles-BbB-WNrr.css. */

/* #3/#4 Pill buttons - mirrors the app's Player Profile trio (.ps-btn in apps/app/src/index.css):
   radius 999px, 2px border, weight 800, min-height 44px, volt #ccff00 / text #003366,
   outline #007BFF / text #0059bb, ghost surface #eef2f6. Labels keep normal case like "Say Hi", "Message". */
.btn{border-radius:999px;border:2px solid transparent;font-weight:800;min-height:44px;padding:8px 18px;font-size:.92rem;line-height:1.2;letter-spacing:normal;text-transform:none;box-shadow:none;transition:background .12s ease,border-color .12s ease,transform .08s ease}
.btn:active{transform:translateY(1px)}
.btn--lg{min-height:48px;padding:10px 24px;font-size:1rem}
.btn--volt{background:#ccff00;color:#003366;box-shadow:none}
.btn--volt:hover{background:var(--volt-hover,#bff000)}
.btn--volt:active{box-shadow:none;background:var(--volt-press,#b0e000)}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn--ghost-ink{background:transparent;color:#0059bb;border-color:#007BFF}
.btn--ghost-ink:hover{background:rgba(0,123,255,.08)}
.btn--blue{background:#007BFF;color:#fff;border-color:#007BFF}
.btn--blue:hover{background:#0069d9;border-color:#0069d9}
.btn--soft{background:#eef2f6;color:#191c1d;border-color:#e2e8f0}
.btn:disabled{opacity:.6;cursor:default}
.hdr .btn,.stickycta .btn{min-height:40px;padding:7px 16px;font-size:.88rem}

/* #5 #6 #7 Footer: icons, 3 policy links, responsive column spacing */
.ftr__grid{column-gap:clamp(1.75rem,5vw,4.5rem);row-gap:clamp(1.5rem,4vw,2.25rem)}
@media (min-width:760px){.ftr__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.8fr)}}
.ftr__ic{display:flex!important;align-items:flex-start;gap:.55rem}
.ftr__ic svg{flex:none;width:18px;height:18px;margin-top:.12rem;color:var(--volt)}
.ftr__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .6rem;margin-top:.5rem}
.ftr__legal a{color:inherit;text-decoration:underline}

/* #12 Feature boxes -> separate modern cards */
.about__modules{background:none;border:0;border-radius:0;overflow:visible;gap:22px}
.amod{border-radius:16px;border:1px solid var(--border);box-shadow:0 4px 14px rgba(0,30,64,.07);transition:transform .18s ease,box-shadow .18s ease;padding:1.3rem 1.3rem 1.35rem}
.amod:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,30,64,.12)}
.amod__ic{width:44px;height:44px;border-radius:12px;background:var(--blue-soft);color:var(--blue-text)}
@media (prefers-reduced-motion:reduce){.amod,.amod:hover{transition:none;transform:none}}

/* #2 Testimonial carousel */
.tcar{overflow:hidden;margin-top:1.75rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tcar__track{display:flex;gap:20px;width:max-content;padding:6px 0 14px;animation:tcar-scroll 48s linear infinite}
.tcar:hover .tcar__track,.tcar:focus-within .tcar__track{animation-play-state:paused}
.tcard{flex:none;width:min(340px,80vw);background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 14px rgba(0,30,64,.07);padding:1.25rem 1.3rem;text-align:left;margin:0}
.tcard blockquote{font-weight:600;color:var(--ink);font-size:1rem;line-height:1.5;quotes:"\201C" "\201D"}
.tcard blockquote:before{content:open-quote;color:var(--volt-dark,#86a800)}
.tcard blockquote:after{content:close-quote;color:var(--volt-dark,#86a800)}
.tcard figcaption{margin-top:.75rem;font-weight:700;color:var(--label);font-size:.88rem}
@keyframes tcar-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}
@media (prefers-reduced-motion:reduce){
  .tcar{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scroll-snap-type:x mandatory}
  .tcar__track{animation:none;padding-inline:4px}
  .tcard{scroll-snap-align:start}
  .tcard[aria-hidden="true"]{display:none}
}

/* #13 Coach card + modal */
.teaser__lines p.teaser__hl{color:var(--ink);font-weight:600}
.cmodal[hidden]{display:none}
.cmodal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:rgba(0,30,64,.55)}
.cmodal__box{position:relative;width:min(460px,100%);max-height:calc(100vh - 2rem);overflow:auto;background:var(--card);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.3);padding:1.5rem 1.4rem 1.3rem}
.cmodal__box h2{font-size:1.3rem;color:var(--navy);padding-right:2.5rem}
.cmodal__lead{color:var(--ink-muted);font-size:.92rem;margin-top:.35rem}
.cmodal__x{position:absolute;top:.75rem;right:.75rem;width:40px;height:40px;border-radius:999px;border:0;background:#eef2f6;color:#191c1d;font-size:1.1rem;cursor:pointer}
.cmodal form{margin-top:1rem;display:grid;gap:.8rem}
.cmodal label{display:block;font-weight:600;font-size:.88rem;color:var(--ink);margin-bottom:.3rem}
.cmodal input,.cmodal select{width:100%;min-height:44px;border:1.5px solid var(--border-strong);border-radius:10px;padding:.55rem .75rem;font:inherit;background:#fff;color:var(--ink)}
.cmodal input:focus,.cmodal select:focus{outline:2px solid #007BFF;outline-offset:1px;border-color:#007BFF}
.cmodal [aria-invalid="true"]{border-color:var(--danger)}
.cmodal__ferr{color:var(--danger);font-size:.8rem;margin-top:.25rem}
.cmodal__consent{font-size:.82rem;color:var(--label)}
.cmodal__msg{border-radius:10px;padding:.7rem .8rem;font-size:.9rem}
.cmodal__msg--err{background:#fdecea;color:#8a1c14}
.cmodal__msg--ok{background:#e9f7ee;color:#1e5e34;font-weight:600}
.cmodal__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.cmodal .btn{width:100%}
body.cmodal-open{overflow:hidden}

/* #14 How-to: new Player Profile section */
.hg-profile{margin-top:2rem}
.hg-profile__lead{color:var(--ink-muted);margin-top:.35rem}
.hg-profile__grid{display:grid;gap:1.25rem 1.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}
.hg-profile h4{font-size:1rem;color:var(--navy);margin-bottom:.4rem}
.hg-card__note{margin-top:.7rem;line-height:1.5;color:var(--ink)}
