/* Shared design system for the For Teams branch pages (athletics, schools,
   organizations). Edit here once to restyle all three. */
:root{
  --green:#a3b828; --dark:#0e1114; --panel:#171b20; --panel2:#1c2127;
  --line:#2a3038; --ink:#eaecee; --mut:#9aa1a9;
  --green-glow:rgba(163,184,40,.28);
  --ease:cubic-bezier(.22,.9,.24,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px;}
body{background:var(--dark);color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;}
img{max-width:100%;display:block;}
h1,h2,h3{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;line-height:1.05;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.eyebrow{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:12.5px;color:var(--green);display:inline-block;}
.g{color:var(--green);}
section{padding:84px 0;}
a{color:var(--green);}
a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px;}

a.btn{display:inline-block;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border-radius:11px;cursor:pointer;border:0;text-align:center;}
.btn-primary{background:var(--green);color:#12140f;padding:16px 32px;font-size:16px;box-shadow:0 12px 34px var(--green-glow);transition:transform .16s var(--ease),box-shadow .16s var(--ease);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(163,184,40,.4);}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink);padding:15px 28px;font-size:15px;transition:border-color .2s var(--ease),transform .16s var(--ease);}
.btn-ghost:hover{border-color:var(--green);transform:translateY(-2px);}
.btn-sm{padding:11px 20px;font-size:14px;}
.textlink{color:var(--mut);font-size:14px;text-decoration:none;transition:color .15s;}
.textlink:hover{color:var(--ink);}

.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);will-change:opacity,transform;}
.rv.in{opacity:1;transform:none;}
.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.22s}.rv-d3{transition-delay:.34s}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s var(--ease),border-color .3s var(--ease),padding .3s var(--ease);border-bottom:1px solid transparent;padding:16px 0;background:transparent;}
.nav.scrolled{background:rgba(14,17,20,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--line);padding:9px 0;}
.nav .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;text-decoration:none;}
.brand .utc{height:30px;width:auto;}
.navlinks{display:flex;align-items:center;gap:22px;}
.navlinks a.nl{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--mut);text-decoration:none;transition:color .15s;}
.navlinks a.nl:hover{color:var(--ink);}
@media(max-width:640px){.navlinks a.nl{display:none}}

/* HERO */
.hero{position:relative;overflow:hidden;padding:150px 0 78px;text-align:center;background:linear-gradient(180deg,#0d0f12,#14171b);}
.hero .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(1100px 620px at 50% -10%, rgba(163,184,40,.16), rgba(163,184,40,0) 58%);animation:glowDrift 14s ease-in-out infinite alternate;}
@keyframes glowDrift{from{transform:translateX(-3%) scale(1)}to{transform:translateX(3%) scale(1.06)}}
.hero .grain{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.028) 1px, transparent 1px);background-size:26px 26px;}
.hero .wrap{position:relative;z-index:3;}
.hero h1{font-size:clamp(36px,6.6vw,78px);letter-spacing:-.01em;max-width:1000px;margin:14px auto 0;}
.hero h1 .ln{display:block;overflow:hidden;}
.hero h1 .ln span{display:inline-block;transform:translateY(110%);animation:riseIn 1s var(--ease) forwards;}
.hero h1 .ln:nth-child(2) span{animation-delay:.14s}
@keyframes riseIn{to{transform:translateY(0)}}
.hero .sub{color:var(--mut);font-size:clamp(16px,2vw,19px);max-width:660px;margin:24px auto 30px;line-height:1.6;opacity:0;animation:fadeUp .9s var(--ease) .5s forwards;}
.hero .sub b{color:var(--ink);font-weight:600;}
.hero .eyebrow{opacity:0;animation:fadeUp .8s var(--ease) .05s forwards;}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .cta-row{display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;animation:fadeUp .9s var(--ease) .72s forwards;}
.guar{color:var(--mut);font-size:13px;letter-spacing:.03em;}
.guar i{font-style:normal;color:var(--green);margin:0 8px;}

/* MARQUEE */
.proof{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;overflow:hidden;position:relative;}
.proof::before,.proof::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none;}
.proof::before{left:0;background:linear-gradient(90deg,var(--panel),transparent);}
.proof::after{right:0;background:linear-gradient(270deg,var(--panel),transparent);}
.ticker{display:flex;width:max-content;animation:ticker 34s linear infinite;}
.proof:hover .ticker{animation-play-state:paused;}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker ul{display:flex;list-style:none;align-items:center;}
.ticker li{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:13.5px;color:var(--mut);white-space:nowrap;display:flex;align-items:center;}
.ticker li::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);margin:0 34px;flex-shrink:0;box-shadow:0 0 10px var(--green-glow);}

