:root{--ink:#142940;--muted:#596b7c;--blue:#1263df;--line:#dce4eb;--paper:#f6f8fa}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #459cf5;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:white}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:158px;height:76px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.nav-links>a:not(.button):hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 24px;background:var(--blue);color:white;border-radius:5px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}.button:hover{background:#084eb7;transform:translateY(-2px)}.button-small{padding:13px 20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-block:84px 88px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;line-height:1.6;margin:0 0 24px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:var(--blue);border-radius:50%}h1{font-size:clamp(48px,5.3vw,75px);line-height:1.04;letter-spacing:-3.5px;margin:0 0 26px;font-weight:600}h1 em{font-style:normal;color:var(--blue)}.intro{max-width:470px;font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 30px}.actions{display:flex;align-items:center;gap:25px}.text-link{display:inline-flex;gap:18px;font-size:13px;font-weight:600;align-items:center}.hero-note{font-size:11px;color:var(--muted);margin:24px 0 0}.platform-visual{position:relative;padding:27px;background:#eff4f9;border:1px solid #e0e8f0;border-radius:14px;box-shadow:0 28px 65px -45px #214c7e}.visual-top{font-size:9px;letter-spacing:1.1px;display:flex;align-items:center;gap:7px;font-weight:700;color:#61778c;margin-bottom:40px}.live-dot{width:6px;height:6px;background:#3ca387;border-radius:50%}.visual-plus{margin-left:auto;font-size:17px}.store-row{display:flex;gap:13px}.store{flex:1;background:white;border:1px solid #dce5ef;border-radius:7px;padding:20px 8px 14px;text-align:center;font-size:11px;font-weight:600;box-shadow:0 6px 12px #1a3c6010}.store-icon{display:block;font-size:28px;font-weight:400;color:var(--blue);margin-bottom:12px}.store-line{display:block;background:#e9eef4;height:4px;width:35px;margin:13px auto 0;border-radius:4px}.connectors{display:flex;justify-content:space-around;height:48px;position:relative}.connectors:after{content:"";position:absolute;left:16.6%;right:16.6%;bottom:16px;border-bottom:1px solid #a7c3e3}.connectors span{height:32px;border-left:1px solid #a7c3e3}.connectors span:nth-child(2){height:48px}.platform-core{display:flex;gap:16px;align-items:center;background:var(--blue);border-radius:8px;color:white;padding:25px 22px;box-shadow:0 12px 25px #1263df22}.core-mark{font-size:36px;letter-spacing:-4px;font-weight:700}.core-mark span{color:#a0d3ff}.platform-core strong{display:block;font-size:23px;letter-spacing:-.8px}.platform-core div>span{display:block;font-size:10px;color:#d3e5ff;margin-top:6px}.core-spark{margin-left:auto;font-size:32px;color:#9bc9ff}.capabilities{display:flex;justify-content:center;gap:24px;font-size:10px;color:#536d87;padding:20px 0;border-bottom:1px solid #ccdaea}.capabilities span:before{content:'✓';color:var(--blue);margin-right:6px}.vendor-line{height:24px;width:1px;background:#a7c3e3;margin:auto}.vendor-row{display:flex;justify-content:space-between;align-items:center;padding:18px;background:white;border:1px solid #dce5ef;border-radius:6px;font-size:11px;font-weight:500}.vendor-row>span:nth-child(2){color:var(--blue);font-size:20px}.visual-bottom{display:flex;justify-content:space-between;margin-top:31px;font-size:8px;letter-spacing:.7px;color:#60788e}.visual-bottom>span:last-child{font-size:10px;letter-spacing:0}.audience{border-block:1px solid var(--line);background:#fafbfc}.audience-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:25px}.audience p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.audience strong{color:var(--ink);font-weight:600}.audience-inner>span{font-size:15px;font-weight:600;letter-spacing:-.3px}.section{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:46px}h2{font-size:clamp(30px,3.2vw,44px);line-height:1.17;letter-spacing:-1.8px;font-weight:600;margin:0}.section-heading .eyebrow{color:var(--blue);margin-bottom:16px}.section-heading>p{max-width:360px;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.benefit-grid article{border-top:1px solid var(--line);padding-top:26px}.feature-number{font-size:10px;letter-spacing:1.4px;color:var(--blue);font-weight:600}h3{font-size:24px;line-height:1.3;letter-spacing:-.7px;font-weight:600;margin:22px 0 15px}.benefit-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 25px;min-height:100px}.solutions-section{background:#132b43;color:white;padding-block:77px}.solutions-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.solutions-layout .eyebrow{color:#8ec5ff}.solutions-layout p:not(.eyebrow){font-size:15px;line-height:1.8;color:#b7c8d8;max-width:390px;margin:22px 0 28px}.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:#dcecff}.solution-list{align-self:center}.solution-list>a{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid #ffffff26;font-size:20px;letter-spacing:-.4px}.solution-list>a:first-child{border-top:1px solid #ffffff26}.solution-list small{font-size:10px;color:#8ba5be;margin-right:22px;letter-spacing:0}.solution-list>a>span:last-child{color:#87bbf6}.solution-list>a:hover{color:#87bbf6}.closing{padding-block:90px;text-align:center}.closing .eyebrow{color:var(--blue);margin-bottom:19px}.closing .button{margin-top:30px}.site-footer{background:var(--paper);border-top:1px solid var(--line);padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr 1.1fr .8fr;gap:40px;padding-bottom:45px}.footer-grid h3{font-size:12px;letter-spacing:0;margin:0 0 20px}.footer-grid a{display:block;font-size:12px;color:var(--muted);margin-bottom:13px}.footer-grid .footer-brand{font-size:19px;font-weight:600;color:var(--ink);letter-spacing:-.5px;margin-bottom:25px}.footer-brand span{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:11px}.site-footer a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:20px}.footer-bottom div{display:flex;gap:24px}.skip-link{position:absolute;left:20px;top:-60px;background:white;padding:12px;z-index:10}.skip-link:focus{top:10px}@media(min-width:1500px){.hero{padding-block:110px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;padding-block:60px}h1{font-size:56px}.actions{flex-wrap:wrap;gap:20px}.platform-visual{padding:20px}.audience-inner{flex-wrap:wrap;justify-content:flex-start;gap:20px 35px}.audience p{width:100%}.benefit-grid{gap:25px}.solutions-layout{gap:45px}.footer-grid{gap:25px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:82px}.brand img{width:130px;height:65px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--line);border-radius:4px;padding:10px 12px;font-size:13px;color:var(--ink)}.nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:24px 20px;z-index:5;align-items:stretch;gap:22px}.nav-links.is-open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding-block:42px 45px;gap:40px}h1{font-size:58px;letter-spacing:-3px}.eyebrow{font-size:9px}.intro{font-size:16px}.platform-visual{max-width:500px;width:100%;margin:auto}.visual-top{margin-bottom:25px}.audience-inner{gap:20px 25px}.audience-inner>span{font-size:13px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.benefit-grid{grid-template-columns:1fr;gap:30px}.benefit-grid p{min-height:0;max-width:480px}.benefit-grid h3{font-size:25px}.solutions-section{padding-block:50px}.solutions-layout{grid-template-columns:1fr;gap:30px}.solution-list>a{font-size:18px;padding-block:22px}.closing{padding-block:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;line-height:1.6}h2{letter-spacing:-1px}.store{font-size:10px}.capabilities{gap:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* eComNow product story and original platform graphics */
.product-story{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center;padding-block:5px 95px}.product-photo{position:relative;align-self:stretch;min-height:480px;border-radius:10px;overflow:hidden;background:#172c3b}.product-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:57% center}.product-photo:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0a1c2ccc)}.product-photo>span{position:absolute;bottom:28px;left:28px;right:20px;z-index:1;font-size:10px;font-weight:600;color:white;letter-spacing:1.6px}.product-copy .eyebrow{color:var(--blue);margin-bottom:16px}.product-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);margin:20px 0}.product-points{list-style:none;padding:0;margin:27px 0}.product-points li{position:relative;padding-left:27px;margin-bottom:21px}.product-points li:before{content:'✓';position:absolute;left:0;top:0;color:var(--blue)}.product-points strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.product-points li>span{display:block;color:var(--muted);font-size:13px;line-height:1.75}.network-section{background:var(--paper);border-top:1px solid var(--line);padding-block:80px}.network-figure{margin:0;background:white;border:1px solid var(--line);border-radius:10px;padding:35px 45px 0}.network-figure>a{display:block;max-width:990px;margin:auto}.network-figure img{display:block;width:100%;height:auto}.network-figure figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:25px;padding-block:22px;align-items:center}.network-figure figcaption>span{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.network-figure figcaption>a{font-size:12px;font-weight:600;color:var(--blue)}.network-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.network-steps>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px}.network-steps>div>span{color:var(--blue);font-size:11px;padding-top:5px}.network-steps h3{font-size:17px;letter-spacing:-.3px;margin:0 0 9px}.network-steps p{grid-column:2;font-size:13px;color:var(--muted);line-height:1.8;margin:0}@media(max-width:1000px){.product-story{gap:35px}.product-photo{min-height:510px}}@media(max-width:700px){.product-story{grid-template-columns:1fr;gap:30px;padding-block:0 55px}.product-photo{min-height:0;aspect-ratio:1.25}.product-photo>span{left:20px;font-size:9px}.network-section{padding-block:50px}.network-figure{padding:12px 12px 0}.network-figure figcaption{flex-wrap:wrap;margin-top:12px;padding-block:16px;gap:12px}.network-figure figcaption>span{font-size:8px}.network-figure figcaption>a{font-size:11px}.network-steps{grid-template-columns:1fr;gap:25px;margin-top:28px}}
/* A shared atmospheric backdrop adds depth without competing with the content. */
body{background-color:#f7f9fc;background-image:radial-gradient(ellipse at 0% 12%,#dceaff80 0,transparent 42%),radial-gradient(ellipse at 100% 42%,#dff1f580 0,transparent 38%)}
.site-header{background:#ffffffed}
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;inset:0 -35px;background-image:linear-gradient(#4282bf09 1px,transparent 1px),linear-gradient(90deg,#4282bf09 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 65%,transparent);pointer-events:none}
.audience{background:#eef4fae6}
.platform-visual{background:linear-gradient(140deg,#f5f9ff,#e9f1fa);box-shadow:0 28px 65px -45px #214c7e}
.benefit-grid article{background:#ffffffa6;border:1px solid #dce5ef;border-radius:10px;padding:27px 25px;box-shadow:0 10px 25px -20px #214c7e55}
.network-section{background:linear-gradient(125deg,#edf4fc,#f5f8fc 60%,#eaf5f6)}
.solutions-section{background-color:#132b43;background-image:radial-gradient(ellipse at 95% 0%,#245b8070,transparent 60%),linear-gradient(135deg,#10273f,#183950)}
.closing{position:relative;isolation:isolate}
.closing:before{content:"";position:absolute;inset:25px 0;z-index:-1;border-radius:18px;background:radial-gradient(ellipse at center,#deebfd90,transparent 70%);pointer-events:none}
.site-footer{background:#edf2f8}
@media(max-width:700px){.hero:before{inset:0 -15px}.benefit-grid article{padding:24px}}
