/* E-Commerce Development — page-scoped styling */
.ec-page{--ec-navy:#0B1F3A;--ec-blue:#2563EB;--ec-bright:#168BFF;--ec-muted:#66758A;--ec-line:#E3E9F1;color:var(--ec-navy);overflow:hidden}
.ec-page h1,.ec-page h2,.ec-page h3,.ec-page p{margin-top:0}
.ec-hero{position:relative;overflow:hidden;padding:74px 0 92px;background:linear-gradient(125deg,#F5F9FF 0%,#fff 57%,#EDF5FF 100%)}
.ec-hero-glow{position:absolute;width:560px;height:560px;right:-160px;top:-220px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);pointer-events:none}
.ec-breadcrumb{display:flex;align-items:center;gap:11px;color:#72829A;font-size:13px;font-weight:600;margin-bottom:30px;flex-wrap:wrap}
.ec-breadcrumb a{color:#60728D;text-decoration:none}.ec-breadcrumb a:hover{color:var(--ec-blue)}.ec-breadcrumb i{font-size:10px}
.ec-eyebrow,.ec-kicker{font-size:12px;font-weight:800;letter-spacing:1.65px;color:var(--ec-blue)}.ec-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px}.ec-dot{width:8px;height:8px;background:var(--ec-blue);border-radius:50%;box-shadow:0 0 0 5px #E3EDFF}
.ec-hero h1{font-size:clamp(40px,4.4vw,61px);font-weight:800;line-height:1.11;letter-spacing:-2.4px;max-width:760px;margin-bottom:23px}.ec-hero h1 span,.ec-section-heading h2 span,.ec-title span{color:var(--ec-blue)}
.ec-lead{font-size:17px;line-height:1.85;color:#60718A;max-width:650px;margin-bottom:29px}
.ec-actions{display:flex;flex-wrap:wrap;gap:13px}.ec-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border-radius:9px;font-size:14px;font-weight:750;padding:15px 22px;transition:transform .2s,background .2s,box-shadow .2s;border:1px solid transparent}.ec-btn:hover{transform:translateY(-2px)}.ec-btn-primary{background:var(--ec-blue);color:#fff;box-shadow:0 12px 25px rgba(37,99,235,.18)}.ec-btn-primary:hover{background:#174DC4;color:#fff}.ec-btn-outline{border-color:#CEDBF0;color:var(--ec-navy);background:#fff}.ec-btn-outline:hover{color:var(--ec-blue);border-color:var(--ec-blue)}.ec-hero-notes{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:12px;color:#65758C;font-weight:650}.ec-hero-notes i{color:#16A36A;margin-right:5px}
.ec-visual{position:relative;height:410px;display:flex;align-items:center;justify-content:center}.ec-visual-orbit{position:absolute;border:1px dashed rgba(37,99,235,.19);border-radius:50%;width:390px;height:390px}.ec-visual-orbit.orbit-two{width:470px;height:470px;opacity:.55}.ec-browser{position:relative;z-index:2;width:410px;max-width:100%;background:#fff;border:1px solid #D7E4F7;border-radius:15px;box-shadow:0 28px 70px rgba(11,31,58,.17);overflow:hidden;transform:rotate(-3deg)}.ec-browser-top{height:37px;background:#F2F6FC;border-bottom:1px solid #E4ECF6;display:flex;align-items:center;gap:5px;padding:0 13px}.ec-browser-top>span{height:7px;width:7px;border-radius:50%;background:#CAD7E8}.ec-browser-top>span:first-child{background:#F3A5A5}.ec-browser-top>span:nth-child(2){background:#F5D187}.ec-browser-top>span:nth-child(3){background:#9FD6B3}.ec-address{margin:auto;color:#8594AA;font-size:9px;background:#fff;border-radius:4px;padding:3px 35px}.ec-browser-body{padding:20px}.ec-mock-nav{display:flex;align-items:center;gap:12px}.ec-mock-nav b{font-size:10px;color:#0B1F3A;margin-right:auto}.ec-mock-nav i{height:5px;width:28px;background:#E3EAF4;border-radius:3px}.ec-mock-main{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:15px;padding:34px 0 25px}.ec-mock-main small{display:block;font-size:8px;color:#2563EB;font-weight:800;letter-spacing:1px;margin-bottom:8px}.ec-mock-main strong{display:block;font-size:23px;line-height:1.2;letter-spacing:-.6px}.ec-mock-main em{display:block;height:6px;width:95%;background:#DDE7F3;border-radius:6px;margin-top:12px}.ec-mock-main em.short{width:70%;margin-top:6px}.ec-mock-button{display:block;width:90px;height:20px;background:#2563EB;border-radius:4px;margin-top:15px}.ec-mock-art{height:135px;border-radius:14px;background:linear-gradient(145deg,#D9E9FF,#88B7FF);display:grid;place-items:center;color:#fff;font-size:58px}.ec-mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ec-mock-cards span{height:45px;background:#F0F5FC;border:1px solid #E7EDF6;border-radius:7px}.ec-float{position:absolute;z-index:3;background:#fff;box-shadow:0 13px 35px rgba(11,31,58,.13);border:1px solid #E1EAF6;border-radius:11px;padding:12px 16px;display:flex;gap:11px;align-items:center;font-size:10px;line-height:1.45;color:#66758A}.ec-float strong{color:#0B1F3A;font-size:12px}.ec-float>i{font-size:21px;color:#2563EB}.ec-float-top{right:-7px;top:15px}.ec-float-bottom{bottom:12px;left:-13px}
.ec-section{padding:92px 0}.ec-section-heading{max-width:760px;margin:0 auto 44px}.ec-section-heading h2,.ec-title{font-size:clamp(32px,3.5vw,45px);font-weight:800;line-height:1.18;letter-spacing:-1.5px;margin:14px 0 15px}.ec-section-heading p,.ec-copy{color:var(--ec-muted);font-size:16px;line-height:1.85}.ec-service{height:100%;border:1px solid var(--ec-line);border-radius:15px;padding:31px;background:#fff;box-shadow:0 8px 30px rgba(11,31,58,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.ec-service:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,31,58,.09);border-color:#B9D0F5}.ec-service-icon{width:54px;height:54px;border-radius:12px;background:#EAF3FF;color:var(--ec-blue);display:grid;place-items:center;font-size:25px;margin-bottom:23px}.ec-service h3{font-size:20px;font-weight:750;margin-bottom:12px}.ec-service p{font-size:14px;line-height:1.8;color:var(--ec-muted);min-height:76px;margin-bottom:20px}.ec-service>span{color:var(--ec-blue);font-size:12px;font-weight:750}.ec-service>span i{margin-left:6px}
.ec-value{background:#F6F9FE}.ec-copy{max-width:520px}.ec-text-link{display:inline-flex;gap:10px;align-items:center;color:var(--ec-blue);text-decoration:none;font-size:14px;font-weight:750;margin-top:13px}.ec-benefits{background:#fff;border:1px solid #E2EAF5;border-radius:17px;padding:12px 30px;box-shadow:0 15px 50px rgba(11,31,58,.04)}.ec-benefit{display:flex;gap:18px;padding:24px 0}.ec-benefit+.ec-benefit{border-top:1px solid #E8EDF4}.ec-benefit>i{width:48px;height:48px;min-width:48px;border-radius:11px;background:#EAF3FF;color:var(--ec-blue);display:grid;place-items:center;font-size:22px}.ec-benefit h3{font-size:18px;font-weight:750;margin-bottom:6px}.ec-benefit p{font-size:14px;color:var(--ec-muted);line-height:1.75;margin:0}
.ec-process{background:#fff}.ec-step{position:relative;height:100%;border:1px solid #E3E9F1;border-radius:14px;padding:29px 26px;background:#fff}.ec-step-num{position:absolute;top:25px;right:25px;color:#C7D8F1;font-size:25px;font-weight:800}.ec-step>i{display:grid;place-items:center;width:52px;height:52px;background:#EAF3FF;color:#2563EB;border-radius:11px;font-size:24px;margin-bottom:24px}.ec-step h3{font-size:19px;font-weight:750;margin-bottom:11px}.ec-step p{font-size:14px;color:var(--ec-muted);line-height:1.8;margin:0}
.ec-faq{background:#F7FAFE}.ec-accordion .accordion-item{border:1px solid #E1E9F3;border-radius:10px!important;overflow:hidden;margin-bottom:12px;background:#fff}.ec-accordion .accordion-button{font-size:15px;font-weight:700;color:var(--ec-navy);padding:21px 22px;box-shadow:none}.ec-accordion .accordion-button:not(.collapsed){background:#EDF4FF;color:#174DBD;box-shadow:none}.ec-accordion .accordion-button:focus{box-shadow:0 0 0 2px #BBD3FF}.ec-accordion .accordion-body{color:var(--ec-muted);font-size:14px;line-height:1.8;padding:0 22px 22px}
/* Final CTA — matched to the existing Contact page */
.ec-final{padding:70px 0;background:#fff}
.ec-final-inner{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:22px;padding:34px 38px;background:linear-gradient(125deg,#2867EA,#1757CB);border-radius:17px;box-shadow:0 18px 40px rgba(37,99,235,.16)}
.ec-final-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:12px;font-size:23px}
.ec-final-content>span{display:block;margin-bottom:6px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;letter-spacing:1.2px}
.ec-final-content h2{margin:0;color:#fff;font-size:25px;line-height:1.35;font-weight:600;letter-spacing:0}
.ec-final-content h2 strong{font-weight:800}
.ec-final-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;color:#2563EB;background:#fff;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:.25s;white-space:nowrap}
.ec-final-button:hover{color:#0B1F3A;transform:translateY(-2px)}

@media(max-width:1199px){.ec-float-top{right:0}.ec-float-bottom{left:0}.ec-browser{width:370px}}
@media(max-width:991px){.ec-hero{padding:65px 0 72px}.ec-section{padding:74px 0}.ec-final-inner{grid-template-columns:58px 1fr}.ec-final-button{grid-column:1/-1;width:100%}.ec-service p{min-height:0}}
@media(max-width:575px){.ec-hero{padding:48px 0 60px}.ec-hero h1{font-size:38px;letter-spacing:-1.5px}.ec-lead{font-size:15px}.ec-breadcrumb{margin-bottom:23px}.ec-actions{flex-direction:column;align-items:stretch}.ec-btn{width:100%}.ec-hero-notes{gap:12px 17px}.ec-section{padding:60px 0}.ec-section-heading{margin-bottom:31px}.ec-section-heading h2,.ec-title{font-size:32px}.ec-service{padding:25px}.ec-benefits{padding:5px 21px}.ec-benefit{gap:12px}.ec-benefit>i{width:42px;height:42px;min-width:42px}.ec-final{padding:55px 0}.ec-final-inner{grid-template-columns:1fr;padding:28px 24px}.ec-final-icon{width:48px;height:48px}.ec-final-content h2{font-size:22px;line-height:1.4}}

/* Storefront illustration */
.ec-store-screen{position:relative;z-index:2;width:415px;max-width:100%;background:#fff;border:1px solid #D7E4F7;border-radius:15px;box-shadow:0 28px 70px rgba(11,31,58,.17);overflow:hidden;transform:rotate(-2deg)}
.ec-store-top{height:39px;background:#F2F6FC;border-bottom:1px solid #E4ECF6;display:flex;align-items:center;gap:6px;padding:0 14px}
.ec-store-top b{font-size:10px;color:#0B1F3A;margin-right:auto}.ec-store-top span{width:35px;height:6px;border-radius:5px;background:#D6E1EF}.ec-store-top span:last-child{width:15px;background:#2563EB;height:15px;border-radius:50%}
.ec-store-banner{margin:17px;border-radius:10px;background:linear-gradient(120deg,#E9F2FF,#D0E3FF);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.ec-store-banner small{display:block;color:#2563EB;font-size:9px;font-weight:800;letter-spacing:1px}.ec-store-banner strong{display:block;font-size:19px;line-height:1.3;margin:7px 0}.ec-store-banner i{font-size:54px;color:#2563EB}.ec-store-pill{display:block;width:78px;height:17px;background:#2563EB;border-radius:4px;margin-top:11px}
.ec-store-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 17px 20px}.ec-store-product{border:1px solid #E5EDF8;border-radius:8px;padding:7px}.ec-store-product div{height:63px;background:#F1F6FE;border-radius:5px;display:grid;place-items:center;color:#2563EB;font-size:26px}.ec-store-product span{display:block;width:80%;height:6px;background:#DCE7F5;border-radius:4px;margin:9px 0 5px}.ec-store-product b{font-size:11px;color:#0B1F3A}
.ec-visual .ec-float-top{right:-7px;top:18px}.ec-visual .ec-float-bottom{left:-8px;bottom:10px}
@media(max-width:575px){.ec-store-banner{padding:16px}.ec-store-banner strong{font-size:16px}}