/* Shared styles for Athlo product / SEO landing pages. */
.content-hero{min-height:auto;padding:148px 0 86px;overflow:hidden}
.content-hero .hero-grid{align-items:center}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--fm);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--t3);margin-bottom:22px}
.crumbs a{color:var(--t2)}.crumbs a:hover{color:var(--t1)}
.content-title{font-family:var(--fd);font-weight:800;font-size:clamp(54px,8vw,110px);line-height:.87;text-transform:uppercase;margin:0 0 22px}
.content-title em{font-style:normal}
.content-lead{font-size:17px;color:var(--t2);max-width:650px;line-height:1.72}
.content-lead b{color:var(--t1)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.text-cta{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid var(--line);border-radius:8px;font-family:var(--fm);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--t1);background:var(--card)}
.text-cta:hover{border-color:var(--line-h);background:var(--card-h)}
.content-section{padding:92px 0}
.content-section.alt{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.section-kicker{font-family:var(--fm);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.content-section h2{font-family:var(--fd);font-weight:800;font-size:clamp(38px,5vw,66px);line-height:.95;text-transform:uppercase;margin-bottom:18px}
.content-section .intro{max-width:760px;color:var(--t2);font-size:16px;line-height:1.75;margin-bottom:34px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.info-grid.two{grid-template-columns:repeat(2,1fr)}
.info-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;position:relative;overflow:hidden}
.info-card::before{content:'';position:absolute;top:0;left:0;width:42px;height:3px;background:var(--ember)}
.info-card h3{font-family:var(--fd);font-size:24px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:9px}
.info-card p{font-size:14px;color:var(--t2);line-height:1.68}
.info-card a{color:var(--gold)}
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px;margin-top:28px}
.check-list li{display:flex;align-items:flex-start;gap:10px;color:var(--t2);font-size:14px;line-height:1.55;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
.check-list li::before{content:'✓';color:var(--teal);font-weight:800;flex-shrink:0}
.callout-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 15% 20%,rgba(255,122,24,.12),transparent 35%),rgba(255,255,255,.018)}
.callout-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}
.callout-inner h2{margin:0}
.callout-inner p{color:var(--t2);line-height:1.7;margin-top:14px}
.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.link-card{display:block;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:21px;transition:.2s}
.link-card:hover{border-color:var(--line-h);background:var(--card-h);transform:translateY(-2px)}
.link-card b{display:block;font-family:var(--fd);font-size:20px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.link-card span{display:block;color:var(--t2);font-size:12.5px;line-height:1.55}
.faq-clean{display:grid;gap:10px;max-width:900px;margin:30px auto 0}
.faq-clean details{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:0 20px}
.faq-clean summary{cursor:pointer;list-style:none;font-weight:700;padding:18px 0}
.faq-clean summary::-webkit-details-marker{display:none}
.faq-clean p{color:var(--t2);font-size:14px;line-height:1.7;padding:0 0 18px}
.page-mini-cta{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}
.feature-matrix{width:100%;border-collapse:collapse;margin-top:24px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.feature-matrix th,.feature-matrix td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:14px}
.feature-matrix th{font-family:var(--fm);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--t3)}
.feature-matrix td:last-child{color:var(--teal);font-weight:700;text-align:center;width:90px}
.feature-matrix tr:last-child td{border-bottom:0}
.home-ecosystem{padding:96px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-ecosystem .head{margin-bottom:34px}
.home-ecosystem .link-grid{grid-template-columns:repeat(4,1fr)}
.home-youth{padding:100px 0;background:radial-gradient(circle at 85% 20%,rgba(45,212,168,.09),transparent 34%)}
.home-youth .callout-inner{align-items:start}
.home-youth .check-list{margin-top:0}
@media(max-width:980px){.info-grid,.link-grid,.home-ecosystem .link-grid{grid-template-columns:repeat(2,1fr)}.callout-inner{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}}
@media(max-width:768px){.content-hero{padding:118px 0 62px}.content-section{padding:70px 0}.info-grid,.info-grid.two,.link-grid,.home-ecosystem .link-grid{grid-template-columns:1fr}.content-title{font-size:clamp(48px,15vw,78px)}.hero-actions{flex-direction:column;align-items:stretch}.text-cta,.hero-actions .nav-cta{justify-content:center}.feature-matrix th,.feature-matrix td{padding:12px 10px;font-size:12.5px}}
.xlink{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--fm);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);transition:color .2s,transform .2s}
.xlink:hover{color:var(--t1);transform:translateX(2px)}