@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap');

:root { --blue:#0b5ea8; --blue-dark:#083b70; --blue-ink:#102c49; --blue-soft:#e9f3fb; --sky:#42a0df; --coral:#f35b47; --mint:#3ab798; --indigo:#625de8; --cream:#fbfcfe; --ink:#10263f; --muted:#6b7d90; --line:#dbe5ee; --shadow:0 18px 60px rgba(22,67,107,.11); --radius:22px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:'Manrope','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
button, input, select { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
.container { width:min(1180px, calc(100% - 72px)); margin:0 auto; }
.announcement { height:35px; color:#d8ebfb; background:var(--blue-dark); font-size:11px; letter-spacing:.03em; }
.announcement-inner { height:100%; display:flex; align-items:center; gap:10px; }
.announcement a { margin-left:auto; color:#fff; display:flex; gap:8px; align-items:center; font-weight:700; }
.announcement-dot { width:6px; height:6px; border-radius:50%; background:#59d1ad; box-shadow:0 0 0 4px rgba(89,209,173,.14); }
.arrow { font-size:15px; line-height:1; }
.site-header { position:sticky; top:0; z-index:20; height:78px; background:rgba(255,255,255,.92); border-bottom:1px solid rgba(219,229,238,.8); backdrop-filter:blur(18px); }
.nav-wrap { display:flex; align-items:center; height:100%; }
.brand { display:flex; align-items:center; gap:11px; min-width:235px; }
.brand-mark { width:37px; height:37px; color:var(--blue); display:grid; place-items:center; }
.brand-mark svg { width:100%; height:100%; }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy strong { font-size:20px; letter-spacing:-.06em; font-weight:900; }
.brand-copy small { margin-top:6px; font-size:7px; font-family:'DM Mono',monospace; color:#7b8d9f; letter-spacing:.08em; }
.brand-group { display:flex; align-items:center; gap:10px; min-width:272px; }
.brand-group .brand { min-width:0; }
.brand-owner { width:114px; height:38px; display:flex; align-items:center; flex:none; }
.brand-owner img { display:block; width:100%; height:100%; object-fit:contain; }
.brand-divider { width:1px; height:34px; flex:none; background:#d7e2eb; }
.site-header .brand-copy small { font-family:'Noto Sans SC',sans-serif; font-size:8px; letter-spacing:.02em; white-space:nowrap; }
.site-header .brand { min-width:150px; height:100%; flex-direction:column; justify-content:center; align-items:center; gap:3px; }
.site-header .brand-mark { width:38px; height:38px; flex:none; }
.site-header .brand-copy { align-items:center; justify-content:center; }
.site-header .brand-copy strong { display:none; }
.site-header .brand-copy small { margin-top:0; font-size:10px; line-height:1.15; text-align:center; }
.main-nav { display:flex; align-items:center; height:100%; gap:32px; margin-left:34px; }
.main-nav a { height:100%; display:flex; align-items:center; position:relative; color:#566a7e; font-size:13px; font-weight:700; transition:color .2s; }
.main-nav a:after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; border-radius:3px 3px 0 0; background:var(--blue); transform:scaleX(0); transition:transform .2s; }
.main-nav a:hover, .main-nav a.active { color:var(--blue); }
.main-nav a.active:after { transform:scaleX(1); }
.nav-actions { margin-left:auto; display:flex; align-items:center; gap:12px; }
.language-switch { border:0; background:transparent; color:#8292a3; font-family:'DM Mono',monospace; font-size:10px; display:flex; align-items:center; gap:7px; padding:7px; cursor:pointer; }
.language-switch span:first-child { color:var(--blue); font-weight:700; }
.language-switch i { width:1px; height:11px; background:#cbd6df; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:18px; border:1px solid transparent; border-radius:9px; padding:14px 19px; cursor:pointer; font-size:13px; font-weight:800; transition:transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform:translateY(-2px); }
.button-icon { font-size:18px; line-height:0; font-weight:400; }
.button-small { padding:11px 15px; font-size:12px; gap:11px; }
.button-outline { color:var(--blue); background:#fff; border-color:#b9d0e1; }
.button-outline:hover { box-shadow:0 6px 18px rgba(11,94,168,.12); }
.button-primary { color:#fff; background:var(--blue); box-shadow:0 12px 24px rgba(11,94,168,.18); }
.button-primary:hover { background:#084f91; box-shadow:0 15px 28px rgba(11,94,168,.24); }
.button-white { background:#fff; color:var(--blue); }
.button-white:hover { box-shadow:0 12px 25px rgba(3,32,68,.16); }
.menu-toggle { display:none; border:0; background:transparent; padding:8px 0 8px 8px; cursor:pointer; }
.menu-toggle span { display:block; width:20px; height:2px; background:var(--blue-ink); margin:4px 0; }
.hero { position:relative; overflow:hidden; min-height:660px; background:linear-gradient(115deg,#f8fbfe 0%,#edf6fc 54%,#dceefa 100%); }
.hero-grid { position:absolute; inset:0; opacity:.55; background-image:linear-gradient(rgba(11,94,168,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,94,168,.055) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,transparent 0%,#000 36%,#000 82%,transparent 100%); }
.hero:after { content:''; position:absolute; width:690px; height:690px; right:-200px; top:-260px; border:1px solid rgba(53,145,210,.17); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.15),0 0 0 140px rgba(255,255,255,.1); }
.hero-layout { position:relative; z-index:1; min-height:660px; display:grid; grid-template-columns:48% 52%; align-items:center; }
.hero-copy { padding:72px 0 68px; position:relative; z-index:2; }
.eyebrow { display:flex; align-items:center; gap:11px; color:var(--blue); font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:500; }
.eyebrow-line { width:27px; height:1px; background:currentColor; display:inline-block; }
.eyebrow-light { color:#9bc9e8; }
h1,h2,h3,p { margin:0; }
h1 { margin-top:22px; font-size:clamp(54px,6vw,82px); line-height:1.06; letter-spacing:-.075em; font-weight:900; color:var(--blue-ink); }
h1 .highlight { color:var(--blue); position:relative; }
h1 .highlight:after { content:''; position:absolute; bottom:-8px; left:3px; width:84%; height:8px; border-radius:8px; background:rgba(243,91,71,.45); transform:rotate(-2deg); }
h1 .brand-name-highlight { position:relative; display:inline-block; color:var(--blue); font-size:1.12em; font-weight:900; letter-spacing:-.1em; }
h1 .brand-name-highlight:after { content:''; position:absolute; left:0; right:0; bottom:-9px; height:7px; border-radius:7px; background:rgba(66,160,223,.28); transform:rotate(-2deg); }
.brand-colon { color:var(--blue-ink); }
.h1-dot { color:var(--coral); }
.hero-lead { max-width:470px; margin-top:30px; color:#5d7286; font-size:15px; line-height:1.95; }
.hero-actions { display:flex; align-items:center; gap:25px; margin-top:34px; }
.text-button { border:0; padding:6px 0; background:transparent; color:var(--blue-ink); font-size:13px; font-weight:800; cursor:pointer; display:flex; align-items:center; gap:10px; }
.text-button:hover { color:var(--blue); }
.play-icon { width:24px; height:24px; display:grid; place-items:center; background:#d8eaf7; color:var(--blue); border-radius:50%; font-size:12px; }
.hero-proof { display:flex; align-items:center; gap:12px; margin-top:58px; }
.avatars { display:flex; padding-left:8px; }
.avatars span { width:27px; height:27px; display:grid; place-items:center; margin-left:-8px; border:2px solid #f2f8fc; border-radius:50%; color:#fff; font-size:10px; font-weight:800; }
.avatars span:nth-child(1){background:var(--blue)} .avatars span:nth-child(2){background:var(--coral)} .avatars span:nth-child(3){background:var(--mint)} .avatars span:nth-child(4){background:var(--indigo)}
.hero-proof strong,.hero-proof small { display:block; }
.hero-proof strong { font-size:12px; color:var(--blue-ink); }
.hero-proof small { margin-top:3px; color:#8798a8; font-size:10px; }
.hero-visual { min-height:560px; position:relative; }
.visual-grid-lines { position:absolute; width:560px; height:420px; top:97px; left:15px; transform:rotate(-13deg) skewY(9deg); border:1px solid rgba(11,94,168,.12); background-image:linear-gradient(rgba(11,94,168,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(11,94,168,.08) 1px,transparent 1px); background-size:38px 38px; clip-path:polygon(12% 12%,85% 0,100% 70%,24% 100%,0 55%); opacity:.7; }
.visual-orbit { position:absolute; border:1px solid rgba(11,94,168,.15); border-radius:50%; transform:rotate(-22deg); }
.orbit-one { width:470px; height:210px; right:22px; top:182px; }
.orbit-two { width:610px; height:280px; right:-35px; top:150px; opacity:.55; }
.route-lines { position:absolute; z-index:2; width:620px; height:500px; right:-9px; top:63px; overflow:visible; }
.continent { position:absolute; z-index:3; display:flex; flex-direction:column; align-items:center; color:var(--blue-ink); }
.continent b { font-size:12px; margin-top:8px; }.continent small { color:#90a3b2; font:9px 'DM Mono',monospace; letter-spacing:.12em; margin-top:3px; }
.continent-cn { left:145px; top:360px; }.continent-na { right:53px; top:130px; }
.node-pulse { width:15px; height:15px; display:block; border:3px solid #fff; background:var(--blue); border-radius:50%; box-shadow:0 0 0 6px rgba(11,94,168,.16),0 0 0 13px rgba(11,94,168,.06); }
.continent-na .node-pulse { background:var(--coral); box-shadow:0 0 0 6px rgba(243,91,71,.16),0 0 0 13px rgba(243,91,71,.06); }
.hero-ship-card,.floating-note { position:absolute; z-index:5; background:rgba(255,255,255,.86); border:1px solid rgba(255,255,255,.92); box-shadow:0 18px 40px rgba(31,90,131,.13); backdrop-filter:blur(10px); }
.hero-ship-card { left:62px; top:118px; display:flex; align-items:center; gap:10px; padding:12px 15px 12px 11px; border-radius:12px; }.ship-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; color:var(--blue); background:#e4f2fb; }.ship-icon svg { width:24px; }.hero-ship-card small,.hero-ship-card strong { display:block; }.hero-ship-card small { color:#7b8fa2; font-size:9px; }.hero-ship-card strong { font:10px 'DM Mono',monospace; color:var(--blue-ink); margin-top:4px; letter-spacing:.04em; }.live-dot { width:6px; height:6px; margin-left:4px; border-radius:50%; background:#39ba87; box-shadow:0 0 0 4px rgba(57,186,135,.13); }
.floating-note { display:flex; align-items:center; gap:9px; border-radius:11px; padding:11px 13px; }.note-insured { right:48px; top:266px; }.note-sync { left:88px; bottom:97px; }.note-icon,.sync-icon { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; color:#fff; background:var(--mint); font-size:13px; font-weight:800; }.sync-icon { background:#fff0e9; color:var(--coral); }.floating-note b,.floating-note small { display:block; }.floating-note b { color:var(--blue-ink); font-size:10px; }.floating-note small { color:#8296a6; font-size:9px; margin-top:3px; }
.scroll-cue { position:absolute; z-index:2; bottom:22px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:10px; color:#89a2b6; font:9px 'DM Mono',monospace; letter-spacing:.12em; }.scroll-cue i { display:block; width:1px; height:32px; background:linear-gradient(#79a5c3,transparent); }
.section-pad { padding:122px 0; }
.service-section { background:#fff; }
.section-heading { position:relative; }.split-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:90px; align-items:end; }.section-heading h2 { margin-top:19px; color:var(--blue-ink); font-size:clamp(34px,4vw,52px); line-height:1.2; letter-spacing:-.07em; font-weight:900; }.section-heading h2 em,.quote-intro h2 em,.portal-copy h2 em,.ecosystem-section h2 em,.about-copy h2 em { color:var(--blue); font-style:normal; }.section-heading p { max-width:390px; padding-bottom:3px; color:#77899b; font-size:13px; line-height:1.9; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:67px; }.service-card { position:relative; min-height:532px; overflow:hidden; border-radius:18px; color:#fff; display:flex; flex-direction:column; box-shadow:0 10px 35px rgba(21,61,99,.08); transition:transform .25s, box-shadow .25s; }.service-card:hover { transform:translateY(-7px); box-shadow:0 22px 45px rgba(21,61,99,.16); }.card-blue { background:var(--blue); }.card-coral { background:var(--coral); }.card-mint { background:var(--mint); }.card-indigo { background:var(--indigo); }.card-top { display:flex; justify-content:space-between; align-items:center; padding:24px 24px 0; position:relative; z-index:2; }.service-index { font:11px 'DM Mono',monospace; opacity:.75; }.service-arrow { width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.4); border-radius:50%; font-size:16px; transition:background .2s; }.service-card:hover .service-arrow { background:rgba(255,255,255,.2); }.service-illustration { height:168px; position:relative; overflow:hidden; }.service-content { padding:0 24px 27px; display:flex; flex:1; flex-direction:column; position:relative; z-index:2; }.service-kicker { font:10px 'DM Mono',monospace; letter-spacing:.12em; opacity:.7; }.service-content h3 { margin-top:8px; font-size:27px; letter-spacing:-.07em; }.service-content p { margin-top:12px; color:rgba(255,255,255,.78); font-size:12px; line-height:1.75; }.tag-row { display:flex; flex-wrap:wrap; gap:5px; margin-top:16px; }.tag-row span { padding:5px 7px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.15); border-radius:4px; font-size:9px; }.card-link { display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:25px; color:#fff; font-size:11px; font-weight:800; }.card-link b { font-size:15px; font-weight:400; }
.illustration-containers { margin-top:18px; }.illustration-containers span { position:absolute; width:91px; height:44px; border:1px solid rgba(255,255,255,.5); border-radius:4px; transform:skewY(-24deg) rotate(-12deg); }.illustration-containers span:nth-child(1){left:33px;top:60px;background:rgba(255,255,255,.08)}.illustration-containers span:nth-child(2){left:85px;top:38px;background:rgba(255,255,255,.17)}.illustration-containers span:nth-child(3){left:137px;top:16px;background:rgba(255,255,255,.08)}.illustration-containers i { position:absolute; width:245px;height:1px;background:rgba(255,255,255,.35);left:18px;top:110px;transform:rotate(-25deg); }
.illustration-route { margin-top:18px; background:radial-gradient(circle at 30% 58%,rgba(255,255,255,.22) 0 2px,transparent 3px),radial-gradient(circle at 50% 35%,rgba(255,255,255,.2) 0 2px,transparent 3px),radial-gradient(circle at 80% 64%,rgba(255,255,255,.2) 0 2px,transparent 3px); background-size:60px 60px,55px 55px,70px 70px; }.illustration-route i { position:absolute; left:31px; top:84px; width:210px; height:1px; background:rgba(255,255,255,.66); transform:rotate(-24deg); }.route-dot { position:absolute; width:10px;height:10px;border-radius:50%; background:#fff; box-shadow:0 0 0 7px rgba(255,255,255,.16); left:41px;top:94px; }.route-dot-two { left:239px;top:9px; }.illustration-route b { position:absolute; font:10px 'DM Mono',monospace; opacity:.8; }.illustration-route b:nth-of-type(1){left:31px;top:117px}.illustration-route b:nth-of-type(2){left:135px;top:62px}.illustration-route b:nth-of-type(3){right:35px;top:19px}
.illustration-shield { margin-top:14px; display:grid; place-items:center; }.shield-shape { position:relative; z-index:2; width:74px;height:87px; display:grid; place-items:center; padding-bottom:12px; color:var(--mint); background:#fff; clip-path:polygon(50% 0,92% 16%,84% 68%,50% 100%,16% 68%,8% 16%); font-size:23px; font-weight:900; filter:drop-shadow(0 8px 9px rgba(17,83,75,.15)); }.shield-ring { position:absolute; border:1px solid rgba(255,255,255,.42); border-radius:50%; }.ring-one { width:135px;height:135px; }.ring-two { width:190px;height:190px; opacity:.45; }
.illustration-cube { margin-top:18px; display:grid; place-items:center; }.cube { position:relative; width:95px;height:78px; transform:rotate(-31deg) skewY(8deg); }.cube span { position:absolute; width:57px;height:57px; border:1px solid rgba(255,255,255,.65); background:rgba(255,255,255,.1); }.cube span:nth-child(1){left:0;top:20px;transform:skewY(-31deg)}.cube span:nth-child(2){left:48px;top:0;transform:skewY(31deg);background:rgba(255,255,255,.2)}.cube span:nth-child(3){left:48px;top:40px;transform:skewY(-31deg) rotate(90deg);background:rgba(255,255,255,.08)}.illustration-cube i { position:absolute; right:37px; top:7px; font-size:28px; font-weight:300; opacity:.65; }
.quote-section { background:var(--blue-dark); color:#fff; position:relative; overflow:hidden; }.quote-section:before { content:''; position:absolute; width:590px;height:590px; border:1px solid rgba(124,186,225,.16);border-radius:50%;right:-180px;top:-265px;box-shadow:0 0 0 80px rgba(255,255,255,.02),0 0 0 160px rgba(255,255,255,.02); }.quote-layout { position:relative; z-index:1; min-height:563px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }.quote-intro h2 { margin-top:21px; font-size:clamp(40px,4.5vw,61px); line-height:1.14; letter-spacing:-.08em; }.quote-intro h2 em { color:#69b5e8; }.quote-intro p { max-width:390px; margin-top:25px; color:#aac4d9; font-size:13px; line-height:1.9; }.quote-number { display:flex; align-items:center; gap:10px; margin-top:51px; color:#8eb6d4; font:10px 'DM Mono',monospace; }.quote-number i { width:84px; height:1px; background:#5285a9; }.quote-number small { margin-left:9px; font:10px 'Noto Sans SC',sans-serif; color:#aac4d9; }.quote-form { padding:31px; color:var(--blue-ink); background:#fff; border-radius:16px; box-shadow:0 25px 60px rgba(0,15,39,.24); }.form-header { display:flex; justify-content:space-between; color:var(--blue-ink); font-size:16px; font-weight:800; margin-bottom:25px; }.form-step { color:#97a7b6; font:10px 'DM Mono',monospace; font-weight:400; }.quote-form label { display:flex; flex-direction:column; gap:9px; margin-top:16px; color:#75889b; font-size:10px; font-weight:700; }.quote-form input,.quote-form select { width:100%; border:1px solid var(--line); border-radius:6px; outline:0; color:var(--blue-ink); background:#fbfdff; padding:13px 14px; font-size:12px; transition:border .2s, box-shadow .2s; }.quote-form input:focus,.quote-form select:focus { border-color:#6ea8d0; box-shadow:0 0 0 3px rgba(66,160,223,.12); }.quote-form select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,#678096 50%),linear-gradient(135deg,#678096 50%,transparent 50%); background-position:calc(100% - 16px) 18px,calc(100% - 12px) 18px;background-size:4px 4px,4px 4px;background-repeat:no-repeat; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.quote-form .button { width:100%; margin-top:25px; }.form-status { min-height:18px; margin-top:12px; text-align:center; color:var(--mint); font-size:11px; }
.advantage-section { background:#f1f6fa; }.advantage-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:66px; }.advantage-card { position:relative; min-height:260px; padding:28px; background:#fff; border:1px solid #e3ebf2; border-radius:16px; transition:transform .2s, box-shadow .2s; }.advantage-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }.advantage-icon { width:45px;height:45px;display:grid;place-items:center;border-radius:11px;font-size:20px;font-weight:900; }.icon-shield{color:var(--blue);background:#e8f3fb}.icon-nodes{color:var(--coral);background:#fff0ed}.icon-spark{color:var(--mint);background:#e9f8f3}.advantage-num { position:absolute; top:30px;right:27px;color:#a8b7c5;font:10px 'DM Mono',monospace; }.advantage-card h3 { margin-top:26px; font-size:18px; letter-spacing:-.05em; }.advantage-card p { margin-top:11px; max-width:230px; color:#788b9d; font-size:12px; line-height:1.75; }.advantage-card>a { position:absolute; right:27px;bottom:27px; color:var(--blue); font-size:19px; }.metrics-bar { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:64px; border-top:1px solid #cfdae4; border-bottom:1px solid #cfdae4; }.metrics-bar div { display:flex; align-items:baseline; gap:9px; padding:23px 0; }.metrics-bar strong { color:var(--blue); font-size:28px; letter-spacing:-.08em; }.metrics-bar span { color:#8394a3; font-size:11px; }
.portal-section { background:#fff; }.portal-layout { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:120px; }.portal-copy h2 { margin-top:20px; color:var(--blue-ink); font-size:clamp(40px,5vw,64px); line-height:1.12; letter-spacing:-.08em; }.portal-copy p { max-width:350px; margin-top:23px; color:#718496; font-size:13px; line-height:1.9; }.portal-copy .button { margin-top:31px; }.portal-card { padding:20px 20px 0; border-radius:16px; background:#f3f8fc; box-shadow:0 18px 40px rgba(21,72,107,.09); border:1px solid #dce9f2; }.portal-card-head,.portal-card-foot { display:flex; justify-content:space-between; align-items:center; }.portal-card-head { padding:4px 5px 16px; }.portal-label { color:#8395a6; font:10px 'DM Mono',monospace; letter-spacing:.1em; }.online-indicator { display:flex; align-items:center; gap:6px; color:#48af8d; font:9px 'DM Mono',monospace; }.online-indicator i { width:5px;height:5px;background:#48af8d;border-radius:50%; }.portal-list { display:grid; gap:8px; }.portal-list button { display:flex; align-items:center; gap:14px; width:100%; padding:16px 15px; border:1px solid #e2ebf3; border-radius:10px; background:#fff; text-align:left; cursor:pointer; color:var(--blue-ink); transition:transform .2s, border .2s, box-shadow .2s; }.portal-list button:hover { transform:translateX(4px); border-color:#b5d1e4; box-shadow:0 8px 18px rgba(27,92,130,.08); }.portal-badge { width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:9px;color:#fff;font-size:16px;font-weight:900; }.badge-blue{background:var(--blue)}.badge-coral{background:var(--coral)}.badge-mint{background:var(--mint)}.badge-indigo{background:var(--indigo)}.portal-list b,.portal-list small { display:block; }.portal-list b { font-size:13px; }.portal-list small { margin-top:4px; color:#8a9aa8; font:10px 'DM Mono',monospace; }.portal-enter { margin-left:auto; color:#8da3b4; font-size:18px; }.portal-card-foot { padding:17px 5px 19px; color:#8293a1; font-size:10px; }.portal-card-foot a { color:var(--blue); font-size:17px; }
.ecosystem-section { position:relative; overflow:hidden; padding:109px 0 131px; color:#fff; background:var(--blue); }.ecosystem-section:before { content:''; position:absolute; width:760px;height:760px; border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-195px;top:-190px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.025); }.ecosystem-layout { position:relative; display:grid; grid-template-columns:1.1fr .8fr 1fr; gap:80px; align-items:start; }.ecosystem-section h2 { margin-top:19px; font-size:clamp(40px,4.3vw,57px); line-height:1.15; letter-spacing:-.08em; }.ecosystem-section h2 em { color:#91d3f4; }.ecosystem-copy { padding-top:35px; }.ecosystem-copy p { color:#b5d8ed; font-size:13px; line-height:1.9; }.underlined-link { display:inline-flex; gap:12px; align-items:center; margin-top:27px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.5); color:#fff; font-size:12px; font-weight:800; }.underlined-link b { font-size:17px; font-weight:400; }.partner-orbit { position:relative; width:335px; height:205px; margin-top:9px; border:1px dashed rgba(255,255,255,.3); border-radius:50%; transform:rotate(-12deg); }.partner-orbit:before { content:''; position:absolute; inset:24px 38px; border:1px solid rgba(255,255,255,.19); border-radius:50%; }.orbit-core { position:absolute; left:50%; top:50%; width:61px;height:61px; transform:translate(-50%,-50%); display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--blue);font:18px 'DM Mono',monospace;font-weight:500;box-shadow:0 0 0 10px rgba(255,255,255,.1); }.orbit-core span { color:var(--coral); }.orbit-label { position:absolute; z-index:2; padding:7px 10px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.25); border-radius:6px; font-size:10px; white-space:nowrap; transform:rotate(12deg); }.label-shipper{left:-25px;top:82px}.label-warehouse{right:24px;top:-21px}.label-channel{right:-29px;bottom:21px}.label-forwarder{left:76px;bottom:-28px}
.about-section { background:#fff; }.about-layout { display:grid; grid-template-columns:1fr 1fr; gap:120px; align-items:center; }.about-sign { min-height:300px; position:relative; display:flex; align-items:center; justify-content:center; color:var(--blue); }.about-sign:before,.about-sign:after { content:''; position:absolute; border:1px solid #dbeaf4; border-radius:50%; }.about-sign:before { width:310px;height:188px; transform:rotate(-24deg); }.about-sign:after { width:250px;height:250px; border-color:#eff4f8; }.about-sign span { position:relative; z-index:1; font:800 93px 'DM Mono',monospace; letter-spacing:-.15em; transform:translateX(-9px); }.about-sign i { position:absolute; width:18px;height:18px; border-radius:50%; background:var(--coral); top:44px; right:28%; box-shadow:0 0 0 8px rgba(243,91,71,.12); }.about-sign small { position:absolute; bottom:10px; left:calc(50% + 91px); color:#98a9b8; font:8px/1.6 'DM Mono',monospace; letter-spacing:.1em; }.about-copy h2 { margin-top:20px; color:var(--blue-ink); font-size:clamp(38px,4vw,53px); line-height:1.16; letter-spacing:-.08em; }.about-copy p { max-width:450px; margin-top:25px; color:#778a9c; font-size:13px; line-height:2; }.about-copy .underlined-link { color:var(--blue); border-color:#bed4e5; }
.site-footer { padding:61px 0 22px; color:#a7c5dc; background:#072f58; }.footer-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:49px; border-bottom:1px solid rgba(166,202,227,.17); }.brand-footer .brand-mark { color:#d5edfb; }.brand-footer .brand-copy strong { color:#fff; }.brand-footer .brand-copy small { color:#78a5c6; }.footer-cta { display:flex; align-items:center; gap:20px; color:#fff; font-size:13px; font-weight:700; }.footer-grid { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:80px; padding:43px 0 52px; }.footer-grid h4 { margin:0 0 19px; color:#fff; font-size:12px; }.footer-grid a { display:block; width:max-content; margin-top:12px; color:#91b5d1; font-size:11px; transition:color .2s; }.footer-grid a:hover { color:#fff; }.footer-note { justify-self:end; text-align:right; }.footer-chinese { display:block; color:#fff; font-size:31px; font-weight:900; letter-spacing:-.09em; }.footer-note p { margin-top:7px; color:#91b5d1; font-size:11px; }.ai-launch { margin-top:22px; padding:10px 13px; color:#a9d6ef; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:7px; font-size:11px; cursor:pointer; }.ai-launch span { color:#f7c65c; margin-right:4px; }.footer-bottom { display:flex; justify-content:space-between; padding-top:19px; border-top:1px solid rgba(166,202,227,.17); color:#7499b7; font:9px 'DM Mono',monospace; }.footer-bottom span:last-child { display:flex; gap:20px; }.footer-bottom a { color:#8aaec8; }
.floating-ai { position:fixed; z-index:15; right:26px; bottom:24px; display:flex; align-items:center; gap:9px; border:1px solid rgba(11,94,168,.15); border-radius:50px; padding:10px 14px 10px 10px; color:var(--blue); background:#fff; box-shadow:0 12px 35px rgba(27,82,120,.19); cursor:pointer; font-size:11px; font-weight:800; }.ai-spark { width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--coral);font-size:12px; }
.modal-backdrop { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:20px; background:rgba(5,29,52,.56); backdrop-filter:blur(6px); opacity:0; pointer-events:none; transition:opacity .25s; }.modal-backdrop.open { opacity:1; pointer-events:auto; }.modal { position:relative; width:min(480px,100%); padding:37px; border-radius:18px; background:#fff; box-shadow:0 28px 90px rgba(0,0,0,.28); transform:translateY(15px); transition:transform .25s; }.modal-backdrop.open .modal { transform:translateY(0); }.modal-close { position:absolute; right:18px; top:15px; border:0; color:#8da0af; background:transparent; font-size:25px; line-height:1; cursor:pointer; }.modal-eyebrow { color:var(--blue); font:10px 'DM Mono',monospace; letter-spacing:.12em; }.modal h2 { margin-top:15px; color:var(--blue-ink); font-size:28px; letter-spacing:-.07em; }.modal>p { margin-top:10px; color:#7d8f9e; font-size:12px; }.system-options { display:grid; gap:8px; margin-top:27px; }.system-option { display:flex; align-items:center; gap:13px; padding:12px; border:1px solid #e0e9f0; border-radius:9px; color:var(--blue-ink); background:#fff; text-align:left; cursor:pointer; transition:border .2s,background .2s; }.system-option:hover,.system-option.selected { border-color:#9fc5df; background:#f3f9fd; }.system-option b,.system-option small { display:block; }.system-option b { font-size:13px; }.system-option small { margin-top:3px; color:#8a9aa8; font:10px 'DM Mono',monospace; }.system-option i { display:grid;place-items:center;width:19px;height:19px;margin-left:auto;border:1px solid #ccd9e3;border-radius:50%;color:transparent;font-style:normal;font-size:11px; }.system-option.selected i { color:#fff;border-color:var(--blue);background:var(--blue); }.modal-submit { width:100%; margin-top:26px; }.modal-help { margin-top:17px; text-align:center; color:#94a1ad; font-size:10px; }.modal-help a { color:var(--blue); font-weight:700; }
.chat-panel { position:fixed; z-index:45; right:26px; bottom:84px; display:flex; flex-direction:column; width:min(375px,calc(100% - 32px)); height:500px; overflow:hidden; border:1px solid #d9e5ed; border-radius:17px; background:#fff; box-shadow:0 24px 70px rgba(18,67,101,.22); transform:translateY(15px) scale(.97); opacity:0; pointer-events:none; transition:opacity .2s,transform .2s; }.chat-panel.open { opacity:1; transform:none; pointer-events:auto; }.chat-head { display:flex; align-items:center; justify-content:space-between; padding:17px 19px; color:#fff; background:var(--blue); }.chat-head div { display:grid; grid-template-columns:8px auto; column-gap:8px; }.chat-head b { font-size:13px; }.chat-head small { grid-column:2; margin-top:4px; color:#b9dcf1; font-size:9px; }.chat-status { width:7px; height:7px; margin-top:4px; border-radius:50%; background:#60d3a7; box-shadow:0 0 0 4px rgba(96,211,167,.15); }.chat-head button { border:0; color:#d5ebf8; background:transparent; font-size:23px; cursor:pointer; }.chat-messages { flex:1; overflow:auto; padding:19px; background:#f7fafc; }.chat-message { display:flex; gap:8px; }.message-avatar { width:23px;height:23px;display:grid;place-items:center;flex:none;border-radius:7px;color:#fff;background:var(--coral);font-size:12px; }.chat-message p { max-width:270px; padding:11px 12px; border-radius:3px 11px 11px 11px; color:#4d6174; background:#fff; font-size:11px; line-height:1.65; box-shadow:0 5px 14px rgba(33,84,119,.06); }.chat-message.user { justify-content:flex-end; }.chat-message.user p { color:#fff; border-radius:11px 3px 11px 11px; background:var(--blue); }.chat-message.user .message-avatar { display:none; }.suggestion-list { display:flex; flex-direction:column; align-items:flex-start; gap:7px; margin:13px 0 0 31px; }.suggestion-list button { padding:8px 10px; border:1px solid #c8dce9; border-radius:7px; color:var(--blue); background:#fff; font-size:10px; cursor:pointer; text-align:left; }.chat-input { display:flex; gap:8px; padding:12px; border-top:1px solid #e1eaf0; background:#fff; }.chat-input input { flex:1; min-width:0; border:0; outline:0; color:var(--blue-ink); font-size:11px; }.chat-input button { width:33px;height:33px;border:0;border-radius:8px;color:#fff;background:var(--blue);font-size:17px;cursor:pointer; }.toast { position:fixed; z-index:70; left:50%; bottom:28px; padding:13px 18px; border-radius:8px; color:#fff; background:var(--blue-ink); box-shadow:0 10px 30px rgba(7,47,88,.22); font-size:11px; transform:translate(-50%,20px); opacity:0; pointer-events:none; transition:opacity .2s,transform .2s; }.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width: 980px) { .container{width:min(100% - 42px,760px)} .main-nav{gap:19px;margin-left:10px}.brand{min-width:190px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding:75px 0 20px}.hero-visual{min-height:460px;margin-top:-8px}.hero-grid{mask-image:none}.hero:after{right:-330px}.service-grid{grid-template-columns:repeat(2,1fr)}.quote-layout{gap:45px}.portal-layout{gap:60px}.ecosystem-layout{grid-template-columns:1fr 1fr;gap:30px}.partner-orbit{grid-column:1/-1;margin:35px auto 0}.about-layout{gap:55px}.footer-grid{gap:35px} }
@media (max-width: 700px) { .container{width:calc(100% - 34px)} .announcement{font-size:9px}.announcement a{display:none}.site-header{height:67px}.brand{min-width:0}.brand-copy strong{font-size:18px}.brand-copy small{font-size:6px}.brand-owner{width:100px;height:34px}.brand-divider{height:30px}.site-header .brand{min-width:137px;gap:2px}.site-header .brand-mark{width:34px;height:34px}.site-header .brand-copy small{font-size:8px;white-space:nowrap;line-height:1.2}.main-nav{position:absolute;display:none;top:67px;left:0;right:0;height:auto;margin:0;padding:8px 17px 16px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(21,61,99,.08)}.main-nav.open{display:flex}.main-nav a{height:42px}.main-nav a:after{display:none}.nav-actions{gap:5px}.nav-actions .button{display:none}.menu-toggle{display:block}.hero{min-height:735px}.hero-layout{min-height:735px;display:block}.hero-copy{padding-top:61px}.eyebrow{font-size:9px}.hero-lead{margin-top:25px;font-size:13px;line-height:1.8}.hero-actions{margin-top:27px;gap:17px}.hero-proof{margin-top:36px}.hero-visual{min-height:350px;margin-top:0;transform:scale(.77);transform-origin:top left;width:130%;}.visual-grid-lines{top:30px;left:-20px}.route-lines{top:0;right:-30px}.hero-ship-card{left:20px;top:57px}.continent-cn{left:96px;top:289px}.continent-na{right:15px;top:66px}.note-insured{right:12px;top:177px}.note-sync{left:36px;bottom:37px}.scroll-cue{display:none}.section-pad{padding:80px 0}.split-heading{display:block}.section-heading h2{font-size:35px}.split-heading p{margin-top:21px;font-size:12px}.service-grid{grid-template-columns:1fr;gap:13px;margin-top:45px}.service-card{min-height:480px}.quote-layout{grid-template-columns:1fr;gap:45px;padding:79px 0}.quote-intro h2{font-size:42px}.quote-intro p{font-size:12px}.quote-number{margin-top:32px}.quote-form{padding:23px 18px}.form-row{grid-template-columns:1fr;gap:0}.advantage-grid{grid-template-columns:1fr;gap:12px;margin-top:45px}.advantage-card{min-height:230px}.metrics-bar{grid-template-columns:1fr 1fr;margin-top:42px}.metrics-bar div{padding:17px 0}.metrics-bar strong{font-size:23px}.metrics-bar span{font-size:10px}.portal-layout{grid-template-columns:1fr;gap:45px}.portal-card{padding:14px 14px 0}.portal-list button{padding:14px 11px}.ecosystem-section{padding:80px 0 100px}.ecosystem-layout{display:block}.ecosystem-copy{padding-top:27px}.partner-orbit{width:100%;max-width:335px;margin-top:68px}.about-layout{grid-template-columns:1fr;gap:33px}.about-sign{min-height:235px}.about-sign:before{width:270px;height:165px}.about-sign:after{width:205px;height:205px}.about-sign small{left:calc(50% + 72px)}.about-copy h2{font-size:39px}.footer-top{display:block;padding-bottom:31px}.footer-cta{margin-top:30px;justify-content:space-between}.footer-grid{grid-template-columns:1fr 1fr;gap:35px;padding:37px 0}.footer-note{grid-column:1/-1;justify-self:start;text-align:left}.footer-bottom{display:block;line-height:2}.footer-bottom span:last-child{margin-top:8px}.floating-ai{right:15px;bottom:15px}.chat-panel{right:16px;bottom:70px}.modal{padding:29px 19px}.system-option{padding:10px}.modal h2{font-size:25px} }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto} *,*:before,*:after{transition:none!important;animation:none!important} }

/* AI-generated visual assets */
.brand-mark img { display:block; width:100%; height:100%; object-fit:contain; }
.brand-footer { gap:15px; }
.brand-footer .brand-mark { width:62px; height:62px; padding:9px; border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(0,0,0,.16); }
.brand-footer .brand-mark img { width:100%; height:100%; }
.brand-footer .brand-copy .brand-vision { display:flex; align-items:center; gap:8px; margin-top:9px; color:#a9c9dd; font-family:'Noto Sans SC',sans-serif; font-size:11px; line-height:1.35; letter-spacing:.12em; white-space:nowrap; }
.brand-footer .brand-copy .brand-vision:before { content:none; display:none; }
@media (max-width: 700px) { .brand-footer .brand-mark { width:56px; height:56px; padding:8px; border-radius:14px; } }
.note-sync { left:44px; top:232px; bottom:auto; }
.note-insured { right:42px; top:290px; }
@media (max-width: 700px) { .note-sync { left:36px; top:202px; bottom:auto; } .note-insured { right:12px; top:151px; } }
.hero-visual > :not(.hero-image):not(.floating-note):not(.hero-carousel-controls) { display:none; }
.hero-image { position:absolute; z-index:1; top:49px; right:-39px; width:670px; max-width:none; border-radius:27px; mix-blend-mode:multiply; box-shadow:0 28px 60px rgba(33,93,132,.08); }
.hero-image-slide { opacity:0; transform:translateX(16px); pointer-events:none; transition:opacity .6s ease, transform .6s ease; }
.hero-image-slide.is-active { opacity:1; transform:translateX(0); pointer-events:auto; }
.hero-carousel-controls { position:absolute; z-index:6; right:31px; bottom:38px; display:flex; align-items:center; gap:9px; padding:7px 9px; border:1px solid rgba(255,255,255,.78); border-radius:999px; background:rgba(255,255,255,.76); box-shadow:0 12px 28px rgba(24,77,112,.16); backdrop-filter:blur(12px); }
.hero-carousel-arrow { width:27px; height:27px; display:grid; place-items:center; padding:0; border:1px solid #c9dce9; border-radius:50%; color:var(--blue); background:rgba(255,255,255,.76); cursor:pointer; font-size:16px; line-height:1; transition:background .2s, color .2s, transform .2s; }
.hero-carousel-arrow:hover { color:#fff; background:var(--blue); transform:translateY(-1px); }
.hero-carousel-dots { display:flex; align-items:center; gap:5px; }
.hero-carousel-dot { width:6px; height:6px; padding:0; border:0; border-radius:99px; background:#a7c4d8; cursor:pointer; transition:width .25s, background .25s; }
.hero-carousel-dot.is-active { width:20px; background:var(--blue); }
.hero-visual .floating-note { z-index:3; }
.service-illustration { height:190px; margin-top:18px; padding:0 15px; }
.service-image { display:block; width:100%; height:100%; border-radius:12px; object-fit:cover; box-shadow:0 10px 22px rgba(3,35,68,.12); }
.service-illustration > :not(.service-image) { display:none; }
.about-sign img { position:relative; z-index:1; width:188px; height:188px; object-fit:contain; }
.about-sign span { display:none; }

@media (max-width: 980px) { .hero-image{top:36px;right:-30px;width:650px}.hero-carousel-controls{right:28px;bottom:29px}.service-illustration{height:210px} }
@media (max-width: 700px) { .hero-image{top:8px;right:-195px;width:600px;border-radius:24px}.hero-carousel-controls{left:50%;right:auto;bottom:19px;transform:translateX(-50%)}.service-illustration{height:215px;padding:0 13px}.about-sign img{width:160px;height:160px} }

/* Service detail pages */
.detail-mode { background:#f7fafc; }
.detail-mode > main { display:none!important; }
.service-detail-view[hidden] { display:none!important; }
.service-detail-shell { min-height:100vh; background:#fff; color:var(--blue-ink); }
.service-tone-blue { --detail-accent:var(--blue); --detail-soft:#eaf5fb; --detail-line:#cfe5f2; }
.service-tone-coral { --detail-accent:var(--coral); --detail-soft:#fff0ec; --detail-line:#f6d8d2; }
.service-tone-mint { --detail-accent:var(--mint); --detail-soft:#e7f8f2; --detail-line:#cceee3; }
.service-tone-indigo { --detail-accent:var(--indigo); --detail-soft:#efeeff; --detail-line:#dcdafe; }
.detail-breadcrumb { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:27px; color:#8ea0ae; font:9px 'DM Mono',monospace; letter-spacing:.04em; }
.detail-breadcrumb a { color:var(--detail-accent); font-weight:600; }
.detail-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; min-height:500px; padding-top:58px; padding-bottom:72px; }
.detail-hero-copy .eyebrow { color:var(--detail-accent); }.detail-hero-copy .eyebrow i,.detail-section-heading .eyebrow i,.detail-cta .eyebrow i { display:inline-block; width:25px; height:1px; background:currentColor; }
.detail-hero-copy h1 { max-width:600px; margin-top:21px; color:var(--blue-ink); font-size:clamp(43px,5.3vw,70px); line-height:1.11; letter-spacing:-.085em; }.detail-hero-copy p { max-width:520px; margin-top:26px; color:#718696; font-size:14px; line-height:1.95; }
.detail-actions { display:flex; align-items:center; gap:23px; margin-top:32px; }.detail-actions .button { background:var(--detail-accent); box-shadow:0 12px 25px color-mix(in srgb,var(--detail-accent) 23%,transparent); }.detail-actions .button b { font-size:17px; font-weight:400; }.detail-text-link { color:var(--detail-accent); font-size:12px; font-weight:800; }
.detail-hero-art { position:relative; display:flex; align-items:center; justify-content:center; height:460px; min-height:0; padding:14px; border:0; border-radius:26px; background:#dfeefa; overflow:hidden; box-shadow:0 24px 52px rgba(27,83,122,.12); }.detail-hero-art:before { display:none; }.detail-hero-art img { position:relative; z-index:1; display:block; width:100%; max-width:none; height:100%; aspect-ratio:auto; object-fit:cover; border-radius:20px; mix-blend-mode:normal; }.detail-art-label { position:absolute; z-index:2; left:24px; bottom:20px; padding:8px 10px; border:1px solid rgba(255,255,255,.75); border-radius:5px; color:var(--detail-accent); background:rgba(255,255,255,.75); font:9px 'DM Mono',monospace; letter-spacing:.08em; }
.detail-facts { color:#fff; background:var(--blue-dark); }.detail-facts-grid { display:grid; grid-template-columns:repeat(3,1fr); }.detail-facts-grid div { padding:28px 0; border-right:1px solid rgba(255,255,255,.14); text-align:center; }.detail-facts-grid div:last-child { border-right:0; }.detail-facts strong,.detail-facts span { display:block; }.detail-facts strong { font-size:27px; letter-spacing:-.06em; }.detail-facts span { margin-top:7px; color:#9fc2d8; font-size:10px; }
.detail-content { padding-top:112px; padding-bottom:116px; }.detail-section-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:70px; }.detail-section-heading .eyebrow { grid-column:1/-1; color:var(--detail-accent); }.detail-section-heading h2 { margin-top:17px; color:var(--blue-ink); font-size:clamp(36px,4.4vw,56px); line-height:1.15; letter-spacing:-.08em; }.detail-section-heading h2 em { color:var(--detail-accent); font-style:normal; }.detail-section-heading>p { padding-bottom:3px; color:#7b8f9e; font-size:12px; line-height:1.9; }.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:61px; }.capability-grid article { min-height:250px; padding:25px; border:1px solid #e0eaf1; border-radius:15px; background:#fff; transition:transform .2s,box-shadow .2s; }.capability-grid article:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(30,77,110,.1); }.capability-number { float:right; color:#9badb9; font:10px 'DM Mono',monospace; }.capability-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; color:var(--detail-accent); background:var(--detail-soft); font-size:17px; }.capability-grid h3 { margin-top:28px; color:#23435e; font-size:17px; letter-spacing:-.04em; }.capability-grid p { margin-top:12px; color:#7e91a0; font-size:11px; line-height:1.8; }
.detail-process { padding:105px 0 116px; background:#f1f6fa; }.process-heading { display:block; }.process-heading h2 { margin-top:18px; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:19px; margin-top:62px; }.process-step { position:relative; min-height:160px; }.process-index { color:#9bb0be; font:10px 'DM Mono',monospace; }.process-node { display:grid; place-items:center; width:42px; height:42px; margin-top:18px; border:1px solid var(--detail-line); border-radius:50%; color:var(--detail-accent); background:#fff; font:12px 'DM Mono',monospace; box-shadow:0 0 0 7px var(--detail-soft); }.process-step h3 { margin-top:20px; color:#23435e; font-size:14px; }.process-step p { max-width:195px; margin-top:8px; color:#7e91a0; font-size:10px; line-height:1.75; }.process-connector { position:absolute; top:80px; left:59px; right:0; height:1px; background:var(--detail-line); }
.detail-cta { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-top:90px; padding-bottom:98px; }.detail-cta .eyebrow { color:var(--detail-accent); }.detail-cta h2 { margin-top:16px; color:var(--blue-ink); font-size:clamp(34px,4vw,51px); line-height:1.15; letter-spacing:-.08em; }.detail-cta h2 em { color:var(--detail-accent); font-style:normal; }.detail-cta .button { flex:none; background:var(--detail-accent); box-shadow:0 12px 25px color-mix(in srgb,var(--detail-accent) 23%,transparent); }.detail-cta .button b { font-size:17px; font-weight:400; }
.service-card { cursor:pointer; }.service-card:focus-visible { outline:3px solid rgba(255,255,255,.8); outline-offset:3px; }.service-card .card-link { position:relative; z-index:3; }

/* Standalone navigation pages */
.static-hero { overflow:hidden; padding:93px 0 86px; background:#f5f9fc; }
.static-hero-dark { color:#fff; background:var(--blue-dark); }
.static-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:70px; min-height:430px; }
.static-hero h1 { max-width:680px; margin-top:22px; color:var(--blue-ink); font-size:clamp(44px,5.5vw,72px); line-height:1.12; letter-spacing:-.09em; }
.static-hero-dark h1 { color:#fff; }
.static-hero h1 em,.static-section h2 em,.static-band h2 em { color:var(--blue); font-style:normal; }
.static-hero-dark h1 em,.static-hero-dark .eyebrow { color:#9dd4f3; }
.static-hero p { max-width:560px; margin-top:25px; color:#718696; font-size:14px; line-height:1.95; }
.static-hero-dark p { color:#b8d6e8; }
.static-hero .button { margin-top:31px; }
.static-hero-art { position:relative; display:flex; align-items:center; justify-content:center; height:460px; min-height:0; padding:0; border:0; border-radius:26px; background:#dfeefa; overflow:hidden; box-shadow:0 24px 52px rgba(27,83,122,.12); }
.static-hero-art:before { display:none; }
.static-hero-art img { position:relative; z-index:1; display:block; width:100%; height:100%; border-radius:25px; object-fit:cover; object-position:center; mix-blend-mode:normal; box-shadow:none; }
.static-hero-art.art-advantage { height:460px; min-height:0; padding:14px; background:#dfeefa; box-shadow:0 24px 52px rgba(27,83,122,.12); }
.static-hero-art.art-advantage img { width:100%; height:100%; border-radius:20px; object-fit:cover; mix-blend-mode:normal; box-shadow:none; }
.static-about-sign { position:relative; display:grid; place-items:center; height:460px; min-height:0; border:0; border-radius:26px; background:#dfeefa; box-shadow:0 24px 52px rgba(27,83,122,.12); overflow:hidden; }
.static-about-sign:before { content:''; position:absolute; width:310px; height:190px; border:1px solid rgba(11,94,168,.17); border-radius:50%; transform:rotate(-22deg); }
.static-about-sign img { position:relative; z-index:1; width:205px; height:205px; object-fit:contain; }
.static-about-sign small { position:absolute; right:25px; bottom:27px; color:var(--blue); font:9px 'DM Mono',monospace; line-height:1.6; letter-spacing:.08em; }
.static-about-sign.brand-film { display:block; overflow:hidden; padding:0; background:#082f56; border:0; box-shadow:0 22px 52px rgba(17,67,105,.15); }
.static-about-sign.brand-film span { display:initial; transform:none; }
.brand-film-stage { position:absolute; inset:0; overflow:hidden; border-radius:26px; }
.brand-film-scenes, .brand-film-scene { position:absolute; inset:0; margin:0; }
.brand-film-scene { overflow:hidden; opacity:0; visibility:hidden; transition:opacity .65s ease, visibility .65s ease; }
.brand-film-scene.is-active { opacity:1; visibility:visible; }
.brand-film-scene img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.88) brightness(.82); transform:scale(1.03); }
.brand-film.is-playing .brand-film-scene.is-active img { animation:brandFilmZoom 5.2s ease-in-out both; }
.brand-film-shade { position:absolute; inset:0; z-index:2; background:linear-gradient(180deg,rgba(5,38,70,.05) 28%,rgba(5,38,70,.8) 100%); pointer-events:none; }
.brand-film-signature { position:absolute; z-index:3; top:23px; left:25px; display:flex; flex-direction:column; gap:5px; color:#fff; }
.brand-film-signature b { font:700 10px 'DM Mono',monospace; letter-spacing:.17em; }
.brand-film-signature span { color:#a9d6ec; font:7px 'DM Mono',monospace; letter-spacing:.12em; }
.brand-film-scene figcaption { position:absolute; z-index:3; left:25px; right:25px; bottom:73px; display:flex; flex-direction:column; align-items:flex-start; color:#fff; }
.brand-film-scene figcaption span { color:#9ed5ee; font:8px 'DM Mono',monospace; letter-spacing:.13em; }
.brand-film-scene figcaption strong { margin-top:9px; font-size:25px; line-height:1.18; letter-spacing:-.06em; }
.brand-film-scene figcaption small { margin-top:8px; color:#d0e8f4; font-size:10px; }
.brand-film-controls { position:absolute; z-index:4; left:25px; right:25px; bottom:22px; display:flex; align-items:center; gap:12px; }
.brand-film-toggle { display:inline-flex; align-items:center; gap:7px; padding:0; border:0; color:#fff; background:transparent; cursor:pointer; font-size:10px; font-weight:800; }
.brand-film-toggle i { position:static; top:auto; right:auto; display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(255,255,255,.5); border-radius:50%; color:#fff; font-size:9px; font-style:normal; }
.brand-film-toggle:hover i { background:rgba(255,255,255,.14); }
.brand-film-dots { display:flex; align-items:center; gap:5px; margin-left:auto; }
.brand-film-dots button { width:5px; height:5px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.45); cursor:pointer; }
.brand-film-dots button.is-active { width:17px; border-radius:99px; background:#fff; }
.brand-film-duration { color:#b5dcee; font:8px 'DM Mono',monospace; letter-spacing:.08em; }
.static-about-sign.brand-film .brand-film-toggle span { display:inline; font:10px/1 'Noto Sans SC',sans-serif; letter-spacing:normal; }
.static-about-sign.brand-film .brand-film-duration { font:8px 'DM Mono',monospace; letter-spacing:.08em; }
.brand-film-progress { position:absolute; z-index:4; left:25px; right:25px; bottom:15px; height:1px; background:rgba(255,255,255,.25); }
.brand-film-progress i { display:block; width:33.333%; height:100%; background:#fff; transition:width .55s ease; }
.brand-film-caption { display:none; }
@keyframes brandFilmZoom { from { transform:scale(1.03); } to { transform:scale(1.12); } }
@media (max-width: 600px) { .brand-film-signature { top:18px; left:19px; }.brand-film-signature span { font-size:6px; }.brand-film-scene figcaption { left:19px; right:19px; bottom:67px; }.brand-film-scene figcaption strong { font-size:21px; }.brand-film-controls { left:19px; right:19px; bottom:20px; }.brand-film-progress { left:19px; right:19px; bottom:13px; } }
.about-milestones { padding:105px 0 112px; background:#f7fbfd; border-top:1px solid #e7f0f5; border-bottom:1px solid #e7f0f5; }
.about-milestones .section-heading h2 { max-width:650px; margin-top:19px; color:var(--blue-ink); font-size:clamp(35px,4vw,52px); line-height:1.16; letter-spacing:-.08em; }
.about-milestones .section-heading h2 em { color:var(--blue); }
.about-milestones .section-heading p { max-width:430px; }
.milestone-track { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:58px; }
.milestone-track:before { content:''; position:absolute; z-index:0; top:17px; left:8%; right:8%; height:1px; background:#cbdfe9; }
.milestone-card { position:relative; z-index:1; min-height:286px; padding:41px 22px 24px; border:1px solid #dceaf1; border-radius:13px; background:#fff; box-shadow:0 14px 32px rgba(22,74,108,.06); }
.milestone-card-blue { border-top:3px solid var(--blue); }.milestone-card-coral { border-top:3px solid var(--coral); }.milestone-card-mint { border-top:3px solid var(--mint); }.milestone-card-indigo { border-top:3px solid var(--indigo); }
.milestone-year { color:var(--blue); font:700 20px 'DM Mono',monospace; letter-spacing:-.05em; }.milestone-index { position:absolute; top:42px; right:20px; color:#a0b4c2; font:10px 'DM Mono',monospace; }
.milestone-dot { position:absolute; z-index:2; top:10px; left:22px; width:12px; height:12px; border:3px solid #f7fbfd; border-radius:50%; background:var(--blue); box-shadow:0 0 0 1px #b6d1df; }.milestone-card-coral .milestone-dot { background:var(--coral); }.milestone-card-mint .milestone-dot { background:var(--mint); }.milestone-card-indigo .milestone-dot { background:var(--indigo); }
.milestone-card h3 { margin-top:37px; color:var(--blue-ink); font-size:17px; letter-spacing:-.05em; }.milestone-card p { margin-top:17px; color:#7890a2; font-size:11px; line-height:1.9; }
.milestone-note { display:flex; align-items:center; gap:10px; margin-top:27px; color:#829baa; }.milestone-note span { color:var(--coral); font-size:15px; }.milestone-note p { font-size:11px; }
@media (max-width: 980px) { .milestone-track { grid-template-columns:repeat(2,1fr); }.milestone-track:before { display:none; }.milestone-card { min-height:250px; } }
@media (max-width: 600px) { .about-milestones { padding:78px 0 84px; }.milestone-track { grid-template-columns:1fr; gap:12px; margin-top:42px; }.milestone-card { min-height:0; padding:36px 19px 22px; }.milestone-card h3 { margin-top:29px; }.milestone-note { align-items:flex-start; }.about-milestones .section-heading h2 { font-size:36px; } }
.ecosystem-directory-section { padding:104px 0 120px; background:#f6f9fb; border-top:1px solid #e7f0f5; }
.ecosystem-directory-heading h2 { max-width:650px; margin-top:20px; color:var(--blue-ink); font-size:clamp(36px,4vw,53px); line-height:1.15; letter-spacing:-.08em; }.ecosystem-directory-heading h2 em { color:var(--blue); }.ecosystem-directory-heading p { max-width:440px; }
.ecosystem-directory-shell { display:grid; grid-template-columns:250px minmax(0,1fr); gap:17px; margin-top:54px; padding:14px; border:1px solid #e0ebf2; border-radius:22px; background:#fff; box-shadow:0 18px 45px rgba(30,78,109,.07); }
.ecosystem-directory-sidebar { align-self:start; position:sticky; top:20px; padding:22px 12px 17px; border:1px solid #edf2f5; border-radius:15px; background:#fbfdfe; }.ecosystem-directory-sidebar-head { display:flex; align-items:baseline; justify-content:space-between; padding:0 13px 17px; border-bottom:1px solid #e7eff3; }.ecosystem-directory-sidebar-head span { color:#8ba4b7; font:9px 'DM Mono',monospace; letter-spacing:.1em; }.ecosystem-directory-sidebar-head b { color:var(--blue-ink); font-size:14px; }
.ecosystem-category-nav { display:grid; gap:5px; padding-top:12px; }.ecosystem-category-button { position:relative; display:flex; align-items:center; gap:11px; width:100%; min-height:48px; padding:8px 10px 8px 12px; border:0; border-radius:9px; color:#647c8f; background:transparent; text-align:left; cursor:pointer; font-size:12px; transition:background .2s,color .2s,transform .2s; }.ecosystem-category-button:before { content:''; position:absolute; left:0; top:11px; bottom:11px; width:3px; border-radius:5px; background:transparent; }.ecosystem-category-button:hover { color:var(--blue); background:#f4f8fb; transform:translateX(2px); }.ecosystem-category-button.is-active { color:var(--blue); background:#f0f6fa; font-weight:800; }.ecosystem-category-button.is-active:before { background:var(--blue); }.ecosystem-category-button i { margin-left:auto; color:#a5b7c4; font-style:normal; font-size:15px; }.ecosystem-category-icon { display:grid; place-items:center; width:28px; height:28px; border:1px solid currentColor; border-radius:7px; font:14px 'DM Mono',monospace; }.ecosystem-tone-blue { color:var(--blue); }.ecosystem-tone-coral { color:var(--coral); }.ecosystem-tone-mint { color:#36ad8c; }.ecosystem-tone-indigo { color:var(--indigo); }
.ecosystem-directory-sidebar-foot { display:flex; gap:8px; align-items:flex-start; margin:23px 11px 0; padding-top:17px; border-top:1px solid #e7eff3; color:#9badb9; }.ecosystem-directory-sidebar-foot span { color:var(--coral); }.ecosystem-directory-sidebar-foot p { font-size:10px; line-height:1.5; }
.ecosystem-directory-main { min-width:0; padding:19px 23px 14px; border:1px solid #edf2f5; border-radius:15px; background:#fff; }.ecosystem-directory-main-head { display:flex; justify-content:space-between; align-items:flex-start; padding:5px 3px 23px; }.ecosystem-directory-kicker { color:#9aabba; font:9px 'DM Mono',monospace; letter-spacing:.11em; }.ecosystem-directory-main-head h3 { margin-top:9px; color:var(--blue-ink); font-size:28px; letter-spacing:-.06em; }.ecosystem-directory-count { display:flex; flex-direction:column; align-items:flex-end; color:#9aaebb; }.ecosystem-directory-count b { color:var(--blue); font:700 27px 'DM Mono',monospace; }.ecosystem-directory-count small { margin-top:4px; font-size:10px; }
.ecosystem-directory-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.ecosystem-directory-card { display:grid; grid-template-columns:124px minmax(0,1fr); gap:20px; min-height:188px; padding:23px; border:1px solid #e7eef2; border-radius:15px; background:#fff; box-shadow:0 12px 27px rgba(39,80,107,.06); transition:transform .2s,box-shadow .2s,border-color .2s; }.ecosystem-directory-card:hover { transform:translateY(-3px); border-color:#c8dce8; box-shadow:0 18px 33px rgba(39,80,107,.1); }.ecosystem-directory-logo { display:grid; place-items:center; min-height:116px; padding:12px; border:1px solid #edf1f3; border-radius:13px; background:linear-gradient(145deg,#fff,#fafcfd); }.ecosystem-directory-logo img { max-width:100%; max-height:86px; object-fit:contain; }.ecosystem-directory-wordmark { color:var(--blue-ink); font:800 19px/1.18 'DM Mono',monospace; letter-spacing:-.08em; text-align:center; }.ecosystem-wordmark-violet { color:#4438c9; }.ecosystem-wordmark-blue { color:#075fe9; }.ecosystem-wordmark-coral { color:#e95c50; }.ecosystem-wordmark-mint { color:#159f83; }.ecosystem-wordmark-indigo { color:#5954d9; }.ecosystem-directory-card-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }.ecosystem-directory-card-copy h4 { color:var(--blue-ink); font-size:20px; line-height:1.2; letter-spacing:-.05em; }.ecosystem-directory-card-copy p { display:-webkit-box; overflow:hidden; margin-top:9px; color:#8697a6; font-size:11px; line-height:1.7; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.ecosystem-directory-card-copy a { display:inline-flex; margin-top:auto; padding:7px 19px; border:1px solid var(--blue); border-radius:6px; color:var(--blue); font-size:11px; font-weight:800; }.ecosystem-directory-card-copy a:hover { color:#fff; background:var(--blue); }.ecosystem-directory-empty { padding:70px 20px; border:1px dashed #cddde6; border-radius:11px; color:#8aa0ae; text-align:center; font-size:12px; }
.ecosystem-directory-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:23px; padding:17px 3px 2px; border-top:1px solid #edf2f5; color:#9badb9; font-size:10px; }.ecosystem-directory-bottom a { color:var(--blue); font-weight:800; }
@media (max-width: 980px) { .ecosystem-directory-shell { grid-template-columns:1fr; }.ecosystem-directory-sidebar { position:static; }.ecosystem-category-nav { grid-template-columns:repeat(3,1fr); }.ecosystem-category-button { min-height:44px; }.ecosystem-directory-card { grid-template-columns:105px minmax(0,1fr); gap:15px; padding:17px; } }
@media (max-width: 600px) { .ecosystem-directory-section { padding:78px 0 88px; }.ecosystem-directory-shell { margin-top:38px; padding:8px; border-radius:16px; }.ecosystem-directory-sidebar { padding:16px 8px 12px; }.ecosystem-category-nav { grid-template-columns:repeat(2,1fr); gap:4px; }.ecosystem-category-button { padding:7px 7px; gap:7px; font-size:10px; }.ecosystem-category-button i { display:none; }.ecosystem-category-icon { width:24px; height:24px; font-size:12px; }.ecosystem-directory-main { padding:16px 12px 12px; }.ecosystem-directory-main-head h3 { font-size:23px; }.ecosystem-directory-cards { grid-template-columns:1fr; }.ecosystem-directory-card { grid-template-columns:88px minmax(0,1fr); gap:12px; min-height:170px; padding:14px; }.ecosystem-directory-logo { min-height:103px; }.ecosystem-directory-wordmark { font-size:14px; }.ecosystem-directory-card-copy h4 { font-size:16px; }.ecosystem-directory-card-copy p { font-size:10px; }.ecosystem-directory-bottom { display:block; line-height:1.8; }.ecosystem-directory-bottom a { display:block; margin-top:6px; } }
.static-section { background:#fff; }
.static-card-grid { margin-top:48px; }
.static-band { padding:88px 0; color:#fff; background:var(--blue); }
.static-band-grid { display:flex; align-items:center; justify-content:space-between; gap:45px; }
.static-band h2 { max-width:720px; margin-top:17px; color:#fff; font-size:clamp(34px,4vw,54px); line-height:1.2; letter-spacing:-.08em; }
.static-band h2 em { color:#9ed8f4; }
.partner-role-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:55px; }
.partner-role-grid article { min-height:235px; padding:23px; border:1px solid #dfebf2; border-radius:15px; background:#fff; transition:transform .2s,box-shadow .2s; }
.partner-role-grid article:hover { transform:translateY(-5px); box-shadow:0 17px 35px rgba(24,77,109,.1); }
.partner-role-grid article>span { float:right; color:#9badb9; font:10px 'DM Mono',monospace; }
.partner-role-grid b { display:block; color:var(--blue-ink); font-size:18px; line-height:1.5; }
.partner-role-grid b small { color:#8aa0ae; font:9px 'DM Mono',monospace; letter-spacing:.04em; }
.partner-role-grid p { margin-top:35px; color:#718696; font-size:11px; line-height:1.8; }
.static-orbit { margin:0 auto; }
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:start; }
.story-grid h2 { margin-top:17px; color:var(--blue-ink); font-size:clamp(36px,4vw,55px); line-height:1.18; letter-spacing:-.08em; }
.story-copy { padding-top:43px; }
.story-copy p { color:#718696; font-size:13px; line-height:2; }
.story-copy .underlined-link { display:inline-flex; margin-top:28px; }

@media (max-width: 900px) { .static-hero-grid{grid-template-columns:1fr;gap:35px}.static-hero{padding:70px 0}.static-hero-art,.static-about-sign{height:390px;min-height:390px}.static-hero-art.art-advantage{height:390px;min-height:390px}.partner-role-grid{grid-template-columns:1fr 1fr}.story-grid{gap:45px} }
@media (max-width: 600px) { .static-hero{padding:52px 0 63px}.static-hero h1{font-size:43px}.static-hero p{font-size:12px;line-height:1.85}.static-hero-art,.static-about-sign{height:310px;min-height:310px;padding:0}.static-hero-art.art-advantage{height:310px;min-height:310px;padding:0}.static-hero-art:before{width:235px;height:235px}.static-about-sign img{width:165px;height:165px}.static-band{padding:65px 0}.static-band-grid{align-items:flex-start;flex-direction:column;gap:30px}.static-band .button{width:100%}.partner-role-grid{grid-template-columns:1fr;gap:10px;margin-top:38px}.partner-role-grid article{min-height:190px}.partner-role-grid p{margin-top:22px}.story-grid{grid-template-columns:1fr;gap:20px}.story-copy{padding-top:0}.story-grid h2{font-size:39px} }

@media (max-width: 900px) { .detail-hero{grid-template-columns:1fr;gap:35px;padding-top:42px}.detail-hero-copy h1{max-width:690px}.detail-hero-art{height:390px;min-height:390px}.detail-section-heading{grid-template-columns:1fr;gap:20px}.detail-section-heading .eyebrow{grid-column:auto}.capability-grid{grid-template-columns:1fr 1fr}.process-grid{gap:10px}.process-connector{left:55px}.detail-cta{padding-top:70px;padding-bottom:80px} }
@media (max-width: 600px) { .detail-breadcrumb{align-items:flex-start;flex-direction:column;gap:9px;padding-top:20px}.detail-hero{min-height:0;padding-top:35px;padding-bottom:48px}.detail-hero-copy h1{font-size:42px}.detail-hero-copy p{font-size:12px;line-height:1.85}.detail-actions{align-items:flex-start;flex-direction:column;gap:16px}.detail-hero-art{height:310px;min-height:310px;padding:0;border-radius:20px}.detail-hero-art img{border-radius:19px}.detail-facts-grid{grid-template-columns:1fr}.detail-facts-grid div{padding:18px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.detail-facts-grid div:last-child{border-bottom:0}.detail-content{padding-top:75px;padding-bottom:78px}.detail-section-heading h2{font-size:37px}.capability-grid{grid-template-columns:1fr;gap:10px;margin-top:39px}.capability-grid article{min-height:205px}.detail-process{padding:75px 0 76px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 12px;margin-top:42px}.process-step{min-height:155px}.process-connector{display:none}.detail-cta{align-items:flex-start;flex-direction:column;padding-top:60px;padding-bottom:70px}.detail-cta h2{font-size:38px}.detail-cta .button{width:100%} }

/* Taihao Pin case studies */
.ku-case-section { padding:105px 0 116px; background:#f1f6fa; }
.ku-case-section .case-heading .eyebrow { color:var(--indigo); }
.ku-case-section .case-heading h2 em { color:var(--indigo); }
.ku-case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:58px; }
.ku-case-card { min-height:430px; padding:24px; border:1px solid #dce8ef; border-radius:15px; background:#fff; box-shadow:0 10px 25px rgba(24,77,109,.04); }
.ku-case-tone-indigo { --case-accent:var(--indigo); --case-soft:#efeeff; }
.ku-case-tone-blue { --case-accent:var(--blue); --case-soft:#eaf5fb; }
.ku-case-tone-coral { --case-accent:var(--coral); --case-soft:#fff0ec; }
.ku-case-top { display:flex; align-items:center; justify-content:space-between; gap:15px; color:var(--case-accent); font:9px 'DM Mono',monospace; letter-spacing:.04em; }
.ku-case-top b { color:#9badb9; font:10px 'DM Mono',monospace; }
.ku-case-card h3 { max-width:270px; margin-top:28px; color:var(--blue-ink); font-size:21px; line-height:1.35; letter-spacing:-.06em; }
.ku-case-card>p { min-height:104px; margin-top:14px; color:#718696; font-size:11px; line-height:1.9; }
.ku-case-result { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:25px; padding:14px; border-radius:8px; background:var(--case-soft); }
.ku-case-result small { color:#8195a4; font-size:9px; }
.ku-case-result strong { color:var(--case-accent); font-size:17px; letter-spacing:-.05em; }
.ku-case-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:13px; }
.ku-case-metrics div { padding:12px 6px; border:1px solid #e7eef2; border-radius:7px; text-align:center; }
.ku-case-metrics strong, .ku-case-metrics span { display:block; }
.ku-case-metrics strong { color:var(--blue-ink); font-size:16px; }
.ku-case-metrics span { margin-top:5px; color:#92a3ae; font-size:8px; line-height:1.35; }

@media (max-width: 900px) { .ku-case-grid{grid-template-columns:1fr 1fr}.ku-case-card{min-height:400px} }
@media (max-width: 600px) { .ku-case-section{padding:75px 0 80px}.ku-case-grid{grid-template-columns:1fr;gap:10px;margin-top:39px}.ku-case-card{min-height:0;padding:20px}.ku-case-card>p{min-height:0}.ku-case-result{margin-top:20px} }

/* Taihao Pin routes and cargo data */
.pin-live-section, .pai-live-section, .fa-live-section { padding:96px 0 110px; background:#f1f6fa; }
.pin-live-header { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; }
.pin-live-header h2 { margin-top:17px; color:var(--blue-ink); font-size:clamp(32px,4vw,52px); line-height:1.16; letter-spacing:-.08em; }
.pin-live-header p { max-width:520px; margin-top:13px; color:#718696; font-size:12px; line-height:1.85; }
.pin-source-status { min-width:210px; padding:14px; border:1px solid #dce8ef; border-radius:10px; color:#6f8596; background:#fff; font-size:10px; }
.pin-source-status span:nth-child(2), .pin-source-status small { display:block; }
.pin-source-status small { margin-top:7px; color:#9aabb5; font:9px 'DM Mono',monospace; }
.pin-source-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#f5b94c; }
.pin-source-dot.is-live { background:var(--mint); box-shadow:0 0 0 4px rgba(58,183,152,.13); }
.pin-live-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:42px; padding:14px; border:1px solid #dce8ef; border-radius:12px; background:#fff; }
.pin-data-tabs { display:flex; gap:7px; }
.pin-data-tabs button { display:flex; align-items:center; gap:9px; padding:10px 13px; border:1px solid transparent; border-radius:7px; color:#8195a4; background:transparent; font-size:11px; cursor:pointer; }
.pin-data-tabs button b { display:grid; place-items:center; min-width:20px; height:20px; border-radius:5px; color:#718696; background:#eef4f7; font:9px 'DM Mono',monospace; }
.pin-data-tabs button.active { color:var(--blue); background:#eaf5fb; }
.pin-data-tabs button.active b { color:#fff; background:var(--blue); }
.pin-data-filters { display:flex; gap:8px; }
.pin-data-filters input, .pin-data-filters select { min-width:155px; padding:10px 11px; border:1px solid #dce7ee; border-radius:7px; outline:0; color:#35536b; background:#fbfdff; font-size:10px; }
.pin-data-filters input { width:235px; }
.pin-refresh-button { padding:10px 12px; border:1px solid #dce7ee; border-radius:7px; color:var(--blue); background:#fff; font-size:10px; cursor:pointer; }
.pin-live-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:14px; margin-top:14px; }
.pin-data-list, .pin-route-detail { padding:16px; border:1px solid #dce8ef; border-radius:13px; background:#fff; }
.pin-data-list { display:grid; gap:9px; }
.pin-route-card { width:100%; padding:16px; border:1px solid #e3edf2; border-radius:10px; color:#284963; background:#fff; text-align:left; cursor:pointer; transition:border .2s, box-shadow .2s, transform .2s; }
.pin-route-card:hover, .pin-route-card.selected { border-color:#8cbddb; box-shadow:0 10px 24px rgba(25,82,117,.08); transform:translateY(-2px); }
.pin-route-card-top, .pin-cargo-card-top { display:flex; justify-content:space-between; gap:12px; }
.pin-route-card-top b, .pin-cargo-card-top b { color:#8ba0ae; font:9px 'DM Mono',monospace; letter-spacing:.05em; }
.pin-status, .pin-cargo-card-top em { padding:5px 7px; border-radius:5px; color:#2eaa8b; background:#e8f8f2; font-size:9px; font-style:normal; }
.pin-status.mint { color:#2eaa8b; background:#e8f8f2; }
.pin-status.coral { color:#ce6553; background:#fff0ed; }
.pin-route-card strong { display:flex; align-items:center; gap:12px; margin-top:16px; color:var(--blue-ink); font-size:14px; }
.pin-route-card strong i, .pin-cargo-route i { color:var(--blue); font-style:normal; }
.pin-route-card small, .pin-cargo-card small { display:block; margin-top:10px; color:#92a3af; font-size:9px; }
.pin-cargo-card { padding:16px; border:1px solid #e3edf2; border-radius:10px; }
.pin-cargo-card-top em { color:#5281a1; background:#eaf4fb; }
.pin-cargo-route { margin-top:14px; color:#38566e; font-size:11px; }
.pin-cargo-route span { float:right; color:#7b93a3; font:10px 'DM Mono',monospace; }
.pin-progress { height:5px; overflow:hidden; margin-top:14px; border-radius:10px; background:#e6eef3; }
.pin-progress span { display:block; height:100%; border-radius:inherit; background:var(--blue); }
.pin-route-detail { min-height:260px; padding:25px; }
.pin-detail-kicker { color:var(--blue); font:9px 'DM Mono',monospace; letter-spacing:.13em; }
.pin-route-detail h3 { margin-top:16px; color:var(--blue-ink); font-size:22px; line-height:1.35; letter-spacing:-.06em; }
.pin-route-detail h3 i { color:var(--blue); font-style:normal; }
.pin-route-detail p { margin-top:14px; color:#718696; font-size:11px; line-height:1.9; }
.pin-route-detail p b { color:#36546b; }
.pin-detail-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:23px; }
.pin-detail-stats div { padding:12px 8px; border-radius:7px; background:#f1f7fa; text-align:center; }
.pin-detail-stats strong, .pin-detail-stats span { display:block; }
.pin-detail-stats strong { color:var(--blue-ink); font-size:16px; }
.pin-detail-stats span { margin-top:5px; color:#92a3ae; font-size:8px; }
.pin-route-detail .button { width:100%; margin-top:23px; }
.pin-detail-note { display:flex; gap:9px; align-items:center; margin-top:35px; padding:14px; border-radius:8px; color:#738a9a; background:#f1f7fa; font-size:10px; }
.pin-empty-state { display:grid; place-items:center; min-height:170px; color:#9aabb5; font-size:11px; }

@media (max-width: 900px) { .pin-live-header{align-items:flex-start;flex-direction:column}.pin-live-toolbar{align-items:stretch;flex-direction:column}.pin-data-filters{flex-wrap:wrap}.pin-data-filters input{flex:1;width:auto}.pin-live-layout{grid-template-columns:1fr} }
@media (max-width: 600px) { .pin-live-section, .pai-live-section, .fa-live-section{padding:72px 0 80px}.pin-live-header h2{font-size:36px}.pin-data-filters{display:grid;grid-template-columns:1fr 1fr}.pin-data-filters input{grid-column:1/-1;width:100%}.pin-data-filters select,.pin-refresh-button{min-width:0}.pin-live-layout{gap:10px}.pin-route-card strong{font-size:12px}.pin-route-detail{padding:19px}.pin-detail-stats strong{font-size:14px} }

/* Taihao Insights / 好运咨询 */
.consult-hero { overflow:hidden; padding:93px 0 102px; background:#f5f9fc; }
.consult-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:70px; min-height:480px; }
.consult-hero h1 { max-width:660px; margin-top:22px; color:var(--blue-ink); font-size:clamp(45px,5.5vw,72px); line-height:1.12; letter-spacing:-.09em; }
.consult-hero h1 em { color:var(--blue); font-style:normal; }
.consult-hero p { max-width:560px; margin-top:25px; color:#718696; font-size:14px; line-height:1.95; }
.consult-hero-actions { display:flex; align-items:center; gap:24px; margin-top:32px; }
.consult-hero-actions .underlined-link { color:var(--blue); border-color:#bed4e5; }
.consult-hero-art { position:relative; height:460px; min-height:0; border-radius:26px; background:linear-gradient(145deg,#e4f1fa,#fff); overflow:hidden; }
.consult-art-orbit { position:absolute; width:310px; height:310px; top:38px; left:50%; border:1px solid rgba(11,94,168,.16); border-radius:50%; transform:translateX(-50%); box-shadow:0 0 0 38px rgba(11,94,168,.035), 0 0 0 78px rgba(11,94,168,.025); }
.consult-art-orbit:before { content:''; position:absolute; inset:44px; border:1px dashed rgba(11,94,168,.16); border-radius:50%; }
.consult-art-card { position:absolute; z-index:1; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(255,255,255,.75); border-radius:12px; background:rgba(255,255,255,.82); box-shadow:0 19px 36px rgba(25,80,115,.12); }
.consult-art-card-main { width:190px; height:166px; top:91px; left:50%; padding:24px; transform:translateX(-50%); }
.consult-art-card-main strong { margin-top:16px; color:var(--blue-ink); font-size:68px; line-height:.9; letter-spacing:-.12em; }
.consult-art-card-main small { margin-top:9px; color:#7890a1; font-size:10px; }
.consult-art-label { color:var(--blue); font:9px 'DM Mono',monospace; letter-spacing:.1em; }
.consult-art-card-side { right:34px; bottom:65px; width:105px; height:95px; padding:15px; color:var(--coral); }
.consult-art-card-side span { font:9px 'DM Mono',monospace; }
.consult-art-card-side b { margin-top:9px; font-size:22px; }
.consult-art-card-side small { margin-top:7px; color:#7890a1; font-size:9px; }
.consult-art-note { position:absolute; left:28px; bottom:34px; color:var(--blue); font:11px/1.7 'DM Mono',monospace; letter-spacing:.08em; }
.consult-art-note span { color:#9aadba; font-size:8px; }
.consult-hero-art-image { height:460px; min-height:0; background:#dfeefa; border:0; box-shadow:0 24px 52px rgba(27,83,122,.12); }
.consult-hero-art-image img { display:block; width:100%; height:100%; border-radius:25px; object-fit:cover; object-position:center; }
.consult-topic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:51px; }
.consult-topic-card { position:relative; min-height:220px; padding:22px; border:1px solid #dfebf2; border-radius:14px; background:#fff; transition:transform .2s,box-shadow .2s; }
.consult-topic-card:hover { transform:translateY(-5px); box-shadow:0 17px 35px rgba(24,77,109,.1); }
.consult-topic-card>span { color:#9badb9; font:10px 'DM Mono',monospace; }
.consult-topic-card>i { position:absolute; right:21px; top:19px; color:var(--topic-accent); font-size:20px; font-style:normal; }
.consult-topic-card b { display:block; margin-top:39px; color:var(--blue-ink); font-size:17px; line-height:1.45; }
.consult-topic-card p { margin-top:16px; color:#718696; font-size:10px; line-height:1.75; }
.consult-topic-blue { --topic-accent:var(--blue); }.consult-topic-coral { --topic-accent:var(--coral); }.consult-topic-mint { --topic-accent:var(--mint); }.consult-topic-indigo { --topic-accent:var(--indigo); }
.consult-video-section { padding:105px 0 116px; color:#fff; background:var(--blue-dark); }
.consult-video-section .section-heading h2 { color:#fff; }.consult-video-section .section-heading h2 em { color:#9ed8f4; }.consult-video-section .section-heading p { color:#b8d6e8; }
.consult-video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:55px; }
.consult-video-card { overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:rgba(255,255,255,.07); }
.consult-video-thumb { position:relative; display:flex; align-items:center; justify-content:center; height:190px; background:linear-gradient(135deg,#247db3,#0a3e70); }
.consult-video-thumb-2 { background:linear-gradient(135deg,#1a628f,#116e9c); }.consult-video-thumb-3 { background:linear-gradient(135deg,#4760ba,#232963); }
.consult-video-thumb:before { content:''; position:absolute; width:145px; height:145px; border:1px solid rgba(255,255,255,.24); border-radius:50%; box-shadow:0 0 0 26px rgba(255,255,255,.035); }
.consult-video-play { position:relative; z-index:1; display:grid; place-items:center; width:53px; height:53px; padding-left:3px; border:1px solid rgba(255,255,255,.65); border-radius:50%; color:var(--blue-dark); background:#fff; font-size:16px; }
.consult-video-thumb small { position:absolute; left:17px; bottom:15px; color:#c8e2f1; font:8px 'DM Mono',monospace; letter-spacing:.08em; }
.consult-video-copy { padding:21px; }.consult-video-tag { color:#98d6f2; font:9px 'DM Mono',monospace; letter-spacing:.07em; }.consult-video-copy h3 { margin-top:14px; color:#fff; font-size:17px; line-height:1.45; }.consult-video-copy p { margin-top:11px; color:#b7d5e7; font-size:10px; line-height:1.8; }.consult-video-button { margin-top:21px; padding:0 0 7px; border:0; border-bottom:1px solid rgba(255,255,255,.5); color:#fff; background:transparent; cursor:pointer; }
.consult-search-wrap { position:relative; width:310px; }.consult-search-wrap label { display:block; color:#8397a6; font-size:9px; }.consult-search-wrap input { width:100%; margin-top:10px; padding:14px 36px 14px 13px; border:1px solid #dce7ee; border-radius:8px; outline:0; color:#38556b; background:#fbfdff; font-size:11px; }.consult-search-wrap span { position:absolute; right:13px; bottom:12px; color:var(--blue); font-size:19px; }
.consult-library-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:54px; }.consult-library-card { min-height:275px; padding:22px; border:1px solid #dfebf2; border-radius:14px; background:#fff; transition:transform .2s,box-shadow .2s; }.consult-library-card:hover { transform:translateY(-5px); box-shadow:0 17px 35px rgba(24,77,109,.1); }.consult-library-card[hidden] { display:none; }.consult-library-type { color:#8da1ae; font:9px 'DM Mono',monospace; letter-spacing:.08em; }.consult-library-card h3 { margin-top:29px; color:var(--blue-ink); font-size:17px; line-height:1.45; }.consult-library-card p { min-height:62px; margin-top:13px; color:#718696; font-size:10px; line-height:1.8; }.consult-library-card .underlined-link { margin-top:22px; color:var(--blue); border-color:#bed4e5; }.consult-empty { margin-top:35px; padding:24px; border:1px dashed #cbdde8; border-radius:10px; color:#7890a1; text-align:center; font-size:11px; }.consult-cta { margin-top:0; }

@media (max-width: 900px) { .consult-hero-grid{grid-template-columns:1fr;gap:40px}.consult-hero-art{height:390px;min-height:390px}.consult-topic-grid{grid-template-columns:1fr 1fr}.consult-video-grid{grid-template-columns:1fr 1fr}.consult-library-grid{grid-template-columns:1fr 1fr}.consult-search-wrap{width:100%;max-width:390px} }
@media (max-width: 600px) { .consult-hero{padding:52px 0 65px}.consult-hero h1{font-size:43px}.consult-hero p{font-size:12px;line-height:1.85}.consult-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.consult-hero-art{height:310px;min-height:310px}.consult-art-orbit{width:235px;height:235px;top:28px}.consult-art-card-main{top:72px;width:160px;height:140px;padding:18px}.consult-art-card-main strong{font-size:56px}.consult-art-card-side{right:13px;bottom:33px;transform:scale(.83);transform-origin:bottom right}.consult-art-note{left:14px;bottom:20px}.consult-topic-grid,.consult-video-grid,.consult-library-grid{grid-template-columns:1fr}.consult-topic-card{min-height:185px}.consult-video-section{padding:75px 0 80px}.consult-video-grid,.consult-library-grid{gap:10px;margin-top:39px}.consult-video-thumb{height:165px}.consult-library-card{min-height:0}.consult-library-card p{min-height:0}.consult-search-wrap{margin-top:24px} }

/* Social QR codes in the shared footer */
.footer-grid { grid-template-columns:1fr 1fr 1.1fr 1.35fr; gap:45px; }
.footer-social h4 { margin:0 0 19px; color:#fff; font-size:12px; }
.footer-qr-list { display:flex; gap:10px; }
.footer-qr-item { width:86px; text-align:center; }
.footer-qr-item img { display:block; width:76px; height:76px; margin:0 auto 9px; padding:4px; border-radius:6px; background:#fff; }
.footer-qr-item b, .footer-qr-item small { display:block; }
.footer-qr-item b { color:#fff; font-size:10px; font-weight:700; }
.footer-qr-item small { margin-top:5px; color:#82a9c4; font-size:8px; line-height:1.4; }
@media (max-width: 980px) { .footer-grid { grid-template-columns:1fr 1fr; } .footer-note { justify-self:start; text-align:left; } .footer-social { grid-column:1/-1; } }
@media (max-width: 700px) { .footer-grid { grid-template-columns:1fr 1fr; } .footer-social { grid-column:1/-1; } .footer-qr-list { flex-wrap:wrap; gap:15px; } }

/* Expanded advantage and about pages */
.advantage-deep-section { background:#fff; }
.advantage-pillar-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:57px; }
.advantage-pillar-grid article { min-height:300px; padding:25px; border:1px solid #dfebf2; border-radius:15px; background:#fff; transition:transform .2s,box-shadow .2s; }
.advantage-pillar-grid article:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(30,77,110,.1); }
.advantage-pillar-grid article>span { color:#9badb9; font:9px 'DM Mono',monospace; letter-spacing:.08em; }
.advantage-pillar-icon { display:grid; place-items:center; width:45px; height:45px; margin-top:38px; border-radius:12px; color:var(--blue); background:#eaf5fb; font-size:22px; }
.advantage-pillar-grid article:nth-child(2) .advantage-pillar-icon { color:var(--coral); background:#fff0ec; }.advantage-pillar-grid article:nth-child(3) .advantage-pillar-icon { color:var(--mint); background:#e7f8f2; }
.advantage-pillar-grid h3 { margin-top:25px; color:var(--blue-ink); font-size:17px; line-height:1.45; }.advantage-pillar-grid p { margin-top:12px; color:#718696; font-size:11px; line-height:1.85; }
.advantage-operating-section { padding:98px 0 111px; color:#fff; background:var(--blue-dark); }.advantage-operating-section h2 { max-width:720px; margin-top:19px; color:#fff; font-size:clamp(36px,4vw,53px); line-height:1.2; letter-spacing:-.08em; }.advantage-operating-section h2 em { color:#9ed8f4; font-style:normal; }
.advantage-operating-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:56px; }.advantage-operating-grid>div { position:relative; min-height:190px; padding:22px; border:1px solid rgba(255,255,255,.17); border-radius:12px; background:rgba(255,255,255,.05); }.advantage-operating-grid>div:not(:last-child):after { content:'→'; position:absolute; top:22px; right:-18px; color:#79bde0; font-size:19px; }.advantage-operating-grid b { color:#8fd0ee; font:10px 'DM Mono',monospace; }.advantage-operating-grid strong { display:block; margin-top:36px; color:#fff; font-size:19px; }.advantage-operating-grid p { margin-top:11px; color:#b4d4e7; font-size:10px; line-height:1.8; }
.about-story-section { background:#fff; }.about-timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:60px; border-top:1px solid #dce8ef; }.about-timeline>div { position:relative; min-height:215px; padding:25px 20px 15px 0; border-right:1px solid #dce8ef; }.about-timeline>div:not(:first-child) { padding-left:20px; }.about-timeline>div:last-child { border-right:0; }.about-timeline>div:before { content:''; position:absolute; left:0; top:-5px; width:9px; height:9px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 5px #eaf5fb; }.about-timeline>div:not(:first-child):before { left:20px; }.about-timeline span { color:#9badb9; font:10px 'DM Mono',monospace; }.about-timeline strong { display:block; margin-top:33px; color:var(--blue-ink); font-size:16px; }.about-timeline p { margin-top:11px; color:#718696; font-size:10px; line-height:1.8; }
.about-principles-section { padding:101px 0 113px; color:#fff; background:var(--blue); }.about-principles-section h2 { max-width:700px; margin-top:19px; color:#fff; font-size:clamp(36px,4vw,53px); line-height:1.2; letter-spacing:-.08em; }.about-principles-section h2 em { color:#9ed8f4; font-style:normal; }.about-principles-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:57px; }.about-principles-grid article { min-height:205px; padding:22px; border:1px solid rgba(255,255,255,.17); border-radius:12px; background:rgba(255,255,255,.06); }.about-principles-grid b { color:#9ed8f4; font:10px 'DM Mono',monospace; }.about-principles-grid h3 { margin-top:35px; color:#fff; font-size:17px; }.about-principles-grid p { margin-top:11px; color:#b5d8ed; font-size:10px; line-height:1.8; }

/* Ecosystem partner logo wall */
.ecosystem-partners-section { background:#f5f9fc; }.ecosystem-partner-showcase { margin-top:55px; padding:20px; border:1px solid #dce8ef; border-radius:16px; background:#eef5f9; }.ecosystem-partner-showcase-head { display:flex; align-items:center; justify-content:space-between; gap:15px; color:var(--blue-ink); }.ecosystem-partner-showcase-head b { font:10px 'DM Mono',monospace; letter-spacing:.08em; }.ecosystem-partner-showcase-head span { color:#8498a7; font-size:10px; }.ecosystem-partner-groups { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin-top:17px; }.ecosystem-partner-group { min-height:240px; padding:17px; border:1px solid #dae7ee; border-radius:12px; background:#fff; }.ecosystem-partner-group-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:13px; border-bottom:1px solid #e7eef2; }.ecosystem-partner-group-head span { color:#a0b0bb; font:10px 'DM Mono',monospace; }.ecosystem-partner-group-head b { color:var(--blue-ink); font-size:13px; }.ecosystem-partner-list { display:grid; gap:8px; margin-top:13px; }.ecosystem-partner-card { display:flex; align-items:center; gap:9px; min-height:55px; padding:8px; border:1px solid #edf2f5; border-radius:8px; background:#fbfdfe; }.ecosystem-partner-logo { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; overflow:hidden; border:1px solid #d9e5eb; border-radius:8px; color:var(--blue); background:#eff7fb; font:10px 'DM Mono',monospace; font-weight:700; }.ecosystem-partner-logo img { display:block; width:100%; height:100%; object-fit:contain; }.ecosystem-partner-card>div:nth-child(2) { min-width:0; }.ecosystem-partner-card b { display:block; overflow:hidden; color:#36536a; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.ecosystem-partner-card small { display:block; overflow:hidden; margin-top:3px; color:#9aaab5; font:8px 'DM Mono',monospace; text-overflow:ellipsis; white-space:nowrap; }.ecosystem-partner-card em { margin-left:auto; padding:4px 5px; border-radius:4px; color:#8b9da9; background:#f0f4f6; font-size:8px; font-style:normal; white-space:nowrap; }.ecosystem-partner-group-coral .ecosystem-partner-logo { color:var(--coral); background:#fff0ec; }.ecosystem-partner-group-mint .ecosystem-partner-logo { color:#269d83; background:#e7f8f2; }.ecosystem-partner-group-indigo .ecosystem-partner-logo { color:var(--indigo); background:#eeedfb; }

@media (max-width: 900px) { .advantage-pillar-grid{grid-template-columns:1fr 1fr}.advantage-operating-grid{grid-template-columns:1fr 1fr;gap:12px}.advantage-operating-grid>div:not(:last-child):after{display:none}.about-timeline{grid-template-columns:1fr 1fr;gap:0 20px}.about-timeline>div:nth-child(2){border-right:0}.about-timeline>div:nth-child(3),.about-timeline>div:nth-child(4){border-top:1px solid #dce8ef}.about-principles-grid{grid-template-columns:1fr 1fr}.ecosystem-partner-groups{grid-template-columns:1fr 1fr} }
@media (max-width: 600px) { .advantage-pillar-grid{grid-template-columns:1fr;gap:10px;margin-top:39px}.advantage-pillar-grid article{min-height:0}.advantage-pillar-icon{margin-top:25px}.advantage-operating-section{padding:75px 0 80px}.advantage-operating-grid{grid-template-columns:1fr;gap:10px;margin-top:39px}.advantage-operating-grid>div{min-height:145px}.advantage-operating-grid strong{margin-top:22px}.about-timeline{grid-template-columns:1fr;margin-top:42px}.about-timeline>div,.about-timeline>div:not(:first-child){min-height:145px;padding:25px 0 15px 20px;border-right:0;border-top:1px solid #dce8ef}.about-timeline>div:first-child{border-top:0}.about-timeline>div:before,.about-timeline>div:not(:first-child):before{left:0;top:-5px}.about-timeline strong{margin-top:20px}.about-principles-section{padding:75px 0 80px}.about-principles-grid{grid-template-columns:1fr;gap:10px;margin-top:39px}.about-principles-grid article{min-height:175px}.about-principles-grid h3{margin-top:25px}.ecosystem-partners-section{padding:75px 0 80px}.ecosystem-partner-showcase{margin-top:39px;padding:13px}.ecosystem-partner-showcase-head{display:block}.ecosystem-partner-showcase-head span{display:block;margin-top:7px}.ecosystem-partner-groups{grid-template-columns:1fr;gap:9px}.ecosystem-partner-group{min-height:0}.ecosystem-partner-card{min-height:51px} }

/* Taihao Pin distributable products and offline network */
.ku-distribution-section { padding:105px 0 108px; background:#fff; }
.ku-source-status { margin-top:22px; }
.ku-product-toolbar { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:48px; padding:13px; border:1px solid #dce8ef; border-radius:12px; background:#f8fbfd; }
.ku-product-count { display:flex; align-items:baseline; gap:9px; color:#8396a4; }.ku-product-count b { color:var(--indigo); font-size:27px; letter-spacing:-.08em; }.ku-product-count span { font-size:10px; }
.ku-product-filters { display:flex; gap:8px; }.ku-product-filters input,.ku-product-filters select { min-width:180px; padding:10px 11px; border:1px solid #dce7ee; border-radius:7px; outline:0; color:#35536b; background:#fff; font-size:10px; }.ku-product-filters input { width:250px; }.ku-product-filters .pin-refresh-button { background:#fff; }
.ku-product-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:14px; margin-top:14px; }.ku-product-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.ku-product-card { min-height:180px; padding:17px; border:1px solid #e0eaf0; border-radius:11px; color:#284963; background:#fff; text-align:left; cursor:pointer; transition:border .2s,box-shadow .2s,transform .2s; }.ku-product-card:hover,.ku-product-card.selected { border-color:#9e9ada; box-shadow:0 12px 28px rgba(53,48,145,.1); transform:translateY(-2px); }.ku-product-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; }.ku-product-card-top b { color:#91a2ae; font:9px 'DM Mono',monospace; }.ku-product-card strong { display:block; margin-top:22px; color:var(--blue-ink); font-size:17px; }.ku-product-card>small { display:block; margin-top:8px; color:#7f94a3; font-size:9px; }.ku-product-card>div { display:flex; justify-content:space-between; gap:10px; margin-top:20px; padding-top:12px; border-top:1px solid #edf2f5; color:#718696; font:9px 'DM Mono',monospace; }
.ku-product-detail { min-height:290px; padding:25px; border:1px solid #dce8ef; border-radius:13px; background:#f6f9fb; }.ku-product-detail h3 { margin-top:16px; color:var(--blue-ink); font-size:23px; line-height:1.35; letter-spacing:-.06em; }.ku-product-detail p { margin-top:15px; color:#718696; font-size:11px; line-height:2; }.ku-product-detail p b { color:#36546b; }.ku-product-detail .pin-detail-stats strong { font-size:14px; }.ku-product-detail .button { margin-top:23px; }
.ku-network-section { padding:103px 0 112px; background:#f1f6fa; }.ku-network-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:55px; }.ku-network-card { min-height:250px; padding:22px; border:1px solid #dce8ef; border-radius:13px; background:#fff; }.ku-network-card-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }.ku-network-card-top span { color:#9aaeb9; font:10px 'DM Mono',monospace; }.ku-network-card-top em { padding:5px 7px; border-radius:5px; color:#2eaa8b; background:#e8f8f2; font-size:9px; font-style:normal; }.ku-network-tone-coral .ku-network-card-top em { color:#ce6553; background:#fff0ed; }.ku-network-tone-blue .ku-network-card-top em { color:#5281a1; background:#eaf4fb; }.ku-network-card h3 { margin-top:30px; color:var(--blue-ink); font-size:18px; }.ku-network-card p { margin-top:8px; color:#718696; font-size:10px; }.ku-network-card>div:not(.ku-network-card-top) { margin-top:31px; padding-top:13px; border-top:1px solid #e7eef2; }.ku-network-card>div strong,.ku-network-card>div span { display:block; }.ku-network-card>div strong { color:var(--indigo); font-size:23px; }.ku-network-card>div span { margin-top:4px; color:#92a3ae; font-size:9px; }.ku-network-card>small { display:block; margin-top:15px; color:#7e93a1; font-size:9px; line-height:1.6; }

@media (max-width: 900px) { .ku-product-toolbar{align-items:stretch;flex-direction:column}.ku-product-filters{width:100%;flex-wrap:wrap}.ku-product-filters input{flex:1;width:auto}.ku-product-layout{grid-template-columns:1fr}.ku-network-grid{grid-template-columns:1fr 1fr} }
@media (max-width: 600px) { .ku-distribution-section{padding:75px 0 80px}.ku-source-status{margin-top:22px}.ku-product-toolbar{margin-top:39px}.ku-product-filters{display:grid;grid-template-columns:1fr 1fr}.ku-product-filters input{grid-column:1/-1;width:100%}.ku-product-filters select,.ku-product-filters .pin-refresh-button{min-width:0}.ku-product-grid{grid-template-columns:1fr}.ku-product-detail{padding:19px}.ku-network-section{padding:75px 0 80px}.ku-network-grid{grid-template-columns:1fr;gap:10px;margin-top:39px}.ku-network-card{min-height:0} }

/* Taihao Pai SLA attainment and planning control */
.pai-performance-section { padding:105px 0 112px; background:#fff; }
.pai-performance-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:45px; }
.pai-performance-heading h2 { max-width:720px; margin-top:18px; color:var(--blue-ink); font-size:clamp(36px,4.2vw,55px); line-height:1.16; letter-spacing:-.08em; }
.pai-performance-heading h2 em { color:var(--coral); font-style:normal; }
.pai-performance-heading p { max-width:550px; margin-top:14px; color:#718696; font-size:12px; line-height:1.9; }
.pai-performance-summary { flex:0 0 190px; padding:20px; border:1px solid #f2d5cf; border-radius:12px; background:#fff8f6; }
.pai-performance-summary strong,.pai-performance-summary span,.pai-performance-summary small { display:block; }
.pai-performance-summary strong { color:var(--coral); font-size:44px; line-height:1; letter-spacing:-.1em; }
.pai-performance-summary span { margin-top:9px; color:#536f82; font-size:10px; }
.pai-performance-summary small { margin-top:19px; color:#a58f8b; font:8px 'DM Mono',monospace; letter-spacing:.06em; }
.pai-performance-board { display:grid; grid-template-columns:1.15fr .85fr; gap:14px; margin-top:57px; }
.pai-performance-chart,.pai-control-panel { min-height:335px; padding:22px; border:1px solid #e0eaf1; border-radius:14px; background:#f8fbfd; }
.pai-performance-chart-head,.pai-control-panel-head { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.pai-performance-chart-head b,.pai-control-panel-head b { color:var(--blue-ink); font-size:12px; }
.pai-performance-chart-head span,.pai-control-panel-head span { color:#9aabb6; font:8px 'DM Mono',monospace; letter-spacing:.08em; }
.pai-performance-bars { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; height:245px; margin-top:26px; padding:0 9px; border-bottom:1px solid #dce7ed; }
.pai-performance-stage { display:flex; align-items:center; flex-direction:column; min-width:0; }
.pai-performance-bar { position:relative; display:flex; align-items:flex-end; justify-content:center; width:54px; height:175px; margin-top:auto; border-radius:8px 8px 0 0; background:repeating-linear-gradient(to top,#e8f0f4 0,#e8f0f4 1px,transparent 1px,transparent 35px); }
.pai-performance-bar:before { content:''; position:absolute; z-index:2; right:-11px; left:-11px; bottom:var(--target); border-top:1px dashed #f0a296; }
.pai-performance-bar span { display:block; width:100%; min-height:9px; border-radius:8px 8px 0 0; background:linear-gradient(180deg,#f28573,var(--coral)); box-shadow:0 8px 19px rgba(236,104,84,.2); }
.pai-performance-bar b { position:absolute; z-index:3; top:-23px; color:var(--coral); font:11px 'DM Mono',monospace; }
.pai-performance-stage>strong { margin-top:15px; color:#31536b; font-size:13px; }
.pai-performance-stage>small { margin-top:5px; color:#9aabb5; font-size:9px; }
.pai-performance-stage>em { margin-top:11px; color:var(--coral); font:8px 'DM Mono',monospace; font-style:normal; text-align:center; }
.pai-performance-stage>p { max-width:125px; margin-top:8px; color:#8498a6; font-size:9px; line-height:1.5; text-align:center; }
.pai-control-panel { background:var(--blue-dark); }
.pai-control-panel-head b { color:#fff; }.pai-control-panel-head span { color:#83b5d1; }
.pai-control-list { margin-top:23px; }
.pai-control-row { display:grid; grid-template-columns:50px 1fr 18px; align-items:start; gap:13px; padding:16px 0; border-top:1px solid rgba(255,255,255,.13); }
.pai-control-row strong { color:#9ed8f4; font:10px 'DM Mono',monospace; }
.pai-control-row b { color:#fff; font-size:11px; }.pai-control-row p { margin-top:6px; color:#abcddd; font-size:9px; line-height:1.65; }.pai-control-row>span { display:grid; place-items:center; width:17px; height:17px; border-radius:50%; color:var(--blue-dark); background:#9ed8f4; font-size:10px; }
.pai-performance-flow { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:42px; padding:24px 8px 0; }
.pai-flow-line { position:absolute; top:29px; right:8%; left:8%; height:1px; background:#f3c7c0; }
.pai-performance-flow>div:not(.pai-flow-line) { position:relative; z-index:1; text-align:center; }
.pai-performance-flow>div:not(.pai-flow-line):before { content:''; display:block; width:10px; height:10px; margin:0 auto 14px; border:3px solid #fff; border-radius:50%; background:var(--coral); box-shadow:0 0 0 1px #f1b1a6; }
.pai-performance-flow span,.pai-performance-flow b,.pai-performance-flow small { display:block; }.pai-performance-flow span { color:#a5b3bc; font:8px 'DM Mono',monospace; }.pai-performance-flow b { margin-top:9px; color:#31536b; font-size:11px; }.pai-performance-flow small { margin-top:6px; color:#8498a6; font-size:8px; }

@media (max-width: 900px) { .pai-performance-heading{align-items:flex-start;flex-direction:column}.pai-performance-summary{width:100%}.pai-performance-board{grid-template-columns:1fr}.pai-performance-chart{min-height:320px} }
@media (max-width: 600px) { .pai-performance-section{padding:75px 0 80px}.pai-performance-heading h2{font-size:38px}.pai-performance-heading p{font-size:11px;line-height:1.85}.pai-performance-board{margin-top:39px}.pai-performance-chart,.pai-control-panel{padding:17px}.pai-performance-bars{gap:11px;padding:0 5px}.pai-performance-bar{width:42px}.pai-performance-stage>em{font-size:7px}.pai-performance-stage>p{font-size:8px}.pai-performance-flow{grid-template-columns:1fr 1fr;gap:28px 10px;padding-top:0}.pai-flow-line{display:none}.pai-performance-flow>div:not(.pai-flow-line):before{margin-bottom:9px}.pai-performance-flow b{margin-top:6px} }

/* Ecosystem hero visual: one connected network instead of a simple orbit */
.ecosystem-hero-visual { position:relative; width:min(100%,560px); height:460px; min-height:0; margin:0 auto; padding:14px; border:0; border-radius:26px; background:#dfeefa; box-shadow:0 24px 52px rgba(27,83,122,.12); }
.ecosystem-visual-frame { position:absolute; inset:14px; overflow:hidden; border:0; border-radius:20px; background:#052b54; box-shadow:0 18px 38px rgba(1,25,51,.2); }
.ecosystem-visual-frame:before { display:none; }
.ecosystem-visual-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.91; }
.ecosystem-visual-wash { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(2,36,72,.3),transparent 47%,rgba(1,25,51,.12)),linear-gradient(0deg,rgba(3,35,69,.62),transparent 44%); pointer-events:none; }
.ecosystem-visual-topline { position:absolute; z-index:2; top:27px; left:28px; display:flex; flex-direction:column; gap:7px; color:#fff; }
.ecosystem-visual-topline span { color:#9edcf2; font:9px 'DM Mono',monospace; letter-spacing:.13em; }
.ecosystem-visual-topline b { font-size:12px; font-weight:700; }
.ecosystem-visual-node { position:absolute; z-index:3; display:flex; align-items:center; gap:7px; padding:7px 9px 7px 7px; border:1px solid rgba(173,222,241,.55); border-radius:7px; color:#fff; background:rgba(4,45,83,.68); box-shadow:0 8px 20px rgba(0,20,43,.16); backdrop-filter:blur(5px); font-size:9px; white-space:nowrap; }
.ecosystem-visual-node i { display:grid; place-items:center; width:20px; height:20px; border-radius:5px; color:#06447a; background:#c9effb; font:8px 'DM Mono',monospace; font-style:normal; }
.ecosystem-visual-node-origin { left:23px; top:154px; }
.ecosystem-visual-node-warehouse { right:22px; top:151px; }
.ecosystem-visual-node-channel { right:26px; bottom:113px; }
.ecosystem-visual-node-protection { left:24px; bottom:91px; }
.ecosystem-visual-caption { position:absolute; z-index:3; left:28px; right:28px; bottom:27px; display:flex; align-items:flex-end; justify-content:space-between; gap:17px; }
.ecosystem-visual-caption strong { color:#fff; font-size:24px; line-height:1; letter-spacing:-.08em; }
.ecosystem-visual-caption small { max-width:145px; color:#c1e4f1; font-size:9px; line-height:1.55; text-align:right; }
@media (max-width: 700px) { .ecosystem-hero-visual{width:100%;height:330px;min-height:330px;margin-top:45px}.ecosystem-visual-topline{top:21px;left:21px}.ecosystem-visual-node{font-size:8px}.ecosystem-visual-node-origin{left:16px;top:115px}.ecosystem-visual-node-warehouse{right:16px;top:112px}.ecosystem-visual-node-channel{right:17px;bottom:91px}.ecosystem-visual-node-protection{left:17px;bottom:75px}.ecosystem-visual-caption{left:21px;right:21px;bottom:21px}.ecosystem-visual-caption strong{font-size:20px}.ecosystem-visual-caption small{max-width:130px;font-size:8px} }

/* Platform advantage: protection-led value proposition and rotating campaign */
.advantage-insurance-section { padding:105px 0 112px; color:#fff; background:var(--blue); overflow:hidden; }
.advantage-insurance-head { display:grid; grid-template-columns:1fr .9fr; gap:80px; align-items:end; }
.advantage-insurance-head h2 { max-width:690px; margin-top:20px; color:#fff; font-size:clamp(38px,4.2vw,56px); line-height:1.14; letter-spacing:-.08em; }
.advantage-insurance-head h2 em { color:#a6dcf4; font-style:normal; }
.advantage-insurance-head p { color:#c1dfed; font-size:13px; line-height:1.95; }
.advantage-insurance-layout { display:grid; grid-template-columns:1fr .95fr; gap:18px; margin-top:58px; align-items:stretch; }
.advantage-protection-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.advantage-protection-grid article { position:relative; min-height:220px; padding:23px; border:1px solid rgba(255,255,255,.17); border-radius:13px; background:rgba(255,255,255,.065); }
.advantage-protection-grid article i { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:var(--blue); background:#fff; font-size:18px; font-style:normal; font-weight:900; }
.advantage-protection-number { position:absolute; top:24px; right:23px; color:#8fc9e5; font:10px 'DM Mono',monospace; }
.advantage-protection-grid h3 { margin-top:28px; color:#fff; font-size:17px; }
.advantage-protection-grid p { margin-top:10px; color:#beddea; font-size:10px; line-height:1.8; }
.advantage-ad-player { position:relative; min-height:452px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:17px; background:linear-gradient(145deg,#0b609e,#063768); box-shadow:0 18px 45px rgba(1,29,53,.2); }
.advantage-ad-player:before { content:''; position:absolute; width:350px; height:350px; right:-100px; top:-120px; border:1px solid rgba(255,255,255,.17); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.04),0 0 0 110px rgba(255,255,255,.025); }
.advantage-ad-slides, .advantage-ad-slide { position:absolute; inset:0; }
.advantage-ad-slide { display:flex; flex-direction:column; align-items:flex-start; padding:36px 34px 76px; opacity:0; visibility:hidden; transform:translateX(15px); transition:opacity .55s ease, transform .55s ease, visibility .55s; }
.advantage-ad-slide.is-active { opacity:1; visibility:visible; transform:none; }
.advantage-ad-tag { color:#9edbf2; font:9px 'DM Mono',monospace; letter-spacing:.12em; }
.advantage-ad-slide strong { max-width:385px; margin-top:auto; color:#fff; font-size:31px; line-height:1.18; letter-spacing:-.07em; }
.advantage-ad-slide p { max-width:385px; margin-top:14px; color:#c4e2ee; font-size:11px; line-height:1.85; }
.advantage-ad-slide b { margin-top:22px; color:#8fc8e1; font:10px 'DM Mono',monospace; letter-spacing:.1em; }
.advantage-ad-controls { position:absolute; z-index:4; left:34px; right:34px; bottom:27px; display:flex; align-items:center; gap:10px; }
.advantage-ad-controls>button { width:29px; height:29px; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#fff; background:rgba(255,255,255,.07); cursor:pointer; }
.advantage-ad-dots { display:flex; gap:5px; margin-left:auto; }
.advantage-ad-dots button { width:5px; height:5px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.45); cursor:pointer; }
.advantage-ad-dots button.is-active { width:19px; border-radius:99px; background:#fff; }
.advantage-ad-disclaimer { position:absolute; left:34px; right:34px; bottom:10px; color:rgba(215,238,247,.65); font-size:8px; line-height:1.3; }

@media (max-width: 980px) { .advantage-insurance-head{grid-template-columns:1fr;gap:24px}.advantage-insurance-layout{grid-template-columns:1fr;gap:15px} }
@media (max-width: 600px) { .advantage-insurance-section{padding:75px 0 82px}.advantage-insurance-layout{margin-top:39px}.advantage-protection-grid{grid-template-columns:1fr}.advantage-protection-grid article{min-height:0}.advantage-ad-player{min-height:405px}.advantage-ad-slide{padding:28px 22px 74px}.advantage-ad-slide strong{font-size:26px}.advantage-ad-controls{left:22px;right:22px}.advantage-ad-disclaimer{left:22px;right:22px} }

/* Platform advantage is presented as part of the About page */
.about-platform-section { background:#f4f8fb; }
.about-platform-section .section-heading h2 { max-width:690px; }
.about-platform-section .section-heading h2 em { color:var(--blue); font-style:normal; }
.about-platform-section .split-heading>p { max-width:505px; }
.about-platform-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:56px; }
.about-platform-grid article { position:relative; min-height:275px; padding:24px; border:1px solid #dce8ef; border-radius:15px; background:#fff; transition:transform .2s,box-shadow .2s; }
.about-platform-grid article:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(30,77,110,.1); }
.about-platform-grid article>span { color:#9badb9; font:9px 'DM Mono',monospace; letter-spacing:.08em; }
.about-platform-icon { display:grid; place-items:center; width:45px; height:45px; margin-top:35px; border-radius:12px; color:#fff; background:var(--blue); font-size:19px; font-weight:800; }
.about-platform-grid article:nth-child(2) .about-platform-icon { background:var(--coral); }.about-platform-grid article:nth-child(3) .about-platform-icon { background:var(--mint); }.about-platform-grid article:nth-child(4) .about-platform-icon { background:var(--indigo); }
.about-platform-grid h3 { margin-top:22px; color:var(--blue-ink); font-size:17px; line-height:1.45; }
.about-platform-grid p { margin-top:10px; color:#718696; font-size:11px; line-height:1.8; }
.about-platform-loop { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:52px; border:1px solid rgba(255,255,255,.14); border-radius:15px; overflow:hidden; color:#fff; background:var(--blue-dark); box-shadow:0 18px 40px rgba(2,37,68,.13); }
.about-platform-loop>div { position:relative; min-height:170px; padding:22px; background:rgba(255,255,255,.035); }
.about-platform-loop>div:not(:last-child):after { content:'→'; position:absolute; top:23px; right:-11px; z-index:2; color:#8bc9e6; font-size:16px; }
.about-platform-loop span { color:#91cce6; font:9px 'DM Mono',monospace; letter-spacing:.08em; }
.about-platform-loop strong { display:block; margin-top:33px; color:#fff; font-size:18px; }
.about-platform-loop p { margin-top:9px; color:#b3d4e5; font-size:10px; line-height:1.7; }
@media (max-width: 1050px) { .about-platform-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 900px) { .about-platform-loop{grid-template-columns:repeat(2,1fr)}.about-platform-loop>div:nth-child(2):after{display:none}.about-platform-loop>div:nth-child(3),.about-platform-loop>div:nth-child(4){border-top:1px solid rgba(255,255,255,.14)} }
@media (max-width: 600px) { .about-platform-section{padding:75px 0 80px}.about-platform-section .split-heading>p{margin-top:21px}.about-platform-grid{grid-template-columns:1fr;gap:10px;margin-top:39px}.about-platform-grid article{min-height:0;padding:20px}.about-platform-icon{margin-top:25px}.about-platform-loop{grid-template-columns:1fr;gap:0;margin-top:39px}.about-platform-loop>div{min-height:0;padding:20px;border-top:1px solid rgba(255,255,255,.14)}.about-platform-loop>div:first-child{border-top:0}.about-platform-loop>div:not(:last-child):after{display:none}.about-platform-loop strong{margin-top:22px} }
.quote-form { --quote-accent:var(--blue); border:1px solid transparent; transition:border-color .25s, box-shadow .25s; }
.quote-form[data-service="pai"] { --quote-accent:var(--coral); }
.quote-form[data-service="fa"] { --quote-accent:var(--mint); }
.quote-form[data-service="ku"] { --quote-accent:var(--indigo); }
.quote-form[data-service] .form-header { color:var(--quote-accent); }
.quote-form[data-service] input:focus,
.quote-form[data-service] select:focus { border-color:var(--quote-accent); box-shadow:0 0 0 3px rgba(66,160,223,.12); }
.quote-form[data-service] .button-white { color:var(--quote-accent); }
.quote-dynamic-fields { display:grid; gap:0; }
.quote-service-carousel-nav { display:grid; grid-template-columns:28px 1fr 28px; align-items:center; gap:9px; margin:0 0 18px; }
.quote-service-arrow { display:grid; place-items:center; width:28px; height:28px; padding:0; border:1px solid #cbdce7; border-radius:50%; color:var(--quote-accent); background:#fff; cursor:pointer; font-size:15px; line-height:1; transition:color .2s, background .2s, border-color .2s, transform .2s; }
.quote-service-arrow:hover { color:#fff; border-color:var(--quote-accent); background:var(--quote-accent); transform:translateY(-1px); }
.quote-service-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; min-width:0; }
.quote-service-tab { display:flex; align-items:center; justify-content:center; gap:5px; min-width:0; padding:8px 4px; border:1px solid #e1eaf0; border-radius:6px; color:#8497a7; background:#fbfdff; cursor:pointer; transition:color .2s, background .2s, border-color .2s, transform .2s; }
.quote-service-tab span { color:#a3b2bd; font:8px 'DM Mono',monospace; }
.quote-service-tab b { overflow:hidden; font-size:10px; white-space:nowrap; text-overflow:ellipsis; }
.quote-service-tab:hover { border-color:#b8d0df; transform:translateY(-1px); }
.quote-service-tab.is-active { border-color:var(--quote-accent); color:var(--quote-accent); background:#f3f9fd; box-shadow:0 4px 12px rgba(23,73,106,.06); }
.quote-service-tab.is-active span { color:var(--quote-accent); }
.quote-service-select { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.quote-form .quote-field-group { display:flex; flex-direction:column; gap:9px; margin-top:16px; color:#75889b; font-size:10px; font-weight:700; }
.quote-select-shell { position:relative; width:100%; }
.quote-select-shell > select { position:absolute; z-index:-1; width:1px; height:1px; padding:0; opacity:0; pointer-events:none; }
.quote-select-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:45px; padding:13px 14px; border:1px solid var(--line); border-radius:6px; outline:0; color:var(--blue-ink); background:#fbfdff; cursor:pointer; text-align:left; font-size:12px; transition:border .2s, box-shadow .2s, background .2s; }
.quote-select-trigger:hover,.quote-select-trigger:focus-visible { border-color:var(--quote-accent); box-shadow:0 0 0 3px rgba(66,160,223,.12); }
.quote-select-trigger i { color:#678096; font-size:14px; font-style:normal; line-height:1; transition:transform .2s; }
.quote-select-shell.is-open .quote-select-trigger { border-color:var(--quote-accent); box-shadow:0 0 0 3px rgba(66,160,223,.12); background:#fff; }
.quote-select-shell.is-open .quote-select-trigger i { transform:rotate(180deg); }
.quote-select-menu { position:absolute; z-index:30; top:calc(100% + 6px); left:0; right:0; display:grid; gap:3px; padding:6px; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:0 16px 34px rgba(17,53,82,.16); }
.quote-select-menu[hidden] { display:none; }
.quote-select-option { display:flex; align-items:center; width:100%; padding:10px 11px; border:0; border-radius:7px; color:var(--blue-ink); background:#fff; cursor:pointer; text-align:left; font-size:12px; }
.quote-select-option:hover,.quote-select-option:focus-visible { outline:0; color:var(--quote-accent); background:#f2f8fc; }
.quote-select-option.is-selected { color:var(--quote-accent); background:#f3f9fd; font-weight:700; }
.quote-select-option span { pointer-events:none; }
#quote-dynamic-fields { transition:opacity .2s, transform .2s; }
.quote-form.is-switching #quote-dynamic-fields { opacity:.35; transform:translateY(4px); }
@media (max-width: 600px) { .quote-service-carousel-nav { grid-template-columns:25px 1fr 25px; gap:5px; margin-bottom:14px; }.quote-service-arrow { width:25px; height:25px; font-size:14px; }.quote-service-tab { gap:2px; padding:7px 2px; }.quote-service-tab span { display:none; }.quote-service-tab b { font-size:9px; } }
.service-tone-coral .capability-grid { grid-template-columns:repeat(4,1fr); }
@media (max-width: 900px) { .service-tone-coral .capability-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 600px) { .service-tone-coral .capability-grid { grid-template-columns:1fr; } }
.pai-hero-carousel { position:relative; width:100%; height:100%; min-height:0; overflow:hidden; border-radius:20px; background:#071c3d; }
.pai-hero-slides { position:absolute; inset:0; }
.pai-hero-slide { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity .55s ease,visibility .55s ease; }
.pai-hero-slide.is-active { z-index:1; opacity:1; visibility:visible; }
.pai-hero-slide:after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(3,19,52,.08) 35%,rgba(3,19,52,.78) 100%); pointer-events:none; }
.pai-hero-slide img { display:block; width:100%; height:100%; object-fit:cover; border-radius:0; }
.pai-hero-slide figcaption { position:absolute; z-index:2; left:24px; right:24px; bottom:54px; display:flex; align-items:flex-start; flex-direction:column; gap:5px; color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.35); }
.pai-hero-slide figcaption span { color:#a8d7ff; font:9px 'DM Mono',monospace; letter-spacing:.12em; }
.pai-hero-slide figcaption strong { font-size:clamp(18px,2vw,25px); line-height:1.2; letter-spacing:-.05em; }
.pai-hero-slide figcaption small { color:rgba(235,247,255,.82); font-size:10px; line-height:1.5; }
.pai-hero-controls { position:absolute; z-index:4; left:24px; right:24px; bottom:18px; display:flex; align-items:center; gap:9px; }
.pai-hero-control { display:grid; place-items:center; width:25px; height:25px; padding:0; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; background:rgba(3,19,52,.42); cursor:pointer; }
.pai-hero-control:hover { background:rgba(255,255,255,.22); }
.pai-hero-dots { display:flex; align-items:center; gap:5px; margin:0 auto; }
.pai-hero-dots button { width:6px; height:6px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.55); cursor:pointer; }
.pai-hero-dots button.is-active { width:20px; border-radius:99px; background:#fff; }
.detail-hero-art .pai-hero-carousel + .detail-art-label { top:22px; bottom:auto; left:24px; }
@media (max-width: 600px) { .pai-hero-slide figcaption { left:18px; right:18px; bottom:51px; }.pai-hero-slide figcaption strong { font-size:17px; }.pai-hero-slide figcaption small { font-size:9px; }.pai-hero-controls { left:18px; right:18px; bottom:16px; }.detail-hero-art .pai-hero-carousel + .detail-art-label { top:18px; left:18px; } }
.detail-hero { height:560px; min-height:560px; padding-top:35px; padding-bottom:45px; box-sizing:border-box; }
.detail-hero-copy { min-height:420px; display:flex; justify-content:center; flex-direction:column; }
.detail-hero-copy h1 { max-width:620px; font-size:clamp(38px,4.7vw,62px); line-height:1.08; }
.detail-hero-copy p { max-width:540px; font-size:13px; line-height:1.75; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
@media (max-width: 1040px) { .detail-hero { grid-template-columns:1fr; gap:34px; height:850px; min-height:850px; padding-top:36px; padding-bottom:64px; }.detail-hero-copy { height:330px; min-height:330px; }.detail-hero-copy h1 { max-width:760px; font-size:clamp(36px,5.5vw,52px); }.detail-hero-copy p { max-width:720px; }.detail-hero-art { width:100%; max-width:520px; height:390px; min-height:390px; justify-self:center; } }
@media (max-width: 600px) { .detail-hero { padding-top:32px; padding-bottom:52px; }.detail-hero-copy { height:auto; min-height:0; }.detail-hero-copy h1 { font-size:38px; }.detail-hero-copy p { font-size:12px; line-height:1.8; }.detail-hero-art { max-width:none; height:310px; min-height:310px; } }
.detail-art-label { display:none; }
.detail-breadcrumb { display:none; }
.detail-hero { align-items:start; padding-top:65px; padding-bottom:15px; }
.detail-hero-copy { height:460px; min-height:0; padding-top:60px; justify-content:flex-start; }
@media (max-width: 1040px) { .detail-hero { padding-top:52px; padding-bottom:48px; }.detail-hero-copy { height:330px; min-height:0; padding-top:0; justify-content:flex-start; } }
@media (max-width: 600px) { .detail-hero { padding-top:32px; padding-bottom:52px; }.detail-hero-copy { height:auto; padding-top:0; } }
/* Shared top rhythm for the homepage and primary navigation pages */
.hero-copy { padding-top:65px; }
.hero-image { top:65px; }
.static-hero, .consult-hero { padding-top:65px; padding-bottom:64px; }
.static-hero-grid, .consult-hero-grid { min-height:460px; }
@media (max-width: 900px) { .static-hero, .consult-hero { padding-top:52px; padding-bottom:64px; }.static-hero-grid, .consult-hero-grid { min-height:0; } }
@media (max-width: 700px) { .hero-copy { padding-top:61px; }.hero-image { top:8px; } }

/* Keep the homepage and service-detail hero frames aligned at the same viewport widths. */
@media (min-width: 981px) {
  .detail-hero { height:660px; min-height:660px; }
}
@media (min-width: 701px) and (max-width: 980px) {
  .hero, .hero-layout { min-height:850px; }
  .detail-hero { grid-template-columns:1fr; gap:34px; height:850px; min-height:850px; padding-top:36px; padding-bottom:64px; }
  .detail-hero-copy { height:330px; min-height:330px; padding-top:0; }
  .detail-hero-art { width:100%; max-width:520px; height:390px; min-height:390px; justify-self:center; }
}

/* Increase homepage system-access proof for clearer reading. */
.hero-proof { gap:16px; }
.hero-proof .avatars { padding-left:13px; }
.hero-proof .avatars span { width:45px; height:45px; margin-left:-13px; border-width:3px; font-size:15px; }
.hero-proof strong { font-size:18px; letter-spacing:-.04em; }
.hero-proof small { margin-top:6px; font-size:13px; }
@media (max-width: 700px) {
  .hero-proof { gap:14px; }
  .hero-proof .avatars { padding-left:10px; }
  .hero-proof .avatars span { width:35px; height:35px; margin-left:-10px; font-size:12px; }
  .hero-proof strong { font-size:15px; }
  .hero-proof small { font-size:11px; }
}

/* Slightly reduce the homepage title after adding the fourth line. */
.hero-copy h1 { font-size:clamp(48px,5.2vw,72px); }
@media (max-width: 700px) { .hero-copy h1 { font-size:43px; } }

/* Bring the enlarged system-access proof into the first visual frame. */
.hero-copy { padding-bottom:30px; }
.hero-proof { margin-top:34px; }

/* Use the four-system entry point in the homepage's primary action slot. */
.hero-system-cta {
  display:flex;
  align-items:center;
  gap:14px;
  width:min(100%,440px);
  min-width:0;
  padding:9px 14px 9px 10px;
  border:1px solid rgba(11,94,168,.18);
  border-radius:12px;
  color:var(--blue-ink);
  background:rgba(255,255,255,.84);
  box-shadow:0 12px 28px rgba(27,82,120,.1);
  text-decoration:none;
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
}
.hero-system-cta:hover {
  transform:translateY(-2px);
  border-color:rgba(11,94,168,.35);
  background:#fff;
  box-shadow:0 16px 32px rgba(27,82,120,.14);
}
.hero-system-cta .avatars { flex:none; display:flex; padding-left:13px; }
.hero-system-cta .avatars span {
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  margin-left:-13px;
  border:3px solid #f2f8fc;
  border-radius:50%;
  color:#fff;
  font-size:15px;
  font-weight:800;
}
.hero-system-cta .avatars span:nth-child(1){background:var(--blue)}
.hero-system-cta .avatars span:nth-child(2){background:var(--coral)}
.hero-system-cta .avatars span:nth-child(3){background:var(--mint)}
.hero-system-cta .avatars span:nth-child(4){background:var(--indigo)}
.hero-system-cta-copy { display:block; min-width:0; }
.hero-system-cta-copy strong,.hero-system-cta-copy small { display:block; }
.hero-system-cta-copy strong {
  color:var(--blue-ink);
  font-size:18px;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.hero-system-cta-copy small {
  margin-top:6px;
  color:#8798a8;
  font-size:13px;
  line-height:1.35;
  white-space:nowrap;
}
.hero-system-cta .button-icon { margin-left:auto; color:var(--blue); }
@media (max-width:700px) {
  .hero-system-cta { gap:10px; padding:8px 10px 8px 8px; }
  .hero-system-cta .avatars { padding-left:10px; }
  .hero-system-cta .avatars span {
    width:35px;
    height:35px;
    margin-left:-10px;
    border-width:2px;
    font-size:12px;
  }
  .hero-system-cta-copy strong { font-size:15px; }
  .hero-system-cta-copy small { margin-top:3px; font-size:11px; }
.hero-system-cta .button-icon { font-size:16px; }
}

/* Registration is a system entry point, not a generic contact link. */
.modal-link {
  border:0;
  padding:0;
  color:var(--blue);
  background:transparent;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.modal-link:hover { color:var(--blue-ink); }

/* Independent registration page */
.register-page {
  min-height:100vh;
  color:var(--blue-ink);
  background:
    radial-gradient(circle at 80% 10%, rgba(127,205,246,.18), transparent 28rem),
    #f4f9fc;
}
.register-page a { color:inherit; }
.register-header {
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(27,82,120,.12);
}
.register-header-inner {
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.register-brand-group,.register-header-actions { display:flex; align-items:center; }
.register-brand-group { gap:18px; }
.register-owner img { display:block; width:126px; height:auto; }
.register-brand-divider { width:1px; height:44px; background:#cad9e4; }
.register-brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.register-brand img { display:block; width:58px; height:58px; object-fit:contain; }
.register-brand span { color:#8197a8; font-size:12px; line-height:1.5; white-space:nowrap; }
.register-header-actions { gap:25px; }
.register-language { border:0; padding:8px 0; color:#8094a4; background:transparent; font:inherit; cursor:pointer; }
.register-language span:first-child { color:var(--blue); font-weight:800; }
.register-language i { display:inline-block; height:13px; width:1px; margin:0 8px; vertical-align:-2px; background:#b8c7d2; }
.register-login-link { color:var(--blue); font-size:14px; font-weight:800; text-decoration:none; }
.register-main { padding:72px 0 92px; }
.register-shell { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr); gap:58px; align-items:start; }
.register-intro { padding-top:34px; }
.register-intro h1 { max-width:570px; margin:26px 0 26px; font-size:clamp(42px,5vw,72px); line-height:1.09; letter-spacing:-.075em; }
.register-intro h1 em { color:var(--blue); font-style:normal; }
.register-intro > p { max-width:520px; margin:0; color:#6f8799; font-size:17px; line-height:1.9; }
.register-trust-grid { display:grid; grid-template-columns:repeat(3,1fr); max-width:530px; margin-top:42px; border-top:1px solid rgba(27,82,120,.15); border-bottom:1px solid rgba(27,82,120,.15); }
.register-trust-grid article { min-height:94px; display:flex; flex-direction:column; justify-content:center; gap:5px; border-right:1px solid rgba(27,82,120,.15); }
.register-trust-grid article:last-child { border-right:0; }
.register-trust-grid strong { color:var(--blue); font-size:30px; letter-spacing:-.05em; }
.register-trust-grid span { color:#8296a5; font-size:12px; }
.register-note { display:flex; max-width:510px; gap:12px; align-items:flex-start; margin-top:30px; padding:16px 18px; border:1px solid rgba(11,94,168,.15); border-radius:12px; background:rgba(255,255,255,.56); }
.register-note > span { color:var(--coral); font-size:20px; line-height:1; }
.register-note p { margin:0; color:#6f8799; font-size:13px; line-height:1.7; }
.register-card { padding:34px 36px 36px; border:1px solid rgba(27,82,120,.12); border-radius:24px; background:rgba(255,255,255,.96); box-shadow:0 22px 55px rgba(22,72,108,.12); }
.register-card-header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:26px; }
.register-card-kicker { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.16em; }
.register-card h2 { margin:8px 0 0; font-size:28px; letter-spacing:-.05em; }
.register-step { display:flex; align-items:center; gap:8px; color:#9aabba; font-size:12px; letter-spacing:.08em; }
.register-step i { width:26px; height:1px; background:#b7c8d4; }
.register-fieldset { min-width:0; margin:0; padding:22px 0 0; border:0; border-top:1px solid #e3ebf0; }
.register-fieldset + .register-fieldset { margin-top:24px; }
.register-fieldset legend { margin:0 0 13px; padding:0; color:#5c7890; font-size:13px; font-weight:800; }
.register-system-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.register-system-card { min-width:0; display:flex; align-items:center; gap:8px; padding:10px; border:1px solid #dbe6ed; border-radius:11px; color:var(--blue-ink); background:#fff; text-align:left; font:inherit; cursor:pointer; transition:border-color .2s,background .2s,transform .2s,box-shadow .2s; }
.register-system-card:hover { transform:translateY(-1px); border-color:#9ec8e6; }
.register-system-card.is-active { border-color:var(--blue); background:#f1f8fd; box-shadow:0 7px 18px rgba(11,94,168,.1); }
.register-system-card > span:nth-child(2) { min-width:0; display:block; }
.register-system-card b,.register-system-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.register-system-card b { font-size:13px; }
.register-system-card small { margin-top:4px; color:#8da0af; font-size:10px; }
.register-system-card i { display:grid; place-items:center; width:18px; height:18px; margin-left:auto; border:1px solid #cddbe5; border-radius:50%; color:transparent; font-size:11px; font-style:normal; flex:none; }
.register-system-card.is-active i { color:#fff; border-color:var(--blue); background:var(--blue); }
.register-system-card { cursor:default; }
.register-system-card:hover { transform:none; border-color:#dbe6ed; }
.register-system-card.is-active:hover { border-color:var(--blue); }
.register-system-mark { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; color:#fff; font-size:14px; font-weight:800; flex:none; }
.register-system-pin .register-system-mark { background:var(--blue); }
.register-system-pai .register-system-mark { background:var(--coral); }
.register-system-fa .register-system-mark { background:var(--mint); }
.register-system-ku .register-system-mark { background:var(--indigo); }
.register-context { min-height:20px; margin:10px 0 0; color:#7f95a5; font-size:12px; line-height:1.6; }
.register-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.register-field { min-width:0; display:flex; flex-direction:column; gap:7px; margin-top:14px; color:#5c7890; font-size:12px; font-weight:800; }
.register-field-full { grid-column:1 / -1; }
.register-field input,.register-field select,.register-field textarea { width:100%; box-sizing:border-box; border:1px solid #d7e3eb; border-radius:9px; padding:12px 13px; color:var(--blue-ink); background:#fbfdfe; font:inherit; font-size:14px; font-weight:500; outline:0; transition:border-color .2s,box-shadow .2s,background .2s; }
.register-field textarea { min-height:95px; resize:vertical; line-height:1.6; }
.register-field input:focus,.register-field select:focus,.register-field textarea:focus { border-color:var(--blue); background:#fff; box-shadow:0 0 0 3px rgba(11,94,168,.1); }
.register-field input.is-invalid,.register-field select.is-invalid,.register-field textarea.is-invalid,.register-agreement input.is-invalid { border-color:#ef6a5b; background:#fff8f7; }
.register-agreement { display:flex; align-items:flex-start; gap:9px; margin-top:22px; color:#8296a5; font-size:12px; line-height:1.6; cursor:pointer; }
.register-agreement input { width:16px; height:16px; margin:1px 0 0; accent-color:var(--blue); flex:none; }
.register-submit { width:100%; justify-content:center; margin-top:22px; }
.register-submit.is-loading { opacity:.65; cursor:wait; }
.register-status { min-height:21px; margin-top:12px; color:#7590a2; font-size:12px; line-height:1.6; text-align:center; }
.register-status.error { color:#d95549; }
.register-success { padding:36px 10px 10px; text-align:center; }
.register-success-icon { display:grid; place-items:center; width:60px; height:60px; margin:0 auto 21px; border-radius:50%; color:#fff; background:var(--mint); font-size:29px; font-weight:800; }
.register-success h2 { margin:10px 0 10px; font-size:30px; }
.register-success p { margin:0 auto; max-width:420px; color:#718a9b; line-height:1.8; }
.register-success-actions { display:flex; justify-content:center; gap:12px; margin-top:26px; }
.register-success-actions .button { min-width:150px; justify-content:center; }
.button-ghost { border:1px solid #bfd0dc; border-radius:9px; padding:0 22px; color:var(--blue) !important; background:#fff; font:inherit; font-weight:800; cursor:pointer; }
.register-footer { padding:20px 0; border-top:1px solid rgba(27,82,120,.11); color:#8ba0ae; font-size:11px; }
.register-footer .container { display:flex; justify-content:space-between; gap:20px; }
@media (max-width:900px) {
  .register-shell { grid-template-columns:1fr; gap:35px; }
  .register-intro { padding-top:0; }
  .register-intro h1 { max-width:700px; }
  .register-intro > p,.register-note { max-width:700px; }
}
@media (max-width:640px) {
  .register-header-inner { min-height:78px; gap:12px; }
  .register-brand-group { gap:9px; }
  .register-owner img { width:93px; }
  .register-brand-divider { height:32px; }
  .register-brand { gap:6px; }
  .register-brand img { width:43px; height:43px; }
  .register-brand span { display:none; }
  .register-header-actions { gap:11px; }
  .register-login-link { font-size:11px; }
  .register-language { font-size:11px; }
  .register-main { padding:42px 0 58px; }
  .register-intro h1 { margin:19px 0 18px; font-size:43px; }
  .register-intro > p { font-size:15px; }
  .register-trust-grid { margin-top:28px; }
  .register-card { padding:24px 18px 25px; border-radius:18px; }
  .register-card-header { margin-bottom:20px; }
  .register-card h2 { font-size:24px; }
  .register-system-grid { grid-template-columns:1fr 1fr; }
  .register-form-grid { grid-template-columns:1fr; }
  .register-field-full { grid-column:auto; }
  .register-success-actions { flex-direction:column; }
  .register-success-actions .button { width:100%; }
  .register-footer .container { flex-direction:column; gap:5px; }
}

/* Service network */
.network-hero { position:relative; overflow:hidden; padding:65px 0 78px; background:linear-gradient(135deg,#f5faff 0%,#edf6fc 55%,#e5f1fb 100%); }
.network-hero:after { content:''; position:absolute; width:680px; height:680px; right:-300px; top:-260px; border:1px solid rgba(11,94,168,.13); border-radius:50%; box-shadow:0 0 0 54px rgba(11,94,168,.025),0 0 0 108px rgba(11,94,168,.02); pointer-events:none; }
.network-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:64px; min-height:470px; }
.network-hero-copy h1 { max-width:520px; margin-top:22px; color:var(--blue-ink); font-size:clamp(48px,5vw,70px); line-height:1.14; letter-spacing:-.09em; }
.network-hero-copy h1 em { color:var(--blue); font-style:normal; }
.network-hero-copy p { max-width:500px; margin-top:26px; color:#718696; font-size:14px; line-height:1.95; }
.network-hero-copy .button { margin-top:30px; }
.network-hero-stats { display:grid; grid-template-columns:repeat(3,1fr); max-width:485px; margin-top:45px; border-top:1px solid #cbdfea; }
.network-hero-stats div { min-height:82px; padding:16px 15px 0 0; border-right:1px solid #cbdfea; }
.network-hero-stats div+div { padding-left:18px; }
.network-hero-stats div:last-child { border-right:0; }
.network-hero-stats strong { display:block; color:var(--blue); font:500 28px 'DM Mono',monospace; letter-spacing:-.08em; }
.network-hero-stats span { display:block; margin-top:7px; color:#8198a8; font-size:10px; line-height:1.5; }
.network-map-card { position:relative; height:470px; overflow:hidden; isolation:isolate; border-radius:27px; background:linear-gradient(145deg,#071d3c,#0a4b82); box-shadow:0 26px 55px rgba(17,74,117,.2); }
.network-map-grid { position:absolute; inset:0; opacity:.55; background-image:linear-gradient(rgba(135,209,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(135,209,255,.09) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 80%,transparent 100%); }
.network-map-glow { position:absolute; width:350px; height:350px; left:37%; top:23%; border-radius:50%; background:radial-gradient(circle,rgba(42,173,255,.23),transparent 67%); filter:blur(8px); }
.network-map-card:before,.network-map-card:after { content:''; position:absolute; z-index:-1; border:1px solid rgba(118,207,255,.18); border-radius:50%; transform:rotate(-15deg); }
.network-map-card:before { width:570px; height:230px; left:4%; top:25%; }
.network-map-card:after { width:500px; height:190px; left:15%; top:31%; border-style:dashed; opacity:.7; }
.network-map-route { position:absolute; z-index:1; height:2px; transform-origin:left center; background:linear-gradient(90deg,rgba(83,226,255,.15),#65dfff,rgba(83,226,255,.08)); box-shadow:0 0 12px rgba(65,207,255,.85); }
.network-route-cn-us { left:22%; top:31%; width:54%; transform:rotate(-7deg); }
.network-route-us-ca { left:70%; top:32%; width:22%; transform:rotate(57deg); }
.network-route-us-mx { left:46%; top:38%; width:33%; transform:rotate(27deg); }
.network-route-cn-mx { left:23%; top:32%; width:43%; transform:rotate(49deg); opacity:.7; }
.network-map-route:after { content:''; position:absolute; right:-3px; top:-3px; width:8px; height:8px; border-radius:50%; background:#89edff; box-shadow:0 0 0 5px rgba(82,218,255,.14),0 0 15px #64ddff; }
.network-map-core { position:absolute; z-index:3; left:50%; top:50%; display:grid; place-items:center; width:125px; height:125px; border:1px solid rgba(122,214,255,.55); border-radius:50%; color:#fff; background:radial-gradient(circle at 35% 28%,#1b78b9,#0b315c 67%); box-shadow:0 0 0 15px rgba(52,167,229,.11),0 0 0 31px rgba(52,167,229,.05),0 0 35px rgba(61,198,255,.45); transform:translate(-50%,-50%); text-align:center; }
.network-map-core:before { content:''; position:absolute; inset:12px; border:1px dashed rgba(134,226,255,.4); border-radius:50%; }
.network-map-core strong { position:relative; margin-top:1px; font:700 31px 'DM Mono',monospace; letter-spacing:-.15em; transform:translateX(-3px); }
.network-map-core span { position:relative; margin-top:-28px; color:#a4d8ee; font-size:9px; letter-spacing:.08em; }
.network-map-node { position:absolute; z-index:4; display:grid; grid-template-columns:26px minmax(0,1fr); column-gap:8px; align-items:center; min-width:132px; padding:9px 11px; border:1px solid rgba(125,214,255,.45); border-radius:9px; color:#e8f8ff; background:rgba(9,48,86,.78); backdrop-filter:blur(8px); box-shadow:0 11px 23px rgba(0,0,0,.16); }
.network-map-node i { grid-row:span 2; width:26px; height:26px; border:1px solid rgba(127,236,255,.8); border-radius:50%; background:radial-gradient(circle,#9ef4ff 0 18%,#0e81ba 21% 45%,transparent 48%); box-shadow:0 0 14px rgba(81,222,255,.8); }
.network-map-node b { font:700 12px 'DM Mono',monospace; letter-spacing:.06em; }
.network-map-node small { margin-top:2px; color:#9bc8df; font-size:9px; white-space:nowrap; }
.network-node-cn { left:6%; top:14%; }
.network-node-us { right:6%; top:12%; }
.network-node-ca { right:3%; bottom:13%; }
.network-node-mx { left:16%; bottom:9%; }
.network-map-legend { position:absolute; z-index:4; left:24px; bottom:22px; display:flex; gap:18px; padding:9px 12px; border:1px solid rgba(155,223,246,.22); border-radius:8px; color:#b5d8e9; background:rgba(5,33,66,.55); font-size:9px; }
.network-map-legend span { display:flex; align-items:center; gap:6px; }
.network-map-legend i { display:block; width:8px; height:8px; border-radius:50%; }
.network-legend-warehouse { background:#5ee7ff; box-shadow:0 0 8px #5ee7ff; }
.network-legend-store { background:#ff9d84; box-shadow:0 0 8px #ff9d84; }
.network-directory { padding-top:105px; }
.network-directory-notice { display:flex; align-items:center; gap:13px; margin-top:36px; padding:14px 17px; border:1px solid #d9e8f0; border-radius:10px; color:#7690a2; background:#f7fbfd; }
.network-directory-notice>span { display:grid; place-items:center; width:25px; height:25px; flex:none; border-radius:50%; color:#fff; background:var(--coral); font-size:12px; }
.network-directory-notice p { margin:0; font-size:11px; line-height:1.7; }
.network-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:34px; padding-bottom:18px; border-bottom:1px solid #dbe7ee; }
.network-toolbar-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; min-width:0; }
.network-filter-tabs { display:flex; gap:8px; }
.network-filter-tabs button { padding:11px 19px; border:1px solid #cbdde8; border-radius:7px; color:#6c8190; background:#fff; font:600 11px 'Noto Sans SC',sans-serif; cursor:pointer; transition:color .2s,background .2s,border-color .2s,transform .2s; }
.network-filter-tabs button:hover { transform:translateY(-2px); color:var(--blue); border-color:#94c0dc; }
.network-filter-tabs button.is-active { color:#fff; border-color:var(--blue); background:var(--blue); box-shadow:0 8px 18px rgba(11,94,168,.17); }
.network-country-filter { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.network-filter-label { margin-right:2px; color:#8ba0ae; font-size:10px; font-weight:700; }
.network-country-filter button { padding:8px 10px; border:1px solid #d4e2ea; border-radius:6px; color:#718696; background:#fff; font:600 10px 'Noto Sans SC',sans-serif; cursor:pointer; transition:color .2s,background .2s,border-color .2s,transform .2s; }
.network-country-filter button:hover { transform:translateY(-1px); color:var(--blue); border-color:#94c0dc; }
.network-country-filter button.is-active { color:var(--blue); border-color:#a8cae1; background:#edf7fc; box-shadow:0 5px 12px rgba(11,94,168,.08); }
.network-filter-summary { display:flex; align-items:baseline; gap:8px; color:#8ba0ae; font-size:10px; }
.network-filter-summary strong { color:var(--blue); font:500 24px 'DM Mono',monospace; }
.network-location-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:24px; }
.network-location-card { --network-accent:var(--blue); position:relative; min-height:328px; overflow:hidden; padding:23px 22px 19px; border:1px solid #dce8ef; border-top:3px solid var(--network-accent); border-radius:15px; background:#fff; box-shadow:0 9px 24px rgba(25,76,108,.045); transition:transform .2s,box-shadow .2s; }
.network-location-card:after { content:''; position:absolute; width:150px; height:150px; right:-72px; bottom:-75px; border:1px solid color-mix(in srgb,var(--network-accent) 18%,transparent); border-radius:50%; opacity:.8; }
.network-location-card:hover { transform:translateY(-5px); box-shadow:0 18px 34px rgba(24,77,109,.1); }
.network-card-blue { --network-accent:var(--blue); }.network-card-coral { --network-accent:var(--coral); }.network-card-mint { --network-accent:var(--mint); }.network-card-indigo { --network-accent:var(--indigo); }
.network-location-top { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#9aacb8; font:9px 'DM Mono',monospace; letter-spacing:.04em; }
.network-location-top b { display:flex; align-items:center; gap:5px; color:var(--network-accent); font:600 9px 'Noto Sans SC',sans-serif; white-space:nowrap; }
.network-location-top b i { width:6px; height:6px; border-radius:50%; background:var(--network-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--network-accent) 13%,transparent); }
.network-location-marker { display:grid; place-items:center; width:43px; height:43px; margin-top:25px; border-radius:12px; color:#fff; background:var(--network-accent); font-size:17px; font-weight:800; box-shadow:0 9px 17px color-mix(in srgb,var(--network-accent) 20%,transparent); }
.network-location-card h3 { margin-top:19px; color:var(--blue-ink); font-size:18px; letter-spacing:-.05em; }
.network-location-card>small { display:block; margin-top:6px; color:#8ba0ae; font:9px 'DM Mono',monospace; letter-spacing:.02em; }
.network-location-card p { min-height:57px; margin-top:18px; color:#718696; font-size:11px; line-height:1.8; }
.network-location-bottom { display:flex; align-items:center; justify-content:space-between; margin-top:18px; padding-top:13px; border-top:1px solid #e6eef3; color:var(--network-accent); font-size:10px; font-weight:700; }
.network-location-bottom b { font-size:17px; font-weight:500; }
.network-location-card[hidden] { display:none; }
.network-location-card[data-network-node] { cursor:pointer; }
.network-location-card[data-network-node]:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.network-empty { margin-top:24px; padding:28px; border:1px dashed #cbdde8; border-radius:12px; color:#7c91a0; background:#f8fbfd; text-align:center; font-size:12px; }
.network-coverage { background:var(--blue-dark); }
.network-coverage p { max-width:600px; margin-top:17px; color:#b8d6e8; font-size:12px; line-height:1.8; }

.network-detail-backdrop { position:fixed; inset:0; z-index:60; display:grid; place-items:center; padding:24px; background:rgba(5,29,52,.62); backdrop-filter:blur(8px); opacity:0; pointer-events:none; transition:opacity .25s; }
.network-detail-backdrop.open { opacity:1; pointer-events:auto; }
.network-detail-modal { position:relative; display:grid; grid-template-columns:minmax(290px,.88fr) minmax(0,1.12fr); width:min(960px,100%); max-height:min(720px,calc(100vh - 48px)); overflow:auto; border:1px solid rgba(255,255,255,.4); border-radius:20px; background:#fff; box-shadow:0 28px 90px rgba(0,0,0,.3); transform:translateY(15px); transition:transform .25s; }
.network-detail-backdrop.open .network-detail-modal { transform:translateY(0); }
.network-detail-close { position:absolute; z-index:2; top:13px; right:15px; width:34px; height:34px; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; background:rgba(8,39,70,.5); font-size:22px; line-height:1; cursor:pointer; }
.network-detail-media { position:relative; min-height:100%; overflow:hidden; background:#082b52; }
.network-detail-media:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,25,49,.02) 45%,rgba(3,25,49,.7)); pointer-events:none; }
.network-detail-media img { display:block; width:100%; height:100%; min-height:560px; object-fit:cover; }
.network-detail-media-badge { position:absolute; z-index:1; left:25px; bottom:22px; padding:8px 11px; border:1px solid rgba(255,255,255,.28); border-radius:6px; color:#fff; background:rgba(7,39,73,.58); font:9px 'DM Mono',monospace; letter-spacing:.08em; }
.network-detail-content { padding:38px 38px 32px; }
.network-detail-content h2 { margin-top:15px; color:var(--blue-ink); font-size:31px; letter-spacing:-.07em; }
.network-detail-description { margin-top:12px; color:#718696; font-size:12px; line-height:1.8; }
.network-detail-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:24px; }
.network-detail-facts>div { min-height:67px; padding:11px 12px; border:1px solid #e0ebf2; border-radius:9px; background:#f9fcfd; }
.network-detail-facts span,.network-detail-section-label { display:block; color:#8ba0ae; font:9px 'DM Mono','Noto Sans SC',sans-serif; letter-spacing:.04em; }
.network-detail-facts strong { display:block; margin-top:7px; color:var(--blue-ink); font-size:11px; line-height:1.55; }
.network-detail-services { margin-top:23px; padding-top:20px; border-top:1px solid #e4edf2; }
.network-detail-service-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; }
.network-detail-service-list span { padding:7px 9px; border-radius:6px; color:var(--blue); background:#edf7fc; font-size:10px; }
.network-detail-video { display:flex; align-items:center; justify-content:space-between; gap:17px; margin-top:22px; padding:14px; border:1px solid #dbe8ef; border-radius:10px; background:#f7fbfd; }
.network-detail-video strong { display:block; margin-top:7px; color:var(--blue-ink); font-size:12px; }
.network-detail-video p { max-width:310px; margin-top:6px; color:#8094a2; font-size:10px; line-height:1.6; }
.network-detail-video button { display:flex; align-items:center; gap:8px; flex:none; padding:10px 11px; border:1px solid #b9d3e2; border-radius:7px; color:var(--blue); background:#fff; font:700 10px 'Noto Sans SC',sans-serif; cursor:pointer; }
.network-detail-video button:hover { border-color:var(--blue); background:#eef8fd; }
.network-detail-video button b { font-size:14px; font-weight:500; }
@media (max-width: 600px) { .network-detail-backdrop { padding:12px; }.network-detail-modal { display:block; max-height:calc(100vh - 24px); border-radius:16px; }.network-detail-media { height:220px; min-height:0; }.network-detail-media img { min-height:220px; }.network-detail-media-badge { left:15px; bottom:14px; }.network-detail-content { padding:26px 18px 20px; }.network-detail-content h2 { font-size:25px; }.network-detail-facts { gap:7px; }.network-detail-facts>div { min-height:62px; padding:9px; }.network-detail-facts strong { font-size:10px; }.network-detail-video { align-items:flex-start; flex-direction:column; }.network-detail-video button { width:100%; justify-content:center; } }

@media (max-width: 1180px) and (min-width: 701px) { .main-nav { gap:16px; margin-left:16px; }.main-nav a { font-size:12px; } }
@media (max-width: 980px) and (min-width: 701px) { .main-nav { position:absolute; display:none; top:78px; left:0; right:0; height:auto; margin:0; padding:9px 21px 17px; flex-direction:column; align-items:stretch; gap:0; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 15px 25px rgba(21,61,99,.08); }.main-nav.open { display:flex; }.main-nav a { height:42px; font-size:13px; }.main-nav a:after { display:none; }.menu-toggle { display:block; } }
@media (max-width: 1050px) { .network-hero-grid { gap:34px; }.network-location-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 900px) { .network-hero { padding:70px 0 80px; }.network-hero-grid { grid-template-columns:1fr; gap:42px; }.network-hero-copy h1 { max-width:650px; }.network-hero-copy p { max-width:650px; }.network-map-card { height:420px; }.network-directory { padding-top:80px; } }
@media (max-width: 600px) { .network-hero { padding:52px 0 63px; }.network-hero-copy h1 { font-size:43px; }.network-hero-copy p { font-size:12px; line-height:1.85; }.network-hero-stats { margin-top:36px; }.network-hero-stats strong { font-size:23px; }.network-hero-stats span { font-size:9px; }.network-map-card { height:330px; border-radius:20px; }.network-map-grid { background-size:30px 30px; }.network-map-core { width:82px; height:82px; }.network-map-core strong { font-size:22px; }.network-map-core span { margin-top:-18px; font-size:7px; }.network-map-node { min-width:99px; grid-template-columns:20px minmax(0,1fr); column-gap:5px; padding:7px; border-radius:7px; }.network-map-node i { width:20px; height:20px; }.network-map-node b { font-size:9px; }.network-map-node small { font-size:7px; }.network-node-cn { left:4%; top:12%; }.network-node-us { right:3%; top:10%; }.network-node-ca { right:1%; bottom:14%; }.network-node-mx { left:7%; bottom:8%; }.network-map-legend { left:11px; bottom:13px; gap:8px; padding:7px; font-size:7px; }.network-directory-notice { align-items:flex-start; padding:12px; }.network-directory-notice p { font-size:10px; }.network-toolbar { display:block; margin-top:27px; }.network-toolbar-controls { display:block; }.network-filter-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.network-filter-tabs button { padding:10px 5px; font-size:10px; }.network-country-filter { margin-top:9px; gap:5px; }.network-country-filter button { flex:1 1 calc(20% - 5px); padding:9px 4px; }.network-filter-summary { margin-top:15px; }.network-location-grid { grid-template-columns:1fr; gap:10px; }.network-location-card { min-height:0; padding:19px; }.network-location-card p { min-height:0; }.network-location-bottom { margin-top:17px; }.network-coverage p { font-size:11px; } }

/* Keep consultation chat actions visually consistent with text links. */
button.underlined-link[data-open-chat] { appearance:none; background:transparent; border-top:0; border-right:0; border-left:0; padding-top:0; padding-left:0; padding-right:0; cursor:pointer; font-family:inherit; }
.fa-warehouse-select { display:block; width:100%; padding:0; border:0; background:none; color:inherit; text-align:left; cursor:pointer; font:inherit; }
.fa-warehouse-attributes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0; }
.fa-warehouse-attributes div { min-width:0; }
.fa-warehouse-attributes dt { font-size:11px; color:#718696; }
.fa-warehouse-attributes dd { margin:5px 0 0; font-size:13px; color:var(--blue-ink); overflow-wrap:anywhere; }
.fa-view-warehouse { margin-top:12px; }
.fa-warehouse-dialog { width:min(720px,calc(100% - 32px)); max-height:85vh; overflow:auto; box-sizing:border-box; padding:32px; border:1px solid #dfebf2; border-radius:20px; color:var(--blue-ink); }
.fa-warehouse-dialog::backdrop { background:rgba(5,29,52,.56); }
.fa-warehouse-dialog h2 { margin:16px 0; }
.fa-warehouse-dialog p { color:#718696; font-size:13px; }
@media(max-width:600px) { .fa-warehouse-dialog { padding:24px 18px; } .fa-warehouse-attributes { grid-template-columns:1fr; } }
.quote-consent{display:flex!important;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7}.quote-consent input{width:16px!important;min-width:16px;height:16px;margin-top:4px}.quote-consent a{text-decoration:underline}#form-status[role="alert"]{color:#ffcfb8}section[hidden]{display:none!important}

.chat-message p { white-space: pre-wrap; }
.chat-input button:disabled { opacity: .55; cursor: wait; }

.contact-section{scroll-margin-top:110px}.contact-details{display:grid;grid-template-columns:100px 1fr;gap:16px;margin:28px 0}.contact-details dd{margin:0;overflow-wrap:anywhere}.contact-details a{color:#0b5ea8}

.footer-contact{display:flex;flex-wrap:wrap;gap:10px 28px;padding-bottom:26px;line-height:1.8;font-size:13px;scroll-margin-top:110px;overflow-wrap:anywhere}.footer-contact strong{flex-basis:100%;color:#fff}.footer-contact a{color:inherit}.footer-contact a:hover{text-decoration:underline;color:#fff}@media(max-width:700px){.footer-contact{display:block}.footer-contact>div{margin-top:8px}}

.footer-note .footer-email{display:block;width:auto;margin-top:16px;color:#a7c5dc;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.footer-note .footer-email:hover{color:#fff;text-decoration:underline}

.footer-copyright{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.footer-company{font-family:inherit;font-weight:400;color:inherit}

.footer-bottom{align-items:center;gap:16px;flex-wrap:wrap}.footer-bottom>.footer-company{margin-left:auto;text-align:right;justify-content:flex-end}@media(max-width:700px){.footer-bottom>.footer-company{display:block;margin-top:8px;text-align:right}}

.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}.footer-bottom>.footer-policies{grid-column:2;grid-row:1;display:flex;justify-content:center;gap:18px}.footer-bottom>.footer-company{grid-column:3;grid-row:1;justify-self:end;margin-left:0}.footer-bottom>span:not(.footer-company):not(.footer-policies){grid-column:1}.footer-bottom>span:first-child{grid-row:1}@media(max-width:700px){.footer-bottom{grid-template-columns:1fr;text-align:center}.footer-bottom>span,.footer-bottom>.footer-company,.footer-bottom>.footer-policies{grid-column:1;grid-row:auto;justify-self:center;text-align:center;margin:0}}

.footer-note .footer-partnership{display:inline-flex;align-items:center;gap:12px;width:auto;margin-top:22px;padding:10px 14px;color:#c9e6fa;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:7px;font-size:12px}.footer-note .footer-partnership:hover,.footer-note .footer-partnership:focus-visible{color:#fff;background:rgba(255,255,255,.16)}

.registration-modal{max-height:88vh;overflow-y:auto}.registration-modal>p{font-size:13px;line-height:1.8;color:#617b94}.registration-modal form>label{display:block;margin-top:12px;font-size:13px}.registration-modal input:not([type=checkbox]),.registration-modal select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #c6d9ec;border-radius:7px;font:inherit}.registration-modal .registration-consent{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;font-size:12px}.registration-status{font-size:13px;line-height:1.8;margin:14px 0;color:#0b5ea8;overflow-wrap:anywhere}.registration-back{display:block;margin:16px auto 0;border:0;background:none;color:#0b5ea8;cursor:pointer}

.registration-systems{border:0;padding:0;margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.registration-systems legend{font-size:13px;margin-bottom:8px}.registration-systems label{display:flex;align-items:center;gap:10px;border:1px solid #c6d9ec;border-radius:7px;padding:11px;font-size:14px;cursor:pointer}.registration-systems label:has(input:checked){border-color:#0b5ea8;background:#edf6ff;color:#0b5ea8}.registration-systems input{accent-color:#0b5ea8;width:16px;height:16px}
/* Always-visible service explanations, separate from operational data boards. */
.service-showcase{--showcase-accent:#0b63ac;--showcase-soft:#e7f2fc;padding:94px 0 76px;background:#fff}.showcase-fa{--showcase-accent:#208d79;--showcase-soft:#eaf7f2;background:#f7fbfa}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:42px}.showcase-heading>div:first-child{max-width:760px}.showcase-heading h2{font-size:clamp(30px,3.7vw,46px);line-height:1.3;letter-spacing:-.04em;margin:22px 0 18px;color:#102e4c}.showcase-heading h2 em{font-style:normal;color:var(--showcase-accent)}.showcase-heading p{font-size:14px;line-height:1.9;color:#6d8396;max-width:680px}.showcase-service-stamp{flex-shrink:0;width:175px;border:1px solid #d1e4ef;background:var(--showcase-soft);border-radius:18px;padding:24px}.showcase-service-stamp strong{font-size:48px;letter-spacing:-.05em;color:var(--showcase-accent)}.showcase-service-stamp span{display:block;font-size:10px;margin-top:10px;color:#526e85}.showcase-board{display:grid;grid-template-columns:1.12fr 1fr;gap:22px}.showcase-diagram{padding:28px;background:var(--showcase-soft);border:1px solid #d8e7ef;border-radius:20px;overflow:hidden}.showcase-diagram-kicker{font-size:10px;color:#627e94;letter-spacing:.1em}.showcase-cargo-sources{display:flex;justify-content:space-around;padding:28px 0 0;text-align:center}.showcase-cargo-sources span{font-size:12px;color:#506e88;display:block;margin-top:10px}.showcase-pallet{display:flex;align-items:flex-end;gap:4px;height:58px;border-bottom:5px solid #9daeb8;padding-bottom:4px}.showcase-pallet i{width:28px;height:32px;background:#1776bc;border-radius:4px;border:1px solid #fff7;box-shadow:inset 0 -8px #0001}.showcase-pallet i:nth-child(2){height:46px}.pallet-1 i{background:#43b69d}.pallet-2 i{background:#f4aa61}.showcase-merge{text-align:center;padding:15px 0 12px;font-size:26px;letter-spacing:16px;color:#87adc5}.showcase-container{display:flex;gap:18px;align-items:center;border:3px solid #0c5591;padding:15px;border-radius:9px;background:#0b3d69;box-shadow:8px 10px 0 #aacde04d}.showcase-container>div{flex:1;display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.showcase-container i{height:36px;border:1px solid #fff5;border-radius:3px;background:#3594d0}.showcase-container .cargo-1{background:#43b69d}.showcase-container .cargo-2{background:#f4aa61}.showcase-container b{writing-mode:vertical-rl;color:#fff;font-size:20px;letter-spacing:4px}.showcase-diagram-label{font-size:12px;color:#416985;text-align:center;margin:19px 0 25px}.showcase-route{display:flex;align-items:center;justify-content:space-between;gap:7px}.showcase-route span{background:white;padding:12px 10px;border:1px solid #cee0ee;border-radius:8px;font-size:11px;text-align:center}.showcase-route i{font-style:normal;color:var(--showcase-accent)}.showcase-explainer{background:#0b355b;border-radius:20px;padding:25px 28px;color:white;display:flex;flex-direction:column}.showcase-step-list{display:grid;gap:6px}.showcase-step{display:flex;align-items:center;gap:16px;width:100%;padding:17px 12px;background:transparent;border:1px solid transparent;border-bottom-color:#ffffff20;color:#b9d0e2;text-align:left;cursor:pointer;border-radius:9px;font:inherit}.showcase-step>span{font:12px monospace;color:#87b1ce}.showcase-step>b{flex:1;font-size:14px;line-height:1.6}.showcase-step i{font-style:normal}.showcase-step.is-active{background:#ffffff14;border-color:#8abede80;color:white}.showcase-step:focus-visible{outline:2px solid #8ed5ff;outline-offset:2px}.showcase-copy{margin-top:28px;min-height:165px;padding:0 12px}.showcase-copy [hidden]{display:none!important}.showcase-copy h3{color:white;font-size:21px;line-height:1.5;margin-bottom:12px}.showcase-copy p{color:#bdd2e3;line-height:1.9;font-size:13px}.showcase-tags{display:block;margin-top:17px;font-size:10px;color:#8bc6e5;line-height:1.8}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.showcase-bottom p{font-size:11px;color:#7e92a5;line-height:1.7}.showcase-bottom a{font-size:12px;white-space:nowrap;color:var(--showcase-accent)}.showcase-warehouse-title{display:flex;flex-direction:column;gap:10px;margin:25px 0 22px}.showcase-warehouse-title b{font:11px monospace;color:var(--showcase-accent);letter-spacing:.05em}.showcase-warehouse-title span{font-size:18px;font-weight:700;color:#1c4e4b}.showcase-warehouse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.showcase-warehouse-grid>div{padding:12px 8px;background:#fff;border:1px solid #c4e4d9;border-radius:9px}.showcase-warehouse-grid>div>span{font:11px monospace;color:#59968a}.showcase-warehouse-grid b{font-size:11px;color:#226451;display:block;text-align:center;margin-top:12px}.showcase-shelves{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:10px 0;border-bottom:3px solid #78b7a2;margin-top:12px}.showcase-shelves i{height:24px;background:#56b69b;box-shadow:inset 0 -6px #0001;border-radius:3px}.showcase-warehouse-grid>div:nth-child(even) .showcase-shelves i{background:#85b7d7}.showcase-protection{display:flex;align-items:center;gap:12px;margin-top:24px;border:1px solid #c7e2d7;border-radius:10px;padding:16px 12px;background:#fff}.showcase-protection span{flex:1;font-size:11px;color:#426f63;line-height:1.8}.showcase-protection b{font-size:25px;color:#2e9e86}@media(max-width:900px){.showcase-board{grid-template-columns:1fr}.showcase-heading{gap:22px}.service-showcase{padding:64px 0}.showcase-copy{min-height:130px}.showcase-diagram{padding:24px}.showcase-cargo-sources{padding-top:18px}.showcase-consolidation{max-width:620px;margin:auto}}@media(max-width:600px){.showcase-heading{display:block}.showcase-service-stamp{display:none}.showcase-heading h2{font-size:31px}.showcase-heading p{font-size:12px}.showcase-diagram,.showcase-explainer{padding:20px 16px}.showcase-container{padding:12px;gap:10px}.showcase-container>div{gap:3px;grid-template-columns:repeat(6,1fr)}.showcase-container i{height:26px}.showcase-route span{font-size:10px;padding:10px 6px}.showcase-step>b{font-size:13px}.showcase-step{gap:12px}.showcase-bottom{align-items:flex-start;flex-direction:column}.showcase-warehouse-grid{grid-template-columns:repeat(2,1fr)}.showcase-protection{flex-wrap:wrap}.showcase-copy{padding:0;min-height:175px}}

/* Service-specific capability illustrations and copy. */
.capability-subtitle{margin-top:24px;color:var(--detail-accent);font-size:14px;font-weight:600}
.capability-illustrated{margin-top:30px}
.capability-illustrated article{padding:12px;min-height:0;overflow:hidden}
.capability-art{border-radius:10px;overflow:hidden;background:var(--detail-soft)}
.capability-art img{display:block;width:100%;height:auto;aspect-ratio:48/17;object-fit:contain}
.capability-body{padding:22px 12px 14px}
.capability-illustrated h3{margin:0;padding-right:22px;font-size:19px;line-height:1.5;letter-spacing:-.02em}
.capability-illustrated p{font-size:13px;line-height:1.9;margin-top:15px}
.capability-illustrated .capability-stages{padding-top:16px;margin-top:22px;border-top:1px solid #e4ecf2;color:var(--detail-accent);font-size:11px;font-weight:600}
.service-tone-coral .capability-illustrated{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.capability-illustrated{grid-template-columns:1fr}.capability-illustrated article{display:grid;grid-template-columns:minmax(180px,32%) 1fr;align-items:center}.capability-body{padding:16px 20px}.service-tone-coral .capability-illustrated{grid-template-columns:1fr}}
@media(max-width:600px){.capability-illustrated article{display:block}.capability-body{padding:20px 10px 12px}.capability-subtitle{font-size:12px}.capability-illustrated h3{font-size:19px}}

/* Illustrated workflows: four sequential cards, stacked on small screens. */
.process-illustrated{gap:18px;align-items:stretch}
.process-illustrated .process-step{min-width:0;min-height:0;background:#fff;border:1px solid var(--detail-line);border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(23,60,88,.035)}
.process-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.process-illustrated .process-index{color:var(--detail-accent);font-size:11px;letter-spacing:.1em}
.process-direction{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--detail-soft);color:var(--detail-accent);font-size:17px}
.process-art{overflow:hidden;border-radius:12px}
.process-art img{display:block;width:100%;height:auto;aspect-ratio:18/11;object-fit:contain}
.process-step-copy{padding:4px 4px 8px}
.process-illustrated h3{font-size:17px;line-height:1.6;margin-top:18px}
.process-illustrated p{font-size:13px;line-height:1.85;max-width:none;margin-top:10px}
@media(max-width:1000px){.process-illustrated{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.process-illustrated{grid-template-columns:1fr;gap:24px;margin-top:30px}.process-illustrated .process-step{padding:16px}.process-illustrated .process-step:not(:last-child)::after{content:'↓';position:absolute;bottom:-24px;left:calc(50% - 10px);width:20px;height:24px;text-align:center;color:var(--detail-accent)}.process-illustrated .process-step:not(:last-child) .process-direction{transform:rotate(90deg)}.process-art img{max-height:190px}.process-illustrated h3{font-size:18px}.process-illustrated p{font-size:13px}}

/* Keep homepage anchors clear of the sticky header and cards inside their backgrounds. */
#home, #services, #quote, #advantage, #portal, #ecosystem, #about { scroll-margin-top:100px; }
.quote-layout { padding-block:64px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.quote-layout > * { min-width:0; }
.quote-form .quote-consent { flex-direction:row; }
.quote-consent > span { min-width:0; }
/* Registration is a secondary action shared by the system-entry dialogs. */
.modal-help { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; }
#login-mode-toggle { appearance:none; display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:7px 14px; border:1px solid #c6ddf0; border-radius:8px; background:#edf6fd; color:#0b5ea8; font:inherit; font-size:13px; font-weight:600; line-height:1.4; text-decoration:none; cursor:pointer; transition:background .18s,border-color .18s,color .18s; }
#login-mode-toggle:hover { background:#deeffc; border-color:#8ebce0; color:#084b87; }
#login-mode-toggle:active { background:#cfe6f8; }
#login-mode-toggle:focus-visible { outline:2px solid #0b5ea8; outline-offset:3px; }
.home-inset-section { width:min(1180px, calc(100% - 72px)); margin-inline:auto; border-radius:24px; }
.home-inset-section > .container { width:100%; padding-inline:48px; }
.home-inset-section.advantage-section { margin-top:64px; }
.home-inset-section .quote-layout { gap:48px; }
.home-inset-section .ecosystem-layout { grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr); gap:32px; }
.home-inset-section .partner-orbit { max-width:100%; }
@media (max-width:1100px) {
  .home-inset-section .ecosystem-layout { grid-template-columns:1fr 1fr; }
  .home-inset-section .partner-orbit { grid-column:1 / -1; margin:35px auto 0; }
}
@media (max-width:980px) {
  .home-inset-section { width:min(760px, calc(100% - 42px)); }
  .home-inset-section > .container { padding-inline:32px; }
  .home-inset-section .quote-layout { grid-template-columns:minmax(0,1fr); gap:36px; }
  .home-inset-section .quote-intro p { max-width:100%; }
}
@media (max-width:700px) {
  .home-inset-section { width:calc(100% - 34px); border-radius:20px; }
  .home-inset-section > .container { padding-inline:24px; }
  .home-inset-section .quote-layout { padding-block:40px; }
  .home-inset-section.ecosystem-section { padding-block:48px 64px; }
  .home-inset-section .quote-intro h2 { font-size:clamp(28px,7.7vw,42px); }
  .home-inset-section .partner-orbit { margin-top:60px; }
}
@media (min-width:701px) and (max-width:980px) {
  .quote-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:28px; }
  .quote-form { padding:24px; }
  .quote-service-tab { flex-direction:column; gap:3px; }
}
@media (max-width:700px) {
  .quote-layout { grid-template-columns:minmax(0,1fr); padding-block:64px; }
}