/* E-commerce solution only. Product screenshots and semantic HTML remain usable without JS. */
.solution-ecommerce{--ec-line:#dce6f3;--ec-shadow:0 2px 5px #173a6004,0 16px 36px -26px #244b8050;--solution-border:var(--ec-line)}
.solution-ecommerce .solution-container{max-width:1220px}
.solution-ecommerce .solution-section{padding-block:76px}
.solution-ecommerce .solution-tint{background:linear-gradient(180deg,#f6f9fe,#fbfcff)}
.solution-ecommerce .solution-heading{max-width:800px;margin-bottom:36px}
.solution-ecommerce .solution-heading h2,.solution-ecommerce .solution-final h2{font-size:clamp(28px,2.7vw,38px);line-height:1.32;letter-spacing:-.035em;margin-bottom:16px}
.solution-ecommerce .solution-heading p{font-size:16px;line-height:1.75;max-width:64ch;margin-inline:auto}
.solution-ecommerce .solution-hero{padding-top:28px;padding-bottom:64px;background:radial-gradient(ellipse at 50% 50%,#eaf2ff,transparent 65%),linear-gradient(#fff,#f9fbff)}
.solution-ecommerce .solution-breadcrumb{margin-bottom:40px}
.solution-ecommerce .solution-hero-copy{max-width:960px;margin:auto;text-align:center}
.solution-ecommerce .solution-hero h1{font-size:clamp(34px,3.6vw,50px);line-height:1.22;letter-spacing:-.04em;max-width:920px;margin:0 auto 24px;text-wrap:balance}
.solution-ecommerce .solution-hero .eyebrow{gap:8px;margin-bottom:24px}.solution-ecommerce .solution-hero .eyebrow:before{display:none}.solution-ecommerce .solution-hero .eyebrow svg{width:17px;height:17px}
.solution-ecommerce .solution-lead{max-width:800px;margin:auto;font-size:17px;line-height:1.8}
.solution-ecommerce .solution-actions{justify-content:center;gap:12px;margin-top:26px;margin-bottom:18px}
.solution-ecommerce .button{min-height:50px;padding:13px 24px;border-radius:11px}
.solution-ecommerce .solution-platforms{justify-content:center;gap:10px 20px;margin-top:20px}
.solution-ecommerce .solution-platforms span{padding:5px 10px;border:1px solid #e0eafa;border-radius:8px;background:#ffffffb3}
.solution-ecommerce .ec-hero-proof{max-width:880px;margin:40px auto 0;padding:16px;border-radius:24px;background:linear-gradient(145deg,#edf4ff,#fff 55%,#f0edfc);border:1px solid #d5e2f5;box-shadow:0 28px 60px -40px #214e8955,inset 0 1px 0 white}
.solution-ecommerce .solution-screen figcaption{font-size:11px;line-height:1.7;margin-top:12px}
.solution-ecommerce h3{font-size:20px;line-height:1.45;margin-bottom:12px}
.solution-ecommerce p{line-height:1.8}
.solution-ecommerce .solution-card{position:relative;padding:28px;border-radius:22px;background:linear-gradient(145deg,#fff,#fcfdff);box-shadow:var(--ec-shadow),inset 0 1px 0 #fff}
.solution-ecommerce .solution-card p{font-size:15px;line-height:1.8}
.solution-ecommerce .solution-card:before{content:'';position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,#c9daf3,transparent)}
.solution-ecommerce .ec-pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.solution-ecommerce .ec-pain-grid article:first-child{background:linear-gradient(145deg,#eaf2ff,#fff);border-color:#c9daf3}
.ec-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dce7f8;background:#f0f5ff;border-radius:14px;color:#4d82ce;margin-bottom:24px}.ec-icon svg{width:24px;height:24px}
.ec-card-index{position:absolute;right:26px;top:35px;font-size:11px;color:#8699b3;letter-spacing:.1em}
.ec-comparison{border:1px solid var(--ec-line);border-radius:24px;overflow:hidden;box-shadow:var(--ec-shadow)}
.ec-comparison table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left;font-size:15px;line-height:1.75}
.ec-comparison th,.ec-comparison td{padding:22px 26px;vertical-align:top;border-bottom:1px solid #e4ebf5;overflow-wrap:anywhere}
.ec-comparison thead th{background:#f7f9fc;font-size:16px;color:#486079;font-weight:600}
.ec-comparison thead th:first-child{width:22%}.ec-comparison thead th:nth-child(3){background:#eaf2ff;color:#145bc1}
.ec-comparison tbody th{color:var(--ink);font-weight:600;background:#fff}.ec-comparison td{color:#61738b;background:#fff}.ec-comparison td:last-child{color:#244569;background:#f4f8ff}
.ec-comparison tr:last-child>*{border-bottom:0}.ec-comparison svg{display:inline-block;width:19px;height:19px;vertical-align:middle;margin-right:8px;color:#3a7ad2;flex-shrink:0}.ec-comparison td:last-child>svg{width:16px;height:16px}
.ec-cell-label{display:none}.ec-table-icon svg{width:24px;height:24px}
.solution-ecommerce .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ec-isolation{max-width:1000px;margin:auto;padding:28px 32px 32px;border:1px solid #d8e4f6;border-radius:28px;background:radial-gradient(ellipse at top,#e6efff,transparent 65%),#fff;box-shadow:var(--ec-shadow)}
.ec-isolation-hub{display:flex;justify-content:center;align-items:center;gap:10px;width:max-content;margin:0 auto 28px;padding:12px 24px;border:1px solid #cbdbf2;border-radius:13px;background:white;color:#183757;box-shadow:0 5px 15px #234a7c08}.ec-isolation-hub svg{width:23px;height:23px;color:#2478ed}
.ec-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}
.ec-profile{border:1px solid #cfdff6;border-radius:18px;background:#fff;box-shadow:0 10px 28px -18px #27579f60;overflow:hidden;min-width:0}
.ec-profile:nth-child(2){border-color:#c7e1dc}.ec-profile:nth-child(3){border-color:#dbd3ec}
.ec-profile-chrome{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e7edf7;font-size:10px;color:#8ca7cf;background:#f8faff}.ec-profile:nth-child(2) .ec-profile-chrome{background:#f3fbf8;color:#72a69a}.ec-profile:nth-child(3) .ec-profile-chrome{background:#f9f6ff;color:#a08abe}
.ec-store{display:flex;align-items:center;gap:12px;padding:24px 22px 20px}.ec-store svg{color:#4c80cd;width:28px;height:28px;flex-shrink:0}.ec-store h3{font-size:18px!important;margin:0!important}
.ec-profile-settings{display:grid;gap:10px;padding:0 20px 22px}.ec-profile-settings span{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e5edf8;background:#fafcff;border-radius:9px;font-size:12px;line-height:1.6}.ec-profile-settings svg{width:17px;height:17px;flex-shrink:0;color:#7292be}
.ec-isolation-seal{display:flex;align-items:center;gap:7px;border-top:1px solid #e6edf5;background:#f6faff;padding:12px 16px;font-size:11px;line-height:1.6;color:#4874aa}.ec-isolation-seal svg{width:15px;height:15px;flex-shrink:0}
.solution-ecommerce .solution-feature,.solution-ecommerce .solution-feature.reverse{gap:40px;padding:30px;margin-top:24px;border:1px solid var(--ec-line);border-radius:24px;background:#fff;box-shadow:var(--ec-shadow);grid-template-columns:.8fr 1.2fr}
.solution-ecommerce .solution-feature p{font-size:16px}.solution-ecommerce .solution-feature .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:16px}
.solution-ecommerce .solution-feature.reverse{grid-template-columns:1.2fr .8fr}.solution-ecommerce .solution-feature.reverse>div:first-child{order:2}.solution-ecommerce .solution-feature.reverse>div:last-child{order:1}
.ec-product-image{padding:16px;border:1px solid #e3ebf7;background:linear-gradient(145deg,#f0f6ff,#fcfdff);border-radius:16px;min-width:0}
.ec-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ec-scenario-art{height:100px;margin-bottom:24px;padding:24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#edf4ff,#f6f9ff);border:1px solid #e5edfa;border-radius:14px;color:#638ec9}.ec-scenario-art svg{width:36px;height:36px}.ec-scenario-art span{font-size:12px;letter-spacing:.1em}
.ec-scenario-grid article:nth-child(2) .ec-scenario-art{background:linear-gradient(120deg,#edf8f4,#f7fbf9);color:#629585;border-color:#dfede7}.ec-scenario-grid article:nth-child(3) .ec-scenario-art{background:linear-gradient(120deg,#f1edfb,#faf8fe);color:#9680b9;border-color:#e8e1f3}
.ec-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ec-steps li{padding:24px;border:1px solid var(--ec-line);border-radius:18px;background:#fff;box-shadow:var(--ec-shadow)}.ec-step-number{display:grid;place-items:center;width:36px;height:36px;background:#edf4ff;color:#3977cc;border-radius:10px;font-size:12px;margin-bottom:20px}.ec-steps p{font-size:15px}
.ec-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ec-why article{padding:12px 16px}.ec-why svg{width:30px;height:30px;color:#4f83cc;margin-bottom:20px}.ec-why p{font-size:15px}
.solution-ecommerce .solution-faq-layout{grid-template-columns:.7fr 1.3fr;gap:48px}.solution-ecommerce .solution-faq-layout>*{min-width:0}.solution-ecommerce .solution-faq-layout h2{font-size:30px}
.solution-ecommerce .solution-faq details,.solution-ecommerce .solution-faq details:first-child{margin-bottom:10px;padding:0 22px;border:1px solid var(--ec-line);border-radius:14px;background:#fff}.solution-ecommerce .solution-faq details[open]{background:linear-gradient(135deg,#f5f9ff,#fff);border-color:#c6d9f4}.solution-ecommerce .solution-faq summary{padding:20px 0;gap:16px}.solution-ecommerce .solution-question{font-size:15px;line-height:1.7}.solution-ecommerce .solution-faq-answer{padding-bottom:22px}.solution-ecommerce .solution-faq-answer p{font-size:15px;line-height:1.8;padding-right:10px}
.ec-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ec-resources a{display:flex;flex-direction:column}.ec-resources .text-link{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:8px;font-size:14px}.ec-resources .text-link svg{width:18px;height:18px}.ec-resource-brand{display:inline-flex;align-self:flex-start;padding:7px 12px;margin-bottom:24px;background:#f1f6ff;border:1px solid #dfe9f8;border-radius:9px;font-size:12px;font-weight:600;color:#3b6cac}
.solution-ecommerce .solution-final{padding:60px 48px;background:radial-gradient(ellipse at top right,#234c80,transparent 65%),linear-gradient(135deg,#101f37,#152c4a);border-radius:28px;box-shadow:0 20px 50px -30px #173a6c70}.solution-ecommerce .solution-final p{font-size:16px}.solution-ecommerce .solution-final .solution-platforms span{color:#d3e2f9;border-color:#ffffff20;background:#ffffff08;font-size:12px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.solution-ecommerce .solution-card:hover{transform:translateY(-4px);border-color:#bed2ee;box-shadow:0 16px 34px -22px #315d9255}.ec-profile{transition:transform .25s ease,box-shadow .25s ease}.ec-profile:hover{transform:translateY(-5px);box-shadow:0 18px 28px -18px #27579f70}}
@media(max-width:1100px){.solution-ecommerce .ec-pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-profile-grid{gap:14px}.ec-isolation{padding:24px}.solution-ecommerce .solution-feature,.solution-ecommerce .solution-feature.reverse{gap:24px;padding:24px}.ec-comparison th,.ec-comparison td{padding:20px}}
@media(max-width:900px){.solution-ecommerce .solution-section{padding-block:60px}.solution-ecommerce .solution-hero{padding-top:24px}.ec-profile-grid{grid-template-columns:1fr}.ec-profile-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.ec-profile-settings span{align-items:flex-start}.ec-scenario-grid,.ec-why{grid-template-columns:1fr}.ec-scenario-art{height:80px}.ec-steps{gap:16px}.ec-steps li{padding:20px}.solution-ecommerce .solution-faq-layout{grid-template-columns:1fr;gap:24px}.solution-ecommerce .solution-faq-layout .solution-heading{position:static;text-align:center;margin:auto}.ec-resources{gap:16px}}
@media(max-width:640px){.solution-ecommerce .solution-container{padding-inline:20px}.solution-ecommerce .solution-section{padding-block:48px}.solution-ecommerce .solution-hero{padding-top:20px}.solution-ecommerce .solution-breadcrumb{font-size:10px;margin-bottom:28px}.solution-ecommerce .solution-hero h1{font-size:32px;line-height:1.3}.solution-ecommerce .solution-lead{font-size:16px}.solution-ecommerce .solution-hero .eyebrow{font-size:10px;max-width:100%;text-align:left}.solution-ecommerce .solution-platforms{gap:8px}.solution-ecommerce .solution-platforms span{font-size:11px;padding:4px 7px}.solution-ecommerce .ec-hero-proof{margin-top:28px;padding:10px;border-radius:18px}.solution-ecommerce .solution-heading{margin-bottom:28px}.solution-ecommerce .solution-heading h2,.solution-ecommerce .solution-final h2,.solution-ecommerce .solution-faq-layout h2{font-size:27px;line-height:1.4}.solution-ecommerce .solution-heading p{font-size:15px}.solution-ecommerce .solution-card{padding:24px;border-radius:18px}.solution-ecommerce .ec-pain-grid,.ec-steps,.ec-resources{grid-template-columns:1fr}.ec-comparison{border-radius:18px}.ec-comparison table,.ec-comparison tbody,.ec-comparison tr,.ec-comparison td,.ec-comparison th{display:block;width:auto}.ec-comparison thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.ec-comparison tbody th{padding:18px 20px 12px;border-bottom:0;font-size:16px}.ec-comparison td{padding:14px 20px;border:0;font-size:14px}.ec-comparison td:last-child{border-bottom:1px solid #dce6f3}.ec-cell-label{display:block;font-size:11px;font-weight:600;margin-bottom:7px;color:#68819e}.ec-isolation{padding:20px 16px;border-radius:20px}.ec-profile-settings{grid-template-columns:1fr}.ec-profile-grid{gap:18px}.solution-ecommerce .solution-feature,.solution-ecommerce .solution-feature.reverse{grid-template-columns:1fr;padding:24px;gap:24px;border-radius:18px}.solution-ecommerce .solution-feature.reverse>div{order:0}.solution-ecommerce .solution-feature p{font-size:15px}.ec-product-image{padding:10px;border-radius:12px}.solution-ecommerce .solution-faq details,.solution-ecommerce .solution-faq details:first-child{padding-inline:16px}.solution-ecommerce .solution-final{padding:42px 24px;border-radius:20px}.ec-why{gap:18px}.ec-why article{padding:8px}.solution-ecommerce .solution-faq-answer p{padding-right:0}}
@media(prefers-reduced-motion:reduce){.solution-ecommerce *{transition:none!important;animation:none!important}}
@media(max-width:640px){.solution-ecommerce .solution-feature.reverse{grid-template-columns:1fr}.solution-ecommerce .solution-feature.reverse>div:first-child,.solution-ecommerce .solution-feature.reverse>div:last-child{order:0}:lang(zh) .solution-ecommerce .solution-hero h1{font-size:clamp(24px,7vw,32px)}}