:root{--navy:#071b35;--blue:#075cff;--cyan:#1dd9d2;--ink:#10233d;--muted:#68768b;--line:#dbe5ef;--soft:#f3f7fb;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:var(--navy);color:#b8c7da;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}
.header{height:82px;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #071b3514}
.header .wrap{display:flex;align-items:center}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}
.mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:flex;align-items:center;justify-content:center;color:#fff}
.nav{margin-left:auto;display:flex;align-items:center;gap:29px;font-size:15px;font-weight:700}
.nav a:hover,.nav a.active{color:var(--blue)}
.nav .contact{background:var(--blue);color:#fff;padding:12px 20px;border-radius:4px}
.menu-btn{display:none;margin-left:auto;background:none;border:0;font-size:26px}
.hero{min-height:650px;color:#fff;background:linear-gradient(90deg,#031226e8 0%,#031226b3 43%,#0312261f),url(hero.png) center/cover;display:flex;align-items:center}
.eyebrow{color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.hero h1{font-size:58px;line-height:1.14;max-width:700px;margin:18px 0}
.hero p{font-size:19px;max-width:640px;color:#d7e7f5}
.actions{display:flex;gap:12px;margin-top:30px}
.btn{display:inline-block;padding:13px 24px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-weight:800;border-radius:4px}
.btn.alt{background:transparent;border-color:#ffffff80}
.trust{margin-top:-42px;position:relative}
.trust .inner{background:#fff;padding:25px 28px;box-shadow:0 18px 55px #071b3521;display:flex;align-items:center;gap:32px}
.trust strong{white-space:nowrap}
.logos{display:flex;overflow:hidden;gap:12px;flex:1}
.logo-chip{min-width:150px;background:var(--soft);padding:13px;text-align:center;color:#57708e;font-weight:800}
.section{padding:95px 0}
.section.soft{background:var(--soft)}
.section.dark{background:var(--navy);color:#fff}
.section-head{max-width:720px;margin-bottom:42px}
.section h2,.page-hero h1{font-size:40px;line-height:1.2;margin:10px 0 16px}
.section-head p{color:var(--muted)}
.dark .section-head p{color:#adc0d5}
.cards{display:flex;gap:20px;flex-wrap:wrap}
.service-card{background:#fff;border:1px solid var(--line);padding:30px;flex:1 1 240px;min-height:300px;transition:.25s}
.service-card:hover{transform:translateY(-8px);border-color:var(--cyan);box-shadow:0 20px 50px #071b3517}
.service-card .num{color:var(--blue);font-weight:900}
.service-card h3{font-size:23px}
.more{color:var(--blue);font-weight:800}
.system-layout{display:flex;gap:60px;align-items:center}
.system-copy,.system-list{flex:1}
.system-list{display:flex;flex-wrap:wrap;gap:14px}
.system-item{width:calc(50% - 7px);background:#ffffff0d;border:1px solid #ffffff24;padding:22px}
.process{display:flex;gap:0;overflow:auto}
.step{min-width:165px;flex:1;border-top:2px solid var(--line);padding:25px 18px 0;position:relative}
.step:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--blue);position:absolute;top:-7px}
.step b{font-size:28px;color:var(--blue)}
.cases{display:flex;flex-wrap:wrap;gap:20px}
.case{width:calc(33.333% - 14px);min-height:280px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(150deg,#0d2c55,#0676a8);position:relative;overflow:hidden}
.case:nth-child(2){background:linear-gradient(150deg,#183b39,#18a7a0)}
.case:nth-child(3){background:linear-gradient(150deg,#24344e,#6b7db5)}
.case:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff33;border-radius:50%;right:-55px;top:-45px}
.stats{display:flex;gap:40px;flex-wrap:wrap}
.stat{flex:1;min-width:160px}
.stat strong{font-size:48px;color:var(--cyan)}
.news-list{display:flex;gap:20px;flex-wrap:wrap}
.news-card{width:calc(33.333% - 14px);border-top:4px solid var(--blue);padding:25px;background:#fff;box-shadow:0 10px 35px #071b3511}
.news-card time{font-size:13px;color:var(--muted)}
.cta{padding:70px 0;background:linear-gradient(100deg,var(--blue),#003d9c);color:#fff}
.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer{background:#031226;color:#aabbd0;padding:55px 0 25px}
.footer-main{display:flex;gap:50px;flex-wrap:wrap}
.footer-main>div{flex:1;min-width:210px}
.footer h3{color:#fff}
.footer-bottom{border-top:1px solid #ffffff1c;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between}
.page-hero{background:linear-gradient(115deg,#071b35,#0d4b81);color:#fff;padding:95px 0}
.content{padding:70px 0}
.split{display:flex;gap:50px;align-items:flex-start}
.split>div{flex:1}
.feature-box{background:var(--soft);padding:35px}
.timeline{border-left:2px solid var(--cyan);padding-left:28px}
.timeline article{margin-bottom:30px}
.team .person{flex:1 1 220px;background:var(--soft);padding:30px}
.avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));margin-bottom:18px}
.article{max-width:820px}
.article h2{font-size:28px}
.article p{margin:18px 0}
.contact-grid{display:flex;gap:25px;flex-wrap:wrap}
.contact-grid>div{flex:1 1 280px}
.form input,.form textarea{width:100%;border:1px solid var(--line);padding:13px;margin-bottom:12px}
.form textarea{min-height:130px}
.notice{display:none;padding:12px;background:#e9fbfa;color:#006c68}
.filter{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}
.filter button{border:1px solid var(--line);background:#fff;padding:9px 15px;cursor:pointer}
.filter button.active{background:var(--blue);color:#fff}
.menu-panel{display:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.nav{display:none}
.menu-btn{display:block}
.menu-panel.open{display:flex;position:fixed;inset:82px 0 auto;background:#fff;z-index:19;flex-direction:column;padding:25px;box-shadow:0 15px 30px #0002}
.hero{min-height:560px}
.hero h1{font-size:40px}
.system-layout,.split{flex-direction:column}
.case,.news-card{width:100%}
.cta .wrap{align-items:flex-start;flex-direction:column}
.topbar{display:none}
.header{height:72px}
.menu-panel.open{inset:72px 0 auto}
.section{padding:70px 0}
}
@media(max-width:540px){.wrap{width:min(100% - 28px,1180px)}
.hero h1,.section h2,.page-hero h1{font-size:34px}
.trust{margin-top:0}
.trust .inner{flex-direction:column;align-items:flex-start}
.system-item{width:100%}
.footer-bottom{flex-direction:column}
.actions{flex-direction:column}
}
:root{--navy:#54182a;--blue:#8d2948;--cyan:#4d7138;--ink:#3e2630;--muted:#7e6b6b;--line:#dfd4c4;--soft:#f6f0e5}.topbar{background:#4d7138;color:#fff}.header{box-shadow:none;border-bottom:1px solid #eadfce}.mark{border-radius:50% 50% 50% 8px;background:#8d2948}.hero{min-height:680px;color:#3e2630;background:linear-gradient(90deg,#fbf4e9f2 0%,#fbf4e9bf 42%,#fbf4e91c),url(hero.png) center/cover}.hero p{color:#5f4d4d}.hero h1{font-family:Georgia,"Microsoft JhengHei",serif;font-weight:500}.btn.alt{border-color:#8d2948;color:#8d2948}.trust .inner{box-shadow:none;border:1px solid #dfd4c4}.logo-chip{background:#f6f0e5;color:#4d7138}.section h2,.page-hero h1{font-family:Georgia,"Microsoft JhengHei",serif;font-weight:500}.service-card{border-radius:90px 90px 8px 8px;padding-top:55px}.dark{background:#54182a}.case{background:linear-gradient(145deg,#5d2436,#a86065)}.case:nth-child(2){background:linear-gradient(145deg,#435a32,#80965c)}.case:nth-child(3){background:linear-gradient(145deg,#705f46,#b89c6b)}.page-hero{background:linear-gradient(110deg,#54182a,#8d2948)}.btn{border-radius:40px}.avatar{background:linear-gradient(135deg,#8d2948,#4d7138)}

/* enterprise friend links */
.footer-auto-links{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0;border-top:1px solid rgba(255,255,255,.16)}.footer-auto-links strong{display:block;margin-bottom:12px}.footer-auto-links>div{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-auto-links a{color:inherit;opacity:.82;text-decoration:none}.footer-auto-links a:hover{opacity:1}.footer-auto-links:not(:has(a)),[data-friend-links]:not(:has(a)){display:none}

/* SPORTS-CURRENT-STANDARD */
.sports-standard-info,.sports-signature{width:min(1180px,calc(100% - 48px));margin:70px auto;padding:45px;border:1px solid #d5d9dc}.sports-signature header,.sports-signature .signature-lead{display:flex;justify-content:space-between;gap:35px;align-items:end}.signature-grid,.signature-figures,.signature-links,.sports-signature dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sports-signature article,.sports-signature figure,.sports-signature dl>div,.signature-links a{padding:25px;border:1px solid currentColor;margin:0;display:flex;flex-direction:column;gap:9px}.sports-signature ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sports-signature li{padding:24px;background:#f2f5f5}.sports-signature li span,.signature-kicker,.signature-links em{font-weight:800;letter-spacing:.14em}
header{text-align:center} .hero,.subhero{text-align:center;border-radius:0 0 72px 72px} .cards,.grid{gap:22px}
@media(max-width:820px){.sports-standard-info,.sports-signature{width:calc(100% - 30px);padding:26px}.grid,.cards,.signature-grid,.signature-figures,.signature-links,.sports-signature dl,.sports-signature ol{grid-template-columns:1fr!important}article:nth-child(even){transform:none!important}}