/* MOAT / AGITATE */
.moat{text-align:center;padding:100px 0;}
.moat h2{font-size:clamp(28px,5vw,52px);max-width:900px;margin:14px auto 0;}
.moat h2 .u{position:relative;white-space:nowrap;}
.moat h2 .u::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.14em;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease) .45s;opacity:.9;z-index:-1;}
.moat.in-swept h2 .u::after{transform:scaleX(1);}
.moat p{color:var(--mut);max-width:620px;margin:24px auto 0;font-size:16.5px;line-height:1.7;}
.moat p b{color:var(--ink);} .moat p .leak{color:var(--green);font-weight:600;}

/* SOLUTION */
.sol{border-top:1px solid var(--line);}
.sol .head{text-align:center;margin-bottom:46px;}
.sol .head h2{font-size:clamp(26px,4.4vw,44px);margin-top:12px;}
.sol .grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
@media(max-width:900px){.sol .grid{grid-template-columns:1fr;gap:38px}}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;}
.pill{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:#fff;background:rgba(163,184,40,.1);border:1px solid var(--green);border-radius:999px;padding:8px 16px;}
.sol .txt p{color:var(--mut);max-width:460px;line-height:1.7;} .sol .txt p b{color:var(--ink);}
.verbs{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin:20px 0 0;font-size:clamp(14px,2vw,17px);} .verbs .g{color:var(--green);}
.solimg{width:100%;border-radius:16px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.45);}
.scorebox{margin-top:22px;background:#0d0f12;border:1px solid var(--line);border-radius:14px;padding:20px 22px;}
.scorebox .lbl{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--green);margin-bottom:6px;}
.scorebox .bigno{font-family:'Oswald',sans-serif;font-weight:700;font-size:46px;color:#fff;line-height:1;}
.scorebox .bigno small{font-size:16px;color:var(--mut);font-weight:600;}
.bars{margin-top:16px;display:grid;gap:9px;}
.bars .row{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:10px;font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-family:'Oswald',sans-serif;font-weight:600;}
.bars .track{height:6px;background:var(--line);border-radius:99px;overflow:hidden;}
.bars .fill{height:100%;background:var(--green);border-radius:99px;transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--ease);}
.sol.in .fill{transform:scaleX(1);}

