:root{
  --sr-bg:#f2f0ea;
  --sr-ink:#0a0a0a;
  --sr-muted:#696863;
  --sr-line:#c9c6bd;
  --sr-dark:#090909;
  --sr-paper:#f2f0ea;
  --sr-max:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.sportreview-home,body.sportreview-basic{margin:0!important;background:var(--sr-bg)!important;color:var(--sr-ink)!important;font-family:Arial,Helvetica,sans-serif!important;line-height:1.45!important;overflow-x:hidden}
body.sportreview-home a,body.sportreview-basic a{color:inherit;text-decoration:none}
body.sportreview-home img,body.sportreview-basic img{display:block;max-width:100%;height:auto}
body.sportreview-home h1,body.sportreview-home h2,body.sportreview-home h3,body.sportreview-home p,body.sportreview-basic h1,body.sportreview-basic h2,body.sportreview-basic h3,body.sportreview-basic p{margin-top:0;color:inherit;font-family:inherit}
.sr-wrap{width:min(calc(100% - 64px),var(--sr-max));margin:auto}
.sr-section{position:relative;isolation:isolate;overflow:hidden;padding:130px 0;border-top:1px solid var(--sr-line);background:var(--sr-paper)}
.sr-section>.sr-wrap{position:relative;z-index:2}

/* Header */
.sr-header{position:sticky;top:0;z-index:1000;background:rgba(242,240,234,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(10,10,10,.12)}
.sr-head{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.sr-logo{display:block;line-height:0}
.sr-logo img{width:138px;max-height:58px;object-fit:contain;object-position:left center;filter:invert(1)}
.sr-nav{display:flex;gap:32px;font-size:14px}
.sr-nav a{position:relative}
.sr-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:#111;transition:right .2s ease}
.sr-nav a:hover:after,.sr-nav a:focus-visible:after{right:0}
.sr-menu-button{display:none;border:0;background:none;color:#111;font:inherit;padding:8px 0;cursor:pointer}

/* Hero */
.sr-hero{position:relative;isolation:isolate;overflow:hidden;min-height:auto;display:flex;align-items:center;padding:104px 0 112px;background:var(--sr-paper)}
.sr-hero>.sr-wrap{position:relative;z-index:2}
.sr-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:88px;align-items:center}
.sr-hero h1{font-size:clamp(58px,6.9vw,104px)!important;line-height:.9!important;letter-spacing:-.065em!important;margin-bottom:44px!important;font-weight:700!important;max-width:940px}
.sr-hero-sub{font-size:clamp(21px,2.1vw,31px)!important;line-height:1.15!important;max-width:760px;margin-bottom:18px!important}
.sr-hero-copy{font-size:17px!important;color:var(--sr-muted)!important;max-width:650px}
.sr-actions{display:flex;gap:22px;margin-top:36px;font-size:14px}
.sr-actions a{border-bottom:1px solid #111;padding-bottom:4px}
.sr-actions .sr-action-solid{background:#111;color:#fff;padding:14px 20px;border:0}

/* Abstract depth */
.sr-hero::before{content:"";position:absolute;z-index:0;width:760px;height:760px;right:-220px;top:-260px;border-radius:50%;background:radial-gradient(circle at 45% 45%,rgba(17,17,17,.075) 0,rgba(17,17,17,.035) 28%,rgba(17,17,17,0) 68%);filter:blur(2px);pointer-events:none}
.sr-hero::after{content:"";position:absolute;z-index:0;inset:-20% -10%;opacity:.20;background:repeating-linear-gradient(132deg,transparent 0 46px,rgba(17,17,17,.045) 47px,transparent 48px 94px);mask-image:linear-gradient(to left,rgba(0,0,0,.9),transparent 68%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.9),transparent 68%);pointer-events:none}
#chi-siamo::after{content:"";position:absolute;z-index:0;left:-170px;bottom:-280px;width:560px;height:560px;border:1px solid rgba(17,17,17,.04);border-radius:50%;box-shadow:0 0 0 70px rgba(17,17,17,.012),0 0 0 140px rgba(17,17,17,.009);pointer-events:none}
#brand::before{content:"";position:absolute;z-index:0;width:780px;height:420px;right:-180px;top:50%;transform:translateY(-50%) rotate(-8deg);background:radial-gradient(ellipse at center,rgba(17,17,17,.055),rgba(17,17,17,.018) 42%,transparent 72%);filter:blur(8px);pointer-events:none}
#partnership::before{content:"";position:absolute;z-index:0;left:42%;top:-45%;width:680px;height:900px;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(17,17,17,.035),transparent);filter:blur(12px);pointer-events:none}

/* Mockup */
.sr-hero-visual,.sr-platform-visual{min-width:0}
.sr-mockup{position:relative;min-height:540px}
.sr-browser{position:absolute;left:0;top:34px;width:82%;background:#111;border:1px solid #2b2b2b;border-radius:13px;padding:10px;box-shadow:0 28px 70px rgba(0,0,0,.18);transform:rotate(-1deg)}
.sr-browser-bar{height:22px;border-bottom:1px solid #2c2c2c;margin-bottom:9px;display:flex;align-items:center;gap:5px}
.sr-browser-bar i{width:6px;height:6px;border-radius:50%;background:#666;display:block}
.sr-browser img{width:100%;height:350px;object-fit:cover;object-position:center}
.sr-phone{position:absolute;right:1%;bottom:0;width:31%;background:#090909;border:7px solid #090909;border-radius:30px;box-shadow:0 28px 60px rgba(0,0,0,.28);overflow:hidden;transform:rotate(3deg)}
.sr-phone:before{content:"";display:block;width:34%;height:5px;background:#333;border-radius:9px;margin:7px auto}
.sr-phone img{width:100%;aspect-ratio:9/17;object-fit:cover}
.sr-social{position:absolute;right:3%;top:0;width:34%;background:#fff;padding:7px;box-shadow:0 18px 46px rgba(0,0,0,.18);transform:rotate(2deg)}
.sr-social img{width:100%;aspect-ratio:1/1;object-fit:cover}
.sr-custom-mockup{width:100%;max-height:640px;object-fit:contain;object-position:center}
.sr-mockup-note{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9b9992;margin-top:18px}
.sr-platform-mock{min-height:500px}
.sr-platform-mock .sr-browser{width:78%;top:12px}
.sr-platform-mock .sr-browser img{height:315px}
.sr-platform-mock .sr-phone{width:27%;right:3%}

/* Typography / shared */
.sr-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:28px;color:var(--sr-muted)}
.sr-big-title{font-size:clamp(48px,6.5vw,102px)!important;line-height:.9!important;letter-spacing:-.065em!important;max-width:1120px;margin-bottom:72px!important;font-weight:700!important}
.sr-no-margin{margin-bottom:0!important}

/* 01 / 02 / 03 */
.sr-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.sr-step{border-top:1px solid #111;padding-top:18px}
.sr-num{font-size:12px;color:var(--sr-muted);margin-bottom:52px}
.sr-step h3{font-size:28px!important;letter-spacing:-.035em!important;margin-bottom:14px!important;font-weight:700!important}
.sr-step p{font-size:18px!important;color:var(--sr-muted)!important;max-width:330px}

/* Brands */
.sr-brand-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:74px}
.sr-brand-intro p{max-width:430px;color:var(--sr-muted)!important;font-size:17px!important}
.sr-brand-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:90px;border-top:1px solid var(--sr-line)}
.sr-brand{min-height:128px;border-bottom:1px solid var(--sr-line);display:flex;align-items:center;justify-content:flex-start;padding:22px 0}
.sr-brand img{width:min(300px,78%);max-height:46px;object-fit:contain;object-position:left center;transition:transform .2s ease}
.sr-brand:hover img,.sr-brand:focus-visible img{transform:translateX(8px)}

/* Dark hierarchy sections */
.sr-dark{background:var(--sr-dark);color:#f3f1eb;border-color:#333}
.sr-dark .sr-eyebrow{color:#9b9992}
.sr-dark p{color:#b9b8b2!important}
.sr-dark::before{content:"";position:absolute;z-index:0;width:900px;height:900px;right:-260px;top:-370px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.105) 0,rgba(255,255,255,.038) 30%,rgba(255,255,255,0) 66%);pointer-events:none}
.sr-dark::after{content:"";position:absolute;z-index:0;right:-190px;bottom:-300px;width:780px;height:650px;border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 72px rgba(255,255,255,.018),0 0 0 144px rgba(255,255,255,.012),0 0 0 216px rgba(255,255,255,.008);transform:rotate(-18deg);pointer-events:none}

/* Platform */
.sr-platform{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.sr-platform h2{font-size:clamp(54px,6vw,96px)!important;line-height:.9!important;letter-spacing:-.06em!important;margin-bottom:30px!important;font-weight:700!important}
.sr-platform p{font-size:21px!important;max-width:570px}
.sr-platform-dark{box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 0 -1px 0 rgba(255,255,255,.02)}
.sr-platform-dark::after{left:auto;right:-160px;bottom:-220px;width:760px;height:620px;transform:rotate(16deg)}

/* Languages */
.sr-languages{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.sr-language-list{border-top:1px solid #111}
.sr-lang{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid var(--sr-line)}
.sr-lang strong{font-size:20px}
.sr-lang span{color:var(--sr-muted)}
.sr-languages::before{content:"";position:absolute;z-index:0;left:-80px;top:16%;width:430px;height:430px;opacity:.22;background-image:radial-gradient(rgba(17,17,17,.18) .7px,transparent .7px);background-size:14px 14px;mask-image:radial-gradient(circle,#000 0,transparent 69%);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 69%);pointer-events:none}

/* Community */
.sr-quote{font-size:clamp(47px,6.3vw,96px)!important;line-height:.95!important;letter-spacing:-.06em!important;max-width:1220px;margin-bottom:54px!important;font-weight:700!important}
.sr-dark-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.sr-dark-copy p{font-size:20px!important;max-width:570px}

/* Partnership */
.sr-partnership{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.sr-partnership h2{font-size:clamp(52px,6vw,92px)!important;line-height:.9!important;letter-spacing:-.06em!important;font-weight:700!important}
.sr-partnership p{font-size:19px!important;color:var(--sr-muted)!important}
.sr-services{border-top:1px solid #111;margin-top:38px}
.sr-services div{padding:16px 0;border-bottom:1px solid var(--sr-line);font-size:18px}
.sr-key{font-size:clamp(30px,3.4vw,52px)!important;line-height:1.05!important;letter-spacing:-.045em!important;color:#111!important;margin:60px 0 35px!important;font-weight:700}
.sr-cta{display:inline-block;background:#111;color:#fff!important;padding:15px 20px;font-size:14px}

/* Since */
.sr-since-section{padding:62px 0;background:var(--sr-paper)}
.sr-since-section::before,.sr-since-section::after{content:none!important}
.sr-since{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
.sr-since h2{font-size:clamp(32px,3.8vw,54px)!important;line-height:.98!important;letter-spacing:-.055em!important;margin:0!important;font-weight:700!important}
.sr-since p{font-size:17px!important;line-height:1.55!important;margin:2px 0 0!important;max-width:720px;color:var(--sr-muted)!important}

/* Footer */
.sr-footer{background:#090909;color:#f3f1eb;padding:80px 0 36px;border-top:1px solid #2a2a2a}
.sr-foot-top{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:start}
.sr-foot-logo img{width:170px;max-height:70px;object-fit:contain;object-position:left center}
.sr-foot-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;font-size:14px}
.sr-foot-meta{border-top:1px solid #333;margin-top:70px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#8d8d88;font-size:12px;flex-wrap:wrap}

/* Accessibility */
.sr-actions a:focus-visible,.sr-nav a:focus-visible,.sr-brand:focus-visible,.sr-cta:focus-visible,.sr-foot-links a:focus-visible,.sr-menu-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}

@media(max-width:900px){
  .sr-wrap{width:min(calc(100% - 36px),var(--sr-max))}
  .sr-section{padding:92px 0}
  .sr-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--sr-paper);padding:24px 18px;border-bottom:1px solid var(--sr-line);flex-direction:column;align-items:flex-start}
  .sr-nav.is-open{display:flex}
  .sr-menu-button{display:block}
  .sr-hero{padding:74px 0 88px}
  .sr-hero-grid,.sr-platform,.sr-languages,.sr-partnership,.sr-since,.sr-dark-copy,.sr-foot-top{grid-template-columns:1fr}
  .sr-hero-grid{gap:54px}
  .sr-hero h1{font-size:clamp(58px,16vw,92px)!important}
  .sr-mockup,.sr-platform-mock{min-height:470px}
  .sr-browser img,.sr-platform-mock .sr-browser img{height:300px}
  .sr-triple{grid-template-columns:1fr;gap:46px}
  .sr-num{margin-bottom:22px}
  .sr-brand-grid{grid-template-columns:1fr}
  .sr-brand-intro{display:block}
  .sr-brand-intro p{margin-top:30px}
  .sr-platform{gap:35px}
  .sr-lang{grid-template-columns:110px 1fr}
  .sr-since-section{padding:54px 0}
  .sr-since{gap:24px}
  .sr-hero::before{width:520px;height:520px;right:-230px;top:-180px}
  .sr-hero::after{opacity:.13}
  #brand::before{width:520px;height:320px;right:-240px}
  .sr-dark::before{width:620px;height:620px;right:-290px;top:-210px}
  .sr-dark::after{width:460px;height:360px;right:-180px;bottom:-180px}
}

@media(max-width:560px){
  .sr-wrap{width:calc(100% - 28px)}
  .sr-head{height:68px}
  .sr-logo img{width:112px}
  .sr-nav{top:68px}
  .sr-hero h1{font-size:54px!important;line-height:.92!important}
  .sr-hero-sub{font-size:22px!important}
  .sr-actions{flex-direction:column;align-items:flex-start}
  .sr-mockup,.sr-platform-mock{min-height:350px}
  .sr-browser{width:88%;top:25px}
  .sr-browser img,.sr-platform-mock .sr-browser img{height:220px}
  .sr-social{width:38%}
  .sr-phone,.sr-platform-mock .sr-phone{width:31%;border-width:5px;border-radius:20px}
  .sr-brand{min-height:98px}
  .sr-big-title{font-size:52px!important}
  .sr-lang{grid-template-columns:1fr;gap:8px}
  .sr-foot-links{grid-template-columns:1fr}
  .sr-since h2{font-size:36px!important}
}


/* Standalone standard pages */
.sr-basic-main{min-height:62vh;padding:110px 0;background:var(--sr-paper)}
.sr-basic-article{max-width:900px}
.sr-basic-article + .sr-basic-article{margin-top:72px;padding-top:60px;border-top:1px solid var(--sr-line)}
.sr-basic-article h1{font-size:clamp(44px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:0 0 42px;font-weight:700}
.sr-entry-content{font-size:18px;line-height:1.7;color:#2f2f2c}
.sr-entry-content h2{font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.04em;margin:56px 0 20px}
.sr-entry-content h3{font-size:24px;margin:38px 0 16px}
.sr-entry-content a{text-decoration:underline}
.sr-entry-content img{margin:32px 0}
.sr-entry-content ul,.sr-entry-content ol{padding-left:1.4em}
@media(max-width:900px){.sr-basic-main{padding:78px 0}}
