/* DEOVO / editorial product website / October 2026 */
:root{--green:#357c39;--ink:#173d2b;--lime:#d3f48b;--muted:#647267;--line:#dde5db;--paper:#f4f7f0}
body{font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#d3f48b;color:#173d2b}.wrap{width:min(1280px,calc(100% - 96px))}header{height:86px;background:#fffffff2}.brand img{width:111px}.brand span{font-size:11px;max-width:150px;line-height:1.6}nav{gap:24px;font-size:12px}nav>a{padding:15px 0}nav>a[aria-current]{color:var(--green);box-shadow:inset 0 -2px var(--green)}.btn{min-height:46px;border-radius:7px;padding:14px 22px;font-weight:600;gap:24px;background:var(--ink);box-shadow:0 3px 0 #0c261016}.btn.light{box-shadow:none;background:transparent}.btn.light:hover{background:#eaf1e3}.btn:hover{box-shadow:0 8px 18px #173d2b18}.text-link{min-height:40px;align-items:center;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2.4px}.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:currentColor;margin-right:10px;vertical-align:2px}h2{font-size:clamp(28px,3vw,40px);line-height:1.4;font-weight:600;letter-spacing:-1.1px}.section-head{margin-bottom:42px}.section-head p{font-size:14px;line-height:1.9}.block{position:relative}.skip-link{position:fixed;top:10px;left:15px;z-index:100;padding:12px 18px;background:#fff;transform:translateY(-150%);border:2px solid var(--green);border-radius:6px}.skip-link:focus{transform:translateY(0)}
/* Product-led hero */
.hero{background:#f4f7ef}.hero-grid{grid-template-columns:1fr 1.05fr;gap:18px;min-height:665px;padding-top:55px;padding-bottom:55px}.hero-copy{position:relative;z-index:2}.edition{display:inline-flex;align-items:center;gap:10px;font-size:11px;background:#e9efdf;border:1px solid #dae5cf;padding:9px 13px;border-radius:99px}.edition>span:last-child{margin-left:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#44883c;box-shadow:0 0 0 3px #d5e5c8}.hero h1{font-size:clamp(38px,4.2vw,63px);line-height:1.35;letter-spacing:-2.7px;margin:27px 0 23px;white-space:nowrap}.word-accent{color:var(--green);position:relative}.word-accent svg{position:absolute;bottom:-9px;left:0;width:100%;height:15px;fill:none;stroke:#9bc66b;stroke-width:4;stroke-linecap:round}.hero p{font-size:14px;line-height:2;color:#647267;margin-top:25px}.hero .actions{margin-top:30px}.hero-note{font-size:11px;gap:0;margin-top:31px}.hero-note span+span{border-left:1px solid #cbd5c5;padding-left:17px;margin-left:17px}.product-stage{height:535px;position:relative;min-width:0}.stage-grid{position:absolute;inset:0 -20px;background:radial-gradient(ellipse at 55% 46%,#b8d7a45e,transparent 64%),linear-gradient(#c2d2b529 1px,transparent 1px),linear-gradient(90deg,#c2d2b529 1px,transparent 1px);background-size:auto,36px 36px,36px 36px;mask-image:radial-gradient(ellipse at center,black 35%,transparent 75%)}.stage-label{position:absolute;top:15px;right:7px;font-size:9px;letter-spacing:3px;color:#738468}.stage-console{position:absolute;top:104px;left:0;width:95%;background:#fff;border-radius:12px;border:1px solid #d8e2d0;box-shadow:0 30px 60px #29451c18;transform:perspective(1000px) rotateY(-6deg) rotateZ(-3deg);overflow:hidden}.console-head{height:49px;padding:0 19px;border-bottom:1px solid #e7ece2;display:flex;align-items:center;justify-content:space-between}.console-brand{font-size:17px;font-weight:700;color:var(--green);letter-spacing:-.8px}.console-brand>span{font-size:10px;font-weight:400;color:#6f7e66;letter-spacing:0;margin-left:9px}.console-body{display:flex;min-height:265px}.console-body aside{width:46px;border-right:1px solid #edf0e9;display:flex;align-items:center;flex-direction:column;padding-top:18px;gap:17px;color:#99a491;font-size:18px}.console-active{background:#edf4e5;color:#3e7931;padding:3px 6px;border-radius:4px}.console-main{flex:1;min-width:0;padding:20px}.console-greeting{font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:10px}.console-greeting>span{font-size:8px;font-weight:400;color:#85917a}.console-metrics{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.console-metrics>div{border:1px solid #e5ecdd;border-radius:6px;padding:12px;background:#fafcf8}.console-metrics small{font-size:9px;color:#78816f}.console-metrics b{display:flex;font-size:24px;letter-spacing:-1px;justify-content:space-between;margin-top:5px}.console-metrics b span{font-size:13px;color:#79a559}.console-chart{padding-top:15px}.console-chart>div{font-size:10px;display:flex;justify-content:space-between}.console-chart small{font-size:8px;color:#839177}.console-chart svg{width:100%;height:110px;margin-top:8px}.stage-benefits{position:absolute;z-index:2;top:39px;left:0;width:266px;background:#fff;border:1px solid #dde6d6;border-radius:11px;padding:16px 19px;box-shadow:0 12px 25px #1e3e1710;transform:rotate(-5deg)}.tiny-label{font-size:8px;letter-spacing:1.6px;color:#7c906c}.stage-benefits b{display:block;font-size:13px;margin-top:6px}.brand-icons{display:flex;align-items:center;gap:12px;margin-top:13px}.brand-icons img{width:31px;height:31px;object-fit:contain;border-radius:7px}.brand-icons>span{font-size:17px;margin-left:auto}.stage-app{position:absolute;right:-6px;top:207px;width:172px;padding:17px;background:#e9f1da;border:5px solid #fff;box-shadow:0 20px 38px #29401e20;border-radius:21px;transform:rotate(8deg);z-index:3}.app-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.gamepad{height:72px;width:123px;border-radius:30px 30px 22px 22px;background:#254a35;margin:19px auto 12px;display:flex;align-items:center;justify-content:space-between;padding:13px;color:#def3c9;transform:rotate(-8deg);box-shadow:0 8px 0 #183824,0 17px 25px #34552622}.gamepad>span{font-size:26px}.gamepad>div{font-size:10px;text-align:center;line-height:1.2}.stage-app>b{font-size:20px;line-height:1.45;display:block;margin:17px 0}.app-bottom{display:flex;justify-content:space-between;font-size:9px;border-top:1px solid #cedcc1;padding-top:10px}.stage-app>small{display:block;color:#78866d;font-size:8px;margin-top:12px}.stage-sport{position:absolute;bottom:36px;left:27px;z-index:4;background:#1e4933;color:white;padding:16px 18px;display:flex;align-items:center;gap:14px;border-radius:10px;box-shadow:0 12px 30px #173d2b22;transform:rotate(-3deg)}.stage-sport small{display:block;font-size:9px;color:#b6cfaa;margin-top:5px}.stage-sport b{font-size:13px}.sport-icon{font-size:27px}.stage-sport>span:last-child{margin-left:14px}.stage-caption{position:absolute;bottom:0;left:0;font-size:9px;letter-spacing:1px;color:#748267}.stage-caption>span{margin-right:16px;color:#254a35;font-weight:600}.business-strip{background:#fff9;border-color:#dce4d4}.strip a{padding:26px 24px;font-size:14px;gap:23px;transition:background .2s}.strip a:hover{background:#eaf2df}.strip a>small{font-size:11px;color:#718267;align-self:flex-start;margin-top:3px}.strip a div small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:7px;color:#88937d}.strip a>span{font-size:20px;color:#5a7950}
/* Catalog and editorial rhythm */
section.block{padding:98px 0}.solutions{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution{border:0;border-right:1px solid var(--line);border-radius:0;padding:29px 27px 26px}.solution:first-child{padding-left:0}.solution:last-child{border-right:0}.solution:hover{background:#f6f9f1;transform:none}.solution>small{float:none;display:block;font-size:9px;letter-spacing:1.3px;margin-bottom:25px}.solution i{background:#eff4e8;border:1px solid #e1ead7;border-radius:10px;width:43px;height:43px}.solution h3{margin-top:22px}.solution p{font-size:13px;min-height:78px;line-height:1.9}.solution .text-link{margin-top:12px}.pale{background:#f5f7f1}.benefits-summary{display:flex;align-items:center;gap:45px;border-top:1px solid #d9e3d0;border-bottom:1px solid #d9e3d0;padding:25px 0;margin-bottom:32px}.benefits-summary strong{font-size:35px;letter-spacing:-1.5px;font-weight:500}.benefits-summary strong span{font-size:11px;margin-left:8px;letter-spacing:0;color:#6f7e64}.benefits-summary p{font-size:11px;color:#6e7c64;margin:5px 0 0}.benefits-message{border-left:1px solid #d5dfcc;padding-left:40px}.benefits-message>span{font-size:14px}.benefits-summary>.text-link{margin:0 0 0 auto}.filters button{min-height:44px;padding:10px 19px;border-radius:6px;border-color:transparent;background:transparent;font-size:13px}.filters button:hover{background:#e8efdf}.filters button.active{background:var(--ink);color:white}.filters button small{font-size:10px;opacity:.75;margin-left:6px}.search{width:245px;min-height:44px;border-radius:7px;padding-left:17px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product{padding:22px 24px;border-radius:10px;border:1px solid #e2e8dc;position:relative;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-3px);box-shadow:0 14px 32px #213d1710}.product-top{margin-bottom:22px}.product img{width:48px;height:48px}.product h3{font-size:15px;margin-bottom:9px}.product p{font-size:11px;line-height:1.7}.product button{min-height:44px;font-size:12px;margin-top:18px;padding:12px 0 0}.tag{font-size:10px;padding:6px 8px}.catalog-more{text-align:center;margin-top:28px}.catalog-more .text-link{margin:0 0 0 20px}.catalog-note{font-size:11px;line-height:1.8}.empty{font-size:14px}.showcase{gap:25px}.case{border-radius:13px;border-color:#dde5db}.case-art{height:345px}.art-number{position:absolute;top:22px;left:26px;font-size:9px;letter-spacing:2px;opacity:.7}.football{background:radial-gradient(ellipse at 80% 20%,#41623b 0,transparent 60%),#183d2b}.pitch{transform:rotate(-15deg) scale(1.3);opacity:.8}.fixture{transform:rotate(7deg);padding:23px;background:#f8faef}.football-title{font-size:36px}.mini{background:radial-gradient(ellipse at 75% 50%,#dce8c6,transparent 65%),#f0f1e8}.mini-copy h3{font-size:34px;font-weight:650}.mini-copy p{font-size:14px}.phone{height:310px;width:188px;border-color:#2c4231;transform:rotate(9deg);margin-top:60px}.mini-pad{display:block;font-size:26px;background:#224d36;color:#d2edab;padding:9px 14px;border-radius:20px;margin:5px auto 13px;width:94px;text-align:center;transform:rotate(-7deg)}.phone-banner{padding:12px;font-size:11px}.phone-icons{font-size:17px;margin:12px 0}.case-body{padding:30px 32px}.case-body h3{font-size:24px}.case-body p{font-size:13px;line-height:1.9}.badge{font-size:10px}.chips span{font-size:11px;background:#fafbf7}.case .text-link{margin-top:7px}.journey-section{padding:10px 0 90px}.journey-section>.wrap{padding:40px;background:#f4f7ef;border-radius:12px;border:1px solid #e3e9dc}.journey-heading{position:relative}.journey-heading h2{font-size:27px;margin:10px 0}.journey-heading p{color:var(--muted);font-size:13px;line-height:1.8}.journey-heading>small{position:absolute;right:0;top:0;color:#75846a;font-size:10px}.journey{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0 0;padding:0;gap:25px}.journey li{position:relative;border-top:1px solid #cbd9c0;padding-top:20px}.journey li:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:#5d8842;border-radius:50%}.journey li>span{font-size:10px;color:#6f8a5e;display:block;margin-bottom:12px}.journey b{font-size:15px}.journey p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:0}
/* Retail product demo */
.erp-section{background:#153b29}.erp-layout{grid-template-columns:.8fr 1.2fr;gap:60px}.erp-section h2{font-size:34px}.erp-section p{font-size:14px}.erp-points{font-size:12px;color:#d5e3d1;gap:20px 12px}.dashboard{border:6px solid #ffffff12;border-radius:12px;background-clip:padding-box;box-shadow:0 30px 70px #00180c40}.dash-top{padding:15px 18px}.dash-content{padding:20px;background:#f5f8f1}.tabs{gap:7px}.tabs button{min-height:40px;font-size:12px;padding:9px 13px}.metric{padding:16px 12px}.metric strong{font-weight:600;font-size:23px;letter-spacing:-.6px}.metric small{font-size:11px}.chart{padding:17px}.chart-title{font-size:12px}.bars{height:123px;gap:20px}.bars span{transition:height .35s ease;background:#bfdba4}.bars span:nth-child(2n){background:#50823d}.chart-axis{font-size:10px}.table-wrap{overflow-x:auto;margin-top:17px;background:white;border:1px solid #e2e8db;border-radius:6px}.erp-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.erp-table caption{text-align:left;padding:13px;color:#49623f;font-size:11px}.erp-table th{text-align:left;background:#f0f4eb;font-size:10px;color:#6b7a60;font-weight:400}.erp-table th,.erp-table td{padding:11px 13px;border-top:1px solid #e8eee2}.erp-table td:last-child{color:#427036}.dash-foot{font-size:10px}.process{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:26px}.process article{border-top:1px solid #d7e0d0;padding-top:22px}.process article>span{font-size:12px;color:#6d8a5a}.process h3{font-size:21px;margin-top:28px;margin-bottom:12px}.process p{font-size:13px;line-height:1.9;color:var(--muted)}.process-cta{background:#eef4e5;padding:26px;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.process-cta b{font-size:20px}.process-cta .btn{font-size:12px;margin-top:7px}#about{padding-top:0}.about{gap:100px}.about p{font-size:14px}.values{border-top:1px solid var(--line)}.value{padding:23px 0}.value h3{font-size:17px}.value p{font-size:13px}.join{margin-top:46px;padding:27px 30px}.faq-section{background:#f7f8f4;border-top:1px solid #e7ecdf}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-layout>div>p{font-size:14px;line-height:1.9;color:var(--muted)}.faq-list details{border-bottom:1px solid #dce4d4}.faq-list details:first-child{border-top:1px solid #dce4d4}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:500;padding:22px 0;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:21px;line-height:1.2;color:#507144}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:13px;line-height:2;padding:0 24px 22px 0;margin:0}.contact{padding:75px 0;background:#d7edaf;position:relative;overflow:hidden}.contact:after{content:'↗';position:absolute;right:19%;top:-90px;font-size:370px;color:#b5d88b66;pointer-events:none}.contact-inner{position:relative;z-index:1}.contact h2{font-size:44px;line-height:1.4}.contact p{font-size:14px}.contact .btn{padding:18px 26px}.footer-top{padding:10px 0 40px}.footer-links{max-width:570px;flex-wrap:wrap;justify-content:flex-end;gap:22px 28px;font-size:12px}.footer-links a:hover{color:var(--lime)}.copyright{font-size:10px;line-height:1.8}.footer-brand{font-size:36px}.back-top{position:fixed;right:22px;bottom:22px;width:43px;height:43px;display:grid;place-items:center;z-index:15;background:white;border:1px solid #d4dfca;border-radius:50%;color:#305c2b;box-shadow:0 4px 16px #203f1720;font-size:22px}dialog{border-radius:16px;padding:34px;box-shadow:0 40px 100px #071e1740}dialog .close{height:44px;width:44px}dialog h2{font-size:29px;letter-spacing:-.5px}.form-grid input,.form-grid select{min-height:44px}.form-grid textarea{min-height:110px}.form-note{font-size:12px}.form-grid label{font-size:13px}.modal-copy{font-size:14px}.modal-copy ul{padding-left:20px}.form-grid{gap:19px}#summary .actions{flex-wrap:wrap}body:has(dialog[open]){overflow:hidden}summary:focus-visible{outline:3px solid #72a84b;outline-offset:5px}
@media(min-width:1500px){.hero-grid{min-height:700px}.product-stage{height:545px}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}nav{gap:17px}.brand span{display:none}.hero h1{font-size:47px;letter-spacing:-2px}.hero-grid{gap:30px}.stage-app{right:-5px;width:155px;padding:15px}.gamepad{width:108px}.console-main{padding:17px}.stage-console{top:110px}.console-greeting>span{display:none}.stage-benefits{width:235px}.brand-icons{gap:9px}.solutions{grid-template-columns:repeat(4,1fr)}.solution{padding:24px 18px}.solution h3{font-size:18px}.solution p{min-height:100px}.benefits-summary{gap:30px}.benefits-message{padding-left:28px}.football-title{font-size:29px}.fixture{width:160px;padding:19px}.case-body h3{font-size:21px}.mini-copy h3{font-size:28px}.phone{width:171px}.erp-layout{gap:34px}.erp-section h2{font-size:29px}.process{gap:20px}.process-cta{padding:22px}.process-cta b{font-size:18px}.faq-layout{gap:55px}}
@media(max-width:950px){nav{gap:12px;font-size:11px}.hero-grid{grid-template-columns:1fr 1fr;gap:10px;min-height:610px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero p{font-size:13px}.hero .actions{gap:9px}.hero .btn{padding:13px 15px;font-size:12px;gap:12px}.product-stage{height:480px}.stage-console{top:105px;width:98%}.console-brand{font-size:14px}.console-brand>span{font-size:8px}.console-head{padding:0 12px}.console-body aside{width:33px}.console-main{padding:13px}.console-metrics{gap:7px}.console-metrics b{font-size:20px}.stage-app{top:238px;right:0;width:135px;padding:12px;border-width:4px}.gamepad{width:100px;height:59px;padding:10px;margin:12px auto}.stage-app>b{font-size:17px;margin:12px 0}.app-bottom{font-size:8px}.stage-sport{left:0;bottom:22px;padding:12px;gap:9px}.stage-sport>span:last-child{margin-left:4px}.stage-caption{bottom:-12px;font-size:8px}.strip a{padding:23px 15px;gap:15px}.solution p{min-height:125px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits-message{display:none}.benefits-summary>.text-link{margin-left:auto}.showcase{gap:18px}.football{gap:12px}.football-title{font-size:25px}.football-title small{letter-spacing:1px;font-size:8px}.fixture{width:140px;padding:15px}.mini{gap:15px}.mini-copy h3{font-size:24px}.phone{width:151px;padding:15px 9px}.phone-banner{padding:8px}.case-body{padding:24px}.case-body h3{font-size:18px}.erp-layout{grid-template-columns:1fr}.erp-section .erp-points{max-width:450px}.dashboard{max-width:650px;width:100%}.erp-section .wrap>div:first-child{max-width:600px}.process{grid-template-columns:repeat(2,1fr);gap:30px}.process-cta{min-height:185px}.about{gap:50px}.faq-layout{gap:35px}.contact h2{font-size:36px}.journey-section>.wrap{padding:30px}.journey{gap:17px}.journey p{font-size:10px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:72px}.brand img{width:111px}.menu{min-width:44px;min-height:44px}nav{top:72px;font-size:14px;padding:15px 20px 22px;gap:0;max-height:calc(100dvh - 72px);overflow:auto}nav>a{padding:14px 8px;border-bottom:1px solid #eef1e9}nav .btn{margin-top:16px}.hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:30px}.hero h1{font-size:clamp(33px,8.1vw,56px);letter-spacing:-2px;line-height:1.4;margin-top:23px}.hero p{font-size:14px}.hero .actions{gap:12px}.hero .btn{padding:14px 19px;font-size:13px;gap:20px}.hero-note{font-size:10px;margin-top:25px}.hero-note span+span{padding-left:15px;margin-left:15px}.product-stage{width:100%;max-width:500px;height:445px;margin:0 auto}.stage-label{top:0}.stage-benefits{top:20px;width:232px}.stage-console{top:90px;width:94%;left:0}.console-body{min-height:245px}.console-main{padding:16px}.console-body aside{width:40px}.console-metrics b{font-size:23px}.stage-app{top:206px;width:145px;right:0}.stage-sport{bottom:16px;left:12px}.stage-caption{bottom:-15px}.strip{grid-template-columns:repeat(2,1fr)}.strip a{padding:21px 15px;font-size:13px}.strip a:nth-child(2n){border-right:0}.strip a:first-child{border-left:0}.strip a div small{font-size:8px}.strip a>span{font-size:18px}section.block{padding:65px 0}.section-head{gap:18px;margin-bottom:28px}.section-head p{font-size:13px}.solutions{grid-template-columns:repeat(2,1fr)}.solution{padding:25px 18px!important}.solution:nth-child(2n){border-right:0}.solution:nth-child(-n+2){border-bottom:1px solid var(--line)}.solution>small{font-size:8px;margin-bottom:20px}.solution h3{font-size:17px}.solution p{font-size:12px;min-height:90px}.solution .text-link{font-size:11px;margin-top:8px}.benefits-summary{gap:25px;padding:22px 0;margin-bottom:25px;flex-wrap:wrap}.benefits-summary strong{font-size:30px}.benefits-summary>.text-link{font-size:11px}.benefits-summary p{font-size:10px}.toolbar{gap:17px}.filters{gap:3px}.filters button{padding:9px 10px;font-size:12px;min-height:44px}.filters button small{margin-left:4px;font-size:9px}.search{width:100%;font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product{padding:18px 15px}.product h3{font-size:13px;line-height:1.6}.product img{width:39px;height:39px}.tag{font-size:9px;padding:5px}.product p{font-size:10px}.product button{font-size:11px}.catalog-more .btn{font-size:12px}.catalog-more .text-link{display:flex;margin:13px auto 0;justify-content:center}.catalog-note{font-size:10px}.showcase{grid-template-columns:1fr;gap:23px}.case-art{height:325px}.football{gap:30px}.football-title{font-size:30px}.fixture{width:152px;padding:20px}.case-body{padding:25px}.case-body h3{font-size:21px}.case-body p{font-size:13px}.mini{gap:30px}.mini-copy h3{font-size:29px}.phone{width:178px}.phone-banner{padding:12px}.journey-section{padding-bottom:65px;padding-top:0}.journey-section>.wrap{padding:25px}.journey-heading h2{font-size:24px}.journey-heading>small{position:static;display:block;margin-top:12px}.journey-heading p{font-size:12px}.journey{grid-template-columns:1fr 1fr;gap:24px 20px}.journey p{font-size:11px}.erp-layout{gap:35px}.erp-section h2{font-size:29px}.erp-section p{font-size:13px}.erp-points{font-size:11px;gap:17px 10px}.dash-top{font-size:10px;padding:13px}.dash-top .badge{font-size:9px}.dash-content{padding:13px}.tabs button{font-size:11px;padding:9px 12px}.metric{padding:12px 9px}.metric small{font-size:10px}.metric strong{font-size:20px}.chart-title{font-size:10px}.bars{gap:15px;height:110px}.erp-table{font-size:10px}.erp-table th,.erp-table td{padding:10px 9px}.dash-foot{font-size:9px}.process{gap:25px 20px}.process article>span{font-size:11px}.process h3{font-size:19px;margin-top:20px}.process p{font-size:12px}.process-cta{padding:19px}.process-cta b{font-size:17px}.process-cta .btn{padding:12px 10px;font-size:11px}.about{grid-template-columns:1fr;gap:25px}.about p{font-size:13px}.join{padding:24px;gap:10px;margin-top:30px}.join .text-link{margin-top:0}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list details p{font-size:12px}.contact{padding:55px 0}.contact h2{font-size:34px}.contact p{font-size:13px}.contact:after{right:-50px;top:35px;font-size:280px}.contact-inner{gap:15px}.footer-links{justify-content:flex-start;gap:18px 24px}.footer-top{gap:25px;padding-bottom:30px}.copyright{font-size:9px}.back-top{right:15px;bottom:15px}dialog{padding:25px}dialog h2{font-size:25px}.modal-copy{font-size:13px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:32px;letter-spacing:-1.5px}.hero .btn{padding:13px 14px;gap:12px}.product-stage{height:425px}.stage-app{width:128px;top:204px}.stage-app>b{font-size:16px}.stage-sport{left:0;padding:11px;gap:8px}.stage-sport b{font-size:12px}.stage-benefits{width:218px}.console-metrics b{font-size:20px}.console-head .badge{font-size:8px}.benefits-summary{gap:20px}.benefits-summary>.text-link{margin-left:0}.filters button{padding:8px;font-size:11px}.solution{padding:20px 13px!important}.product{padding:15px 12px}.football{gap:17px}.football-title{font-size:26px}.fixture{width:138px;padding:15px}.mini{gap:18px}.phone{width:157px}.mini-copy h3{font-size:25px}.case-body h3{font-size:19px}.metric strong{font-size:17px}.process{gap:23px 14px}.process-cta{padding:16px}.process-cta b{font-size:15px}.erp-section h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{header,.back-top,.actions,.menu,dialog,.catalog-more{display:none!important}.wrap{width:100%}section.block{padding:30px 0}.product-stage{transform:scale(.8);transform-origin:center}.hero-grid{min-height:450px}.case,.product,.dashboard{break-inside:avoid}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Shared header sizing across the three public pages. */
.brand { flex-shrink: 0; }
.brand img { width: 128px; height: 56px; }
.brand span { font-size: 15px; font-weight: 500; max-width: none; white-space: nowrap; }
nav { font-size: 16px; gap: 22px; }
nav .btn { font-size: 16px; }
@media (min-width: 761px) and (max-width: 1200px) {
  .brand span { display: none; }
  .nav-row { gap: 18px; }
  nav { gap: 16px; font-size: 15px; }
  nav .btn { font-size: 15px; padding: 12px 16px; }
}
@media (max-width: 760px) {
  .brand img { width: 118px; height: 48px; }
  nav { font-size: 16px; gap: 0; }
}

/* Football leads the homepage product illustration. */
.football-stage .stage-label { top: 7px; right: 10px; letter-spacing: 2px; }
.football-spotlight { position: absolute; inset: 48px 20px 65px 5px; display: flex; flex-direction: column; padding: 24px; border: 1px solid #54715a; border-radius: 18px; background: radial-gradient(ellipse at 85% 65%, #497a46, transparent 70%), #173d2b; color: #fff; box-shadow: 0 28px 55px #173d2b26; transform: rotate(-3deg); overflow: hidden; }
.football-brand { display: flex; align-items: center; gap: 12px; z-index: 1; }
.football-brand img { width: 57px; height: 57px; border-radius: 50%; background: white; object-fit: contain; }
.football-brand > span { font-size: 22px; font-weight: 600; }
.football-brand small { display: block; font-size: 8px; letter-spacing: 2px; margin-top: 5px; color: #c4d7b9; }
.football-brand .football-arrow { margin-left: auto; font-size: 27px; font-weight: 400; }
.football-headline { margin-top: 22px; position: relative; z-index: 1; }
.football-headline > span { font-size: 12px; letter-spacing: 3px; color: #d5e7c5; }
.football-headline strong { display: block; font-size: clamp(29px, 3vw, 44px); line-height: 1.35; letter-spacing: -1px; margin-top: 9px; }
.football-field { position: absolute; width: 76%; right: -9%; bottom: 48px; transform: rotate(-18deg); opacity: .65; }
.football-field svg { width: 100%; fill: none; stroke: #c4ddaa; stroke-width: 1.4; }
.football-field .field-dot { fill: #c4ddaa; }
.field-ball { position: absolute; left: 57%; top: 42%; font-size: 48px; filter: drop-shadow(0 8px 8px #00180c55); }
.football-entry { position: relative; z-index: 1; margin-top: 18px; padding-top: 14px; border-top: 1px solid #ffffff33; display: flex; flex-direction: column; gap: 9px; }
.football-entry > span { font-size: 11px; color: #d5e7c5; }
.football-entry b { display: flex; justify-content: space-between; font-size: 15px; }
.football-spotlight:hover { border-color: #c4ddaa; }
.football-stage .stage-benefits { top: auto; bottom: 10px; left: 0; width: 222px; padding: 13px 16px; transform: rotate(-5deg); z-index: 3; }
.football-stage .stage-benefits b { font-size: 12px; }
.football-stage .brand-icons { margin-top: 10px; gap: 10px; }
.football-stage .brand-icons img { width: 25px; height: 25px; }
.football-stage .stage-app { width: 137px; right: -5px; top: auto; bottom: 19px; padding: 13px; border-width: 4px; }
.football-stage .gamepad { width: 95px; height: 52px; margin: 12px auto 9px; padding: 10px; }
.football-stage .stage-app > b { font-size: 16px; margin: 12px 0; }
.football-stage .stage-app > small { display: none; }
.football-stage .stage-caption { bottom: -26px; font-size: 8px; }
@media (max-width: 760px) {
  .football-stage { height: 500px; margin-bottom: 25px; }
  .football-spotlight { inset: 37px 10px 100px 4px; padding: 20px; }
  .football-brand img { width: 48px; height: 48px; }
  .football-brand > span { font-size: 20px; }
  .football-headline { margin-top: 18px; }
  .football-headline strong { font-size: 34px; }
  .football-stage .stage-benefits { width: 205px; bottom: 9px; padding: 12px; }
  .football-stage .stage-app { width: 125px; right: 0; bottom: 5px; }
  .football-stage .stage-app > b { font-size: 14px; }
  .football-stage .stage-caption { bottom: -22px; letter-spacing: 0; }
}
@media (max-width: 370px) {
  .football-stage .stage-benefits { width: 178px; }
  .football-stage .brand-icons { gap: 7px; }
  .football-stage .brand-icons img { width: 22px; height: 22px; }
  .football-stage .stage-app { width: 112px; right: -6px; }
  .football-stage .gamepad { width: 78px; }
  .football-headline strong { font-size: 30px; }
}

/* Public website reading hierarchy: headings, body copy, then supporting labels. */
h2, .product-hero h1 { text-wrap: balance; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; font-size: 16px; }
nav > a:not(.btn) { font-weight: 600; letter-spacing: .2px; white-space: nowrap; }
.hero h1, h2, .solution h3, .case-body h3, .process h3 { font-weight: 600; }
.section-head p, .hero p, .solution p, .case-body p, .erp-section p,
.about p, .process p, .faq-list details p, .contact p { font-size: 15px; line-height: 1.9; }
.solution p { min-height: 0; }
.solution { display: flex; flex-direction: column; align-items: flex-start; }
.solution .text-link { margin-top: auto; padding-top: 16px; }
.text-link, .btn, .hero .btn { font-size: 14px; }
.actions { flex-wrap: wrap; }
.hero-note { font-size: 12px; flex-wrap: wrap; row-gap: 10px; }
.eyebrow { font-size: 11px; }
.product h3 { font-size: 16px; line-height: 1.5; }
.product p, .product button, .catalog-note, .benefits-summary p { font-size: 13px; line-height: 1.8; }
.tag, .badge { font-size: 11px; line-height: 1.5; }
.filters { flex-wrap: wrap; }
.filters button { font-size: 14px; }
.search { font-size: 16px; }
.case-body .chips span, .erp-points, .journey p, .journey-heading p { font-size: 13px; line-height: 1.8; }
.process h3, .value h3 { font-size: 20px; line-height: 1.5; }
.value p, .join span, .faq-section > .wrap > div > p { font-size: 14px; line-height: 1.9; }
.faq-list summary { font-size: 16px; line-height: 1.7; }
footer p, .footer-links, .copyright { font-size: 12px; line-height: 1.9; }
.footer-links { flex-wrap: wrap; }
.copyright { gap: 12px; overflow-wrap: anywhere; }
.form-grid label, .form-note, .modal-copy { font-size: 14px; line-height: 1.8; }
.form-grid input, .form-grid textarea, .form-grid select, #summary-text { font-size: 16px; }
.dash-top, .tabs button, .erp-table, .dash-foot { font-size: 12px; }
.metric small, .chart-axis { font-size: 11px; }
@media (max-width: 950px) and (min-width: 761px) {
  .nav-row { gap: 12px; }
  nav { gap: 12px; font-size: 14px; }
  nav .btn { font-size: 14px; padding: 12px; }
  .brand img { width: 112px; }
  .solutions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .solution:nth-child(2) { border-right: 0; }
  .solution:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 760px) {
  nav { font-size: 16px; }
  nav .btn { font-size: 16px; }
  h2 { font-size: 28px; line-height: 1.45; letter-spacing: -.6px; }
  .section-head p, .hero p, .solution p, .case-body p, .erp-section p,
  .about p, .process p, .faq-list details p, .contact p { font-size: 15px; }
  .solution h3, .case-body h3 { font-size: 20px; }
  .solution .text-link, .benefits-summary > .text-link, .catalog-more .btn { font-size: 13px; }
  .product h3 { font-size: 15px; }
  .product p, .product button, .catalog-note { font-size: 12px; }
  .product-top { flex-wrap: wrap; gap: 8px; }
  .product .tag { font-size: 10px; }
  .filters button { font-size: 13px; padding: 10px 12px; }
  .journey-heading h2 { font-size: 26px; }
  .process-cta .btn { font-size: 13px; }
  .join, .contact-inner { gap: 18px; }
  .copyright, footer p, .footer-links { font-size: 12px; }
  .hero .actions .btn { padding: 13px 16px; gap: 14px; }
  .hero-note span + span { padding-left: 12px; margin-left: 12px; }
  .erp-points { grid-template-columns: 1fr; gap: 10px; }
  #summary .actions { flex-direction: column; align-items: stretch; }
}
@media (max-width: 480px) {
  .solutions { grid-template-columns: 1fr; }
  .solution { border-right: 0; border-bottom: 1px solid var(--line); }
  .solution:last-child { border-bottom: 0; }
  .process { grid-template-columns: 1fr; }
  .process-cta { min-height: 0; }
}