@charset "UTF-8";
:root{--midnight:#0B0F1A;--violet:#7C3AED;--blue:#3B82F6;--cyan:#06B6D4;--white:#F8FAFC;--slate:#475569;--ink:#070b14;--surface:#0d1423;--surface-2:#111b2e;--line:rgba(117,145,200,.18);--line-bright:rgba(95,147,255,.34);--muted:#a6b5ce;--gradient:linear-gradient(110deg,#7C3AED 0%,#3B82F6 100%);--cta-gradient:linear-gradient(110deg,#7C3AED 0%,#2563EB 100%);--container:1320px;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:#7c3aed;color:#fff}:focus-visible{outline:2px solid #70caff;outline-offset:4px}.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.icon{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.skip-link{position:fixed;z-index:1000;top:-100px;left:16px;background:#fff;color:#07101d;padding:10px 16px;border-radius:8px}.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:100;padding:12px 0;background:transparent;border:0}.site-header.scrolled{background:transparent;border:0;box-shadow:none}.header-inner{position:relative;height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-inline:22px;border:1px solid rgba(128,160,220,.25);border-radius:20px;background:linear-gradient(115deg,rgba(17,26,46,.93),rgba(10,18,33,.94));backdrop-filter:blur(14px) saturate(110%);-webkit-backdrop-filter:blur(14px) saturate(110%);box-shadow:0 10px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(190,212,255,.035);transition:background .25s,border-color .25s,box-shadow .25s}.brand{display:inline-flex;align-items:center;width:184px;flex:none}.brand img{width:100%;height:auto}.primary-nav{display:flex;align-items:center;gap:28px;font-size:.9375rem;font-weight:600}.primary-nav>a:not(.nav-cta){color:#c8d3e5;transition:color .2s;position:relative;padding:14px 0}.primary-nav>a:not(.nav-cta):hover,.primary-nav>a.active{color:#fff}.primary-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;border-radius:3px;background:var(--gradient)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;flex-shrink:0;white-space:nowrap;font-weight:700;line-height:1.35;text-align:center;vertical-align:middle;transition:transform .2s,box-shadow .25s,border-color .25s,background .25s}.nav-cta{margin-left:8px;min-height:46px;padding:12px 18px;border:1px solid rgba(151,139,255,.2);border-radius:10px;background:var(--cta-gradient);box-shadow:0 5px 26px rgba(72,72,236,.3);color:#fff}.nav-cta:hover,.button:hover{transform:translateY(-2px)}.nav-cta .icon,.button .icon{width:18px;height:18px;flex:none}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:0;padding:64px 0 80px;background:radial-gradient(ellipse 48% 62% at 81% 39%,rgba(29,67,166,.24),transparent 78%),radial-gradient(ellipse 55% 53% at 54% 95%,rgba(87,34,175,.18),transparent 78%),#070b14}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(68,113,185,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(68,113,185,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 22%,#000 100%)}.hero-aura{position:absolute;z-index:-1;width:850px;height:700px;right:-7%;top:-12%;background:radial-gradient(circle,rgba(39,91,236,.17),transparent 66%);pointer-events:none}.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#233d80 44%,#5b2db9 75%,transparent)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:48px}.hero-copy{position:relative;z-index:5;min-width:0;padding:12px 0}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;letter-spacing:.13em;text-transform:uppercase;color:#8abefb;font-size:.71875rem;font-weight:750;line-height:1.5}.eyebrow{border:1px solid rgba(90,126,235,.46);background:rgba(23,38,84,.4);padding:8px 12px;border-radius:100px;max-width:100%;white-space:normal}.eyebrow-dot{display:inline-block;flex:none;width:5px;height:5px;border-radius:50%;background:#59caff;box-shadow:0 0 9px rgba(72,204,250,.65)}.eyebrow-separator{color:#6d76ae;margin-inline:1px}.hero h1{font-size:clamp(2.75rem,3.65vw,3.75rem);line-height:1.1;letter-spacing:-.055em;margin:26px 0 24px;max-width:100%;font-weight:800;text-wrap:balance}.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lede{font-size:1.09375rem;line-height:1.75;color:#b8c5da;max-width:580px;margin:0}.hero-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:30px}.button{padding:15px 22px;border:1px solid transparent;border-radius:11px;min-height:52px;font-size:.9375rem}.button-primary{background:var(--cta-gradient);color:#fff;border-color:rgba(150,140,255,.26);box-shadow:0 9px 30px rgba(76,65,225,.3),inset 0 1px 0 rgba(255,255,255,.1)}.button-primary:hover{box-shadow:0 13px 36px rgba(76,65,225,.44),inset 0 1px 0 rgba(255,255,255,.12)}.button-outline{color:#f4f8ff;border-color:rgba(104,154,235,.6);background:linear-gradient(135deg,rgba(31,36,73,.55),rgba(10,23,43,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.button-outline:hover{border-color:#81b9ff;background:linear-gradient(135deg,rgba(61,43,112,.45),rgba(21,51,89,.65));box-shadow:0 5px 22px rgba(43,89,180,.15)}.capability-list{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:36px 0 0;padding:0;list-style:none}.capability-list li{display:flex;align-items:center;gap:9px;color:#c7d3e5;font-size:.8125rem;line-height:1.45;font-weight:600}.capability-list li+li{border-left:1px solid rgba(102,130,175,.28);padding-left:18px}.capability-mark{color:#15bdf5}.capability-mark .icon{width:25px;height:25px;stroke-width:1.6}
.hero-visual{height:600px;position:relative;min-width:0}.hero-visual:before{content:"";position:absolute;inset:60px -28px 28px 0;background:radial-gradient(ellipse at center,rgba(70,41,195,.28),transparent 68%);pointer-events:none}.orbit{position:absolute;border:1px solid transparent;border-left-color:rgba(31,179,255,.48);border-bottom-color:rgba(87,57,229,.55);border-radius:50%;transform:rotate(-16deg);pointer-events:none}.orbit-one{width:100%;height:320px;top:170px;left:1%;box-shadow:0 0 40px rgba(19,130,255,.08)}.orbit-two{width:88%;height:248px;top:210px;left:8%;transform:rotate(12deg);border-right-color:rgba(68,128,255,.3);border-top-color:rgba(112,66,244,.38)}.editor-shell{position:absolute;z-index:2;top:100px;left:3%;right:0;height:398px;display:flex;flex-direction:column;background:#0a1326;border:1px solid rgba(84,135,255,.7);border-radius:17px;box-shadow:0 0 0 5px rgba(31,88,223,.055),0 24px 60px rgba(0,0,0,.48),-16px -8px 42px rgba(116,48,225,.17),10px 8px 36px rgba(0,118,255,.2);transform:perspective(1400px) rotateY(-7deg) rotateX(4deg) rotateZ(-1.8deg);transform-origin:50% 50%;overflow:hidden}.editor-top{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,#111a32,#0e1d36);border-bottom:1px solid rgba(112,142,189,.2);font-size:.75rem;color:#aebed7}.editor-dots{display:flex;gap:5px}.editor-dots i{width:7px;height:7px;border-radius:50%;background:#394966}.editor-dots i:first-child{background:#7c3aed}.editor-dots i:nth-child(2){background:#3182eb}.editor-dots i:last-child{background:#0ab9d4}.editor-project{display:flex;align-items:center;gap:5px;color:#e6efff;font-weight:700}.editor-project img{width:20px;height:auto}.editor-status{display:flex;align-items:center;gap:6px;font-size:.625rem;letter-spacing:.06em}.editor-status span,.foot-light{width:6px;height:6px;background:#25d3b5;border-radius:50%;box-shadow:0 0 9px #25d3b5}.editor-body{flex:1;min-height:0;display:flex}.editor-rail{display:flex;flex-direction:column;align-items:center;gap:25px;padding:20px 13px;background:#0a1221;color:#7187aa;border-right:1px solid rgba(117,145,200,.12)}.editor-rail .rail-active{color:#4dbafa}.editor-main{flex:1;min-width:0;display:flex;flex-direction:column}.editor-tabs{height:36px;flex:none;display:flex;align-items:center;gap:0;background:#0d172a;color:#95a8c6;font-size:.71875rem}.editor-tabs span{padding:10px 13px}.editor-tabs .tab-active{background:#111e36;color:#bde6ff;border-top:2px solid #548cf5;padding-top:8px}.editor-tabs .tab-meta{margin-left:auto;color:#60b6eb}.code-window{flex:1;min-height:0;padding:14px 10px;background:linear-gradient(100deg,#0a1528,#0d1c36)}.code-row{display:flex;gap:15px;line-height:1.85;white-space:nowrap;font-family:Consolas,"SFMono-Regular",ui-monospace,monospace;font-size:clamp(.72rem,.95vw,.84375rem);color:#c4dcff}.code-row>span{width:20px;flex:none;text-align:right;color:#7088ae;user-select:none}.code-row code{font:inherit}.code-purple{color:#c689ff;font-weight:500}.code-blue{color:#6bbcff;font-weight:500}.code-green{color:#a6e788;font-weight:500}.code-caret{display:inline-block;height:1.12em;width:2px;background:#76c6ff;vertical-align:-.2em;margin-left:2px;animation:blink .8s steps(1,end) infinite}.editor-bottom{height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-top:1px solid rgba(117,145,200,.15);color:#9db3d2;font-size:.625rem;white-space:nowrap}.terminal-prompt{color:#42d2f3}.editor-foot{height:36px;flex:none;background:linear-gradient(90deg,#101a2e,#14213a);border-top:1px solid rgba(59,123,213,.55);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#a1b7d6;font-size:.625rem;letter-spacing:.08em;font-weight:600}.editor-foot>div:first-child{display:flex;align-items:center;gap:6px}.foot-bars{display:flex;gap:4px;align-items:end;height:15px}.foot-bars i{width:3px;height:5px;border-radius:2px;background:#2f9bed}.foot-bars i:nth-child(3n){height:13px}.foot-bars i:nth-child(2n){height:9px}.visual-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;min-height:72px;height:72px;padding:12px 18px 12px 14px;background:linear-gradient(110deg,rgba(23,41,81,.98),rgba(14,24,53,.98));border:1px solid rgba(106,153,245,.55);border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(185,207,255,.07),0 0 22px rgba(46,89,214,.15);font-size:.8125rem;min-width:0;animation:float 8s ease-in-out infinite}.visual-card strong,.visual-card small{display:block}.visual-card strong{color:var(--white);font-size:.84375rem;line-height:1.35;margin:0;white-space:nowrap;font-weight:650}.visual-card small{color:#afc1dd;font-size:.75rem;line-height:1.4;margin-top:3px;white-space:nowrap}.visual-card-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#0a57bc,#163a83);color:#88d4ff;font-size:.75rem;font-weight:700;box-shadow:0 0 17px rgba(27,119,239,.25)}.visual-card-icon.violet{background:linear-gradient(140deg,#7939e4,#3a267b);color:#e6d3ff;box-shadow:0 0 17px rgba(122,55,233,.25)}.visual-card-icon.cyan{background:linear-gradient(140deg,#087caa,#12457d);color:#bbf8ff}.visual-card-icon .icon{width:19px;height:19px}.visual-card-left{left:-8%}.card-1688{top:8px;left:0}.card-taobao{top:auto;bottom:0;left:1%;animation-delay:-2s}.visual-card-right{right:-8%;top:44px;animation-delay:-1s}.visual-card-bottom{right:-5%;bottom:39px;animation-delay:-3s}.signal{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#15e0c2;box-shadow:0 0 9px #15e0c2}
@keyframes float{50%{transform:translateY(-9px)}}@keyframes blink{50%{opacity:0}}.section{padding:92px 0}.section-heading h2,.why-intro h2,.integration-intro h2,.about-preview h2,.contact-band h2,.page-hero h1{font-size:clamp(2.2rem,3.2vw,3.35rem);letter-spacing:-.05em;line-height:1.14;margin:14px 0 0;text-wrap:balance}.section-heading>p,.heading-aside p{margin:0 0 18px}.heading-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:64px;margin-bottom:38px}.heading-row>div:first-child{max-width:700px}.heading-aside{max-width:400px;justify-self:end}.heading-aside p{margin:0 0 12px}.text-link{color:#8ec9ff;display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:36px;font-weight:650;font-size:.9375rem;line-height:1.5;transition:gap .2s,color .2s}.text-link:hover{gap:12px;color:#b7ddff}.text-link .icon{width:1em}
.services-section{background:linear-gradient(180deg,#080d17,#0b1220 85%,#0a101c)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{position:relative;min-height:290px;padding:28px 28px 64px;border:1px solid rgba(100,136,201,.25);background:linear-gradient(155deg,rgba(22,36,63,.9),rgba(10,17,31,.96));border-radius:22px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(79,83,220,.18),transparent 58%);opacity:0;transition:opacity .25s}.service-card:hover,.service-card:focus-visible{transform:translateY(-4px);border-color:rgba(102,155,250,.6);box-shadow:0 18px 40px rgba(0,0,0,.23),0 0 26px rgba(63,82,194,.08)}.service-card:hover:before{opacity:1}.service-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(82,65,217,.5),rgba(18,102,226,.33));color:#a3d8ff;box-shadow:inset 0 0 0 1px rgba(101,140,255,.2),0 0 20px rgba(43,91,216,.12)}.service-icon .icon{width:25px;height:25px}.service-index{position:absolute;right:28px;top:43px;color:#8ca4c9;font-size:.6875rem;letter-spacing:.12em;font-weight:600}.service-card h3{position:relative;min-height:2.6em;margin:24px 0 12px;font-size:1.3125rem;line-height:1.3;letter-spacing:-.025em;font-weight:700}.service-card p{position:relative;margin:0;color:#acbad0;font-size:1rem;line-height:1.7;max-width:36ch}.card-arrow{position:absolute;right:24px;bottom:22px;border:1px solid rgba(95,147,246,.6);color:#91c9ff;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(9,22,43,.65);transition:transform .25s,background .25s,border-color .25s}.card-arrow .icon{width:16px}.service-card:hover .card-arrow{transform:translateX(3px);border-color:#8abbff;background:rgba(39,75,139,.7)}
.why-section{position:relative;background:radial-gradient(ellipse at 0 100%,rgba(66,35,128,.1),transparent 50%),#0a101c;border-top:1px solid rgba(91,118,167,.14);border-bottom:1px solid rgba(91,118,167,.14)}.why-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}.why-intro h2{margin-bottom:22px}.why-intro>p{color:var(--muted);font-size:1.0625rem;line-height:1.8;max-width:510px;margin:24px 0}.why-intro .text-link{margin-top:12px}.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.why-item{border-top:1px solid rgba(109,146,216,.32);padding:22px 0 4px}.why-item>span{color:#6b8ab5;font:700 .71rem ui-monospace,monospace}.why-item h3{font-size:1.1875rem;line-height:1.35;letter-spacing:-.02em;margin:18px 0 10px;font-weight:700}.why-item p{font-size:1rem;color:#adbbcf;line-height:1.75;margin:0}
.process-section{background:linear-gradient(180deg,#0a101c,#0b1423)}.process-section .section-heading{margin-bottom:44px}.process-section .section-heading p{margin:18px 0 0}.process-list{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;list-style:none;margin:0;padding:0}.process-list:before{content:"";position:absolute;top:62px;left:28px;right:calc(20% - 28px);height:1px;background:linear-gradient(90deg,rgba(59,130,246,.65),rgba(124,58,237,.5),rgba(6,182,212,.45))}.process-step{position:relative;padding:0;transition:transform .22s}.process-step:hover,.process-step:focus-within{transform:translateY(-3px)}.process-number{display:block;color:#98afcc;font-size:.8125rem;letter-spacing:.1em;font-weight:650;line-height:1.4;margin:0 0 16px}.process-node{position:relative;z-index:1;width:56px;height:56px;display:grid;place-items:center;border:1px solid #386cc1;border-radius:50%;color:#8dcaff;background:linear-gradient(135deg,#112647,#10172d);box-shadow:0 0 0 8px #0b1423,0 0 20px rgba(41,106,226,.15)}.process-step:nth-child(even) .process-node{border-color:#7d51db;color:#ccafff}.process-node .icon{width:25px;height:25px}.process-step h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.02em;margin:24px 0 10px;font-weight:700}.process-step p{color:#adbbcf;font-size:.96875rem;line-height:1.7;margin:0;max-width:28ch}
.integration-section{position:relative;background:radial-gradient(ellipse 40% 55% at 73% 38%,rgba(33,69,164,.14),transparent 80%),#080d18;overflow:hidden}.integration-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px}.integration-intro p{color:#adbbcf;font-size:1.0625rem;line-height:1.8;max-width:540px;margin:22px 0 28px}.integration-diagram{height:460px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(40,82,185,.17),transparent 58%),linear-gradient(140deg,rgba(14,23,43,.4),rgba(10,14,29,.3));border:1px solid rgba(75,110,179,.22);border-radius:28px}.integration-diagram:before,.integration-diagram:after{content:"";position:absolute;border:1px dashed rgba(83,133,217,.2);border-radius:50%;inset:66px 92px;pointer-events:none}.integration-diagram:after{inset:28px 50px;border-color:rgba(111,65,220,.16);transform:rotate(-8deg)}.diagram-core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:176px;height:176px;border:1px solid rgba(94,138,245,.6);border-radius:26px;background:linear-gradient(135deg,#162b57,#171532);box-shadow:0 0 0 8px rgba(47,92,198,.07),0 18px 45px rgba(0,0,0,.28),inset 0 0 32px rgba(89,82,218,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.diagram-core img{height:50px;width:auto;margin-bottom:9px}.diagram-core strong{font-size:.9375rem;font-weight:650}.diagram-core small{color:#acbdd7;font-size:.78125rem;margin-top:5px}.diagram-item{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:150px;padding:14px 15px;border:1px solid rgba(89,141,224,.5);border-radius:13px;background:linear-gradient(130deg,#132441,#101a31);box-shadow:0 10px 28px rgba(0,0,0,.23)}.diagram-item span,.diagram-item small{font-size:.8125rem;color:#a8bad3;margin-top:5px}.diagram-item span{font-weight:700;font-size:1rem}.diagram-item small{font-size:.78125rem;color:#a8bad3;margin-top:4px}.diagram-1688{top:24px;left:20px}.diagram-taobao{top:24px;right:20px}.diagram-alibaba{bottom:24px;left:20px}.diagram-custom{bottom:24px;right:20px}.diagram-line{position:absolute;height:1px;width:30%;background:linear-gradient(90deg,transparent,rgba(76,133,230,.6),transparent);transform-origin:center}.line-one{top:33%;left:17%;transform:rotate(46deg)}.line-two{top:33%;right:17%;transform:rotate(-46deg)}.line-three{bottom:33%;left:17%;transform:rotate(-46deg)}.line-four{bottom:33%;right:17%;transform:rotate(46deg)}.integration-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:36px;border:1px solid var(--line);border-radius:18px;background:var(--line);overflow:hidden}.integration-features>div{background:linear-gradient(145deg,#111d32,#0e1728);padding:26px 28px}.feature-dot{display:block;width:8px;height:8px;border-radius:50%;background:#53b8ff;box-shadow:0 0 14px rgba(62,169,255,.8)}.integration-features h3{font-size:1.125rem;line-height:1.4;margin:18px 0 10px;font-weight:700}.integration-features p{color:#aebbd0;font-size:1rem;line-height:1.7;margin:0;max-width:36ch}
.about-preview{background:linear-gradient(180deg,#0a111e,#0b1220)}.about-preview-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:110px}.about-preview h2{margin-bottom:22px}.about-preview p{color:#afbdd1;line-height:1.8;max-width:610px}.about-preview .text-link{margin-top:12px}.about-monogram{position:relative;height:320px;display:grid;place-items:center}.about-monogram-inner{width:210px;height:210px;display:grid;place-items:center;border-radius:42px;border:1px solid rgba(94,133,230,.34);background:linear-gradient(145deg,#111f39,#12142e);box-shadow:0 0 0 13px rgba(65,96,193,.05),0 0 60px rgba(56,77,197,.18);transform:rotate(-8deg)}.about-monogram-inner img{width:120px;transform:rotate(8deg)}.monogram-orbit{position:absolute;width:300px;height:190px;border:1px solid rgba(68,140,243,.3);border-radius:50%;transform:rotate(29deg)}.orbit-b{transform:rotate(-38deg);border-color:rgba(113,65,226,.24)}
.contact-band-section{padding-top:20px;background:#0b1220}.contact-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:44px 48px;border:1px solid rgba(116,70,232,.44);border-radius:23px;background:radial-gradient(ellipse at 0 100%,rgba(107,43,201,.2),transparent 58%),linear-gradient(100deg,#14112b,#111c35);box-shadow:0 15px 45px rgba(0,0,0,.17)}.contact-band h2{font-size:clamp(2rem,2.9vw,2.85rem);max-width:750px;margin:12px 0 16px}.contact-band p{color:#b9c5da;font-size:1.0625rem;line-height:1.75;margin:0;max-width:650px}.contact-band-action{display:flex;align-items:center;flex-direction:column;gap:10px}.contact-band-action>span{color:#8da1bf;font-size:.7rem}.contact-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:38px 4px 0}.contact-shortcuts>a,.contact-shortcuts>div{display:flex;align-items:center;gap:14px;color:#dce5f6;font-size:.9375rem;line-height:1.6;min-width:0}.contact-shortcuts .icon{width:24px;height:24px;color:#72aaff}.contact-shortcuts small{display:block;letter-spacing:.1em;color:#96aac7;font-size:.6875rem;font-weight:700;margin-bottom:5px}.contact-shortcuts span{overflow-wrap:anywhere}.contact-shortcuts a:hover span{color:#7ec7ff}
.site-footer{background:#070c16;border-top:1px solid var(--line);padding:76px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.1fr;gap:56px}.footer-brand p{max-width:310px;line-height:1.8;color:#a7b6cc;font-size:1rem;margin:24px 0}.site-footer h2{font-size:1rem;margin:5px 0 22px;color:#eef4ff;font-weight:650}.site-footer a:not(.brand),.site-footer p{display:block;color:#a5b5cd;font-size:.9375rem;line-height:1.8;margin:0 0 12px;overflow-wrap:anywhere}.site-footer a:not(.brand):hover{color:#8bcaff}.footer-bottom{border-top:1px solid var(--line);margin-top:56px;padding-top:24px;display:flex;justify-content:space-between;gap:24px;color:#93a4bf;font-size:.8125rem}
/* Inner pages */
.page-hero{position:relative;overflow:hidden;padding:88px 0;background:radial-gradient(ellipse 65% 90% at 80% 40%,rgba(45,63,164,.14),transparent 65%),linear-gradient(180deg,#090e19,#0c1525);border-bottom:1px solid var(--line)}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(68,113,185,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(68,113,185,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000)}.page-hero .container{position:relative}.page-hero h1{max-width:850px;font-size:clamp(2.8rem,5vw,5rem);margin:18px 0 22px}.page-hero p{max-width:760px;font-size:1.1875rem;line-height:1.8;color:#b2c0d5;margin:0}.page-hero .hero-actions{margin-top:30px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9bacc6;font-size:.875rem;margin-bottom:30px}.breadcrumb a{color:#a8bad2}.breadcrumb a:hover{color:#fff}.content-section{padding:96px 0;background:#0b1220}.content-section.alt{background:#090f1a}.content-section h2{font-size:clamp(2.125rem,3vw,3.1rem);letter-spacing:-.04em;line-height:1.2;margin:16px 0 28px;text-wrap:balance}.content-section p{color:#adbbcf;font-size:1.0625rem;line-height:1.8}.content-lead{font-size:1.1rem;max-width:720px}.split-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}.content-points{display:grid;gap:14px}.content-point{padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#132039,#101a2b)}.content-point h3{font-size:1.1875rem;line-height:1.4;margin:0 0 12px;font-weight:650}.content-point p{margin:0;font-size:1rem}.statement-card{padding:38px;border:1px solid rgba(94,126,203,.28);border-radius:23px;background:linear-gradient(140deg,#162244,#111629)}.statement-card .section-kicker{margin-bottom:18px}.statement-card p{font-size:1.2rem;line-height:1.7;color:#e2e9f5;margin:0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.value-card{border:1px solid var(--line);background:linear-gradient(145deg,#14213a,#101a2c);border-radius:18px;padding:30px}.value-card .icon{color:#91c4ff;width:30px;height:30px;margin-bottom:25px}.value-card h3{margin:0 0 14px;font-size:1.1875rem;font-weight:650}.value-card p{margin:0;font-size:1rem}.page-cta{padding:42px;border:1px solid rgba(95,131,217,.4);background:radial-gradient(circle at 100% 0,rgba(91,48,196,.18),transparent 50%),linear-gradient(130deg,#14172f,#111e34);border-radius:23px;display:flex;justify-content:space-between;align-items:center;gap:32px}.page-cta h2{margin:0 0 9px}.page-cta p{margin:0}.service-detail-list{display:grid;gap:24px;margin-top:48px}.service-detail{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px 28px;align-items:start;padding:34px;border:1px solid rgba(100,136,201,.25);border-radius:18px;background:linear-gradient(145deg,#14223b,#0f192b);scroll-margin-top:110px}.service-detail:hover{border-color:var(--line-bright)}.service-detail .service-icon{width:58px;height:58px}.service-detail h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 16px;font-weight:650}.service-detail p{margin:0;max-width:730px}.service-detail .text-link{grid-column:2;margin-top:0;justify-self:start;white-space:normal}.service-detail .detail-meta{font-size:.75rem;color:#a0b7d6;letter-spacing:.11em;text-transform:uppercase;font-weight:700;margin:0 0 12px}.focus-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:40px 0 0}.focus-list>div{padding:28px;border:1px solid var(--line);border-radius:16px;background:#101b2e}.focus-list .icon{color:#78baff;width:23px;height:23px}.focus-list strong{display:block;font-size:1.0625rem;line-height:1.4;margin:20px 0 12px;font-weight:650}.focus-list p{font-size:1rem;margin:0}.contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}.contact-methods{display:grid;gap:13px;margin-top:30px}.contact-method{display:flex;align-items:flex-start;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-method .icon{color:#76b7ff;width:23px;height:23px;margin-top:4px}.contact-method span{display:block;color:#9bb0cf;letter-spacing:.1em;font-size:.75rem;font-weight:700;margin-bottom:8px}.contact-method a,.contact-method p{font-size:1.0625rem;color:#e5ecf8;margin:0;line-height:1.75;overflow-wrap:anywhere}.contact-method a:hover{color:#8ecbff}.inquiry-panel{padding:40px;border:1px solid rgba(96,132,210,.3);border-radius:22px;background:linear-gradient(145deg,#121f35,#0f1728);box-shadow:none}.inquiry-panel h2{font-size:1.875rem;margin:0 0 14px}.inquiry-panel>p{margin:0 0 30px;font-size:1rem}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full{grid-column:1/-1}.form-field label{font-size:.9375rem;color:#d6e0ee;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;border:1px solid rgba(113,148,202,.32);border-radius:10px;background:#0a1424;color:#f4f8ff;font-size:1rem;line-height:1.5;padding:14px;outline:none;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#589be9;box-shadow:0 0 0 3px rgba(59,130,246,.16)}.form-field input::placeholder,.form-field textarea::placeholder{color:#6f82a0}.form-field textarea{min-height:136px;resize:vertical}.form-field select{color:#dae4f3}.form-note{font-size:.875rem!important;color:#a5b7cf!important;line-height:1.75;margin:18px 0 0!important}.form-submit{margin-top:22px;border:0}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}.faq-item{padding:30px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#132039,#101a2c)}.faq-item h3{margin:0 0 14px;font-size:1.1875rem;line-height:1.4;font-weight:650}.faq-item p{font-size:1rem;margin:0}.not-found{text-align:center;min-height:62vh;display:grid;align-items:center}.not-found h1{font-size:clamp(3rem,7vw,6rem);margin:8px 0}.not-found p{color:#b5c4d9;max-width:550px;margin:0 auto 28px;line-height:1.7}


/* R3 recovery: component rules match the preferred R1 visual language. */
.hero-title-lead,.hero-title-emphasis,.hero-title-close{display:block}
.keep-together{white-space:nowrap}
.card-alibaba{top:8px;right:0;animation-delay:-1s}
.card-automation{right:0;bottom:0;animation-delay:-3s}
.visual-card>span:last-child{min-width:0}
.editor-rail .icon{width:20px;height:20px}
.service-card:nth-child(3n) .service-icon,.service-card:nth-child(5) .service-icon{background:linear-gradient(135deg,rgba(124,58,237,.5),rgba(74,51,149,.35));color:#d4b9ff}
.benefit-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(95,138,238,.3);border-radius:50%;background:linear-gradient(135deg,rgba(24,75,166,.5),rgba(41,35,95,.55));color:#8bcaff;box-shadow:0 0 20px rgba(45,90,204,.1)}
.benefit-icon .icon{width:23px;height:23px}
.why-item:nth-child(3) .benefit-icon{border-color:rgba(150,80,231,.35);background:linear-gradient(135deg,rgba(94,38,149,.5),rgba(40,31,83,.6));color:#ceacff}
.platform-icon{width:25px;height:25px;color:#77c6ff}
.diagram-taobao .platform-icon{color:#c5a2ff}
.diagram-alibaba .platform-icon{color:#9bd5ff}
.diagram-custom .platform-icon{color:#b7a1ff}
.integration-feature-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(59,130,246,.13);color:#83c6ff}
.integration-feature-icon .icon{width:22px;height:22px}
.integration-intro,.contact-band>div,.page-cta>div{min-width:0}
.stack-section{background:radial-gradient(ellipse at 100% 15%,rgba(51,49,140,.14),transparent 58%),linear-gradient(180deg,#0b1220,#0a111e);border-top:1px solid rgba(91,118,167,.1);border-bottom:1px solid rgba(91,118,167,.1)}
.stack-heading{margin-bottom:40px}
.stack-heading p{margin:18px 0 0}
.stack-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:24px 32px;align-items:stretch}
.stack-group{position:relative;isolation:isolate;min-width:0;padding-block:14px}
.stack-group-heading{display:flex;align-items:center;gap:12px;height:72px;min-height:72px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(104,135,195,.28)}
.stack-group h3{font-size:1.0625rem;line-height:1.4;margin:0;font-weight:650;color:#dfebfc}
.category-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:linear-gradient(140deg,rgba(62,73,176,.35),rgba(26,59,115,.3));color:#94c6ff}
.category-icon .icon{width:21px;height:21px}
.stack-featured{list-style:none;margin:0;padding:0;display:grid;grid-auto-rows:84px;gap:12px}
.technology-item{display:flex;align-items:center;gap:14px;min-width:0;height:84px;min-height:84px;padding:16px;border:1px solid rgba(91,130,201,.3);border-radius:16px;background:linear-gradient(140deg,rgba(21,36,64,.92),rgba(14,22,41,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .22s,border-color .22s,box-shadow .22s}
.technology-item:hover{transform:translateY(-3px);border-color:rgba(119,138,244,.58);box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 22px rgba(84,64,196,.14)}
.technology-logo img{width:32px;height:32px;max-width:100%;max-height:100%;object-fit:contain}
.technology-name{min-width:0;font-size:1.0625rem;line-height:1.4;font-weight:650;letter-spacing:-.015em}
.stack-secondary{margin-top:12px}
.stack-secondary ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:52px;gap:10px;margin:0;padding:0}
.technology-compact{gap:8px;height:52px;min-height:52px;padding:10px;border-radius:12px}
.technology-compact .technology-logo img{width:22px;height:22px}
.technology-compact .technology-name{font-size:.875rem;line-height:1.35;font-weight:500;letter-spacing:-.01em;white-space:nowrap}



@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

.technology-logo{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid rgba(120,148,202,.12);border-radius:12px;background:rgba(6,12,24,.4)}
.technology-logo--wide img{width:38px;height:38px}
.technology-compact .technology-logo{width:30px;height:30px;border-radius:8px}
.technology-compact .technology-logo--wide img{width:26px;height:26px}
/* R3.2 framing preserves the existing inner card/chip widths. */
.site-header.scrolled .header-inner{border-color:rgba(137,168,231,.34);background:linear-gradient(115deg,rgba(15,24,43,.97),rgba(9,16,30,.98));box-shadow:0 14px 36px rgba(0,0,0,.27),inset 0 1px 0 rgba(190,212,255,.04)}
.stack-group::before{content:"";position:absolute;z-index:-1;inset:0 -8px;border:1px solid rgba(113,143,204,.2);border-radius:20px;background:linear-gradient(145deg,rgba(22,34,57,.32),rgba(10,18,32,.46));box-shadow:0 10px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(183,205,249,.035);pointer-events:none}
@media(max-width:1180px){
  .hero-layout{gap:32px}
  .primary-nav{gap:22px}
  .stack-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .stack-group-heading{height:64px;min-height:64px}
  .footer-grid{gap:32px}
  .integration-layout{gap:40px}
  .visual-card{height:68px;min-height:68px;padding:10px 14px;gap:10px}
  .visual-card strong{font-size:.78125rem}
  .visual-card small{font-size:.71875rem}
  .visual-card-icon{width:34px;height:34px}
}
@media(max-width:1100px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-list{grid-template-columns:1fr;gap:32px}
  .process-list:before{top:28px;bottom:28px;left:76px;right:auto;width:1px;height:auto}
  .process-step{display:grid;grid-template-columns:30px 52px minmax(0,1fr);gap:8px 20px}
  .process-step:hover,.process-step:focus-within{transform:translateX(3px)}
  .process-number{grid-column:1;grid-row:1;margin:15px 0 0}
  .process-node{grid-column:2;grid-row:1/3;width:52px;height:52px}
  .process-step h3{grid-column:3;grid-row:1;margin:0}
  .process-step p{grid-column:3;grid-row:2;max-width:70ch}
  .contact-layout{gap:40px}
  .split-content{gap:40px}
}
@media(max-width:1000px){
  .hero{padding:52px 0 72px}
  .hero-layout{grid-template-columns:1fr;gap:40px}
  .hero-copy{max-width:880px;padding:0}
  .hero h1{font-size:clamp(3rem,6.1vw,4.25rem);max-width:880px}
  .hero-lede{max-width:720px}
  .hero-visual{width:min(100%,800px);margin:0 auto}
  .editor-shell{transform:perspective(1300px) rotateY(-4deg) rotateX(2deg) rotateZ(-1.25deg)}
  .code-row{font-size:.84375rem}
  .why-layout{grid-template-columns:1fr;gap:40px}
  .why-intro>p{max-width:730px}
  .contact-band{grid-template-columns:1fr;gap:28px}
  .contact-band-action{align-items:flex-start}
}
/* The portfolio link needs the mobile menu through laptop widths. */
@media(max-width:1100px){
  .site-header:not(.nav-enhanced){position:relative}
  .header-inner{height:auto;min-height:80px;flex-wrap:wrap;gap:8px;padding-block:16px;padding-inline:16px;border-radius:18px}
  .primary-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;gap:4px 22px;padding:8px 0 0;background:none;border:0;box-shadow:none;font-size:1rem}
  .primary-nav>a:not(.nav-cta){padding:11px 0}
  .primary-nav>a.active:after{display:none}
  .nav-cta{margin:6px 0}
  .nav-enhanced .header-inner{height:74px;min-height:0;flex-wrap:nowrap;padding-block:0}
  .nav-enhanced .menu-toggle{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(95,142,220,.35);background:linear-gradient(135deg,#182448,#101b30);color:#fff;border-radius:10px}
  .menu-toggle .icon{width:24px;height:24px}
  .menu-toggle .close-icon{display:none}
  .menu-toggle[aria-expanded="true"] .menu-icon{display:none}
  .menu-toggle[aria-expanded="true"] .close-icon{display:block}
  .nav-enhanced .primary-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:none;align-items:stretch;flex-direction:column;flex-wrap:nowrap;width:auto;gap:4px;max-height:calc(100dvh - 124px);overflow-y:auto;overscroll-behavior:contain;padding:12px;background:linear-gradient(145deg,rgba(16,26,48,.98),rgba(11,18,32,.99));border:1px solid rgba(95,142,220,.32);border-radius:18px;box-shadow:0 22px 40px rgba(0,0,0,.3)}
  .nav-enhanced .primary-nav.is-open{display:flex;animation:menu-in .18s ease both}
  .nav-enhanced .nav-cta{align-self:stretch;width:100%;min-height:52px;margin:12px 0 0;padding:14px 18px}
  .nav-enhanced .primary-nav>a:not(.nav-cta){min-height:48px;padding:12px 14px;border-radius:12px}
  .nav-enhanced .primary-nav>a.active{color:#f8faff;background:rgba(70,98,181,.16)}
  .site-header{padding-block:10px}
}
@media(max-width:950px){
  .container{width:min(calc(100% - 48px),var(--container))}
  .contact-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
  .contact-layout{grid-template-columns:1fr;gap:44px}
}
@media(max-width:850px){
  .section,.content-section{padding:76px 0}
  .hero h1{font-size:clamp(2.75rem,6vw,3.75rem)}
  .heading-row{grid-template-columns:1fr;gap:20px}
  .heading-aside{justify-self:start;max-width:650px}
  .integration-layout,.split-content{grid-template-columns:1fr;gap:36px}
  .integration-intro{max-width:700px}
  .integration-diagram{width:100%;max-width:680px;margin-inline:auto}
  .values-grid,.focus-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-detail{padding:28px}
  .page-hero{padding:64px 0}
  .page-hero h1{font-size:clamp(2.8rem,6vw,4rem)}
  .page-hero p{font-size:1.125rem}
  .page-cta{display:block;padding:34px}
  .page-cta .button{margin-top:24px}
}
@media(max-width:600px){
  .container{width:min(calc(100% - 32px),var(--container))}
  .brand{width:170px}
  .nav-enhanced .header-inner{height:72px;gap:16px}
  .hero{padding:36px 0 56px}
  .hero-layout{gap:36px}
  .eyebrow,.section-kicker{font-size:.6875rem;letter-spacing:.11em}
  .hero h1{font-size:clamp(2.125rem,8.5vw,2.9rem);line-height:1.13;letter-spacing:-.05em;margin:22px 0}
  .hero-lede{font-size:1.0625rem;line-height:1.75}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
  .nav-cta,.button{white-space:normal;min-width:0}
  .button{min-height:54px;font-size:.9375rem;padding:14px 18px}
  .capability-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
  .capability-list li{display:block;font-size:.78125rem;line-height:1.45;color:#cbd8ed}
  .capability-list li+li{padding-left:10px}
  .capability-mark{display:block;margin-bottom:6px}
  .capability-mark .icon{width:23px;height:23px}
  .hero-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;height:auto;width:100%;margin:0;padding:4px 0}
  .visual-card{position:relative;inset:auto;align-self:stretch;animation:none;min-width:0;height:auto;min-height:96px;padding:12px;gap:8px;border-radius:22px}
  .visual-card strong{font-size:.78125rem;white-space:normal}
  .visual-card small{font-size:.71875rem;white-space:normal}
  .visual-card-icon{width:30px;height:30px;border-radius:50%}
  .visual-card-icon .icon{width:17px;height:17px}
  .card-1688{grid-column:1;grid-row:1}
  .card-alibaba{grid-column:2;grid-row:1}
  .card-taobao{grid-column:1;grid-row:3}
  .card-automation{grid-column:2;grid-row:3}
  .editor-shell{grid-column:1/-1;grid-row:2;position:relative;inset:auto;justify-self:center;width:calc(100% - 8px);height:340px;transform:perspective(1100px) rotateY(-2deg) rotateX(1.5deg) rotateZ(-.8deg);border-radius:16px}
  .editor-top{height:42px;font-size:.6875rem;padding:0 12px}
  .editor-status,.editor-rail{display:none}
  .editor-tabs{height:34px;font-size:.6875rem}
  .editor-tabs span{padding:8px 12px}
  .editor-tabs .tab-active{padding-top:6px}
  .editor-tabs .tab-meta{display:none}
  .code-window{padding:12px 10px}
  .code-row{font-size:clamp(.59rem,2.5vw,.6875rem);line-height:1.75;gap:10px}
  .code-row>span{width:16px}
  .editor-bottom{height:26px;padding:0 10px;font-size:.625rem}
  .editor-bottom>span:last-child{display:none}
  .editor-foot{height:30px;padding:0 12px;font-size:.5625rem}
  .editor-foot>span{display:none}
  .orbit-one,.orbit-two{display:none}
  .section,.content-section{padding:64px 0}
  .section-heading h2,.why-intro h2,.integration-intro h2,.contact-band h2{font-size:clamp(2rem,7.5vw,2.6rem);letter-spacing:-.04em}
  .section-heading>p,.heading-aside p{font-size:1rem}
  .heading-row,.stack-heading{margin-bottom:30px}
  .services-grid,.stack-groups,.why-grid,.values-grid,.focus-list,.faq-grid{grid-template-columns:1fr;gap:18px}
  .service-card{min-height:0;padding:24px 24px 68px}
  .service-card h3{min-height:0;font-size:1.3125rem;margin:22px 0 12px}
  .service-index{top:39px;right:24px}
  .stack-groups{gap:32px}
  .stack-group-heading{height:64px;min-height:64px;margin-bottom:16px;padding-bottom:14px}
  .stack-group h3{font-size:1.125rem}
  .stack-featured{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:124px;gap:9px}
  .technology-item{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr);justify-items:center;align-items:center;gap:8px;height:124px;min-height:124px;padding:12px 6px;text-align:center;border-radius:16px}
  .technology-logo img{width:32px;height:32px}
  .technology-name{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:100%;font-size:.875rem;line-height:1.4;letter-spacing:-.025em;text-align:center}
  .technology-compact{display:flex;flex-direction:row;justify-content:flex-start;gap:8px;height:52px;min-height:52px;padding:10px;text-align:left;border-radius:12px}
  .technology-compact .technology-logo img{width:22px;height:22px}
  .technology-compact .technology-name{display:block;width:auto;height:auto;min-height:0;font-size:.875rem;text-align:left}

  .why-layout{gap:30px}
  .why-intro>p{font-size:1rem}
  .why-grid{gap:24px}
  .why-item{padding:20px 0 4px}
  .why-item h3{font-size:1.1875rem}
  .integration-layout{gap:30px}
  .integration-intro p{font-size:1rem}
  .integration-diagram{height:500px;border-radius:22px}
  .integration-diagram:before{inset:66px 32px}
  .integration-diagram:after{inset:32px 18px}
  .diagram-core{width:168px;height:168px;border-radius:24px}
  .diagram-core img{height:42px}
  .diagram-core strong{font-size:.875rem}
  .diagram-core small{font-size:.75rem}
  .diagram-item{flex-direction:column;gap:7px;min-width:0;min-height:110px;width:calc(50% - 24px);padding:13px 10px;text-align:center;border-radius:16px}
  .diagram-item span{font-size:.90625rem;line-height:1.35;white-space:normal}
  .diagram-item small{font-size:.78125rem;line-height:1.4}
  .platform-icon{width:23px;height:23px}
  .diagram-1688,.diagram-taobao{top:16px}
  .diagram-1688,.diagram-alibaba{left:12px}
  .diagram-taobao,.diagram-custom{right:12px}
  .diagram-alibaba,.diagram-custom{bottom:16px}
  .integration-features{grid-template-columns:1fr;gap:12px;margin-top:28px;border:0;border-radius:0;background:none;overflow:visible}
  .integration-features>div{padding:22px;border:1px solid var(--line);border-radius:18px}
  .integration-features h3{font-size:1.125rem}
  .process-section .section-heading{margin-bottom:34px}
  .process-list{gap:28px}
  .process-list:before{left:58px;top:22px;bottom:40px}
  .process-step{grid-template-columns:24px 44px minmax(0,1fr);gap:8px 12px}
  .process-number{font-size:.75rem;margin-top:12px}
  .process-node{width:44px;height:44px;box-shadow:0 0 0 6px #0b1423,0 0 18px rgba(41,106,226,.12)}
  .process-node .icon{width:21px;height:21px}
  .process-step h3{font-size:1.125rem}
  .process-step p{font-size:1rem}
  .contact-band-section{padding-top:12px}
  .contact-band{padding:30px 26px;gap:26px;border-radius:20px}
  .contact-band h2{margin:12px 0 18px}
  .contact-band p{font-size:1rem}
  .contact-band-action .button{width:100%}
  .contact-shortcuts{grid-template-columns:1fr;gap:24px;padding-top:30px}
  .contact-shortcuts>a,.contact-shortcuts>div{font-size:1rem}
  .site-footer{padding:52px 0 calc(28px + env(safe-area-inset-bottom,0px))}
  .footer-grid{gap:30px 24px}
  .footer-brand,.footer-grid>div:last-child{grid-column:1/-1}
  .footer-bottom{display:block;margin-top:34px}
  .footer-bottom>span{display:block;margin-bottom:10px}
  .page-hero{padding:48px 0 56px}
  .page-hero h1{font-size:clamp(2.5rem,8.5vw,3.25rem);margin:20px 0 24px}
  .page-hero p{font-size:1.0625rem}
  .content-section h2{font-size:2rem}
  .content-section p{font-size:1rem}
  .statement-card{padding:28px}
  .statement-card p{font-size:1.1875rem}
  .service-detail{grid-template-columns:1fr;padding:26px;gap:18px}
  .service-detail .text-link{grid-column:1}
  .service-detail h3{font-size:1.375rem}
  .page-cta{padding:30px 26px}
  .inquiry-panel{padding:28px 24px}
  .inquiry-panel h2{font-size:1.75rem}
  .form-grid{grid-template-columns:1fr}
  .form-submit{width:100%}
  .breadcrumb{font-size:.8125rem}
  .nav-enhanced .primary-nav{left:0;right:0;max-height:calc(100dvh - 112px)}
  .hero-actions .button{width:100%;min-height:56px;padding:13px 10px;font-size:.875rem;gap:8px}
  .services-grid{gap:16px}
  .card-arrow{width:36px;height:36px;right:20px;bottom:20px}
  .card-arrow .icon{width:18px;height:18px}
  .technology-logo--wide img{width:38px;height:38px}
  .technology-compact .technology-logo--wide img{width:26px;height:26px}
  .site-header{padding-block:8px}
  .header-inner{padding-inline:12px;border-radius:17px}
}
@media(max-width:380px){
  .hero-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.reveal-pending{transform:translateY(12px);opacity:.82}.reveal-pending.revealed{transform:translateY(0);opacity:1;transition:transform .55s ease var(--reveal-delay,0ms),opacity .55s ease var(--reveal-delay,0ms)}.code-window .code-row{animation:code-reveal .5s ease both}.code-window .code-row:nth-child(2){animation-delay:.12s}.code-window .code-row:nth-child(3){animation-delay:.24s}.code-window .code-row:nth-child(4){animation-delay:.36s}.code-window .code-row:nth-child(5){animation-delay:.48s}.code-window .code-row:nth-child(6){animation-delay:.6s}.code-window .code-row:nth-child(7){animation-delay:.72s}.code-window .code-row:nth-child(8){animation-delay:.84s}.code-window .code-row:nth-child(9){animation-delay:.96s}@keyframes code-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-hidden .visual-card,.page-hidden .code-caret,.page-hidden .code-row{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.reveal-pending{transform:none;opacity:1}}
.form-submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}

/* Final approved footer wordmark includes its supplied tagline. */
.footer-brand .brand{width:300px;max-width:100%}