:root{--bg:#ffffff;--surface:#ffffff;--muted:#64748b;--text:#1f2937;--primary:#0ea5e9;--accent:#22c55e;--warn:#f59e0b}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#ffffff;color:#1f2937;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
header{position:sticky;top:0;z-index:50;background:
  radial-gradient(circle at 20% 10%, rgba(255,255,255,.7) 0, rgba(255,255,255,0) 40%),
  radial-gradient(circle at 70% 30%, rgba(255,255,255,.6) 0, rgba(255,255,255,0) 35%),
  radial-gradient(circle at 35% 65%, rgba(255,255,255,.5) 0, rgba(255,255,255,0) 38%),
  linear-gradient(180deg, #a9d8ff 0%, #eaf6ff 70%);
backdrop-filter:saturate(160%) blur(4px)}
.skip-link{position:absolute;left:-9999px;top:-9999px}
.skip-link:focus{left:8px;top:8px;background:#ffffff;color:#0b1220;padding:8px 10px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.15);z-index:10003;border:1px solid rgba(0,0,0,.08)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.brand{display:flex;align-items:center;gap:12px}
.logo-img{height:40px;width:auto;border-radius:8px;object-fit:contain;background:transparent;border:1px solid rgba(31,41,55,.12)}
.brand-name{font-weight:700;font-size:clamp(14px,2vw,18px)}
.no-scroll{overflow:hidden}
.current-channel{display:none;font-weight:700;color:#1f2937}
.nav{display:flex;align-items:center;gap:24px}
.nav>li{position:relative;list-style:none}
.nav>li>a,.nav>li>button{padding:8px 6px;display:flex;align-items:center;gap:6px;font-size:16px;font-weight:400;line-height:1.2}
.nav>li:hover>a,.nav>li:hover>button{color:#fff;background:linear-gradient(135deg,var(--primary),#2563eb);border-radius:10px}
.nav>li>button{background:transparent;border:0;color:inherit;cursor:pointer}
.dropdown{position:absolute;top:100%;left:0;background:#ffffff;color:#0b1220;border:1px solid rgba(15,23,42,.1);border-radius:16px;min-width:260px;box-shadow:0 20px 40px rgba(0,0,0,.25);padding:6px;opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:opacity .18s,transform .18s;z-index:10002}
.dropdown:before{content:"";position:absolute;top:-8px;left:24px;width:16px;height:16px;background:#ffffff;border-left:1px solid rgba(15,23,42,.1);border-top:1px solid rgba(15,23,42,.1);transform:rotate(45deg);border-top-left-radius:4px}
.nav>li.open .dropdown{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.dropdown a{display:block;padding:12px 14px;border-radius:12px;color:#0b1220;white-space:nowrap;font-weight:600}
.dropdown a:hover{background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff}
.actions{display:flex;align-items:center;gap:12px}
.actions{gap:8px}
.lang-control{position:relative;display:flex;align-items:center}
.globe-icon{position:absolute;left:8px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%230ea5e9' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2 8h12M8 2a10 10 0 0 0 0 12M8 2a10 10 0 0 1 0 12' stroke='%230ea5e9' stroke-width='1.2' fill='none'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;border-radius:50%;background-color:rgba(14,165,233,.18);box-shadow:0 0 0 2px rgba(14,165,233,.12);filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));pointer-events:none}
.lang-select{background:#ffffff;border:1px solid #cbd5e1;color:#1f2937;border-radius:8px;padding:2px 6px 2px 30px;font-size:12px;letter-spacing:-0.2px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12)}
.btn.primary{background:linear-gradient(135deg,var(--primary),#2563eb);border-color:transparent;color:white}
.btn.ghost{background:transparent}
.hero{min-height:90vh;display:grid;place-items:center;background:#ffffff}
.hero-inner{max-width:1200px;width:100%;padding:40px 16px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero-text{text-align:left}
.hero h1{font-size:clamp(32px,5.5vw,68px);line-height:1.08;margin:0}
.hero h1 .sub-note{font-size:70%}
.hero p{margin:16px 0 26px;color:#cbd5e1;font-size:clamp(16px,2.2vw,20px)}
.slider{position:relative;overflow:hidden}
.slides{position:relative;min-height:520px}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s,transform .8s;display:flex;align-items:center;justify-content:center;transform:scale(1.02)}
.slide.active{opacity:1}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.25) 60%)}
.slide .hero-inner{opacity:0;transform:translateY(6px) scale(.98);transition:opacity .5s,transform .5s;position:relative;z-index:1}
.slide.active .hero-inner{opacity:1;transform:none}
.slider .hero-inner{background:transparent;border:none;border-radius:0;backdrop-filter:none;box-shadow:none;padding:12px 0}
.hero-capsule{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.hero-capsule{background:#ffffff}
.img-capsule{background-size:cover;background-position:center}
.img-capsule:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.45), rgba(0,0,0,.25) 40%, rgba(0,0,0,.15) 60%, rgba(0,0,0,.35));}
.slide.simple:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.45), rgba(0,0,0,.25) 40%, rgba(0,0,0,.15) 60%, rgba(0,0,0,0));}
.slide .hero-text{color:#fff}
.slide-title{margin:0;font-size:clamp(28px,5.5vw,52px);line-height:1.1;font-weight:800;color:#fff}
.slide-subtitle{margin-top:8px;font-size:clamp(16px,2.2vw,20px);color:#fff;opacity:.95}
.capsule-bg{position:absolute;inset:0;opacity:.25}
.capsule-bg svg{width:100%;height:100%}
.hero-grid{position:relative;padding:32px}
.route-svg{filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}
.route{stroke-dasharray:8 12;animation:routeFlow 6s linear infinite}
.pin{fill:#fff;stroke:rgba(0,0,0,.25);stroke-width:1}
.pin.cn{fill:#0ea5e9}
.pin.br{fill:#22c55e}
.route-dot{fill:#fff;stroke:rgba(0,0,0,.35);stroke-width:2}
@keyframes routeFlow{to{stroke-dashoffset:-200}}
.globe{position:relative;width:340px;height:340px;border-radius:50%;margin:auto;background:radial-gradient(circle at 40% 40%, rgba(255,255,255,.15) 0, rgba(255,255,255,.05) 40%, rgba(255,255,255,0) 65%),
 linear-gradient(135deg, rgba(14,165,233,.3), rgba(34,197,94,.3));box-shadow:0 20px 40px rgba(0,0,0,.35)}
.globe:before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:
 radial-gradient(circle at 50% 50%, transparent 47%, rgba(255,255,255,.2) 48%, transparent 50%),
 radial-gradient(circle at 50% 50%, transparent 67%, rgba(255,255,255,.2) 68%, transparent 70%)}
@media(max-width:960px){.slides{min-height:360px}.globe{width:280px;height:280px}}
.slide.active{transform:scale(1)}
.slider-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px}
.slider-dots .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.2)}
.slider-dots .dot.active{background:linear-gradient(135deg,var(--primary),#2563eb)}
.slider-progress{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:220px;height:3px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden}
.slider-progress .bar{width:0;height:100%;background:linear-gradient(90deg,var(--primary),#2563eb);transition-property:width}
.hero-pill{display:inline-block;margin-bottom:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:6px 12px;font-size:12px}
@keyframes kenburns{0%{transform:scale(1.04)}100%{transform:scale(1)}}
.slide.active{animation:kenburns 6s linear forwards}
.hero-visual{position:relative;height:360px}
.hero-visual::before{content:"";position:absolute;right:10%;top:50%;transform:translateY(-50%);width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(34,197,94,.9), rgba(14,165,233,.9) 60%, rgba(31,41,55,.9) 100%);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.hero-visual::after{content:"";position:absolute;right:10%;top:50%;transform:translateY(-50%);width:360px;height:360px;border-radius:50%;border:1px dashed rgba(255,255,255,.25)}
@media(max-width:960px){.hero{min-height:72vh}.hero-grid{grid-template-columns:1fr}.hero-text{text-align:center}.hero-visual{height:280px}}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.stats{padding:40px 0;background:#ffffff}
.stat{text-align:center}
.stat .number{font-size:clamp(26px,5vw,52px);font-weight:800;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;color:transparent}
.stat .label{color:#cbd5e1}
/* stats split layout */
.stats .stats-split{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
@media(max-width:900px){.stats .stats-split{grid-template-columns:1fr;gap:16px}}
.stats .stats-left{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.stats .stats-left{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stats .stats-left{grid-template-columns:1fr}}
.stats .stats-right{display:flex;align-items:center;justify-content:center}
.stats .stats-right svg{width:100%;height:auto;max-height:240px}
.features{padding:60px 0}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.features .muted{color:#475569}
.flow .muted{color:#475569}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:18px}
.card h3{margin:0 0 6px;font-size:18px}
.hover-raise{transition:transform .25s,box-shadow .25s}
.hover-raise:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
footer{padding:28px 16px;background:linear-gradient(180deg,#eaf6ff 0%, #cfe9ff 100%);border-top:1px solid rgba(0,0,0,.08)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.footer-inner .center{flex:1;text-align:center}
@media(max-width:900px){
  .footer-inner>div:first-child,.footer-inner>div:last-child{display:none}
  .footer-inner .center span{display:none}
  .footer-inner{justify-content:center}
}
.hamburger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.12);align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff;box-shadow:0 6px 18px rgba(37,99,235,.25);transition:transform .2s,box-shadow .2s,background .2s}
.hamburger:hover{transform:scale(1.08) rotate(6deg);box-shadow:0 12px 28px rgba(37,99,235,.35)}
.hamburger:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.hamburger[aria-expanded="true"]{transform:scale(1.04);background:linear-gradient(135deg,#2563eb,#60a5fa)}
.hamburger svg{width:22px;height:22px}
.mobile-nav{display:none;position:fixed;top:56px;right:0;width:78%;max-width:380px;height:auto;max-height:calc(100vh - 56px);background:linear-gradient(180deg,#1e3a8a 0%, #2563eb 50%, #60a5fa 100%);color:#ffffff;border-left:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px rgba(37,99,235,.35);z-index:10001;overflow:auto;transform:translateX(100%);transition:transform .25s ease}
.mobile-nav.open{display:block;transform:translateX(0)}
.mobile-overlay{display:none;position:fixed;left:0;right:0;bottom:0;top:56px;background:rgba(0,0,0,.45);z-index:10000}
.mobile-overlay.open{display:block;right:78%}
.mobile-nav .container{padding:12px}
.mobile-nav details{border-bottom:1px solid rgba(255,255,255,.12)}
.mobile-nav summary{list-style:none;padding:14px 12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;color:#ffffff;min-height:44px;overflow:visible;position:relative}
.mobile-nav summary::marker{content:""}
.mobile-nav details[open] summary{background:rgba(255,255,255,.06)}
.mobile-nav a{display:block;padding:12px 12px;border-radius:8px;cursor:pointer}
.mobile-nav details[open] a{background:#f3f4f6;color:#0b1220;margin:2px 0}
.mobile-nav details[open] a:hover{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#ffffff}
.mobile-nav a.active{background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff}
.mobile-nav summary .chev,.mobile-nav summary .ant-menu-submenu-arrow{display:inline-flex;width:0.5cm;height:0.5cm;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0;z-index:1;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.18);background-image:url('/assets/img/arrow-down.png');background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .18s ease, background .18s ease, border-color .18s ease}
.mobile-nav summary .chev::before,.mobile-nav summary .ant-menu-submenu-arrow::before{content:""}
.mobile-nav summary:hover{background:linear-gradient(135deg,rgba(30,58,138,.65),rgba(37,99,235,.75),rgba(96,165,250,.75))}
.mobile-nav summary:hover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary),#2563eb)}
.mobile-nav summary:hover .chev,.mobile-nav summary:hover .ant-menu-submenu-arrow{border-color:#ffffff;background:rgba(255,255,255,.28)}
.mobile-nav details[open] summary{background:linear-gradient(135deg,#1e3a8a,#2563eb 60%,#60a5fa 100%);box-shadow:0 6px 16px rgba(37,99,235,.35)}
.mobile-nav details[open] summary::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent),var(--primary))}
.mobile-nav details[open] summary .chev,.mobile-nav details[open] summary .ant-menu-submenu-arrow{transform:scale(1.08);border-color:#ffffff;background:linear-gradient(135deg,#60a5fa,#2563eb);background-image:url('/assets/img/arrow-up.png');background-repeat:no-repeat;background-position:center;background-size:contain}
.reveal .container{opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s}
.reveal.visible .container{opacity:1;transform:none}
@media(max-width:960px){.nav{display:none}.hamburger{display:flex}}
@media(max-width:960px){.actions .btn{display:none}.current-channel{display:block}}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid-4{grid-template-columns:1fr}}
@media(max-width:560px){.grid-3{grid-template-columns:1fr}}
.section{padding:60px 0}
.section-title{font-size:22px;font-weight:700;margin-bottom:14px;position:relative}
.section-title:after{content:"";display:block;width:64px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;margin-top:8px}
.muted{color:#cbd5e1}
.bridge .muted{color:#475569;font-size:clamp(16px,2vw,20px);line-height:1.6}
.bridge .bridge-side .card p{font-size:clamp(16px,2vw,20px)}
.link-card{display:block}
.link-card{transition:transform .4s,box-shadow .4s,border-color .4s;transform-style:preserve-3d}
.link-card:hover{transform:rotateY(8deg);box-shadow:0 12px 24px rgba(37,99,235,.25);background:linear-gradient(180deg,#1e3a8a 0%,#2563eb 60%,#60a5fa 100%);border-color:#2563eb}
.link-card:hover h3,.link-card:hover p{color:#ffffff}
.bridge{padding:60px 0;background:#ffffff}
.bridge-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.bridge-side{display:flex;flex-direction:column;gap:12px}
.bridge-side .card{flex:1}
.bridge-connector{position:relative;height:200px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:14px;display:grid;place-items:center}
.bridge-connector svg{width:100%;height:100%}
.bridge .bridge-connector{display:none}
.connector-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 0 6px rgba(14,165,233,.15)}
.connector-dot.left{left:16px;bottom:16px}
.connector-dot.right{right:16px;top:16px}
.connector-label{position:absolute;background:#ffffff;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:6px 10px;color:#1f2937;font-size:12px}
.connector-label.left{left:12px;bottom:48px}
.connector-label.right{right:12px;top:48px}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;color:#cbd5e1;width:max-content}
/* China side styling in bridge section */
.bridge .bridge-wrap > .bridge-side:first-child .pill{color:#C8102E;font-weight:700}
.bridge .bridge-wrap > .bridge-side:first-child .card:nth-of-type(1){border:2px solid #C8102E}
.bridge .bridge-wrap > .bridge-side:first-child .card:nth-of-type(2){border:2px solid #C8102E}
.bridge .bridge-wrap > .bridge-side:first-child .card:nth-of-type(2){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bridge .bridge-wrap > .bridge-side:first-child .card:nth-of-type(1){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bridge .bridge-wrap > .bridge-side:first-child .card:nth-of-type(1):hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(200,16,46,.25);border-color:#A60D26}
.bridge .bridge-wrap > .bridge-side:first-child .card:nth-of-type(2):hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(200,16,46,.25);border-color:#A60D26}
.bridge .bridge-wrap > .bridge-side:last-child .pill{color:#007A33;font-weight:700}
.bridge .bridge-wrap > .bridge-side:last-child .card:nth-of-type(1){border:2px solid #007A33}
.bridge .bridge-wrap > .bridge-side:last-child .card:nth-of-type(2){border:2px solid #007A33}
.bridge .bridge-wrap > .bridge-side:last-child .card:nth-of-type(1),
.bridge .bridge-wrap > .bridge-side:last-child .card:nth-of-type(2){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bridge .bridge-wrap > .bridge-side:last-child .card:nth-of-type(1):hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,122,51,.25);border-color:#006F2D}
.bridge .bridge-wrap > .bridge-side:last-child .card:nth-of-type(2):hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,122,51,.25);border-color:#006F2D}
.cta-wide{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:18px}
/* 简化轮播：纯背景图模式 */
.slide.simple{background-size:cover;background-position:center;background-repeat:no-repeat}
.globe-sphere{stroke:rgba(255,255,255,.12);stroke-width:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}
.globe-halo{opacity:.35;animation:pulseHalo 6s ease-in-out infinite}
.globe-grid{opacity:.12}
.globe-line{stroke:rgba(255,255,255,.35);stroke-width:1;stroke-dasharray:6 10;animation:routeFlow 10s linear infinite}
.globe-dot{fill:#ffffff;opacity:.85;animation:twinkle 2.4s ease-in-out infinite alternate}
.core-glow{opacity:.35;filter:blur(2px)}
.globe-img{opacity:.92;filter:saturate(120%) drop-shadow(0 12px 24px rgba(0,0,0,.25))}
.specular{opacity:.55;filter:blur(1px)}
.orbit-group{transform-box:fill-box;transform-origin:center;animation:spin 30s linear infinite}
.orbit{stroke-dasharray:4 8;opacity:.45;animation:routeFlow 12s linear infinite}
.hub-core{fill:var(--warn)}
.hub-ring{stroke:var(--warn);stroke-width:2;animation:pulseRing 2.6s ease-out infinite}
.arcs .arc{fill:none;stroke:#0ea5e9;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 6;animation:routeFlow 8s linear infinite}
.arc-dot{fill:#0ea5e9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.pin-ring{opacity:.8;transform-box:fill-box;transform-origin:center;animation:pulseRing 2.6s ease-out infinite}
.pin-label{fill:#ffffff;font-size:12px;opacity:.9}
@keyframes twinkle{0%{opacity:.55}100%{opacity:1}}
@keyframes pulseRing{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.4);opacity:0}}
@keyframes pulseHalo{0%{opacity:.2}50%{opacity:.45}100%{opacity:.2}}
@keyframes spin{to{transform:rotate(360deg)}}
.service-cards{position:relative}
.service-card{position:relative;background:#f6f7f9;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:18px;transition:transform .25s,box-shadow .25s,background .25s,color .25s}
.service-card .svc-icon{color:#0ea5e9;width:48px;height:48px;margin-bottom:12px}
.service-card .svc-icon svg{width:100%;height:100%}
.service-card h3{font-weight:700;color:#1f2937;margin:0 0 8px}
.service-card p{color:#64748b;margin:0}

.service-card{transition:transform .4s,box-shadow .4s,border-color .4s;transform-style:preserve-3d}
.service-card:hover{transform:rotateY(12deg);box-shadow:0 16px 28px rgba(37,99,235,.25);background:linear-gradient(180deg,#dbeafe 0%,#93c5fd 60%,#60a5fa 100%)}
.service-card:hover h3,.service-card:hover p{color:#0b1220}
.service-card:hover .svc-icon{color:#0b1220}
@media(max-width:900px){.service-cards{grid-template-columns:1fr;gap:12px;overflow:visible}.service-card{scroll-snap-align:unset}}
.service-hero .hero-text{max-width:85%;background:rgba(15,23,42,.35);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px;backdrop-filter:saturate(140%) blur(2px)}
.eco-hero .hero-text{background:rgba(11,18,32,.65)}
.service-hero .hero-text h1{color:#ffffff}
.service-hero .hero-text p{color:#e5e7eb}
@media(max-width:960px){.service-hero .hero-text{max-width:100%}}
.service-hero{min-height:520px}
@media(max-width:960px){.service-hero{min-height:360px}}
.step-icon{color:#0ea5e9;width:40px;height:40px;margin-bottom:10px}
.step-icon svg{width:100%;height:100%}
.features .card h3{font-weight:700}
.features .card p{color:#64748b}
.service-card:hover p{color:#ffffff}
.flow{padding:60px 0}
.flow-graph{position:relative;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:20px;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.flow-img{width:100%;height:auto;display:block;border-radius:18px}
.flow-graph:before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;border-top-left-radius:24px;border-bottom-left-radius:24px;background:#C8102E}
.flow-graph:after{content:"";position:absolute;right:0;top:0;bottom:0;width:14px;border-top-right-radius:24px;border-bottom-right-radius:24px;background:#007A33}
.flow-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.flow-lane{background:rgba(255,255,255,.6);border:1px dashed rgba(0,0,0,.08);border-radius:18px;padding:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:center}
.lane-title{width:100%;text-align:center;font-weight:800;color:#1f2937;margin-bottom:6px}
.chip{display:inline-flex;align-items:center;gap:8px;background:#f6f7f9;border:1px solid rgba(0,0,0,.06);color:#1f2937;border-radius:999px;padding:8px 12px;position:relative}
.chip svg{width:18px;height:18px;color:#0ea5e9}
.chip:not(:last-child):after{content:"→";position:relative;margin-left:8px;color:#94a3b8}
@media(max-width:900px){.flow-wrap{grid-template-columns:1fr}.flow-lane{justify-content:flex-start}}
.blue-card{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#ffffff;border-color:transparent}
.blue-card h3,.blue-card p{color:#ffffff}
.blue-card .step-icon{color:#ffffff}
.adv-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 6px 12px rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden}
.adv-card.hover-raise:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.18);border-color:#cbd5e1;background:#ffffff}
/* flip effect for bridge cards */
.flip-card{transition:transform .4s,box-shadow .4s,border-color .4s;color:inherit;transform-style:preserve-3d}
.flip-card:hover{transform:rotateY(12deg);box-shadow:0 16px 28px rgba(37,99,235,.25);background:linear-gradient(180deg,#dbeafe 0%,#93c5fd 60%,#60a5fa 100%)}
.flip-card:hover h3,.flip-card:hover p{color:#0b1220}
/* align hover border with side theme */
.bridge-wrap > .bridge-side:first-child .flip-card:hover{border-color:#C8102E}
.bridge-wrap > .bridge-side:last-child .flip-card:hover{border-color:#007A33}
.adv-head{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;align-items:center;gap:12px;margin-bottom:12px;text-align:center}
.adv-head .image-icon{width:48px;height:48px;border-radius:12px;background:#ffffff;border:1px solid #e5e7eb;display:grid;place-items:center;color:#0ea5e9}
.adv-head .image-icon img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.adv-head .title_s{font-size:18px;color:#0b1220;font-weight:800}
.adv-head .text_s{color:#64748b;font-size:14px}
.desc-list{border-top:1px solid #e5e7eb;padding-top:10px;margin-top:8px}
.desc-list .text{color:#64748b;margin:6px 0;line-height:1.6}
.footer-desc{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px;border-top:1px solid #e5e7eb;padding-top:10px}
.footer-desc .feature-value{font-size:22px;font-weight:700;background:linear-gradient(90deg,var(--primary),#2563eb);-webkit-background-clip:text;color:transparent}
.footer-desc .feature-desc{color:#64748b;font-size:14px}
.adv-footer{margin-top:auto}
.adv-footer .bar{background:linear-gradient(135deg,var(--primary),#2563eb);padding:14px;display:flex;flex-direction:column;align-items:center;color:#ffffff;position:relative;margin:0 -18px -18px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:14px;border-bottom-right-radius:14px}
.adv-footer .bar:before{content:"";position:absolute;left:14px;top:12px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.25) 0, rgba(255,255,255,.12) 60%, rgba(255,255,255,0) 70%)}
.adv-footer .bar:after{content:"";position:absolute;right:14px;bottom:12px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.25) 0, rgba(255,255,255,.12) 60%, rgba(255,255,255,0) 70%)}
.adv-footer .feature-value{font-size:20px;color:#ffffff}
.adv-footer .feature-desc{font-size:14px;color:#ffffff;opacity:.95}
.sbc-scene .section-title{text-align:center;display:inline-block;margin-left:auto;margin-right:auto}
.sbc-scene .muted{text-align:center}
.sbc-scene .section-title:after{width:100%;margin-left:auto;margin-right:auto}
.sbc-scene{min-height:60vh}
.sbc-scene .container{display:flex;flex-direction:column;align-items:center;justify-content:center}
.sbc-arch .section-title{text-align:center;display:inline-block;margin:0 auto}
.sbc-arch .section-title:after{width:100%;margin:0 auto}
.sbc-arch .muted{text-align:center}
.sbc-arch{min-height:60vh}
.sbc-arch .container{display:flex;flex-direction:column;align-items:center;justify-content:center}
.sbc-value .section-title{text-align:center;display:inline-block;margin:0 auto}
.sbc-value .section-title:after{width:100%;margin:0 auto}
.sbc-value .muted{text-align:center}
.sbc-value{min-height:60vh}
.sbc-value .container{display:flex;flex-direction:column;align-items:center;justify-content:center}
.info-card{position:relative;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:20px;box-shadow:0 6px 12px rgba(0,0,0,.06)}
.info-title{font-weight:800;color:#0b1220;margin-bottom:10px;position:relative}
.info-title:before{content:"";position:absolute;left:0;bottom:-6px;width:44px;height:3px;background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:2px}
.info-desc{color:#475569;line-height:1.7;margin-top:8px}
.info-icon{position:absolute;right:14px;top:12px;width:64px;height:64px}
.info-icon svg{width:100%;height:100%}
.b2b-arch .section-title{text-align:center;display:inline-block;margin:0 auto}
.b2b-arch .section-title:after{width:100%;margin:0 auto}
.b2b-arch .muted{text-align:center}
.b2b-arch .arch-image{display:flex;justify-content:center;margin-top:12px}
.b2b-value{min-height:60vh}
.b2b-value .container{display:flex;flex-direction:column;justify-content:center;align-items:center}
.b2b-value .grid-4{margin-top:24px;width:100%}
.b2b-value .adv-footer .feature-value:empty{display:none}
.b2b-value .adv-footer .feature-desc{font-size:clamp(14px,1.8vw,18px);line-height:1.35;text-align:center}
.b2b-pain{min-height:24vh;padding:24px 0}
.b2b-pain .container{padding-top:0;padding-bottom:0}
.b2b-pain .container.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}
@media(max-width:900px){.b2b-pain .container.grid-2{grid-template-columns:1fr}}
@media(max-width:900px){.b2b-pain{min-height:auto;padding:16px 0}}
.b2b-arch .arch-img{max-width:100%;height:auto}
.b2b-arch .grid-4{display:none}
.b2b-arch{min-height:60vh}
.b2b-arch .container{display:flex;flex-direction:column;align-items:center;justify-content:center}
.b2b-value .section-title{text-align:center;display:inline-block;margin:0 auto}
.b2b-value .section-title:after{width:100%;margin:0 auto}
.b2b-value .muted{text-align:center}
.wms-why .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:16px}
.wms-why .why-item{display:flex;gap:16px;background:#ffffff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:18px}
.wms-why .why-image{flex:0 0 160px;display:flex;align-items:center;justify-content:center}
.wms-why .why-image svg{width:160px;height:120px}
.wms-why .why-text .title_s{margin-bottom:6px}
@media(max-width:900px){.wms-why .why-grid{grid-template-columns:1fr}}
.wms-what{background:#fff}
.wms-what .what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}
.wms-what .what-card{display:flex;gap:12px;background:#ffffff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:16px}
.wms-what .what-icon svg{width:56px;height:56px}
@media(max-width:900px){.wms-what .what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wms-what .what-grid{grid-template-columns:1fr}}

.wms-plan .chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px;margin-bottom:20px}
.wms-plan .chip{background:#ffffff;border:2px solid #1d4ed8;color:#1d4ed8;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;min-width:120px;text-align:center;box-shadow:0 1px 0 rgba(29,78,216,.08)}
.wms-plan .chip:hover{background:#e6f0ff}
.wms-plan .arch{display:flex;justify-content:center;margin-top:8px}
.wms-plan .arch-img{max-width:800px;width:100%;height:auto;display:block}

.wms-industries .ind-grid{margin-top:12px}
.wms-industries .ind-card{position:relative;height:140px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#0ea5e9,#1e3a8a);color:#fff}
.wms-industries .ind-card::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.06)}
.wms-industries .ind-card .label{position:absolute;left:12px;bottom:12px;color:#fff;font-weight:600}
.wms-industries .ind-card::before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:80%;opacity:.22}
.wms-industries .ind-card.food::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><g fill='none' stroke='%230ea5e9' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'><circle cx='200' cy='150' r='60'/><path d='M120 160h160'/><path d='M90 120v80M80 120v80M70 120v80'/><path d='M310 110l-10 90'/></g></svg>")}
.wms-industries .ind-card.apparel::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><g fill='none' stroke='%230ea5e9' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'><path d='M160 90l40 20 40-20 40 40-20 20v80H140v-80l-20-20 40-40z'/></g></svg>")}
.wms-industries .ind-card.baby::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><g fill='none' stroke='%230ea5e9' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'><circle cx='140' cy='160' r='30'/><circle cx='260' cy='160' r='30'/><path d='M110 160h180M120 130l60-40h80l30 40'/></g></svg>")}
.wms-industries .ind-card.home::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><g fill='none' stroke='%230ea5e9' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'><path d='M120 170h160v40H120z'/><path d='M140 170v-40h120v40'/><path d='M110 210h180'/></g></svg>")}
.wms-industries .ind-card.cosmetics::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><g fill='none' stroke='%230ea5e9' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'><path d='M180 90l60 60-40 40-60-60z'/><path d='M160 190h80v20h-80z'/></g></svg>")}
.wms-industries .ind-card.health::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><g fill='none' stroke='%230ea5e9' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'><path d='M200 110v80'/><path d='M160 150h80'/><path d='M120 150c0-44 36-80 80-80s80 36 80 80-36 80-80 80-80-36-80-80z'/></g></svg>")}
.wms-industries .ind-card.digital::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><g fill='none' stroke='%230ea5e9' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'><rect x='120' y='90' width='160' height='120' rx='12'/><path d='M150 120h40M210 120h40M150 160h40M210 160h40'/><path d='M100 150h20M280 150h20M200 80v10M200 220v10'/></g></svg>")}
.wms-industries .ind-card.outdoor::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><g fill='none' stroke='%230ea5e9' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'><path d='M120 200h160l-20-40H140z'/><path d='M140 160l40-40h60l20 40'/></g></svg>")}
.wms-core .what-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}
@media(max-width:900px){.wms-core .what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wms-core .what-grid{grid-template-columns:1fr}}
.omni-pain .pain-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}
.omni-pain .hex{width:200px;height:180px;background:linear-gradient(135deg,#f59e0b,#f97316);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.omni-pain .hex-inner{padding:8px 12px}
.omni-pain .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px}
.omni-pain .pain-card{background:#ffffff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:14px}
.omni-pain .pain-card .orange{color:#f97316}
.omni-value-grid .value-card .adv-footer{display:none}
@media(max-width:900px){.omni-pain .pain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.omni-pain .pain-grid{grid-template-columns:1fr}}
.ai-arch .what-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:12px}
@media(max-width:900px){.ai-arch .what-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ai-arch .what-grid{grid-template-columns:1fr}}
.ai-value .grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:12px}
@media(max-width:1100px){.ai-value .grid-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ai-value .grid-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ai-value .grid-5{grid-template-columns:1fr}}
.features .section-title{text-align:center;display:inline-block;margin:0 auto}
.features .section-title:after{width:100%;margin:0 auto}
.features .container .grid-4{margin-top:16px}
.features .container .grid-4 + .section-title{margin-top:16px}
.features .container .grid-3 + .section-title{margin-top:16px}
.login-hero .hero-inner{display:flex;align-items:center;justify-content:flex-end}
.login-wrap{width:100%;display:flex;align-items:center;justify-content:flex-end}
.login-card{background:#ffffff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:20px;width:360px;max-width:90%}
.login-card .title_s{margin-bottom:12px}
.input-group{margin-top:12px}
.input-wrap{position:relative}
.input{width:100%;border:2px solid #e5e7eb;border-radius:8px;padding:10px 12px 10px 36px;font-size:14px;outline:none}
.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.input.error{border-color:#ef4444}
.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#64748b}
.input-error{color:#ef4444;font-size:12px;margin-top:6px}
.login-actions{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.login-actions .forgot{font-size:13px;color:#2563eb}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .full{grid-column:1/-1}
.form-group{display:flex;flex-direction:column;gap:8px}
.form-label{font-size:14px;font-weight:700;color:#1f2937}
.form-group.required .form-label::after{content:" *";color:#ef4444}
.form-input,.form-textarea{border:2px solid #e5e7eb;border-radius:10px;background:#f1f5f9;padding:12px 14px;font-size:14px;outline:none;transition:border-color .2s, box-shadow .2s}
.form-input:focus,.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.18);background:#ffffff}
.form-group.has-error .form-input,.form-group.has-error .form-textarea{border-color:#ef4444;background:#fff}
.form-error{color:#ef4444;font-size:12px}
.form-actions{display:flex;justify-content:flex-end;margin-top:4px}
@media(max-width:720px){.form-grid{grid-template-columns:1fr}}
.submit-progress{height:4px;border-radius:4px;background:#e5e7eb;overflow:hidden;display:none;margin-left:12px;align-self:center;flex:1}
.submit-progress.active{display:block}
.submit-progress .bar{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#22c55e);transition:width .2s}
.contact-hero .hero-inner{display:flex;align-items:center;justify-content:space-between}
.contact-hero .hero-text{max-width:720px}
.contact-hero .hero-qr img{width:120px;height:120px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
@media(max-width:720px){.contact-hero .hero-qr{display:none}}