/* STEPS */
.how{border-top:1px solid var(--line);background:linear-gradient(180deg,#0f1215,#0d0f12);}
.how .head{text-align:center;margin-bottom:52px;} .how .head h2{font-size:clamp(26px,4.4vw,44px);margin-top:12px;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:840px){.steps{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
.step{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px 30px;transition:transform .3s var(--ease),border-color .3s var(--ease);}
.step:hover{transform:translateY(-5px);border-color:#3a4148;}
.step .sn{font-family:'Oswald',sans-serif;font-weight:700;font-size:52px;color:transparent;-webkit-text-stroke:1.5px var(--green);line-height:1;margin-bottom:16px;opacity:.9;}
.step h3{font-size:20px;color:#fff;margin-bottom:10px;} .step p{color:var(--mut);font-size:14.5px;}

/* OFFER LADDER */
.offer{border-top:1px solid var(--line);background:linear-gradient(180deg,#14171b,#0f1215);}
.offer .head{text-align:center;margin-bottom:20px;}
.offer .head h2{font-size:clamp(26px,4.4vw,46px);margin-top:12px;}
.offer .head p{color:var(--mut);max-width:560px;margin:14px auto 0;}
.ladder{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;}
@media(max-width:760px){.ladder{grid-template-columns:1fr}}
.tier{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:30px 28px;display:flex;flex-direction:column;transition:transform .3s var(--ease),border-color .3s var(--ease);}
.tier:hover{transform:translateY(-5px);border-color:rgba(163,184,40,.4);}
.tier .k{font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.2em;font-size:11.5px;color:var(--mut);text-transform:uppercase;margin-bottom:12px;}
.tier h3{font-size:clamp(21px,2.6vw,26px);color:#fff;margin-bottom:6px;}
.tier .price{font-family:'Oswald',sans-serif;font-weight:700;color:var(--green);font-size:28px;line-height:1;margin:6px 0 4px;}
.tier .price small{font-size:13px;color:var(--mut);font-weight:600;}
.tier .desc{color:var(--mut);font-size:14px;margin:8px 0 18px;}
.tier .cta{margin-top:auto;} .tier .cta .btn{width:100%;}
.tier.wide{grid-column:1 / -1;flex-direction:row;align-items:center;gap:26px;flex-wrap:wrap;border-color:rgba(163,184,40,.4);}
.tier.wide .body{flex:1;min-width:240px;} .tier.wide .cta{margin:0;min-width:220px;}

/* BUNDLES */
.plan{border-top:1px solid var(--line);text-align:center;}
.plan .head h2{font-size:clamp(24px,4vw,40px);margin:12px 0 6px;}
.plan .head p{color:var(--mut);max-width:560px;margin:0 auto;}
.bundles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;text-align:left;}
@media(max-width:820px){.bundles{grid-template-columns:1fr;max-width:420px;margin:38px auto 0}}
.bundle{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px 26px;position:relative;transition:transform .3s var(--ease),border-color .3s var(--ease);}
.bundle:hover{transform:translateY(-6px);border-color:rgba(163,184,40,.45);}
.bundle.rec{border-color:var(--green);box-shadow:0 0 0 1px rgba(163,184,40,.3),0 20px 50px rgba(0,0,0,.4);}
.bundle .tag{position:absolute;top:-11px;left:26px;background:var(--green);color:#12140f;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;padding:4px 12px;border-radius:99px;}
.bundle .lbl{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--mut);}
.bundle .amt{font-family:'Oswald',sans-serif;font-weight:700;font-size:38px;color:#fff;line-height:1;margin:10px 0 2px;}
.bundle .amt small{font-size:14px;color:var(--mut);font-weight:600;}
.bundle .band{color:var(--ink);font-size:14.5px;margin:6px 0 2px;}
.bundle .per{color:var(--green);font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:.03em;margin-bottom:18px;}
.bundle .cta .btn{width:100%;}
.plan .fine{color:var(--mut);font-size:13.5px;margin-top:24px;opacity:.85;}
.foundingnote{display:inline-flex;align-items:center;gap:9px;margin-top:16px;background:rgba(163,184,40,.08);border:1px solid rgba(163,184,40,.4);border-radius:999px;padding:8px 18px;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--ink);}
.foundingnote b{color:var(--green);font-weight:700;}
.gbar{max-width:660px;margin:34px auto 0;display:flex;align-items:center;gap:16px;background:rgba(163,184,40,.07);border:1px solid rgba(163,184,40,.4);border-radius:14px;padding:18px 22px;text-align:left;}
.gbar svg{flex-shrink:0;}
.gbar b{display:block;color:#fff;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:15px;}
.gbar p{color:var(--mut);font-size:14px;margin:3px 0 0;}

/* RECEIPTS */
.receipts{text-align:center;border-top:1px solid var(--line);}
.receipts h2{font-size:clamp(24px,4vw,40px);margin:12px 0 8px;}
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;max-width:820px;margin:34px auto 0;}
.rcard{margin:0;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.rcard img{width:100%;border-bottom:1px solid rgba(255,255,255,.08);}
.rcard figcaption{font-family:'Oswald',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:9px 6px;}
.receipts .fine{color:var(--mut);font-size:13.5px;margin-top:20px;opacity:.8;}

/* VISION */
.vision{text-align:center;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.vision .lead{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(23px,4.2vw,42px);line-height:1.1;margin:14px auto 0;max-width:760px;}
.vision .body{color:var(--ink);opacity:.86;font-size:clamp(16px,2.1vw,20px);line-height:1.65;max-width:740px;margin:22px auto 0;}
.vision .why{font-family:'Oswald',sans-serif;font-weight:500;color:var(--green);letter-spacing:.02em;font-size:clamp(15px,2vw,18px);margin:22px auto 0;}

/* FINAL */
.final{background:radial-gradient(900px 520px at 50% 125%, rgba(163,184,40,.14), rgba(0,0,0,0)), linear-gradient(180deg,#14171b,#0d0f12);text-align:center;padding:110px 0;border-top:1px solid var(--line);}
.final h2{font-size:clamp(30px,5.2vw,56px);margin:16px 0 16px;} .final p{color:var(--mut);max-width:540px;margin:0 auto 30px;font-size:17px;}
.final .cta-row{display:flex;flex-direction:column;align-items:center;gap:14px;}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:44px 0 40px;background:#0c0e11;text-align:center;}
footer .utc{height:26px;width:auto;margin:0 auto 14px;}
footer .fmini{color:var(--mut);font-size:13.5px;max-width:440px;margin:0 auto 8px;}
.copy{color:#6a7078;font-size:12.5px;margin-top:14px;} .copy a{color:#8a9099;text-decoration:none;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important;}
  .rv{opacity:1;transform:none;} .hero h1 .ln span{transform:none;animation:none;}
  .hero .sub,.hero .eyebrow,.hero .cta-row{opacity:1;animation:none;} .ticker{animation:none;flex-wrap:wrap;width:auto;}
  .sol .fill{transform:scaleX(1);} .moat h2 .u::after{transform:scaleX(1);}
}