/* Football In-Play Pro — reversible 2026 decorative layer */
:root{--p26-ink:#06152c;--p26-navy:#071a33;--p26-blue:#176fe3;--p26-sky:#47b8ff;--p26-lime:#baff2a;--p26-surface:#f3f7fc;--p26-line:#dbe6f2;--p26-glass:rgba(8,28,55,.72);--p26-shadow:0 26px 70px rgba(7,31,66,.14)}
html{scroll-behavior:smooth}.statspro-site{background:radial-gradient(circle at 10% 4%,rgba(71,184,255,.10),transparent 27%),#f4f8fd;color:var(--p26-ink)}
.statspro-nav{border-bottom:1px solid rgba(118,174,236,.16)!important;background:rgba(5,18,38,.92)!important;box-shadow:0 12px 40px rgba(0,8,25,.22);backdrop-filter:blur(20px) saturate(1.4)}
.statspro-nav .site-nav-inner{max-width:1600px}.statspro-brand{letter-spacing:-.035em}.statspro-brand:before{box-shadow:0 0 0 5px rgba(186,255,42,.09),0 0 22px rgba(186,255,42,.45)}
.statspro-nav .site-nav-links>a{border-radius:10px!important;transition:background .2s ease,color .2s ease,transform .2s ease!important}.statspro-nav .site-nav-links>a:hover{transform:translateY(-1px)}
.pro-home{overflow:clip}.pro-hero{height:min(880px,calc(100svh - 112px));min-height:690px;border-radius:0 0 34px 34px;isolation:isolate;box-shadow:0 34px 90px rgba(6,25,53,.18)}
.pro-hero:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 5%,#000 45%,transparent 96%)}
.pro-hero-media{transform:scale(1.025);filter:saturate(1.12) contrast(1.03)}.pro-hero-shade{background:linear-gradient(90deg,rgba(3,12,27,.98) 0%,rgba(3,15,33,.90) 38%,rgba(4,20,43,.44) 68%,rgba(4,16,34,.68)),linear-gradient(0deg,rgba(4,14,31,.85),transparent 45%)}
.pro-hero-content{z-index:3;max-width:790px}.pro-eyebrow{width:max-content;padding:8px 12px;border:1px solid rgba(186,255,42,.22);border-radius:999px;background:rgba(6,26,53,.55);backdrop-filter:blur(12px)}
.pro-hero h1{font-size:clamp(58px,6.5vw,108px);line-height:.93;letter-spacing:-.072em;text-wrap:balance}.pro-hero h1 em{color:transparent;background:linear-gradient(100deg,var(--p26-lime),#e9ff9c);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 40px rgba(186,255,42,.13)}
.pro-hero-content>p{max-width:680px;font-size:clamp(17px,1.4vw,21px);color:#c5d4e7}.pro-button{border-radius:13px;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.pro-button:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.2)}
.pro-live-card{right:6vw;bottom:182px;width:min(390px,29vw);border:1px solid rgba(157,203,255,.2);border-radius:24px;background:linear-gradient(145deg,rgba(12,42,77,.91),rgba(4,19,40,.88));box-shadow:0 30px 70px rgba(0,6,20,.42);backdrop-filter:blur(18px)}
.pro-hero-widget-rail{position:absolute;z-index:4;right:6vw;bottom:66px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));width:min(620px,45vw);overflow:hidden;border:1px solid rgba(157,203,255,.18);border-radius:18px;background:var(--p26-glass);box-shadow:0 22px 54px rgba(0,7,22,.34);backdrop-filter:blur(18px)}
.pro-hero-widget-rail>div{min-height:86px;padding:17px 18px;border-left:1px solid rgba(255,255,255,.1)}.pro-hero-widget-rail>div:first-child{border-left:0}.pro-hero-widget-rail small,.pro-hero-widget-rail strong{display:block}.pro-hero-widget-rail small{margin-bottom:8px;color:#7894b5;font-size:9px;font-weight:900;letter-spacing:.14em}.pro-hero-widget-rail strong{color:#fff;font:750 13px/1.35 'Manrope',sans-serif}.pro-widget-signal{float:right}.pro-widget-signal i{display:block;width:9px;height:9px;border-radius:50%;background:var(--p26-lime);box-shadow:0 0 0 6px rgba(186,255,42,.1),0 0 18px var(--p26-lime);animation:p26Beacon 2s ease infinite}
.pro-proof{position:relative;z-index:5;max-width:1320px;margin:-22px auto 0;border:1px solid rgba(214,228,243,.9);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:var(--p26-shadow);backdrop-filter:blur(18px)}
.pro-section{padding-top:120px;padding-bottom:120px}.pro-kicker{display:inline-flex;align-items:center;gap:9px}.pro-kicker:before{content:"";width:22px;height:2px;background:var(--p26-blue)}
.pro-service-grid{gap:22px}.pro-service-card{min-height:360px;border-color:#d9e5f2;border-radius:22px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 12px 35px rgba(11,46,91,.055)}.pro-service-card:hover{transform:translateY(-10px) scale(1.012);box-shadow:0 28px 65px rgba(5,27,58,.2)}
.pro-service-card:nth-child(2),.pro-service-card:nth-child(5){transform:translateY(20px)}.pro-service-card:nth-child(2):hover,.pro-service-card:nth-child(5):hover{transform:translateY(10px) scale(1.012)}
.pro-showcase{position:relative;background:radial-gradient(circle at 75% 20%,#103b71 0,transparent 30%),linear-gradient(145deg,#061225,#071a33)}.pro-gallery-main,.pro-gallery-small{border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.pro-about{align-items:center}.pro-values{padding:16px 34px;border:1px solid var(--p26-line);border-radius:24px;background:#fff;box-shadow:var(--p26-shadow)}
.pro-quote-grid blockquote{position:relative;border-radius:22px;box-shadow:0 13px 38px rgba(10,43,83,.07);transition:transform .25s ease,box-shadow .25s ease}.pro-quote-grid blockquote:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(10,43,83,.13)}
.pro-areas{background:radial-gradient(circle at 10% 30%,rgba(71,184,255,.24),transparent 30%),linear-gradient(120deg,#0b3980,#1675e5)}.pro-area-list span{transition:padding .2s ease,background .2s ease}.pro-area-list span:hover{padding-left:10px;padding-right:10px;background:rgba(255,255,255,.06)}
.pro-accordion details{border-radius:14px;transition:background .2s ease,padding .2s ease}.pro-accordion details[open]{padding:0 18px;background:#fff;box-shadow:0 12px 32px rgba(9,44,87,.07)}
.pro-contact{background:radial-gradient(circle at 15% 15%,rgba(71,184,255,.13),transparent 30%),#e5eef8}.pro-contact-form{border:1px solid rgba(255,255,255,.9);border-radius:24px}.pro-footer{background:radial-gradient(circle at 12% 0,rgba(23,111,227,.22),transparent 30%),#031022}.pro-footer a{transition:color .2s ease,transform .2s ease}.pro-footer a:hover{transform:translateX(4px)}
.pro-mobile-dock{display:none}
@keyframes p26Beacon{50%{box-shadow:0 0 0 11px rgba(186,255,42,0),0 0 22px var(--p26-lime)}}
@media(max-width:1100px){.pro-hero-widget-rail{display:none}.pro-service-card:nth-child(2),.pro-service-card:nth-child(5){transform:none}.pro-service-card:nth-child(2):hover,.pro-service-card:nth-child(5):hover{transform:translateY(-8px)}}
@media(max-width:820px){body.statspro-site{padding-bottom:74px}.pro-mobile-dock{position:fixed;z-index:9990;left:10px;right:10px;bottom:9px;display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid rgba(151,198,249,.24);border-radius:19px;background:rgba(5,20,43,.94);box-shadow:0 16px 45px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.pro-mobile-dock a{display:grid;gap:3px;place-items:center;min-height:50px;border-radius:13px;color:#c9d8ea;font-size:10px;font-weight:800;text-decoration:none}.pro-mobile-dock a:hover,.pro-mobile-dock a:active{background:rgba(186,255,42,.1);color:var(--p26-lime)}.pro-mobile-dock span{font-size:18px}.pro-footer{padding-bottom:100px}}
@media(max-width:680px){.pro-hero{height:auto;min-height:760px;border-radius:0 0 24px 24px}.pro-hero-content{padding-bottom:96px}.pro-hero h1{font-size:clamp(49px,15vw,68px);line-height:.96}.pro-proof{margin:-18px 12px 0;padding:10px}.pro-proof div{border-radius:12px}.pro-section{padding-top:82px;padding-bottom:82px}.pro-section-heading h2,.pro-about h2,.pro-faq h2,.pro-contact h2,.pro-areas h2,.pro-final-cta h2{font-size:clamp(36px,10.5vw,46px);line-height:1.04}.pro-service-card{min-height:290px;padding:25px}.pro-card-icon{margin-bottom:34px}.pro-about-copy p{font-size:16px}.pro-values{padding:8px 20px}.pro-areas{border-radius:24px 24px 0 0}.pro-contact-form{border-radius:18px}.pro-quote-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.pro-quote-grid blockquote{flex:0 0 88%;scroll-snap-align:center}.pro-gallery-main{overflow-x:auto}.pro-dashboard-mock{min-width:560px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pro-widget-signal i{animation:none}.pro-button,.pro-service-card,.pro-quote-grid blockquote{transition:none}}
