/* Baller Path (mybballplayer.com, parallel build) — shared design tokens + primitives */
:root{
  --blue:#0B1E46; --blue-ink:#061230; --blue-soft:#E7ECF6;
  --orange:#F47B20; --orange-ink:#C25A0C; --orange-soft:#FFEDE3;
  --green:#14855A; --green-soft:#E3F4EC;
  --paper:#FBF8F3; --paper-2:#F4EEE4; --card:#FFFFFF;
  --ink:#16142B; --muted:#5D5A73; --faint:#8A879E; --line:#E9E2D6;
  --shadow-sm:0 1px 2px rgba(22,20,43,.05);
  --shadow:0 1px 2px rgba(22,20,43,.04), 0 18px 40px -22px rgba(22,20,43,.28);
  --radius:18px;
  --display:"Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --sans:"Public Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --blue:#A9BCEB; --blue-ink:#D3DDF5; --blue-soft:#14213D;
    --orange:#FF8A3D; --orange-ink:#FFA868; --orange-soft:#2C170C;
    --green:#4CC28E; --green-soft:#0F2A1F;
    --paper:#0F0E19; --paper-2:#151422; --card:#181727;
    --ink:#F2F0F8; --muted:#ABA8C2; --faint:#7F7C96; --line:#2A2840;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 18px 40px -22px rgba(0,0,0,.7);
  }
}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.02;letter-spacing:.003em;margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
@media (max-width:600px){.wrap{padding:0 16px}}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-ink)}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 20px;font:700 15px/1 var(--sans);white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .15s ease, background .15s ease, box-shadow .15s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 22px -10px rgba(244,123,32,.7)}
.btn-primary:hover{background:var(--orange-ink)}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-sm{padding:9px 14px;font-size:13.5px;border-radius:10px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:6px}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.pill-orange{background:var(--orange-soft);color:var(--orange-ink)}
.pill-blue{background:var(--blue-soft);color:var(--blue)}
.pill-green{background:var(--green-soft);color:var(--green)}

/* header */
.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb, var(--paper) 86%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:38px;height:38px;flex:none;border-radius:10px}
.brand b{font-family:var(--display);font-size:19px;line-height:1;display:block}
.wordmark{font-family:"Archivo Black",var(--display)!important;font-weight:400!important;font-size:20px!important;letter-spacing:-.01em;color:var(--blue)}
.wordmark em{font-style:normal;color:var(--orange)}
.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:3px}
.site-nav{display:flex;align-items:center;gap:22px}
.site-nav a.link{font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}
.site-nav a.link:hover{color:var(--ink)}
@media (max-width:880px){.site-nav a.link{display:none}}
@media (max-width:420px){.site-nav .hide-xs{display:none}}

/* header over a dark hero (landing): transparent until scrolled */
.site-header.on-dark{position:fixed;left:0;right:0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;transition:background .25s ease,border-color .25s ease}
.site-header.on-dark:not(.solid) .wordmark{color:#fff}
.site-header.on-dark:not(.solid) .brand small{color:rgba(255,255,255,.6)}
.site-header.on-dark:not(.solid) .site-nav a.link{color:rgba(255,255,255,.82)}
.site-header.on-dark:not(.solid) .site-nav a.link:hover{color:#fff}
.site-header.on-dark:not(.solid) .menu-btn span,.site-header.on-dark:not(.solid) .menu-btn span::before,.site-header.on-dark:not(.solid) .menu-btn span::after{background:#fff}
.site-header.on-dark.solid,body.menu-open .site-header.on-dark{background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:blur(12px);border-bottom-color:var(--line)}
body.menu-open .site-header.on-dark .wordmark{color:var(--blue)}
body.menu-open .site-header.on-dark .menu-btn span{background:transparent!important}
body.menu-open .site-header.on-dark .menu-btn span::before,body.menu-open .site-header.on-dark .menu-btn span::after{background:var(--ink)!important}

.menu-btn{display:none;width:42px;height:42px;border:0;background:none;cursor:pointer;place-items:center;margin-right:-8px}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:22px;height:2px;border-radius:2px;background:var(--ink);position:relative;transition:transform .2s ease,background .2s ease}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
.menu-btn span::before{top:-7px}.menu-btn span::after{top:7px}
.menu-btn[aria-expanded="true"] span{background:transparent}
.menu-btn[aria-expanded="true"] span::before{transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span::after{transform:translateY(-7px) rotate(-45deg)}
@media (max-width:880px){.menu-btn{display:grid}.site-nav{gap:10px}}
@media (max-width:400px){.site-nav .btn{display:none}}
.menu{position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--paper);padding:12px 24px 32px;overflow:auto;display:flex;flex-direction:column;z-index:29}
.menu > a{font-family:var(--display);font-size:30px;font-weight:700;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.menu-ctas{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.menu-ctas .btn{padding:16px}
body.menu-open{overflow:hidden}

.site-footer{border-top:1px solid var(--line);padding:56px 0 40px;font-size:14px;color:var(--muted);background:var(--paper)}
.site-footer .inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-footer a{color:var(--muted);text-decoration:none}
.site-footer a:hover{color:var(--ink)}
.foot{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}
.foot h4{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:12px}
.foot > div{display:flex;flex-direction:column;gap:9px}
.foot-brand p{max-width:280px;margin-top:8px}
.foot-base{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--faint)}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}

.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;font-weight:600}
.field input,.field select,.field textarea{font:15px var(--sans);color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;width:100%}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}
.field .hint{font-size:12px;color:var(--faint)}

@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}