/* Ecommerce landing only. Shared brand typography, navigation and buttons are retained. */
.ec-page{--ec-ink:#10155c;--ec-muted:#45536b;--ec-accent:#6044cc;--ec-line:#e5edf7;--ec-wash:#f5f8fd;color:var(--ec-ink);background:#fff;direction:rtl;text-align:right}
.ec-page *,.ec-page *::before,.ec-page *::after{box-sizing:border-box}
.ec-page h1,.ec-page h2,.ec-page h3{color:var(--ec-ink);letter-spacing:-.4px}
.ec-page h2{font-size:clamp(30px,2.5vw,36px);font-weight:800;line-height:1.7;margin:0 0 18px}
.ec-page h3{font-size:22px;font-weight:700;line-height:1.8;margin:0 0 13px}
.ec-page p,.ec-page li{font-size:17px;line-height:1.95;color:var(--ec-muted)}
.ec-page p{margin:0 0 20px}.ec-page strong{color:var(--ec-ink)}
.ec-page a{color:#5840bd;text-decoration:none}.ec-page a:hover{text-decoration:underline}
.ec-page img{max-width:100%;height:auto;display:block}.ec-page figure{margin:0;min-width:0}
.ec-page em{color:var(--ec-accent);font-style:normal}.ec-page section[id],.ec-page article[id]{scroll-margin-top:115px}
.ec-page a:focus-visible,.ec-page summary:focus-visible,.ec-page button:focus-visible,.ec-page input:focus-visible{outline:3px solid #7057e8;outline-offset:5px}
.ec-skip{position:fixed;right:20px;top:-100px;background:#fff;color:#10155c;padding:12px 20px;z-index:10000;border:2px solid #7057e8}.ec-skip:focus{top:15px}
.ec-section{padding-top:76px;padding-bottom:76px}.ec-wash{background:var(--ec-wash)}
.ec-heading{max-width:850px;text-align:center;margin:0 auto 36px}.ec-heading p{margin-bottom:0}
.ec-eyebrow{display:inline-block;color:#6650c5;font-size:16px;font-weight:700;line-height:1.8;margin-bottom:12px}
.ec-hero{padding:135px 0 0;background:radial-gradient(ellipse at 15% 55%,#e4f0ff,transparent 57%),linear-gradient(115deg,#f5f8ff,#fffaf1)}
.ec-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:16px;color:#626e89;margin-bottom:24px}
.ec-breadcrumb a{color:inherit}.ec-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:center}
.ec-hero h1{font-size:clamp(40px,3.5vw,48px);line-height:1.7;font-weight:800;margin-bottom:22px}
.ec-hero-copy p{font-size:17px}.ec-hero-copy strong{font-weight:600}
.ec-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}
.ec-page .avatar-btn{font-size:16px;max-width:100%;color:#fff;text-decoration:none}.ec-page .avatar-btn-text{white-space:normal;line-height:1.9}
.ec-hero-visual{position:relative;border:1px solid #fff;border-radius:22px;background:#fff;padding:12px;box-shadow:0 22px 65px #425e9220}
.ec-hero-visual img{width:100%;border-radius:12px}.ec-project-label{display:flex;align-items:center;gap:8px;font-size:16px;padding:6px 3px 14px;color:#59647e}
.ec-dot{width:8px;height:8px;border-radius:50%;background:#3dab93;display:inline-block}
.ec-hero-visual figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:16px;line-height:1.9;padding:16px 3px 4px}
.ec-tech-tags{display:flex;gap:8px;padding:8px 3px 3px;font-size:16px}.ec-tech-tags span{background:#f3f0ff;border-radius:6px;padding:4px 8px}
.ec-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 0;margin:38px 0 0;list-style:none;border-top:1px solid #dce4ef;gap:20px}
.ec-benefits li{display:flex;gap:14px;align-items:center;justify-content:center;font-size:16px;line-height:1.9;margin:0}.ec-benefits i{font-size:25px;color:var(--ec-accent)}.ec-benefits strong{font-size:16px}
.ec-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;padding-top:21px;padding-bottom:21px;border-bottom:1px solid var(--ec-line)}.ec-jump a{font-size:16px;padding:5px 0;color:#59647e}
.ec-solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ec-solution{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e1e5f5;border-radius:19px;padding:32px;background:linear-gradient(145deg,#fff,#f8f7ff);box-shadow:0 12px 30px #24397607;min-width:0}
.ec-icon{display:inline-flex;width:49px;height:49px;align-items:center;justify-content:center;border-radius:14px;background:#efebff;color:var(--ec-accent);font-size:23px;margin-bottom:18px;flex-shrink:0}
.ec-kicker{display:block;font-size:16px;line-height:1.9;color:#655388;margin-bottom:10px}
.ec-solution h3{font-size:23px}.ec-checks{padding:0;list-style:none;margin:0 0 18px;width:100%}
.ec-checks li{position:relative;padding-right:24px;font-size:16px;margin-bottom:8px}.ec-checks li:before{content:'✓';position:absolute;right:0;color:#7057e8}
.ec-page .ec-note{font-size:16px;padding:12px 15px;border-right:3px solid #c4b8f5;background:#f1effa;border-radius:5px;width:100%}
.ec-card-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid #e5e3f1;padding-top:17px;width:100%;margin-top:auto}
.ec-link{display:inline-flex;gap:10px;align-items:center;font-size:16px;font-weight:600;min-height:44px}
.ec-small-cta{display:inline-flex;align-items:center;min-height:44px;border:1px solid #d5cbee;padding:8px 13px;border-radius:8px;font-size:16px}
.ec-wordpress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:22px;border:1px solid var(--ec-line);border-radius:14px;padding:24px;background:#f8fafc}
.ec-wordpress>i{font-size:45px;color:#678095}.ec-wordpress h3{font-size:22px;margin-bottom:8px}.ec-wordpress p{font-size:16px;margin-bottom:0}.ec-wordpress .ec-kicker{margin-bottom:4px}
.ec-table-wrap{border:1px solid #dce4f1;border-radius:16px;background:#fff;padding:0 0 12px}
.ec-table{width:100%;border-collapse:collapse;margin:0;table-layout:fixed;text-align:right;color:var(--ec-muted)}
.ec-table caption{caption-side:bottom;padding:16px 20px 0;font-size:16px;color:#606c83;text-align:right}
.ec-table th,.ec-table td{border:0;border-bottom:1px solid #e7edf6;padding:16px;vertical-align:top;font-size:16px;line-height:2;overflow-wrap:anywhere}
.ec-table thead th{background:#edeaf9;color:#342664;font-size:16px}.ec-table thead th:first-child{border-radius:0 15px 0 0;width:17%}.ec-table thead th:last-child{border-radius:15px 0 0 0}
.ec-table tbody th{font-weight:600;color:var(--ec-ink);background:#f8faff}.ec-table tbody tr:last-child>*{border-bottom:0}
.ec-page .ec-summary{font-size:16px;border-right:3px solid #7057e8;padding:0 18px;margin-top:25px;margin-bottom:0}
.ec-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.ec-feature{padding:26px;border:1px solid var(--ec-line);border-radius:16px;background:#fff}.ec-feature p{font-size:16px;margin:0}
.ec-detail-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;margin-bottom:28px}
.ec-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 38px}.ec-detail-grid article{border-top:1px solid #dfe6f2;padding-top:22px}.ec-detail-grid p{margin-bottom:0}
.ec-detail-figure{padding:12px;background:#f6f8fd;border-radius:17px;border:1px solid #e5edf7}.ec-detail-figure img{border-radius:10px;width:100%}.ec-detail-figure figcaption{font-size:16px;line-height:2;color:#59647e;padding:14px 4px 3px}
.ec-platform-map{padding:30px;border:1px solid #dedaf2;border-radius:18px;background:radial-gradient(#d8d1ef 1px,transparent 1px),#fff;background-size:14px 14px;text-align:center}
.ec-core{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 15px;background:#eeebfa;border:1px solid #d9d0f5;border-radius:16px;box-shadow:0 10px 22px #7057e812}.ec-core i{color:#7057e8;font-size:34px}.ec-core span{font-size:16px;color:#69549c}
.ec-map-line{height:28px;width:1px;background:#a69aca;margin:auto}.ec-map-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ec-map-options span{background:#f7f9fe;border:1px solid #dee5f2;border-radius:10px;padding:15px 8px;font-size:16px;line-height:2}.ec-platform-map figcaption{font-size:16px;line-height:2;background:#fff;margin-top:18px;color:#59647e}
.ec-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 0;border-top:1px solid #dfe6f2;margin-top:30px}.ec-detail-footer p{margin:0;font-size:16px}
.ec-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.ec-project{border:1px solid #e2e9f4;border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.ec-project-image{display:block;aspect-ratio:900/555;background:#eef2fa;overflow:hidden}.ec-project-image img{width:100%;height:100%;object-fit:contain}.ec-project-copy{padding:23px;display:flex;flex-direction:column;flex:1}.ec-project h3{font-size:22px}.ec-project p{font-size:16px}.ec-project .ec-link{margin-top:auto}.ec-center{text-align:center;margin-top:24px}
.ec-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}.ec-steps li{margin:0;border-top:1px solid #dfe6f2;padding-top:25px}.ec-step-number{display:inline-flex;justify-content:center;align-items:center;color:#7057e8;background:#efebff;border-radius:14px;width:50px;height:50px;font-size:20px;font-weight:700;margin-bottom:16px}.ec-steps p{font-size:16px;margin-bottom:0}
.ec-why{background:linear-gradient(110deg,#eff5ff,#f5f1ff)}.ec-why article{padding:24px;background:#ffffffb8;border-radius:14px;border:1px solid #fff}.ec-why p{font-size:16px;margin-bottom:0}
.ec-before-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.ec-checklist{padding:10px 24px;list-style:none;border:1px solid var(--ec-line);border-radius:16px;background:#f9fbfe;margin:0}.ec-checklist li{border-bottom:1px solid var(--ec-line);padding:14px 0;margin:0;font-size:16px}.ec-checklist li:last-child{border-bottom:0}
.ec-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.ec-faq{border:1px solid #e3e7f2;border-radius:10px;background:#fff}.ec-faq summary{position:relative;font-size:16px;font-weight:600;line-height:1.9;cursor:pointer;list-style:none;padding:18px 20px 18px 48px;color:var(--ec-ink)}.ec-faq summary::-webkit-details-marker{display:none}.ec-faq summary:after{content:'+';position:absolute;left:20px;top:15px;font-size:22px;color:#7057e8}.ec-faq[open] summary:after{content:'−'}.ec-faq p{padding:0 20px 20px;font-size:16px;margin:0}
.ec-page .consultcta-section{scroll-margin-top:110px}.ec-page .consultcta-photo{aspect-ratio:auto}.ec-page .ec-form-status{font-size:16px;line-height:2;margin:15px 0 0;color:#3c4b69}.ec-page .ec-form-status:empty{display:none}.ec-page .ec-form-status[data-state=error]{color:#a12b3b}.ec-page .ec-form-status[data-state=success]{color:#176846}.ec-page [data-ec-form] [aria-invalid=true]{outline:2px solid #b53d50;outline-offset:2px}.ec-page [data-ec-form] button:disabled{opacity:.65;cursor:wait}
@media(max-width:991px){.ec-section{padding-top:54px;padding-bottom:54px}.ec-hero{padding-top:120px}.ec-hero-grid{gap:24px;grid-template-columns:1fr 1fr}.ec-hero h1{font-size:30px}.ec-hero-copy p{font-size:16px}.ec-feature-grid{grid-template-columns:1fr 1fr}.ec-wordpress{grid-template-columns:auto minmax(0,1fr)}.ec-wordpress>.ec-link{grid-column:2}.ec-detail-intro{gap:25px}.ec-project-grid{gap:15px}.ec-project-copy{padding:17px}.ec-detail-footer .avatar-btn{flex-shrink:0}.ec-solution{padding:24px}.ec-solution h3{font-size:20px}}
@media(max-width:767px){.ec-hero-grid,.ec-solutions,.ec-detail-intro,.ec-detail-grid,.ec-before-grid,.ec-faq-grid{grid-template-columns:minmax(0,1fr)}.ec-hero-visual{max-width:580px;width:100%;margin:10px auto 0!important}.ec-hero-grid{gap:25px}.ec-benefits{grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.ec-benefits li{justify-content:flex-start}.ec-section{padding-top:44px;padding-bottom:44px}.ec-heading{text-align:right;margin-bottom:25px}.ec-page h2{font-size:25px}.ec-jump{justify-content:flex-start;gap:5px 20px}.ec-table{display:block;table-layout:auto}.ec-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ec-table tbody{display:block}.ec-table tr{display:block;padding:8px 16px;border-bottom:1px solid #dfe6f2}.ec-table tr:last-child{border-bottom:0}.ec-table tbody th{display:block;border:0;border-radius:7px;padding:8px 10px;margin:6px 0;color:#342664;background:#eeebfa}.ec-table td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:12px 0;border:0;font-size:16px}.ec-table td+td{border-top:1px dashed #e9edf4}.ec-table caption{display:block}.ec-project-grid{grid-template-columns:1fr}.ec-project{display:grid;grid-template-columns:42% minmax(0,1fr)}.ec-project-image{height:100%;aspect-ratio:auto;background:#eef3fc}.ec-project-image img{object-fit:contain}.ec-project h3{font-size:16px}.ec-steps{grid-template-columns:1fr 1fr;gap:24px}.ec-detail-footer{align-items:flex-start;flex-direction:column}.ec-detail-intro{margin-bottom:26px}.ec-platform-map{max-width:550px;width:100%;margin:auto!important}.ec-before-grid{gap:20px}.ec-hero h1{font-size:32px}}
@media(max-width:480px){.ec-hero{padding-top:112px}.ec-hero h1{font-size:29px}.ec-feature-grid,.ec-steps{grid-template-columns:1fr}.ec-project{display:flex}.ec-project-image{aspect-ratio:900/555}.ec-solution{padding:22px}.ec-wordpress{gap:14px;padding:20px;grid-template-columns:30px minmax(0,1fr)}.ec-wordpress>i{font-size:30px}.ec-wordpress p{font-size:16px}.ec-wordpress>.ec-link{grid-column:1/-1}.ec-table td{grid-template-columns:84px minmax(0,1fr);gap:8px}.ec-actions{gap:10px 18px}.ec-benefits li{gap:9px}.ec-benefits i{font-size:21px}.ec-benefits strong{font-size:16px}.ec-platform-map{padding:22px}.ec-page .consultcta-form-card{max-width:100%}}
@media(prefers-reduced-motion:reduce){.ec-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V2: scoped commerce identity. Native hash navigation retains history and focus. */
html:has(body.ecommerce-page){scroll-behavior:smooth}
.ec-page{font-family:'Vazir-Regular-FD',sans-serif;font-size:18px;overflow-wrap:break-word;--ec-teal:#08776b}
.ec-page .container{width:100%;max-width:1280px;padding-inline:28px}
.ec-page [id]{scroll-margin-top:125px}
.ec-page h1,.ec-page h2,.ec-page h3{font-family:inherit;letter-spacing:normal;text-wrap:balance}
.ec-page p,.ec-page li{line-height:1.95}
.ec-page h3{font-size:23px;line-height:1.7}
.ec-page a{ text-underline-offset:5px;text-decoration-thickness:1px}
.ec-page p a{text-decoration:underline}
.ec-page a:focus-visible,.ec-page summary:focus-visible{outline:3px solid #08776b;outline-offset:5px}
.ec-page .ec-section{padding-block:88px}
.ec-page .ec-heading{max-width:900px;margin-bottom:44px}
.ec-page .ec-eyebrow{font-size:15px;color:#5940a9;display:inline-flex;align-items:center;gap:10px}
.ec-page .ec-eyebrow:before{content:'';width:25px;height:3px;border-radius:3px;background:#0a897d}
.ec-page .ec-kicker{font-size:14px;color:#51466f;font-weight:600}
.ec-page .ec-hero{position:relative;padding-top:140px;background:radial-gradient(ellipse at 10% 25%,#e0ddff,transparent 45%),radial-gradient(ellipse at 90% 10%,#e6f9f6,transparent 40%),#f2f7ff;isolation:isolate}
.ec-page .ec-hero:before{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#7a8db145 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to left,transparent 55%,#000)}
.ec-page .ec-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:48px;padding-block:20px 40px}
.ec-page .ec-hero h1{font-size:clamp(40px,3.5vw,48px);line-height:1.6;margin-bottom:24px}
.ec-page .ec-hero-copy p{font-size:18px;line-height:1.95;max-width:580px}
.ec-page .ec-breadcrumb{font-size:14px;color:#49566d}
.ec-page .ec-hero-stage{position:relative;min-width:0;padding:40px 14px 45px}
.ec-page .ec-orbit{position:absolute;inset:0 5%;border:1px solid #b5c8e3;border-radius:50%;transform:rotate(-12deg);pointer-events:none}
.ec-page .ec-orbit:after{content:'';position:absolute;width:18px;height:18px;border:5px solid #2aa99c;background:#fff;border-radius:50%;top:10%;left:10%}
.ec-page .ec-hero-visual{border:1px solid #e4e6f5;border-radius:24px;padding:16px;background:#fff;box-shadow:0 25px 65px #35467822;position:relative}
.ec-page .ec-hero-visual img{border-radius:12px;aspect-ratio:900/555;object-fit:contain}
.ec-page .ec-project-label{font-size:14px;color:#45536b}
.ec-page .ec-hero-visual figcaption{font-size:14px;line-height:1.9}
.ec-page .ec-tech-tags{font-size:14px;flex-wrap:wrap}
.ec-page .ec-tech-tags span{color:#4b3698;background:#f0edfc;padding:5px 10px}
.ec-page .ec-float{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e7f4;border-radius:16px;padding:14px 18px;box-shadow:0 12px 30px #263d721a;font-size:14px;line-height:1.8;color:#45536b;pointer-events:none}
.ec-page .ec-float i{display:grid;place-items:center;width:45px;height:45px;background:#e4f6f2;border-radius:13px;color:#08776b;font-size:23px}
.ec-page .ec-float-product{top:0;right:28px;transform:rotate(3deg)}
.ec-page .ec-float-order{bottom:0;left:0;transform:rotate(-3deg)}
.ec-page .ec-float-order i{background:#efebfc;color:#6044cc}
.ec-page .ec-benefits{border-top:1px solid #d3deed;margin:0;padding:28px 0;gap:24px}
.ec-page .ec-benefits li,.ec-page .ec-benefits strong{font-size:15px}
.ec-page .ec-benefits i{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;background:#fff;border-radius:14px;color:#08776b}
.ec-page .ec-jump{padding-block:22px;gap:8px 26px;max-width:none;background:#fff;border-bottom:1px solid #dfe7f2}
.ec-page .ec-jump a{font-size:16px;min-height:44px;display:inline-flex;align-items:center;color:#354364}
.ec-page .ec-jump a:hover{color:#6044cc;text-decoration:underline}
.ec-page .avatar-btn,.ec-page .avatar-btn-text{font-size:16px;line-height:1.8}
.ec-page .avatar-btn{min-height:52px;height:auto;padding:8px 8px 8px 20px;background:#6044cc;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}
.ec-page .avatar-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #6044cc28}
.ec-page .ec-secondary-cta,.ec-page .ec-small-cta{padding:12px 18px;border:1px solid #b9afe0;border-radius:12px;background:#ffffffb3;font-size:16px;min-height:52px}
.ec-page .ec-secondary-cta:hover,.ec-page .ec-small-cta:hover{background:#f0ecff;text-decoration:none}
.ec-page .ec-intro-copy{max-width:1000px;margin:0 auto 38px;padding-right:24px;border-right:3px solid #a4dcd5;font-size:18px}
.ec-page .ec-solutions{gap:28px}
.ec-page .ec-solution{padding:32px;border-radius:24px;background:linear-gradient(160deg,#f3f0ff,#fff 50%);border:1px solid #d9d2f0;box-shadow:0 14px 36px #303b6d0a;position:relative}
.ec-page .ec-solution:nth-child(2){background:linear-gradient(160deg,#eaf8f6,#fff 50%);border-color:#c7e3df}
.ec-page .ec-art{display:block;max-width:100%;height:auto;flex-shrink:0}
.ec-page .ec-solution>.ec-art{width:270px;align-self:center;margin:-5px auto 18px}
.ec-page .ec-solution>.ec-icon{position:absolute;top:30px;right:28px;width:44px;height:44px;font-size:22px}
.ec-page .ec-solution h3{font-size:26px}
.ec-page .ec-solution p,.ec-page .ec-checks li{font-size:16px}
.ec-page .ec-checks li{padding-right:22px;margin-bottom:12px}
.ec-page .ec-checks li:before{content:'';width:7px;height:7px;top:12px;border-radius:50%;background:#08776b}
.ec-page .ec-note{font-size:16px;background:#f2f2f9;border:0;border-radius:12px;padding:18px;line-height:1.9}
.ec-page .ec-card-actions{padding-top:22px;gap:12px}
.ec-page .ec-link{font-size:16px;min-height:48px;line-height:1.9}
.ec-page .ec-wordpress{margin-top:26px;background:#f5f7fa;border-radius:18px;padding:28px;gap:24px}
.ec-page .ec-wordpress h3{font-size:22px}
.ec-page .ec-wordpress p{font-size:16px}
.ec-page .ec-comparison-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.ec-page .ec-comparison-legend span{display:inline-flex;align-items:center;gap:10px;font-size:15px;padding:10px 18px;background:#fff;border:1px solid #dfe3ef;border-radius:24px;color:#34415f}
.ec-page .ec-comparison-legend i{color:#6044cc}
.ec-page .ec-table-wrap{border:1px solid #d9deed;border-radius:20px;background:#fff;box-shadow:0 14px 34px #2c3f6408;padding-bottom:16px}
.ec-page .ec-table{border-collapse:separate;border-spacing:0;color:#39465e}
.ec-page .ec-table thead th{background:#202957;color:#fff;font-size:16px;padding:24px 20px;line-height:1.8}
.ec-page .ec-table thead th:nth-child(2),.ec-page .ec-table thead th:nth-child(3){background:#3e3479}
.ec-page .ec-table thead th:first-child{width:20%;border-radius:0 19px 0 0}
.ec-page .ec-table thead th:last-child{border-radius:19px 0 0 0}
.ec-page .ec-table tbody th,.ec-page .ec-table td{font-size:16px;padding:22px 20px;line-height:1.95;border-bottom:1px solid #e3e8f2;background:transparent}
.ec-page .ec-table tbody th{color:#263453;font-weight:600}
.ec-page .ec-table tbody th i{display:block;color:#6044cc;font-size:22px;margin-bottom:9px}
.ec-page .ec-table tbody tr:nth-child(even){background:#f5f7fc}
.ec-page .ec-table td+td{border-right:1px solid #e8ecf5}
.ec-page .ec-cell-label{display:none}
.ec-page .ec-cell-value{display:block}
.ec-page .ec-table tbody tr:nth-child(11) .ec-cell-value{padding:10px 12px;background:#e4f4ef;border-radius:10px;color:#155e51}
.ec-page .ec-table caption{font-size:15px;color:#4e5a70;padding:20px 22px 4px}
.ec-page .ec-summary{font-size:17px;line-height:2;padding:20px 24px;border-right:4px solid #6044cc;background:#eeebfa;border-radius:12px}
.ec-page .ec-commerce-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:48px}
.ec-page .ec-store-preview{border:1px solid #dce3ee;border-radius:22px;padding:12px;background:#f4f7fb;box-shadow:0 18px 45px #293e6812}
.ec-page .ec-browser-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;padding:10px 8px 18px}
.ec-page .ec-browser-bar>span{font-size:14px;letter-spacing:3px;color:#65778e;direction:ltr}
.ec-page .ec-store-preview>a{display:block;height:390px;overflow:hidden;border-radius:12px;background:#fff}
.ec-page .ec-store-preview img{width:100%;height:auto;display:block}
.ec-page .ec-store-preview figcaption{font-size:14px;line-height:1.9;color:#45536b;padding:16px 8px 4px}
.ec-page .ec-commerce-flow h3{font-size:26px;margin-bottom:28px}
.ec-page .ec-commerce-flow>div{display:flex;align-items:flex-start;gap:20px;margin:20px 0}
.ec-page .ec-commerce-flow>div>i{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:16px;background:#e8f5f2;color:#08776b;font-size:25px}
.ec-page .ec-commerce-flow p{font-size:16px;margin:0}
.ec-page .ec-commerce-flow .ec-visual-caption{font-size:14px;border-top:1px solid #dce5ee;padding-top:18px}
.ec-page .ec-feature-grid{gap:24px}
.ec-page .ec-feature{padding:30px;border-radius:20px;background:#fff;border:1px solid #dce4ef;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ec-page .ec-feature:nth-child(3n+2) .ec-icon{color:#08776b;background:#e4f5f0}
.ec-page .ec-feature p,.ec-page .ec-project p,.ec-page .ec-why p{font-size:16px}
.ec-page .ec-feature h3{font-size:22px}
.ec-page .ec-specialist{background:#edf4fa}
.ec-page .ec-specialist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.ec-page .ec-specialist-card{border:1px solid #d9dfef;border-radius:24px;padding:34px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}
.ec-page .ec-specialist-card:before{content:'';position:absolute;left:-45px;top:-45px;width:170px;height:170px;border:25px solid #f0edfb;border-radius:50%;pointer-events:none}
.ec-page .ec-specialist-card:nth-child(2):before{border-color:#e5f4f1}
.ec-page .ec-specialist-symbol{display:flex;gap:18px;align-items:center;margin-bottom:24px;position:relative}
.ec-page .ec-specialist-symbol i{display:grid;place-items:center;width:72px;height:72px;background:#efebfc;border-radius:20px;color:#6044cc;font-size:34px}
.ec-page .ec-specialist-symbol span{color:#54617b;font-size:22px}
.ec-page .ec-specialist-card:nth-child(2) .ec-specialist-symbol i{background:#e5f4f1;color:#08776b}
.ec-page .ec-specialist-card p{font-size:16px}
.ec-page .ec-topic-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.ec-page .ec-topic-tags span{background:#f1f5f9;color:#43516a;border-radius:8px;font-size:14px;padding:6px 10px}
.ec-page .ec-specialist-card>.ec-link{margin-top:auto;border-top:1px solid #e4e9f2;padding-top:20px;width:100%}
.ec-page .ec-detail-intro{gap:48px;margin-bottom:40px}
.ec-page .ec-detail-grid{gap:28px}
.ec-page .ec-detail-grid article{padding:28px;border:1px solid #e0e6f1;background:#fff;border-radius:18px}
.ec-page .ec-detail-grid article h3{font-size:22px;padding-right:16px;border-right:3px solid #b7a7ee}
.ec-page .ec-detail-grid article p{font-size:17px}
.ec-page .ec-platform-map{padding:28px;background-color:#fff;border-radius:24px;border-color:#d7d2ed}
.ec-page .ec-platform-map>.ec-art{width:220px;margin:0 auto 12px}
.ec-page .ec-core{padding:24px;background:#f1edff;box-shadow:none}
.ec-page .ec-core strong{font-size:20px}
.ec-page .ec-core>i{display:none}
.ec-page .ec-map-options span{font-size:16px;background:#edf8f5;color:#3b5261}
.ec-page .ec-platform-map figcaption{font-size:14px;color:#45536b}
.ec-page .ec-detail-figure{padding:18px;border-radius:24px;background:linear-gradient(135deg,#edf0fd,#e1f5ef);box-shadow:0 18px 44px #26345110}
.ec-page .ec-detail-figure figcaption{font-size:15px;padding-top:20px;color:#45536b}
.ec-page .ec-detail-footer{background:#eae6fa;border:0;border-radius:18px;padding:24px 28px;margin-top:30px}
.ec-page .ec-detail-footer p{font-size:17px;color:#35415c}
.ec-page .ec-project{border-radius:22px;border-color:#d5dfeb;box-shadow:0 10px 28px #24396509;transition:transform .2s ease,box-shadow .2s ease}
.ec-page .ec-project-image{background:#eaf0f8;padding:14px}
.ec-page .ec-project-image img{border-radius:10px}
.ec-page .ec-project-copy{padding:26px}
.ec-page .ec-project h3{font-size:22px}
.ec-page .ec-project .ec-kicker{font-size:14px}
.ec-page .ec-steps{gap:28px;counter-reset:steps}
.ec-page .ec-steps li{border:1px solid #e0e5f1;border-radius:20px;background:linear-gradient(140deg,#f7f5ff,#fff 60%);padding:28px;position:relative}
.ec-page .ec-steps li:before{content:'';position:absolute;top:52px;left:0;right:90px;height:1px;background:#ddd7f1}
.ec-page .ec-step-number{position:relative;z-index:1;background:#6044cc;color:#fff;width:52px;height:52px;font-size:22px;border-radius:16px;margin-bottom:22px}
.ec-page .ec-steps h3{font-size:22px}.ec-page .ec-steps p{font-size:16px}
.ec-page #ec-pricing .ec-detail-grid article{border-top:4px solid #9d88df}
.ec-page #ec-pricing .ec-detail-grid article:nth-child(even){border-top-color:#60b7a8}
.ec-page .ec-seo-section>.ec-heading .ec-art{width:220px;margin:0 auto 16px}
.ec-page .ec-seo-section .ec-detail-grid article:last-child{grid-column:1/-1;background:#edf7f4;border-color:#cde5df}
.ec-page .ec-why{background:linear-gradient(120deg,#eaf4fb,#eeeafa)}
.ec-page .ec-why article{padding:30px;border:1px solid #fff;border-radius:20px;background:#ffffffeb}
.ec-page .ec-why article:before{content:'';display:block;width:42px;height:5px;border-radius:8px;background:#0a897d;margin-bottom:22px}
.ec-page .ec-before-grid{gap:48px}
.ec-page .ec-checklist{padding:16px 28px;border-radius:22px;background:#f0f6fb;border-color:#dce6ef}
.ec-page .ec-checklist li{font-size:17px;padding-block:18px}
.ec-page .ec-faq-grid{gap:18px}
.ec-page .ec-faq{border-radius:14px;border-color:#dce2ef;overflow:hidden}
.ec-page .ec-faq summary{font-size:18px;line-height:1.9;padding:24px 24px 24px 55px;min-height:76px}
.ec-page .ec-faq summary:after{top:23px;left:22px;width:25px;height:25px;line-height:25px;text-align:center;background:#ece8fa;border-radius:8px;color:#5136ad}
.ec-page .ec-faq[open]{border-color:#9e8bda;box-shadow:0 6px 20px #483f7c08}
.ec-page .ec-faq[open] summary{background:#f5f2fd}
.ec-page .ec-faq p{font-size:17px;padding:18px 24px 24px}
.ec-page .consultcta-section{padding-block:80px;background:linear-gradient(130deg,#f0f8fd,#fff 60%)}
.ec-page .consultcta-inner{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1.15fr);gap:30px;align-items:center}
.ec-page .consultcta-photo-col,.ec-page .consultcta-content-col,.ec-page .consultcta-form-col{width:auto;max-width:none;min-width:0;margin:0}
.ec-page .consultcta-feature,.ec-page .consultcta-form-badge,.ec-page .consultcta-arrow-note span{font-size:16px;line-height:1.9}
.ec-page .consultcta-arrow-note span{white-space:normal;color:#5136ad}
.ec-page .consultcta-form-badge{font-size:14px;color:#5136ad}
.ec-page .consultcta-content-col>p{text-align:right}
.ec-page .consultcta-content-col p{font-size:17px;line-height:1.95}
.ec-page .consultcta-title{font-size:32px;line-height:1.7}
.ec-page .consultcta-form-card{border:1px solid #d9d2ee;box-shadow:0 15px 40px #3d386b12;border-radius:22px;min-width:0}
.ec-page .consultcta-form-card h3{font-size:22px}
.ec-page .consultcta-form-desc,.ec-page .consultcta-privacy,.ec-page .consultcta-badge,.ec-page .consultcta-arrow-note,.ec-page .ec-form-status{font-size:16px;line-height:1.9;color:#45536b}
.ec-page .consultcta-field input{font:16px/1.8 'Vazir-Regular-FD',sans-serif;min-height:54px;color:#24324d}
.ec-page .consultcta-field{height:auto;min-height:56px}
.ec-page .consultcta-honeypot{left:0;top:0;clip-path:inset(50%)}
.ec-page .consultcta-field input::placeholder{color:#59647a;opacity:1}
.ec-page .ec-form-status[data-state=error]{color:#a12b3b}.ec-page .ec-form-status[data-state=success]{color:#176846}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .ec-page .ec-feature:hover,.ec-page .ec-project:hover{transform:translateY(-5px);box-shadow:0 16px 35px #263d7215;border-color:#b8abd9}
 .ec-page .ec-feature:hover .ec-icon{transform:rotate(-5deg)}
 .ec-page .ec-icon{transition:transform .2s ease}
}
@media(min-width:768px){.ec-page .ec-table thead th{position:sticky;top:100px;z-index:2}}
@media(max-width:1100px){
 .ec-page .ec-hero-grid{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .ec-page .ec-hero h1{font-size:40px}
 .ec-page .ec-float{padding:10px 12px}
 .ec-page .ec-commerce-story,.ec-page .ec-detail-intro{gap:30px}
 .ec-page .ec-solution{padding:26px}
 .ec-page .ec-solution h3{font-size:24px}
 .ec-page .ec-table td,.ec-page .ec-table tbody th{padding:18px 14px;font-size:15px}
 .ec-page .ec-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ec-page .ec-project:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
 .ec-page .consultcta-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px}
 .ec-page .consultcta-photo-col{display:none}
 .ec-page .consultcta-content-col,.ec-page .consultcta-form-col{width:auto;max-width:none;flex:auto;margin:0;min-width:0}
}
@media(max-width:767px){
 .ec-page{font-size:16px}
 .ec-page .container{padding-inline:20px}
 .ec-page .ec-section{padding-block:56px}
 .ec-page h2{font-size:27px;line-height:1.7}
 .ec-page h3,.ec-page .ec-solution h3,.ec-page .ec-commerce-flow h3,.ec-page .ec-feature h3,.ec-page .ec-project h3,.ec-page .ec-detail-grid article h3,.ec-page .ec-steps h3{font-size:21px}
 .ec-page p,.ec-page li,.ec-page .ec-intro-copy,.ec-page .ec-detail-grid article p,.ec-page .ec-checklist li,.ec-page .ec-faq p,.ec-page .ec-detail-footer p,.ec-page .ec-summary{font-size:16px}
 .ec-page .ec-hero{padding-top:118px}
 .ec-page .ec-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:10px 30px}
 .ec-page .ec-hero h1{font-size:32px;line-height:1.65}
 .ec-page .ec-hero-copy p{font-size:16px}
 .ec-page .ec-hero-stage{max-width:580px;width:100%;margin:auto;padding:45px 8px 45px}
 .ec-page .ec-hero-visual{margin:0!important;padding:12px}
 .ec-page .ec-float-product{right:20px}.ec-page .ec-float-order{left:10px}
 .ec-page .ec-float{font-size:14px;padding:10px 12px;gap:8px}
 .ec-page .ec-float i{width:36px;height:36px;font-size:21px}
 .ec-page .ec-benefits{grid-template-columns:1fr 1fr;gap:20px 12px;padding-block:24px}
 .ec-page .ec-benefits li,.ec-page .ec-benefits strong{font-size:14px}
 .ec-page .ec-benefits i{width:36px;height:42px;font-size:21px}
 .ec-page .ec-jump{gap:4px 22px;padding-block:14px}
 .ec-page .ec-heading{margin-bottom:30px}
 .ec-page .ec-intro-copy{padding-right:16px;margin-bottom:28px}
 .ec-page .ec-solutions,.ec-page .ec-specialist-grid,.ec-page .ec-commerce-story,.ec-page .ec-detail-intro,.ec-page .ec-detail-grid,.ec-page .ec-before-grid,.ec-page .ec-faq-grid,.ec-page .ec-project-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .ec-page .ec-project,.ec-page .ec-project:last-child{display:flex;grid-column:auto}
 .ec-page .ec-project-image{aspect-ratio:900/555;height:auto}
 .ec-page .ec-solution,.ec-page .ec-specialist-card{padding:24px}
 .ec-page .ec-solution>.ec-art{width:240px}
 .ec-page .ec-wordpress{padding:24px;gap:16px;grid-template-columns:32px minmax(0,1fr)}
 .ec-page .ec-wordpress>.ec-link{grid-column:1/-1}
 .ec-page .ec-table-wrap{border:0;background:transparent;box-shadow:none;padding:0}
 .ec-page .ec-table{display:block;background:transparent}
 .ec-page .ec-table thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .ec-page .ec-table tbody{display:grid;gap:16px}
 .ec-page .ec-table tbody tr{display:block;border:1px solid #d8deed;border-radius:16px;background:#fff;padding:16px;box-shadow:0 5px 18px #293b6105}
 .ec-page .ec-table tbody tr:nth-child(even){background:#fff}
 .ec-page .ec-table tbody th{display:flex;align-items:center;gap:12px;font-size:16px;background:#eeebf9;border:0;padding:14px;margin:0 0 6px;border-radius:10px}
 .ec-page .ec-table tbody th i{margin:0;font-size:20px}
 .ec-page .ec-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;padding:16px 4px;font-size:15px;line-height:1.95;border:0}
 .ec-page .ec-cell-label{display:block;font-size:14px;font-weight:600;color:#42346f}
 .ec-page .ec-table td+td{border-right:0;border-top:1px dashed #dce3ee}
 .ec-page .ec-table tbody tr:nth-child(11) .ec-cell-value{padding:10px;font-size:15px}
 .ec-page .ec-table caption{font-size:14px;padding:20px 0 0}
 .ec-page .ec-comparison-legend{justify-content:flex-start;gap:8px}
 .ec-page .ec-comparison-legend span{font-size:14px;padding:8px 12px}
 .ec-page .ec-store-preview>a{height:350px}
 .ec-page .ec-commerce-story{margin-bottom:32px}
 .ec-page .ec-commerce-flow>div{gap:16px}
 .ec-page .ec-detail-grid article,.ec-page .ec-feature,.ec-page .ec-steps li{padding:24px}
 .ec-page .ec-detail-footer{padding:24px;gap:18px;align-items:stretch}
 .ec-page .ec-detail-footer .avatar-btn{align-self:flex-start}
 .ec-page .ec-checklist{padding:12px 22px}
 .ec-page .ec-faq summary{font-size:17px;padding:20px 20px 20px 54px;min-height:68px}
 .ec-page .ec-faq p{padding:18px 20px 22px}
 .ec-page .consultcta-inner{grid-template-columns:minmax(0,1fr);gap:26px}
 .ec-page .consultcta-title{font-size:27px}
 .ec-page .consultcta-content-col p{font-size:16px}
 .ec-page .consultcta-section{padding-block:56px}
}
@media(max-width:480px){
 .ec-page .container{padding-inline:16px}
 .ec-page .ec-hero h1{font-size:30px}
 .ec-page .ec-feature-grid,.ec-page .ec-steps{grid-template-columns:minmax(0,1fr)}
 .ec-page .ec-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .ec-page .ec-actions>a{justify-content:center;width:100%}
 .ec-page .ec-hero-visual figcaption{flex-direction:column;gap:4px}
 .ec-page .ec-table td{grid-template-columns:88px minmax(0,1fr);gap:10px}
 .ec-page .ec-solution>.ec-icon{top:22px;right:20px}
 .ec-page .ec-store-preview>a{height:300px}
 .ec-page .ec-browser-bar{flex-wrap:wrap}
 .ec-page .ec-specialist-card{padding:24px 20px}
 .ec-page .ec-detail-footer .avatar-btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 html:has(body.ecommerce-page){scroll-behavior:auto}
 .ec-page *,.ec-page *:before,.ec-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .ec-page .avatar-btn:hover,.ec-page .ec-feature:hover,.ec-page .ec-project:hover{transform:none}
}

/* Content badges and Persian comparison refinements: ecommerce only. */
.ec-page .ec-content-icon,.ec-page .ec-process-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;border:1px solid #ded7f5;border-radius:15px;background:#f0ecfc;color:#6044cc;font-size:24px;margin-bottom:20px}
.ec-page .ec-detail-grid article:nth-child(even) .ec-content-icon,.ec-page .ec-why article:nth-child(2) .ec-content-icon{background:#e8f6f2;border-color:#c9e6de;color:#08776b}
.ec-page .ec-why article:nth-child(3) .ec-content-icon{background:#edf0f8;border-color:#d8deed;color:#263453}
.ec-page .ec-why article:before{display:none}
.ec-page .ec-detail-grid article h3{padding-right:0;border-right:0}
.ec-page .ec-process-icon{position:absolute;left:24px;top:28px;margin:0;z-index:1;width:48px;height:48px;font-size:23px}
.ec-page .ec-steps li:before{left:84px}
.ec-page .ec-table,.ec-page .ec-table th,.ec-page .ec-table td,.ec-page .ec-table caption,.ec-page .ec-cell-label,.ec-page .ec-cell-value{direction:rtl;text-align:right}
.ec-page .ec-table thead th{padding:28px 22px;line-height:2}
.ec-page .ec-table tbody th,.ec-page .ec-table td{padding:28px 22px;line-height:2.1}
.ec-page .ec-criterion{display:flex;flex-direction:row;align-items:flex-start;gap:12px;direction:rtl;text-align:right}
.ec-page .ec-criterion-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#ece7fa;color:#6044cc}
.ec-page .ec-table tbody th .ec-criterion-icon i{display:block;font-size:20px;margin:0}
.ec-page .ec-criterion-title{font-weight:800;color:#202957;font-size:17px;line-height:1.9;min-width:0}
@media(min-width:768px){.ec-page .ec-table thead th:first-child{width:23%}}
@media(min-width:768px) and (max-width:1100px){
 .ec-page .ec-table tbody th,.ec-page .ec-table td{padding:24px 16px}
 .ec-page .ec-criterion{gap:8px}
 .ec-page .ec-criterion-icon{flex-basis:32px;width:32px;height:34px}
 .ec-page .ec-criterion-title{font-size:16px}
}
@media(max-width:767px){
 .ec-page .ec-table tbody th{padding:18px 16px}
 .ec-page .ec-table td{padding:20px 4px;line-height:2.1}
 .ec-page .ec-criterion{align-items:center;gap:12px;width:100%}
 .ec-page .ec-criterion-title{font-size:17px}
 .ec-page .ec-content-icon{width:48px;height:48px;font-size:23px;margin-bottom:18px}
 .ec-page .ec-process-icon{top:24px}
}