@font-face{font-family:Clougistic;src:local('Aptos'),local('Segoe UI')} :root{--gold:#facc15;--ochre:#a16207;--brown:#713f12;--ink:#191a1c;--paper:#f6f6f2;--muted:#626762;--line:#e0e2da;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.65 Clougistic,'Segoe UI',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,summary{cursor:pointer}img{max-width:100%}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;font-weight:600;letter-spacing:-.045em}h1{font-size:clamp(42px,4.8vw,73px)}h2{font-size:clamp(30px,3vw,46px)}h3{font-size:25px}em{font-style:normal;color:var(--gold)}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1280px,88%);margin-inline:auto}.section{padding-block:90px}.eyebrow{display:block;font-size:12px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase;color:#797768;margin-bottom:20px}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 23px;border-radius:6px;background:var(--gold);color:#201d0d;border:1px solid transparent;font-size:15px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#e9bc0c;transform:translateY(-2px)}.button.secondary{background:transparent;border-color:#d7d9d1;color:inherit}.button.secondary:hover{background:#ffffff10}.actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:3px;font-weight:600}.text-link:hover{color:var(--ochre)}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:750;letter-spacing:-1.5px;white-space:nowrap}.brand img{width:39px;height:44px;object-fit:contain}.dot{color:var(--ochre)}.header{background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid #eeeee8}.header-inner{width:min(1400px,94%);margin:auto;display:flex;align-items:center;gap:28px;min-height:90px}.header nav{display:flex;align-items:center;gap:27px;margin-left:auto}.header nav>a,.nav-trigger{font-size:14px;font-weight:600}.nav-trigger{border:0;background:none;padding:28px 0;display:flex;align-items:center;gap:5px;color:var(--ink)}.nav-trigger>svg{width:14px;height:14px;transition:transform .2s}.nav-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:18px}.header-actions .button{padding:12px 18px}.language select{background:none;border:0;font-size:13px;font-weight:650;cursor:pointer;padding:7px}.mega{position:absolute;top:100%;left:0;right:0;background:#fff;display:grid;grid-template-columns:1fr 2.2fr;gap:55px;padding:38px max(6%,calc((100vw - 1280px)/2));box-shadow:0 22px 35px #00000010;border-top:1px solid #eee}.mega-intro{padding:20px 30px 20px 0;border-right:1px solid var(--line)}.mega-intro h2{font-size:34px}.mega-intro p{font-size:14px;max-width:290px}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.mega-link{padding:17px;display:flex;align-items:flex-start;gap:15px;border-radius:8px;animation:arrive .25s both}.mega-link:nth-child(2){animation-delay:.04s}.mega-link:nth-child(3){animation-delay:.08s}.mega-link:nth-child(4){animation-delay:.12s}.mega-link:nth-child(5){animation-delay:.16s}.mega-link:nth-child(6){animation-delay:.2s}.mega-link:hover{background:#faf7e9}.mega-link>svg{color:var(--ochre);width:25px;height:25px;margin-top:3px}.mega-link strong{display:block;font-size:16px;margin-bottom:4px}.mega-link small{display:block;font-size:13px;color:var(--muted);line-height:1.5}.menu-shade{position:fixed;inset:90px 0 0;background:#191a1c55;z-index:35;backdrop-filter:blur(2px)}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mobile-menu{display:none}.hero{background:var(--ink);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.18fr 1fr;gap:70px;padding-top:58px;padding-bottom:66px;align-items:center}.hero-copy{padding:25px 0}.hero-copy .eyebrow{color:#d0c5a4;font-size:11px}.hero h1{margin-bottom:25px}.hero-copy>p{color:#c5c7bf;font-size:18px;max-width:570px}.hero .actions{margin-top:30px;gap:16px}.hero .secondary{border-color:#66675f}.hero small{display:block;margin-top:18px;color:#aeb0a5;font-size:12px}.hero-picture{height:500px;position:relative;border-radius:10px}.hero-picture>img{height:100%;width:100%;object-fit:cover;border-radius:10px;filter:saturate(.6)}.hero-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#161713e6,transparent 70%);border-radius:10px;pointer-events:none}.hero-caption{position:absolute;bottom:72px;left:28px;z-index:1}.hero-caption .eyebrow{color:var(--gold);font-size:10px}.hero-caption p{color:white;font-size:36px;line-height:1.15;letter-spacing:-1px}.person-note{position:absolute;bottom:-23px;left:26px;right:26px;z-index:2;display:flex;align-items:center;gap:14px;background:#fff;padding:16px 20px;color:var(--ink);border-radius:8px;box-shadow:0 12px 25px #0002}.initials{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f7edc3;color:var(--brown);font-weight:650;font-size:14px;flex-shrink:0}.person-note strong{font-size:15px}.person-note small{color:var(--muted);font-size:12px;margin:0}.person-note>svg{margin-left:auto;color:var(--ochre)}.customer-strip{display:flex;align-items:center;gap:55px;padding-block:36px;border-bottom:1px solid var(--line)}.customer-strip>.eyebrow{margin:0;font-size:10px;max-width:115px}.customer-strip>div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:25px}.customer-strip a{font-size:25px;font-weight:650;letter-spacing:-1px;color:#51564e}.section-heading{max-width:850px;margin-bottom:40px}.section-heading>p{max-width:670px;font-size:17px}.horizontal{display:flex;align-items:flex-end;justify-content:space-between;max-width:none;gap:30px}.horizontal h2{margin-bottom:0}.horizontal>a{white-space:nowrap}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.scope-card{border:1px solid var(--line);padding:30px;border-radius:10px;position:relative;transition:transform .2s,box-shadow .2s}.scope-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #19251508}.icon-tile{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:#f8efd1;color:var(--brown);border-radius:10px;margin-bottom:27px}.step-number{position:absolute;right:26px;top:32px;font-size:12px;color:#8d9188}.scope-card h3{font-size:25px}.scope-card p{font-size:15px;min-height:105px}.cases-section{background:var(--paper)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.case-card{background:white;padding:32px;border:1px solid var(--line);border-radius:12px}.case-card:hover{border-color:var(--ochre)}.case-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;font-size:23px;font-weight:700;letter-spacing:-.5px}.case-top svg{color:#b79b49;width:35px;height:35px}.case-card .eyebrow{font-size:10px}.case-card h3{font-size:40px}.case-card p{max-width:480px;font-size:16px}.case-0{background:#232922;color:white;border-color:#232922}.case-0 p{color:#bdc5b9}.case-0 .eyebrow{color:#ded4a5}.case-1{background:#f2e9d7}.case-2,.case-3{margin-top:2px}.personal{display:grid;grid-template-columns:.8fr 1.4fr;align-items:center;gap:90px}.personal-art{background:#f3f1e9;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;padding:35px}.personal-art img{width:110px;height:125px;margin-bottom:20px}.personal-art span{font-size:35px;font-weight:600;letter-spacing:-1px}.personal-art small{font-size:14px;color:#858374}.personal h2 em{color:var(--ochre)}.personal p{font-size:18px}.page-hero{padding-block:75px 55px;max-width:1050px}.page-hero h1{max-width:950px}.page-hero>p{font-size:20px;max-width:800px}.detail-grid{display:grid;grid-template-columns:230px 1fr;gap:70px;align-items:start}.detail-side{background:var(--paper);padding:25px;border-radius:10px;position:sticky;top:115px}.detail-side>a{display:block;padding:9px 0;font-size:14px}.detail-side>[aria-current]{font-weight:700;color:var(--ochre)}.prose{min-width:0}.prose p{font-size:17px;line-height:1.85}.prose h2{font-size:32px;margin-bottom:18px}.prose h3{font-size:24px}.prose section{margin-bottom:45px}.prose a{color:var(--brown);text-decoration:underline;text-underline-offset:3px}.inline-callout{display:flex;gap:20px;background:#f7f4e9;padding:30px;border-radius:10px;margin-top:45px}.inline-callout p{font-size:15px}.inline-callout svg{color:var(--ochre)}.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#f5f0df;border-radius:12px;padding:40px 50px;margin-block:80px}.cta h2{margin:0 0 10px}.cta p{margin:0}.cta .eyebrow{margin-bottom:12px}.case-detail{display:grid;grid-template-columns:1fr 2fr;gap:70px}.case-fact{background:var(--ink);color:var(--gold);padding:35px;border-radius:10px;align-self:start}.case-fact strong{display:block;font-size:65px;letter-spacing:-3px;line-height:1.2;overflow-wrap:anywhere}.case-fact span{font-size:11px;letter-spacing:1px;color:#d7d1bd;display:block;margin-top:20px}.steps{padding:0;list-style:none;margin:0}.steps li{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:22px 0}.steps li:first-child{padding-top:0}.steps li>span{color:var(--ochre);font-size:15px;padding-top:3px;font-weight:700}.steps p{margin:0}.case-conclusion{margin:30px 0}.video-block{margin:35px 0}.video-block video{width:100%;border-radius:12px;background:#191a1c;max-height:590px}.video-block figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}.reading{max-width:850px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-card{border:1px solid var(--line);border-radius:10px;padding:28px}.article-card h2{font-size:27px;line-height:1.2}.article-card p{font-size:15px}.article-icon{background:#f4edda;padding:28px;border-radius:7px;margin-bottom:25px;color:var(--ochre)}.article-icon svg{height:40px;width:40px}.contact-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;margin-bottom:80px}.contact-person{background:var(--paper);padding:35px;border-radius:12px;align-self:start}.large{width:70px;height:70px;font-size:23px;margin-bottom:22px}.contact-person h2{font-size:32px;margin-bottom:5px}.contact-person hr{border:0;border-top:1px solid var(--line);margin-block:30px}.contact-person h3{font-size:22px}.contact-person li{font-size:15px;color:var(--muted);margin-bottom:10px}.contact-person ul{padding-left:18px}.form-panel{border:1px solid var(--line);padding:35px;border-radius:12px;min-width:0}.form-panel h2{font-size:32px}.smallprint{font-size:13px;margin-top:25px}.smallprint a{text-decoration:underline}.manual-top{padding-block:60px 25px}.manual-top h1{font-size:48px}.manual-top>p{font-size:14px;max-width:800px}.search-box{display:flex;align-items:center;gap:12px;border:1px solid #b9bdaf;border-radius:8px;padding:13px 18px;max-width:650px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent}.search-box:focus-within{outline:3px solid #facc1580}.manual-layout{display:grid;grid-template-columns:260px 1fr;gap:45px;margin-bottom:80px;align-items:start}.manual-nav{background:var(--paper);border-radius:10px;padding:22px;max-height:calc(100vh - 130px);overflow:auto;position:sticky;top:110px}.manual-nav>a{font-size:14px;font-weight:700}.manual-nav details{margin-top:12px;border-top:1px solid var(--line)}.manual-nav summary{font-size:13px;padding-block:12px;font-weight:700}.manual-nav details>a{display:block;font-size:13px;padding:7px 8px;border-radius:4px;line-height:1.4}.manual-nav a[aria-current]{background:#f7eab9;color:var(--brown);font-weight:700}.manual-index{display:grid;grid-template-columns:1fr 1fr;gap:15px}.manual-index>a,#manual-results>a{display:block;border:1px solid var(--line);padding:20px;border-radius:8px;overflow:hidden}.manual-index h2,#manual-results h2{font-size:22px;letter-spacing:-.5px}.manual-index p,#manual-results p{font-size:13px;overflow-wrap:anywhere}.manual-index .eyebrow{font-size:10px;margin-bottom:10px}#manual-results{display:grid;gap:15px}.manual-prose{overflow-wrap:anywhere}.manual-prose h2{font-size:29px;margin-top:35px}.manual-prose h3{font-size:22px;margin-top:25px}.manual-prose p,.manual-prose li{font-size:15px}.manual-prose img{height:auto;max-width:100%;margin:12px 0}.manual-prose table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;font-size:13px}.manual-prose td,.manual-prose th{border:1px solid var(--line);padding:10px;min-width:70px}.manual-prose pre,.manual-prose code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.brand-guide{padding-bottom:70px}.brand-sample{padding:45px;background:var(--paper);border-radius:12px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-block:35px}.swatches span{display:block;height:110px;border-radius:10px;margin-bottom:10px}.brand-guide>p{max-width:850px}.brand-guide .text-link{display:inline-block;margin-top:25px}footer{border-top:1px solid var(--line);padding:45px 6% 25px;margin-top:75px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top p{font-size:14px;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:18px 30px;font-size:14px;padding-block:30px}.footer-bottom{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:25px;font-size:12px;color:var(--muted)}.footer-bottom>span{margin-right:auto}.plain{border:0;background:none;padding:0;color:inherit;font:inherit}dialog{border:1px solid var(--line);border-radius:12px;padding:35px;width:min(620px,90vw);box-shadow:0 25px 80px #0003}dialog::backdrop{background:#0007}dialog h2{font-size:30px;padding-right:20px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:26px}.skip{position:absolute;top:-100px;left:10px;z-index:60;background:white;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}@media(max-width:1150px){.header-inner{gap:18px}.header nav{gap:16px}.header nav>a,.nav-trigger{font-size:13px}.header-actions{gap:8px}.header-actions .button{font-size:13px;padding:11px}.brand{font-size:25px}.hero-inner{gap:35px}.hero-picture{height:460px}.hero h1{font-size:53px}.hero-copy>p{font-size:17px}.wrap{width:90%}.personal{gap:45px}.scope-card{padding:25px}.scope-card h3{font-size:23px}.article-grid{gap:15px}.mega{gap:25px;padding-inline:5%}}@media(max-width:900px){.mobile-menu{display:block;margin-left:auto;background:none;border:1px solid var(--line);border-radius:5px;padding:7px 10px;font-size:13px}.header-inner{min-height:78px;gap:14px}.header nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;max-height:calc(100dvh - 78px);overflow:auto;padding:16px 5% 25px;border-bottom:1px solid var(--line)}.header nav.open{display:block}.header nav>a{display:block;padding:14px 0;font-size:16px}.nav-trigger{font-size:16px;width:100%;justify-content:space-between;padding:14px 0}.mega{position:static;display:block;padding:10px 0;box-shadow:none}.mega-intro{display:none}.mega-links{gap:5px;grid-template-columns:1fr 1fr}.mega-link{padding:14px 10px}.mega-link small{font-size:12px}.menu-shade{top:78px}.hero-inner{grid-template-columns:1.2fr 1fr;gap:25px}.hero h1{font-size:46px}.hero-picture{height:450px}.hero-caption{left:20px}.hero-caption p{font-size:29px}.hero-copy .eyebrow{font-size:9px}.hero .actions{gap:12px}.hero .button{font-size:13px}.person-note{left:12px;right:12px;padding:13px;gap:9px}.person-note>svg{display:none}.customer-strip{gap:25px}.customer-strip a{font-size:21px}.section{padding-block:65px}.case-card h3{font-size:33px}.scope-grid{gap:15px}.scope-card{padding:20px}.scope-card h3{font-size:21px}.scope-card p{min-height:145px}.personal{gap:35px}.personal p{font-size:16px}.detail-grid{grid-template-columns:185px 1fr;gap:30px}.manual-layout{grid-template-columns:215px 1fr;gap:25px}.contact-grid{gap:30px}.form-panel{padding:25px}.article-grid{grid-template-columns:1fr}.article-card{display:grid;grid-template-columns:110px 1fr;gap:0 25px}.article-icon{grid-row:1/5;display:flex;align-items:center;justify-content:center;margin:0;padding:20px}.article-card h2{font-size:26px}.article-card .text-link{justify-self:start}.article-card .eyebrow{margin-bottom:10px}}@media(max-width:620px){.wrap{width:88%}.header-inner{width:92%;gap:8px}.brand{font-size:22px;gap:5px}.brand img{width:29px;height:34px}.header-actions>.button{display:none}.language select{padding:5px;font-size:12px}.hero-inner{display:block;padding-top:28px;padding-bottom:50px}.hero-copy{padding-top:5px}.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-picture{height:310px;margin-top:25px}.hero-caption{bottom:38px}.hero-caption p{font-size:30px}.hero-caption .eyebrow{margin-bottom:10px}.person-note{left:20px;right:20px;bottom:-20px}.hero small{font-size:12px}.customer-strip{display:block;padding-block:28px}.customer-strip>.eyebrow{max-width:none;margin-bottom:18px}.customer-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}.customer-strip a{font-size:22px}.section{padding-block:50px}.section-heading h2{font-size:33px}.section-heading>p{font-size:16px}.scope-grid{grid-template-columns:1fr}.scope-card p{min-height:0}.scope-card h3{font-size:25px}.scope-card{padding:25px}.icon-tile{margin-bottom:20px}.horizontal{display:block}.horizontal>a{display:inline-block;margin-top:20px}.case-grid{grid-template-columns:1fr}.case-card{padding:27px}.case-top{margin-bottom:32px}.case-card h3{font-size:36px}.personal{grid-template-columns:1fr;gap:30px}.personal-art{min-height:210px;padding:25px}.personal-art img{width:70px;height:80px;margin:0 0 12px}.personal-art span{font-size:30px}.personal h2{font-size:35px}.page-hero{padding-block:45px 30px}.page-hero h1{font-size:42px}.page-hero>p{font-size:18px}.detail-grid{display:block}.detail-side{position:static;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:8px 16px;padding:18px}.detail-side .icon-tile{display:none}.detail-side>a{font-size:13px;padding:0}.prose h2{font-size:28px}.prose p{font-size:16px}.cta{display:block;padding:30px;margin-block:45px}.cta .button{margin-top:24px}.case-detail{grid-template-columns:1fr;gap:30px}.case-fact{padding:25px}.case-fact strong{font-size:50px}.contact-grid{grid-template-columns:1fr}.form-panel{padding:22px}.article-card{display:block;padding:25px}.article-icon{margin-bottom:20px;padding:22px;justify-content:flex-start}.article-card h2{font-size:27px}.manual-layout{display:block}.manual-nav{position:static;max-height:300px;margin-bottom:25px}.manual-index{grid-template-columns:1fr}.manual-top{padding-top:40px}.manual-top h1{font-size:36px}.manual-prose h2{font-size:25px}.swatches{grid-template-columns:1fr 1fr}.footer-top{display:block}.footer-top p{margin-top:18px}.footer-bottom>span{width:100%}.mega-links{grid-template-columns:1fr}.mega-link strong{font-size:15px}.mega-link small{font-size:13px}dialog .actions{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.sportief-story{padding-top:25px}.sportief-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center}.sportief-intro figure{margin:0}.sportief-intro figure>img{width:100%;height:auto;border-radius:12px;display:block}.sportief-intro figcaption{font-size:11px;color:var(--muted);margin-top:10px}.sportief-logo{width:210px;height:auto;margin-bottom:20px}.sportief-intro dt{font-weight:650;font-size:13px;margin-top:16px}.sportief-intro dd{margin:3px 0;color:var(--muted);font-size:15px}.sportief-copy{max-width:850px;margin:75px auto}.sportief-copy h2,.sportief-columns h2,.sportief-change h2,.sportief-download h2{font-size:clamp(27px,3vw,39px)}.sportief-change{margin:70px auto;max-width:1000px}.sportief-table{overflow-x:auto}.sportief-table table{width:100%;border-collapse:collapse;text-align:left}.sportief-table th{background:var(--paper);font-weight:650}.sportief-table td,.sportief-table th{padding:19px 22px;border-bottom:1px solid var(--line);width:50%}.sportief-quote{margin:65px auto;padding:15px 0 15px 35px;border-left:4px solid var(--gold);max-width:950px}.sportief-quote blockquote{font-size:clamp(21px,2.3vw,29px);line-height:1.5;letter-spacing:-.02em;margin:0 0 22px}.sportief-quote figcaption{color:var(--muted);font-size:15px}.sportief-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:70px auto}.sportief-download{padding:30px;border:1px solid var(--line);border-radius:12px;display:flex;gap:35px;align-items:center}.sportief-download h2{font-size:28px}.sportief-download p{margin:0}.sportief-download .button{flex-shrink:0}.sportief-copy .steps h3{font-size:23px;margin:0 0 10px}.sportief-copy .steps p{margin:0}@media(max-width:700px){.sportief-intro,.sportief-columns{grid-template-columns:1fr;gap:28px}.sportief-copy,.sportief-columns,.sportief-change{margin-block:45px}.sportief-intro aside{border-top:1px solid var(--line);padding-top:25px}.sportief-quote{margin:45px 0;padding-left:20px}.sportief-table td,.sportief-table th{padding:13px 11px;font-size:14px}.sportief-download{display:block;padding:23px}.sportief-download .button{margin-top:22px}.sportief-logo{width:175px}}
/* Integrations: connected-system overview, scoped to this page. */
.integrations-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-block:80px}.integrations-hero h1{font-size:clamp(42px,4.2vw,64px);margin-bottom:24px}.integrations-hero p{font-size:18px;max-width:590px}.integrations-hero .actions{gap:12px;margin-top:30px}.integration-network{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#20221f;padding:42px 30px 24px;box-shadow:0 22px 50px #25271916}.integration-network:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.28;background-image:radial-gradient(#96978a 1px,transparent 1px);background-size:20px 20px}.network-row{display:flex;justify-content:center;gap:18px}.network-row>span{min-width:90px;padding:15px 16px;background:#fff;border:1px solid #e7e8e1;border-radius:9px;text-align:center;font-weight:650;display:flex;align-items:center;justify-content:center}.network-row img{width:78px;height:30px;object-fit:contain}.network-line{height:37px;width:1px;background:var(--gold);margin:auto;position:relative}.network-line:after{content:'';position:absolute;left:-3px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px #facc1580}.network-core{border:1px solid #facc1580;border-radius:12px;background:#35372c;color:white;max-width:310px;margin:auto;padding:20px;text-align:center;box-shadow:0 0 35px #facc150b}.network-core img{display:block;margin:0 auto 12px;object-fit:contain}.network-core strong{display:block;font-size:24px;letter-spacing:-.7px}.network-core small{display:block;color:#d5d7c8;font-size:12px;margin-top:6px}.network-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#d5d7c8;font-size:11px;margin-top:24px;text-align:center}.network-note svg{width:15px;height:15px;color:var(--gold)}.magento-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:42px;background:#f7f6ee;border:1px solid #e9e6d6;border-radius:16px;align-items:center}.magento-feature h2{font-size:clamp(29px,2.7vw,40px)}.magento-feature p{font-size:15px;margin-bottom:0}.magento-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px}.magento-capabilities>div{position:relative;background:#fff;border:1px solid #e7e5da;border-radius:10px;padding:22px;min-height:130px}.magento-capabilities>div>span{position:absolute;right:18px;top:15px;font-size:11px;color:#989a8d;letter-spacing:1px}.magento-capabilities svg{color:var(--ochre);width:28px;height:28px;margin-bottom:14px}.magento-capabilities strong{display:block;font-size:15px;line-height:1.4}.integration-catalog .section-heading{display:block;max-width:none;margin-bottom:30px}.integration-controls{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.integration-filters{display:flex;flex-wrap:wrap;gap:7px}.integration-filters button{border:1px solid var(--line);background:white;padding:9px 15px;border-radius:7px;font-size:13px;line-height:1.4;color:#4c5049;transition:background .18s,border-color .18s}.integration-filters button:hover{border-color:#969a8b}.integration-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.integration-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:9px 13px;min-width:220px;background:#fff}.integration-search svg{width:18px;height:18px;color:var(--muted)}.integration-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:14px}.integration-search:focus-within{outline:2px solid var(--ochre);outline-offset:2px}.integration-status{font-size:12px;margin:20px 0 15px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.integration-card{padding:27px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s,border-color .2s;background:linear-gradient(140deg,#fff 65%,#f9faf6)}.integration-card:hover{transform:translateY(-3px);border-color:#cacabd;box-shadow:0 12px 24px #1b211008}.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:58px;margin-bottom:29px}.integration-card-top>svg{width:20px;height:20px;color:#8d9387}.integration-monogram{width:50px;height:50px;background:#f5f6f0;color:var(--integration-color);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700}.integration-logo{width:145px;height:50px;object-fit:contain;object-position:left center}.integration-direct{font-size:10px;display:flex;align-items:center;gap:4px;color:#45643c;background:#f0f5ec;padding:5px 7px;border-radius:5px;white-space:nowrap}.integration-direct svg{width:12px;height:12px}.integration-card .eyebrow{font-size:10px;margin-bottom:9px;letter-spacing:1.2px}.integration-card h3{font-size:26px;margin-bottom:14px}.integration-card p{font-size:14px;line-height:1.7;margin-bottom:24px}.integration-card .text-link{margin-top:auto;font-size:13px;line-height:1.5}.integration-extra{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:85px}.integration-extra-card{padding:35px;border-radius:12px;background:var(--paper)}.integration-extra-card>svg{width:29px;height:29px;color:var(--ochre);margin-bottom:22px}.integration-extra-card h2{font-size:30px}.integration-extra-card p{font-size:15px}.integration-extra-card .text-link{display:inline-block;margin-top:10px}#integration-empty{padding:40px;background:var(--paper);border-radius:10px}
@media(max-width:1100px){.integrations-hero{gap:30px}.network-row{gap:10px}.network-row>span{min-width:70px;padding:13px 10px}.network-row img{width:65px}.integration-network{padding:30px 20px 22px}.magento-feature{gap:28px;padding:30px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.integrations-hero{grid-template-columns:1fr;padding-block:42px;gap:35px}.integrations-hero h1{font-size:43px}.integrations-hero p{font-size:16px}.integration-network{max-width:480px;width:100%;justify-self:center}.network-row>span{flex:1;min-width:0;max-width:125px}.magento-feature{grid-template-columns:1fr;padding:25px;gap:25px}.magento-capabilities>div{padding:16px;min-height:123px}.magento-capabilities strong{font-size:13px}.integration-catalog{padding-block:55px}.integration-search{width:100%}.integration-filters button{font-size:12px;padding:9px 12px}.integration-grid{grid-template-columns:1fr;gap:14px}.integration-card{padding:25px}.integration-card-top{margin-bottom:24px}.integration-extra{grid-template-columns:1fr;margin-bottom:50px}.integration-extra-card{padding:27px}.integration-card p{font-size:15px}.integration-logo{max-width:45%}.integration-extra-card h2{font-size:28px}}
.integration-logo.logo-thijs{background:#272a29;border-radius:5px;padding:9px 12px}.network-row img.integration-logo{object-position:center;max-width:100%;height:30px}.integration-monogram{color:var(--ochre)}.integration-monogram svg{width:26px;height:26px}
/* First-party contact form */
#contact-form{margin-top:27px}.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.contact-field{min-width:0}.contact-field>label{display:block;font-size:13px;font-weight:650;margin-bottom:7px;color:var(--ink)}.contact-field>label span{color:var(--ochre)}.contact-field input:not([type=checkbox]),.contact-field textarea{width:100%;border:1px solid #ccd0c8;border-radius:7px;background:#fff;color:var(--ink);padding:12px 14px;line-height:1.5;outline:none}.contact-field textarea{resize:vertical;min-height:155px;display:block}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--ochre);box-shadow:0 0 0 3px #facc1538}.contact-field.has-error input:not([type=checkbox]),.contact-field.has-error textarea{border-color:#b24035;box-shadow:0 0 0 2px #b240351c}.contact-field-wide{margin-top:19px}.contact-field .field-help{display:block;font-size:12px;color:var(--muted);margin-top:7px}.field-error{display:block;color:#a5372d;font-size:12px;line-height:1.4}.field-error:not(:empty){margin-top:5px}.contact-consent{display:grid;grid-template-columns:18px 1fr;gap:0 10px;align-items:start;margin-top:22px}.contact-consent input{margin:3px 0 0;width:17px;height:17px;accent-color:var(--ochre)}.contact-consent label{font-size:13px;line-height:1.55;font-weight:400}.contact-consent a,.form-panel .smallprint a{text-decoration:underline;text-underline-offset:3px}.contact-consent .field-error{grid-column:2}.contact-form-bottom{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:25px}.contact-form-bottom .button:disabled{opacity:.65;cursor:wait;transform:none}.contact-form-status{font-size:13px;margin:0;line-height:1.5}.contact-form-status[data-state=error]{color:#a5372d}.contact-form-status[data-state=success]{color:#306a35;font-weight:650}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-panel #contact-form>.smallprint{margin-top:19px;font-size:12px}
@media(max-width:700px){.contact-fields{grid-template-columns:1fr;gap:15px}.contact-field-wide{margin-top:15px}.contact-form-bottom{display:block}.contact-form-bottom .button{width:100%}.contact-form-status{margin-top:12px}}
.contact-field textarea{font:inherit}

/* Homepage portrait: retain eye contact across screen sizes. */
.hero-picture>img{object-position:50% 20%;filter:none}.hero-picture .hero-caption{bottom:22px;right:22px}.hero-picture .hero-caption p{font-size:clamp(22px,2.1vw,30px);margin-bottom:0}.hero-picture:after{background:linear-gradient(0deg,#161713cc,transparent 45%)}

/* Customer logos: original proportions, consistent monochrome presentation. */
.customer-strip .customer-brand{display:flex;align-items:center;justify-content:center;min-width:0;height:66px;flex:1}.customer-strip .brand-logo{display:block;object-fit:contain;width:160px;max-width:100%;height:48px;filter:brightness(0) saturate(100%) invert(32%) sepia(5%) saturate(634%) hue-rotate(48deg) brightness(94%) contrast(87%)}.customer-strip .brand-sportief{width:184px;height:32px}.customer-strip .brand-reform{width:140px;height:38px}.customer-strip .brand-superpro,.customer-strip .brand-super-pro{width:128px;height:66px}.customer-strip .customer-brand:focus-visible{outline:2px solid var(--purple,#7657a5);outline-offset:8px;border-radius:4px}@media(max-width:640px){.customer-strip>div{column-gap:28px;row-gap:22px}.customer-strip .brand-logo{max-width:150px}.customer-strip .brand-sportief{max-width:160px}}

.network-row>span{min-width:0;flex:1}.network-row .network-own{flex-direction:column;gap:6px;padding:10px 8px}.network-own svg{width:25px;height:25px;color:var(--ochre)}.network-own strong{font-size:14px;line-height:1.25;font-weight:600}.network-platforms{border-top:1px solid #ffffff25;margin-top:20px;padding-top:18px}.network-platform-label{display:block;text-align:center;color:#d5d7c8;font-size:13px;margin-bottom:12px}.network-platforms .network-row{max-width:300px;margin:auto}.custom-integration{display:flex;align-items:center;gap:40px;justify-content:space-between;background:var(--ink);color:white;border-radius:16px;padding:38px 42px;margin-bottom:45px}.custom-integration .eyebrow{color:var(--gold)}.custom-integration h2{font-size:clamp(28px,3vw,40px)}.custom-integration p{color:#d5d7c8;max-width:730px;margin-bottom:0}.custom-integration .button{flex-shrink:0}@media(max-width:700px){.custom-integration{flex-direction:column;align-items:flex-start;padding:28px;gap:24px}.network-own strong{font-size:13px}}

.betterbatt-numbers{background:#fff6ce;border-radius:12px;padding:48px 38px}.betterbatt-numbers>strong{display:block;font-size:clamp(48px,6vw,84px);line-height:1.1;margin-top:26px;letter-spacing:-.045em}.betterbatt-numbers>p{font-size:18px}.betterbatt-numbers>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #d9c778;margin-top:35px;padding-top:20px}.betterbatt-numbers b{display:block;font-size:27px}.betterbatt-numbers span:not(.eyebrow){display:block;font-size:15px}.betterbatt-story .sportief-logo{width:220px}.betterbatt-story dt{font-size:14px}@media(max-width:700px){.betterbatt-numbers{padding:32px 24px}.betterbatt-numbers b{font-size:23px}}



.betterbatt-integrations{display:flex;gap:32px;align-items:center;margin:22px 0}.betterbatt-integrations img{width:145px;height:40px;object-fit:contain}


/* BetterBatt: consistent content grid and aligned section edges. */
.betterbatt-hero,.betterbatt-story,.betterbatt-cta,.betterbatt-back{width:min(1050px,88%);max-width:1050px;margin-inline:auto}
.betterbatt-story .sportief-copy,.betterbatt-story .sportief-change,.betterbatt-story .sportief-quote,.betterbatt-story .sportief-columns{max-width:none;width:100%;margin-inline:0}
.betterbatt-story .sportief-copy>p{max-width:850px}
.betterbatt-story .sportief-intro{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px;align-items:start}
.betterbatt-story .sportief-intro aside{padding-top:0}
.betterbatt-story .sportief-logo{display:block;height:60px;width:220px;object-fit:contain;object-position:left top;margin:0 0 28px}
.betterbatt-story .sportief-intro dl{margin:0}
.betterbatt-story .sportief-intro dt:first-child{margin-top:0}
.betterbatt-story .sportief-columns{gap:48px}
.betterbatt-story .betterbatt-integrations{gap:32px}
.betterbatt-story .betterbatt-integrations img{width:auto;max-width:150px;height:40px;object-fit:contain;object-position:left center}
@media(max-width:700px){.betterbatt-story .sportief-intro,.betterbatt-story .sportief-columns{grid-template-columns:1fr;gap:28px}.betterbatt-story .sportief-intro aside{padding-top:28px}.betterbatt-hero h1{font-size:clamp(32px,8vw,42px)}.betterbatt-story .sportief-copy h2{font-size:28px}}
/* Shared customer-case alignment. */
.sportief-hero,.sportief-story,.sportief-cta,.sportief-back{width:min(1050px,88%);max-width:1050px;margin-inline:auto}
.sportief-story .sportief-copy,.sportief-story .sportief-change,.sportief-story .sportief-quote,.sportief-story .sportief-columns{max-width:none;width:100%;margin-inline:0}
.sportief-story .sportief-copy>p{max-width:850px}
.sportief-story .sportief-intro{align-items:start;gap:48px}
.sportief-story .sportief-intro dl{margin:0}
.sportief-story .sportief-intro dt:first-child{margin-top:0}
.sportief-story .sportief-columns{gap:48px}
@media(max-width:700px){.sportief-story .sportief-intro,.sportief-story .sportief-columns{gap:28px}.sportief-hero h1{font-size:clamp(32px,8vw,42px)}}
.betterbatt-integration-panel{margin-top:32px;padding:28px 32px;border:1px solid var(--line);border-radius:12px;background:#fafaf7}.betterbatt-integration-panel h3{margin:0}.betterbatt-integration-panel ul{margin-bottom:0;padding-left:20px}.betterbatt-integration-panel li+li{margin-top:10px}@media(max-width:700px){.betterbatt-integration-panel{padding:24px 20px}}