/* BS Athletics — modern corporate */
:root{
  --navy:#0b1f3a; --navy2:#122c4f; --green:#7ac143; --green-d:#5da32c;
  --ink:#1a2433; --mut:#5b6878; --line:#e5e9ef; --bg:#f6f8fa; --white:#fff;
  --radius:14px; --shadow:0 8px 30px rgba(11,31,58,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--white);line-height:1.65}
h1,h2,h3,h4{font-family:'Barlow Condensed',Inter,sans-serif;line-height:1.15;color:var(--navy);letter-spacing:.2px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1180px;margin-inline:auto;padding-inline:22px}
.topbar{background:var(--navy);color:#cfe0f5;font-size:.82rem;padding:.4rem 0}
.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.topbar a{color:#fff}
header.site{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:1rem}
.logo img{height:44px;width:auto}
nav.main{display:flex;gap:.25rem;align-items:center}
nav.main>div{position:relative}
nav.main a.top{display:block;padding:.9rem .8rem;font-weight:600;font-size:.93rem;color:var(--navy)}
nav.main a.top:hover{color:var(--green-d)}
.drop{position:absolute;inset-inline-start:0;top:100%;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:230px;padding:.4rem;display:none}
nav.main>div:hover .drop,nav.main>div:focus-within .drop{display:block}
.drop a{display:block;padding:.55rem .8rem;border-radius:8px;font-size:.9rem}
.drop a:hover{background:var(--bg);color:var(--green-d)}
.lang{display:flex;gap:.3rem;align-items:center}
.lang a{font-size:.8rem;font-weight:700;padding:.3rem .55rem;border:1px solid var(--line);border-radius:8px;color:var(--mut)}
.lang a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;font-size:1.1rem;cursor:pointer}
.hero{position:relative;color:#fff;background:var(--navy)}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s ease}
.hero .bg.on{opacity:.42}
.hero .container{position:relative;padding-block:7.5rem 8rem;max-width:900px;text-align:center}
.hero .kicker,.page-hero .kicker{display:inline-block;background:var(--green);color:#0b2b06;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .8rem;border-radius:99px;margin-bottom:1.1rem}
.hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4rem);font-weight:700;margin-bottom:1rem}
.hero p{font-size:1.12rem;color:#dbe6f5;max-width:640px;margin:0 auto 2rem}
.btn{display:inline-block;font-weight:700;padding:.85rem 1.7rem;border-radius:10px;font-size:.95rem;transition:.18s}
.btn.primary{background:var(--green);color:#0b2b06}
.btn.primary:hover{background:var(--green-d);color:#fff}
.btn.ghost{border:2px solid rgba(255,255,255,.55);color:#fff;margin-inline-start:.6rem}
.btn.ghost:hover{background:#fff;color:var(--navy)}
.stats{background:var(--navy2);color:#fff}
.stats .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;padding-block:2rem;text-align:center}
.stats b{display:block;font-family:'Barlow Condensed';font-size:2.6rem;color:var(--green)}
.stats span{color:#b9c9de;font-size:.9rem}
section.block{padding-block:4.5rem}
section.block.alt{background:var(--bg)}
.sec-head{text-align:center;max-width:700px;margin:0 auto 2.6rem}
.sec-head .eyebrow{color:var(--green-d);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
.sec-head h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:.3rem 0 .6rem}
.sec-head p{color:var(--mut)}
.grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card img{height:190px;object-fit:cover;width:100%}
.card .pad{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.card h3{font-size:1.35rem}
.card p{color:var(--mut);font-size:.92rem;flex:1}
.card .more{color:var(--green-d);font-weight:700;font-size:.9rem}
.duo{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}
.duo img{border-radius:var(--radius);box-shadow:var(--shadow)}
.duo h2{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:1rem}
.duo p{color:var(--mut);margin-bottom:1rem}
.ticks{list-style:none;display:grid;gap:.55rem;margin:1rem 0 1.6rem}
.ticks li{padding-inline-start:1.7rem;position:relative;color:var(--ink);font-size:.95rem}
.ticks li::before{content:"\2713";position:absolute;inset-inline-start:0;color:var(--green-d);font-weight:800}
.cta{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;text-align:center}
.cta .container{padding-block:4rem}
.cta h2{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.6rem}
.cta p{color:#c9d8ec;margin-bottom:1.6rem}
.page-hero{position:relative;background:var(--navy);color:#fff}
.page-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35}
.page-hero .container{position:relative;padding-block:4.5rem;max-width:860px}
.page-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem)}
.page-hero p{color:#dbe6f5;margin-top:.6rem;max-width:620px}
.article{padding-block:3.5rem}
.article .container{max-width:960px}
.article .lead{font-size:1.08rem;color:var(--ink);margin-bottom:1rem}
.article p{color:var(--mut);margin-bottom:1rem}
.article h2{font-size:1.9rem;margin:2.4rem 0 .9rem}
.article h3{font-size:1.4rem;margin:1.8rem 0 .6rem}
.article img.inline{border-radius:var(--radius);margin:1.4rem 0;box-shadow:var(--shadow)}
.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:1.6rem 0}
.feature{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}
.feature b{color:var(--navy);display:block;margin-bottom:.25rem}
.feature span{color:var(--mut);font-size:.9rem}
table.specs{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.92rem}
table.specs th,table.specs td{border:1px solid var(--line);padding:.6rem .8rem;text-align:start;vertical-align:top}
table.specs th{background:var(--navy);color:#fff;font-weight:600}
table.specs tr:nth-child(even){background:var(--bg)}
.model{border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;margin:1.4rem 0;background:var(--white)}
.model h3{margin-top:0}
.model .tag{display:inline-block;background:#eef7e4;color:var(--green-d);font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:99px;margin-bottom:.6rem}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem}
.info-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem}
.info-card h3{margin-bottom:1rem}
.info-card p{margin-bottom:.9rem;color:var(--mut)}
.info-card b{color:var(--navy);display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
form.contact{display:grid;gap:1rem}
form.contact input,form.contact textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--white)}
form.contact textarea{min-height:150px;resize:vertical}
form.contact input:focus,form.contact textarea:focus{outline:2px solid var(--green);border-color:transparent}
footer.site{background:var(--navy);color:#b9c9de;margin-top:0}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:2rem;padding-block:3.5rem}
footer h4{color:#fff;font-size:1.05rem;margin-bottom:.9rem;letter-spacing:.05em}
footer a{display:block;padding:.22rem 0;font-size:.9rem}
footer a:hover{color:var(--green)}
footer .brand img{height:40px;filter:brightness(0) invert(1);margin-bottom:.9rem}
footer .brand p{font-size:.9rem;max-width:300px}
footer .legal{border-top:1px solid rgba(255,255,255,.12);padding-block:1.1rem;font-size:.82rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media(max-width:920px){
  .duo{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr 1fr}
  nav.main{display:none;position:absolute;top:100%;inset-inline:0;background:var(--white);flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:.6rem}
  nav.main.open{display:flex}
  .drop{position:static;display:block;border:none;box-shadow:none;padding-inline-start:1rem}
  .burger{display:block}
}