:root {
  --font-sans: "IRANSansXFaNum", "IRANSans", Tahoma, Arial, sans-serif;
  --primary-100: #d6e7f6; --primary-400: #4ba0ea; --primary-500: #1e88e5; --primary-600: #156dba; --primary-950: #040d16;
  --secondary-500: #e57b1e; --success-500: #4caf50; --error-500: #f44336;
  --text-950: #0d0d0d; --text-700: #222; --text-500: #212121; --text-400: #505050; --text-300: #7e7e7e;
  --neutral-50: #f2f2f2; --neutral-100: #e4e4e4; --surface: #fff; --background: #fafafa;
  --container: 1224px; --gutter: 24px; --section-gap: 40px;
  --radius-sm: 8px; --radius-md: 16px; --shadow-card: 0 1px 4px rgba(12,12,13,.08); --shadow-raised: 0 4px 16px rgba(30,136,229,.10);
  --bs-primary: var(--primary-500); --bs-primary-rgb: 30,136,229;
}
@font-face {
  font-family: "IRANSansXFaNum";
  src: url("../fonts/webfonts/iransansxv.woff2") format("woff2"),
       url("../fonts/webfonts/iransansxv.woff") format("woff");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}
@font-face {
  font-family: "IRANSans";
  src: url("../fonts/webfonts/iransansx-regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "IRANSans";
  src: url("../fonts/webfonts/iransansx-bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--text-500); background: var(--surface); font-family: var(--font-sans); }
img { display: block; max-width: 100%; }
a { color: inherit; }
.skip-link { position: fixed; z-index: 1100; top: 8px; right: 8px; padding: 8px 16px; transform: translateY(-150%); color: #fff; background: var(--primary-950); border-radius: var(--radius-sm); }
.skip-link:focus { transform: none; }
.site-container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.btn { border-radius: var(--radius-sm); font-size: 16px; font-weight: 500; line-height: 20px; }
.btn-primary { --bs-btn-bg: var(--primary-500); --bs-btn-border-color: var(--primary-500); --bs-btn-hover-bg: var(--primary-600); --bs-btn-hover-border-color: var(--primary-600); }
.btn-outline-primary { --bs-btn-color: var(--primary-500); --bs-btn-border-color: var(--primary-500); --bs-btn-hover-bg: var(--primary-500); --bs-btn-hover-border-color: var(--primary-500); }
.site-header { height: 150px; background: var(--surface); }
.site-header .site-container { display: flex; align-items: center; width: min(var(--container), calc(100% - 40px)); }
.brand { display: flex; flex-direction: column; min-width: 100px; color: var(--text-700); text-decoration: none; line-height: .8; }
.brand strong { font-size: 30px; font-weight: 800; direction: ltr; }
.brand strong span { color: var(--primary-500); }
.brand small { margin-top: 9px; font-size: 9px; font-weight: 400; text-align: center; }
.navbar-nav { gap: 24px; }
.nav-link { position: relative; padding: 8px !important; color: var(--text-500); font-size: 14px; font-weight: 400; }
.nav-link:hover,.nav-link.active { color: var(--primary-500) !important; }
.nav-link.active { color: var(--text-700) !important; font-weight: 700; }
.nav-link.active::after { content: ""; position: absolute; right: 8px; bottom: 2px; left: 8px; height: 2px; background: var(--primary-500); border-radius: 999px; }
.site-header .header-brand { display: grid; place-items: center; width: 100px; height: 64px; }
.site-header .header-brand img { display: block; width: 100px; height: 62px; object-fit: contain; }
.header-cta { display: flex; align-items: center; justify-content: center; gap: 6px; width: 133px; padding: 6px 8px; font-size: 14px; white-space: nowrap; }
.header-cta img { flex: 0 0 16px; width: 16px; height: 16px; }
.hero { position: relative; min-height: 388px; }
.hero-copy { position: absolute; z-index: 2; top: 68px; right: 0; width: 558px; }
.hero h1 { margin: 0 0 10px; font-size: 48px; font-weight: 700; line-height: 1.6; }
.hero h1 span,.cta-copy h2 span { color: var(--primary-500); }
.hero p { margin: 0 0 24px; font-size: 16px; line-height: 1.5; }
.action-group { display: flex; gap: 24px; }
.action-group .btn { display: grid; place-items: center; width: 184px; height: 44px; padding: 0 16px; }
.device-art { position: relative; margin: 0; }
.hero-art { position: absolute; z-index: 1; top: 68px; left: 10px; width: 796px; height: 320px; isolation: isolate; }
.device-art img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; }
.glow { position: absolute; z-index: 0; inset: 0; pointer-events: none; background: radial-gradient(circle at 25% 50%,#dde2fb 0,transparent 40%),radial-gradient(circle at 50% 45%,#ecfbdd 0,transparent 40%),radial-gradient(circle at 75% 50%,#d0fffb 0,transparent 42%); filter: blur(30px); }
.trusted { min-height: 234px; padding-top: 80px; text-align: center; }
.trusted h2,.section-title { margin: 0 0 40px; font-size: 24px; font-weight: 600; line-height: 36px; text-align: center; }
.brand-slider { --brand-gap: clamp(32.5px,8.333vw,120px); overflow: hidden; width: 100%; direction: ltr; }
.brand-track { display: flex; align-items: center; gap: var(--brand-gap); will-change: transform; }
.powered-by { margin: 0; color: var(--text-300); font: 500 10px/1.5 Arial,sans-serif; direction: ltr; white-space: nowrap; }
.powered-by a { color: var(--primary-500); font-weight: 700; text-decoration: none; transition: color .2s ease; }
.powered-by a:hover,.powered-by a:focus-visible { color: var(--primary-600); text-decoration: underline; text-underline-offset: 3px; }
.brand-slide { display: flex; flex: 0 0 calc((100% - var(--brand-gap) - var(--brand-gap) - var(--brand-gap) - var(--brand-gap) - var(--brand-gap)) / 6); min-width: 0; height: 98px; flex-direction: column; align-items: center; justify-content: flex-end; gap: 8px; }
.brand-slide > a { display: grid; place-items: center; min-height: 54px; border-radius: var(--radius-sm); }
.brand-slide a:focus-visible { outline: 2px solid var(--primary-500); outline-offset: 4px; }
.brand-slide img { flex: none; max-width: none; object-fit: contain; }
.page-section { padding-top: var(--section-gap); margin-bottom: var(--section-gap); }
.trusted + .page-section { margin-top: 40px; }
.benefits-grid { display: grid; grid-template-columns: repeat(3,392px); grid-template-rows: 292px 216px; gap: 16px 24px; }
.feature-card { padding: 24px; background: var(--surface); border: 1px solid rgba(30,136,229,.10); border-radius: var(--radius-md); box-shadow: 0 1px 4px rgba(12,12,13,.05); }
.feature-card h3 { display: flex; align-items: center; gap: 8px; height: 28px; margin: 0 0 4px; font-size: 20px; font-weight: 500; line-height: 28px; }
.icon-svg { flex: 0 0 auto; width: 24px; height: 24px; object-fit: contain; }
.icon-svg--blue { filter: brightness(0) saturate(100%) invert(43%) sepia(91%) saturate(1677%) hue-rotate(181deg) brightness(94%) contrast(89%); }
.icon-svg--primary-600 { filter: brightness(0) saturate(100%) invert(34%) sepia(84%) saturate(1136%) hue-rotate(174deg) brightness(91%) contrast(94%); }
.icon-svg--orange { filter: brightness(0) saturate(100%) invert(54%) sepia(94%) saturate(1326%) hue-rotate(351deg) brightness(94%) contrast(91%); }
.feature-card h3 .icon-svg { filter: brightness(0) saturate(100%); }
.feature-card p { margin: 0; color: var(--text-400); font-size: 14px; line-height: 20px; }
.quick-card { grid-row: 1/3; grid-column: 1; border-color: rgba(76,175,80,.18); box-shadow: 0 4px 16px rgba(76,175,80,.18); }
.growth-card { grid-column: 2; grid-row: 1; box-shadow: 0 4px 16px rgba(30,136,229,.18); }
.seo-card { grid-column: 3; grid-row: 1; box-shadow: 0 4px 16px rgba(229,123,30,.18); }
.loyalty-card { grid-column: 2/4; grid-row: 2; box-shadow: 0 4px 16px rgba(244,67,54,.18); }
.check-list { display: grid; gap: 12px; margin: 62px 0 72px; padding: 0; list-style: none; }
.check-list li::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 8px; vertical-align: middle; background: url("../assets/checkmark.svg") center/contain no-repeat; }
.quick-card .btn { display: grid; place-items: center; height: 44px; }
.sales-chart { display: flex; direction: ltr; align-items: end; gap: 18px; height: 150px; padding-top: 20px; }
.sales-chart strong { align-self: center; color: var(--primary-600); font-size: 24px; }
.sales-chart span { width: 18px; height: 22px; background: linear-gradient(180deg,var(--primary-600),#d8e3ff); border-radius: 16px 16px 0 0; }
.sales-chart span:nth-of-type(2){height:32px}.sales-chart span:nth-of-type(3){height:45px}.sales-chart span:nth-of-type(4){height:60px}.sales-chart span:nth-of-type(5){height:76px}.sales-chart span:nth-of-type(6){height:94px}.sales-chart span:nth-of-type(7){height:115px}.sales-chart span:nth-of-type(8){height:136px}
.score-list { display: flex; direction: ltr; justify-content: space-around; margin-top: 34px; }
.score-list div { position: relative; display: flex; flex-direction: column; align-items: center; width: 127px; height: 129px; }
.score-list div:first-child { width: 98px; }
.score-list span { display: grid; place-items: center; width: 98px; height: 98px; border: 11px solid var(--secondary-500); border-left-color: var(--neutral-100); border-radius: 50%; font-size: 24px; }
.score-list small { margin-top: 8px; white-space: nowrap; font-size: 14px; }
.perk-list { display: flex; direction: ltr; gap: 48px; justify-content: flex-start; margin-top: 28px; }
.perk-list div { display: flex; flex-direction: column; align-items: center; min-width: 102px; }
.perk-icon { width: 32px; height: 32px; object-fit: contain; }
.perk-list span { margin-top: 8px; font-size: 14px; }
.capabilities-grid { display: grid; grid-template-columns: repeat(6,184px); gap: 24px; }
.capability-card { height: 260px; padding: 16px; border-radius: var(--radius-sm); box-shadow: var(--shadow-card); }
.capability-card h3 { min-height: 52px; margin: 0 0 16px; font-size: 16px; line-height: 24px; }
.capability-card h3 .icon-svg { display: block; }
.capability-card ul { margin: 0; padding: 0; list-style: none; }
.capability-card li { margin-bottom: 8px; color: var(--text-300); font-size: 14px; line-height: 20px; }
.capability-card li::before { content: "•"; margin-left: 8px; color: var(--primary-400); }
.ecosystem-section { min-height: 576px; overflow: hidden; }
.ecosystem-map { position: relative; width: min(500px,100%); aspect-ratio: 500/420; margin: 0 auto; direction: ltr; }
.ecosystem-map::before { content: ""; position: absolute; z-index: 0; inset: -55px -160px; background: radial-gradient(circle at 30% 40%,#dde2fb,transparent 33%),radial-gradient(circle at 50% 45%,#ecfbdd,transparent 34%),radial-gradient(circle at 70% 40%,#d0fffb,transparent 33%); filter: blur(45px); }
.ecosystem-connectors { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke: #777; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 900; stroke-dashoffset: 900; }
.ecosystem-core { position: absolute; z-index: 3; top: 34.76%; left: 50%; display: grid; place-items: center; width: 25.6%; aspect-ratio: 1; opacity: 0; transform: translateX(-50%) scale(.72); background: var(--primary-600); border-radius: clamp(18px,5.6vw,28px); box-shadow: 0 8px 24px rgba(21,109,186,.22); }
.ecosystem-core img { width: clamp(48px,63.28%,81px); height: auto; }
.ecosystem-items { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,25.4%); grid-template-rows: repeat(2,25%); justify-content: space-between; align-content: space-between; height: 100%; }
.ecosystem-item { --motion-delay: .15s; display: grid; place-items: center; width: 100%; height: 100%; padding: clamp(7px,2.4vw,12px); opacity: 0; transform: translateY(18px) scale(.9); color: #fff; background: #4ba0ea; border-radius: clamp(18px,5.6vw,28px); box-shadow: 0 8px 20px rgba(30,136,229,.16); font-size: clamp(11px,3.2vw,16px); line-height: 1.4; text-align: center; direction: rtl; transition: background-color .25s,box-shadow .25s; }
.ecosystem-item:nth-child(2) { --motion-delay: .25s; }.ecosystem-item:nth-child(3) { --motion-delay: .35s; }.ecosystem-item:nth-child(4) { --motion-delay: .45s; }.ecosystem-item:nth-child(5) { --motion-delay: .55s; }.ecosystem-item:nth-child(6) { --motion-delay: .65s; }
.ecosystem-item:hover { background: var(--primary-500); box-shadow: 0 12px 26px rgba(21,109,186,.28); }
.ecosystem-icon { display: block; width: clamp(23px,6.4vw,32px); height: clamp(23px,6.4vw,32px); margin: 0 auto clamp(4px,1.4vw,7px); object-fit: contain; filter: brightness(0) invert(1); }
.ecosystem-section.is-animated .ecosystem-connectors { animation: ecosystemLines 1.6s .2s ease-out forwards; }
.ecosystem-section.is-animated .ecosystem-core { animation: ecosystemCoreEnter .7s .45s cubic-bezier(.2,.8,.2,1) both,ecosystemPulse 3.2s 1.2s ease-in-out infinite; }
.ecosystem-section.is-animated .ecosystem-core img { animation: ecosystemIconBreath 3.2s 1.2s ease-in-out infinite; }
.ecosystem-section.is-animated .ecosystem-item { animation: ecosystemReveal .65s var(--motion-delay) cubic-bezier(.2,.8,.2,1) both,ecosystemFloat 4s calc(var(--motion-delay) + .8s) ease-in-out infinite; }
@keyframes ecosystemLines { to { stroke-dashoffset: 0; } }
@keyframes ecosystemReveal { from { opacity: 0; transform: translateY(18px) scale(.9); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes ecosystemFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes ecosystemCoreEnter { from { opacity: 0; transform: translateX(-50%) scale(.72) rotate(-8deg); } to { opacity: 1; transform: translateX(-50%) scale(1) rotate(0); } }
@keyframes ecosystemPulse { 0%,100% { box-shadow: 0 8px 24px rgba(21,109,186,.22),0 0 0 0 rgba(30,136,229,.18); } 50% { box-shadow: 0 10px 28px rgba(21,109,186,.3),0 0 0 12px rgba(30,136,229,0); } }
@keyframes ecosystemIconBreath { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }
.comparison-card { height: 263px; padding: 44px 28px; border: 1px solid var(--neutral-50); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
.comparison-card table { min-width: 1050px; font-size: 14px; }
.comparison-card th,.comparison-card td { height: 50px; padding: 12px; border: 0; }
.comparison-card .positive td { color: var(--success-500); }.comparison-card .negative td { color: var(--error-500); }
.process-section { --step-1:#d81b60; --step-2:#f15b40; --step-3:#ffa726; --step-4:#26a6aa; --step-5:#4b6280; position: relative; min-height: 480px; overflow: hidden; isolation: isolate; }
.process-section::before { content: ""; position: absolute; z-index: -1; inset: 45px -80px -20px; background: radial-gradient(circle at 18% 55%,rgba(205,255,250,.82),transparent 34%),radial-gradient(circle at 50% 50%,rgba(234,255,207,.72),transparent 35%),radial-gradient(circle at 82% 45%,rgba(221,226,251,.82),transparent 34%); filter: blur(34px); pointer-events: none; }
.process-canvas { position: relative; width: min(778px,100%); height: 317px; margin: 0 auto; }
.process-list { display: flex; direction: rtl; align-items: center; justify-content: center; height: 317px; margin: 0; padding: 0; list-style: none; }
.process-list li { --step-color: var(--primary-500); position: relative; width: 150px; min-height: 72px; padding: 10px 54px 10px 12px; border-right: 4px solid var(--step-color); font-size: 18px; text-align: right; }
.process-list li:nth-child(1),.process-list li:nth-child(2){--step-color:var(--step-1)}.process-list li:nth-child(3){--step-color:var(--step-2)}.process-list li:nth-child(4){--step-color:var(--step-3)}.process-list li:nth-child(5){--step-color:var(--step-4)}.process-list li:nth-child(6){--step-color:var(--step-5)}
.step-number { position: absolute; flex: 0 0 auto; }
.process-list li:first-child .step-number::before { content: ""; display: block; width: 12px; height: 12px; background: var(--step-color); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px var(--step-color); }
.process-numbers { display: none; }
.process-flow { display: none; }
@media (min-width: 576px) {
  .process-flow { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; }
  .process-segment { fill: none; stroke-width: 24; stroke-linecap: inherit; stroke-linejoin: miter; stroke-dasharray: 1; stroke-dashoffset: 1; }
  .process-segment--1 { stroke: var(--step-1); }.process-segment--2 { stroke: var(--step-2); }.process-segment--3 { stroke: var(--step-3); }.process-segment--4 { stroke: var(--step-4); }.process-segment--5 { stroke: var(--step-5); }
  .process-arrow { opacity: 0; stroke-width: 0px; stroke-linejoin: miter; }.process-arrow--1 { fill: var(--step-1); stroke: var(--step-1); }.process-arrow--2 { fill: var(--step-2); stroke: var(--step-2); }.process-arrow--3 { fill: var(--step-3); stroke: var(--step-3); }.process-arrow--4 { fill: var(--step-4); stroke: var(--step-4); }.process-arrow--5 { fill: var(--step-5); stroke: var(--step-5); }
  .process-marker { fill:none; stroke-width:3; shape-rendering:crispEdges; }.process-marker--1,.process-marker--2{stroke:var(--step-1)}.process-marker--3{stroke:var(--step-2)}.process-marker--4{stroke:var(--step-3)}.process-marker--5{stroke:var(--step-4)}.process-marker--6{stroke:var(--step-5)}
  .process-marker-dot--1,.process-marker-dot--2{fill:var(--step-1)}.process-marker-dot--3{fill:var(--step-2)}.process-marker-dot--4{fill:var(--step-3)}.process-marker-dot--5{fill:var(--step-4)}.process-marker-dot--6{fill:var(--step-5)}
  .process-numbers { position:absolute; z-index:2; inset:0; display:block; pointer-events:none; }
  .process-numbers span { position:absolute; top:143px; width:46px; color:#6d6d6d; font-size:20px; font-weight:600; text-align:center; }
  .process-numbers span:nth-child(1){left:85%}.process-numbers span:nth-child(2){left:65%}.process-numbers span:nth-child(3){left:45%}.process-numbers span:nth-child(4){left:25%}.process-numbers span:nth-child(5){left:5%}
  .process-list { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; direction: ltr; }
  .process-list li { --step-color: #d81b60; position: absolute; width: 150px; height: auto; padding: 0; opacity: 0; transform: translateY(10px); border: 0; color: var(--text-700); font-size: 17px; font-weight: 600; line-height: 26px; text-align: center; }
  .process-list li:nth-child(even) { transform: translateY(10px); }
  .process-list li:nth-child(1){top:4px;left:691px}.process-list li:nth-child(2){bottom:-48px;left:588px}.process-list li:nth-child(3){top:4px;left:443px}.process-list li:nth-child(4){bottom:-48px;left:285px}.process-list li:nth-child(5){top:4px;left:125px}.process-list li:nth-child(6){bottom:-48px;left:-62px}
  .process-list .step-number { display: none; }
  .process-section.is-animated .process-segment { animation: processDraw .65s ease-in-out forwards; }
  .process-section.is-animated .process-segment--2 { animation-delay: .55s; }.process-section.is-animated .process-segment--3 { animation-delay: 1.1s; }.process-section.is-animated .process-segment--4 { animation-delay: 1.65s; }.process-section.is-animated .process-segment--5 { animation-delay: 2.2s; }
  .process-section.is-animated .process-arrow { animation: processArrowIn .2s ease-out forwards; }.process-section.is-animated .process-arrow--1 { animation-delay: .5s; }.process-section.is-animated .process-arrow--2 { animation-delay: 1.05s; }.process-section.is-animated .process-arrow--3 { animation-delay: 1.6s; }.process-section.is-animated .process-arrow--4 { animation-delay: 2.15s; }.process-section.is-animated .process-arrow--5 { animation-delay: 2.7s; }
  .process-section.is-animated .process-list li { animation: processLabelIn .45s ease-out forwards; }.process-section.is-animated .process-list li:nth-child(1) { animation-delay: .1s; }.process-section.is-animated .process-list li:nth-child(2) { animation-delay: .65s; }.process-section.is-animated .process-list li:nth-child(3) { animation-delay: 1.2s; }.process-section.is-animated .process-list li:nth-child(4) { animation-delay: 1.75s; }.process-section.is-animated .process-list li:nth-child(5) { animation-delay: 2.3s; }.process-section.is-animated .process-list li:nth-child(6) { animation-delay: 2.85s; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .process-canvas { width: 778px; max-width: none; left: 50%; transform: translateX(-50%) scale(.694); transform-origin: top center; margin-bottom: -97px; }
}
@media (min-width: 768px) and (max-width: 799.98px) {
  .process-canvas { width: 778px; max-width: none; left: 50%; transform: translateX(-50%) scale(.925); transform-origin: top center; margin-bottom: -24px; }
}
@keyframes processDraw { to { stroke-dashoffset: 0; } }
@keyframes processArrowIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes processLabelIn { to { opacity: 1; transform: translateY(0); } }
.request-form { min-height: 587px; padding: 40px; border: 1px solid #dedede; border-radius: var(--radius-md); box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.request-form h3 { margin: 0 0 38px; color: var(--primary-500); font-size: 20px; }
.form-label { width: 100%; margin-bottom: 8px; font-size: 14px; }
.form-control,.form-select { height: 48px; border-color: var(--neutral-100); border-radius: var(--radius-sm); font-size: 12px; }
.form-control:focus,.form-select:focus { border-color: var(--primary-500); box-shadow: 0 0 0 3px rgba(30,136,229,.12); }
textarea.form-control { height: 209px; padding: 16px; resize: vertical; }
.upload-zone { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 209px; padding: 24px; cursor: pointer; border: 1px dashed var(--neutral-100); border-radius: var(--radius-sm); text-align: center; }
.upload-icon { width: 28px; height: 28px; margin-bottom: 8px; object-fit: contain; }.upload-zone span { max-width: 260px; font-size: 12px; line-height: 20px; }.upload-zone strong { color: var(--primary-500); }.upload-zone small { margin-top: 8px; color: var(--success-500); }
.submit-button { width: 184px; height: 44px; margin-top: 38px; transition: opacity .2s ease, transform .2s ease; }
.submit-button:disabled { cursor: wait; opacity: .82; }
.submit-button.is-loading::before { content: ""; display: inline-block; width: 17px; height: 17px; margin-left: 9px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; vertical-align: -4px; animation: form-spin .75s linear infinite; }
.form-feedback { display: inline-flex; gap: 9px; align-items: center; min-height: 40px; margin: 0 16px; padding: 8px 13px; border: 1px solid transparent; border-radius: 10px; font-size: 14px; line-height: 1.7; opacity: 0; transform: translateY(5px); transition: opacity .25s ease, transform .25s ease; }
.form-feedback:not(:empty) { opacity: 1; transform: translateY(0); }
.form-feedback::before { display: grid; flex: 0 0 22px; place-items: center; width: 22px; height: 22px; border-radius: 50%; font-size: 13px; font-weight: 700; }
.form-feedback.is-loading { color: #245b8f; background: #f0f7ff; border-color: #cfe5fa; }
.form-feedback.is-loading::before { content: ""; width: 18px; height: 18px; border: 2px solid #b5d7f5; border-top-color: var(--primary-500); animation: form-spin .75s linear infinite; }
.form-feedback.is-success { color: #176b3a; background: #effaf3; border-color: #bfe8cc; }
.form-feedback.is-success::before { content: "✓"; color: #fff; background: #28a45d; animation: feedback-pop .35s ease-out; }
.form-feedback.is-error { color: #a62c2c; background: #fff3f3; border-color: #f2caca; }
.form-feedback.is-error::before { content: "!"; color: #fff; background: #dc4c4c; }
@keyframes form-spin { to { transform: rotate(360deg); } }
@keyframes feedback-pop { 0% { transform: scale(.5); } 70% { transform: scale(1.14); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .form-feedback,.submit-button { transition: none; }.form-feedback.is-success::before { animation: none; } }

/* Full-form submission state */
.form-feedback { display: flex; width: fit-content; max-width: 100%; margin: 0 0 16px auto; }
.request-form { position: relative; overflow: hidden; }
.request-form > :not(.form-loading-overlay) { transition: filter .25s ease, opacity .25s ease; }
.request-form.is-submitting > :not(.form-loading-overlay) { filter: blur(4px); opacity: .52; pointer-events: none; user-select: none; }
.form-loading-overlay { position: absolute; z-index: 20; inset: 0; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; color: #174f82; background: rgba(255,255,255,.38); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility .25s ease; backdrop-filter: blur(1px); }
.is-submitting > .form-loading-overlay { opacity: 1; visibility: visible; pointer-events: auto; }
.form-loading-overlay strong { font-size: 18px; font-weight: 700; }
.form-loading-overlay small { color: #5e7183; font-size: 13px; }
.form-loading-spinner { width: 46px; height: 46px; margin-bottom: 5px; border: 4px solid #d7eafa; border-top-color: var(--primary-500); border-radius: 50%; animation: form-spin .75s linear infinite; box-shadow: 0 4px 18px rgba(30,136,229,.15); }
.submit-button.is-loading::before { display: none; }
@media (max-width: 575.98px) { .form-feedback { width: 100%; margin-bottom: 12px; }.form-loading-overlay strong { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .request-form > :not(.form-loading-overlay),.form-loading-overlay { transition: none; } }
.faq-list .accordion-item { margin-bottom: 8px; overflow: hidden; border: 0; border-radius: var(--radius-md); }
.platform-author-card { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 140px; align-items: center; min-height: 190px; padding: 46px 64px; background: var(--surface); border: 1px solid rgba(30,136,229,.12); border-radius: var(--radius-md); box-shadow: 0 3px 12px rgba(12,12,13,.08); }
.platform-author-photo { width: 200px; height: 200px; }
.platform-author-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 12%; }
.platform-author-content { min-width: 0; }
.platform-author-content p { margin: 0; color: var(--text-500); font-size: 14px; line-height: 2; }
.platform-author-content strong { color: var(--text-700); font-size: 16px; }
.platform-author-links { display: flex; flex-wrap: wrap; gap: 12px 16px; justify-content: left; margin-top: 16px; }
.platform-author-links a { display: inline-flex; align-items: center; min-height: 40px; padding: 7px 12px; color: var(--text-700); border: 1px solid rgba(30,136,229,.45); border-radius: 8px; font: 500 12px/1.5 Arial,sans-serif; text-decoration: none; transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.platform-author-links a:hover { border-color: var(--primary-500); box-shadow: 0 4px 12px rgba(30,136,229,.13); transform: translateY(-1px); }
.platform-author-links a:focus-visible { outline: 3px solid rgba(30,136,229,.22); outline-offset: 2px; }
.platform-author-links span { margin-left: 3px; color: var(--primary-500); }
.faq-list .accordion-item:last-child { margin-bottom: 0; }
.faq-list .accordion-button { height: 56px; min-height: 56px; padding-block: 12px; background: var(--background); border-radius: var(--radius-md) !important; box-shadow: none; font-size: 16px; }
.faq-list .accordion-button::after { margin-right: auto; margin-left: 0; }
.question-mark { display: inline-grid; place-items: center; width: 32px; height: 32px; margin-left: 8px; color: var(--primary-500); background: var(--primary-100); border-radius: 50%; font-weight: 700; }
.final-cta { min-height: 481px; overflow: hidden; }
.final-cta-inner { display: flex; direction: ltr; align-items: center; justify-content: space-between; height: 100%; min-height: 480px; }
.cta-art { width: 471px; height: 380px; margin-left: 33px; }
.cta-copy { width: 558px; }.cta-copy h2 { margin: 0 0 22px; font-size: 36px; font-weight: 700; line-height: 1.22; }
.cta-copy { direction: rtl; }
.site-footer { min-height: 459px; padding-top: 40px; color: #fff; background: var(--text-700); }
.footer-main { position: relative; display: grid; grid-template-columns: 498px 1fr; gap: 128px; min-height: 331px; }
.footer-brand { position: absolute; top: 0; right: 0; align-items: flex-end; width: 163px; color: #fff; }
.footer-brand strong { width: 80px; font-size: 24px; }
.footer-about h2 { margin: 60px 0 32px; font-size: 16px; }.footer-about p { margin: 0; font-size: 13px; line-height: 1.7; }
.footer-nav { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; padding-top: 111px; }
.footer-nav h3 { margin: 0 0 20px; font-size: 14px; }.footer-nav a { display: block; margin: 0 0 12px; color: #eee; font-size: 12px; text-decoration: none; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; min-height: 88px; border-top: 1px solid rgba(255,255,255,.7); font-size: 12px; }
.social-links { display: flex; direction: ltr; gap: 24px; }.social-links a { color: #fff; text-decoration: none; }.social-mark { display: grid; place-items: center; min-width: 24px; height: 24px; font: 700 20px/1 Arial,sans-serif; }
.table-status-icon{
  margin: auto;
}
@media (max-width: 1199.98px) {
  :root { --container: 960px; }
  .hero { display: grid; grid-template-columns: 46% 54%; padding-top: 68px; }.hero-copy { position: static; grid-column: 1; grid-row: 1; width: auto; }.hero h1 { font-size: 40px; }.hero-art { position: relative; top: auto; left: auto; grid-column: 2; grid-row: 1; width: 100%; }
  .benefits-grid { grid-template-columns: repeat(3,1fr); }.capabilities-grid { grid-template-columns: repeat(3,1fr); }.loyalty-card { grid-column: 2/4; }
  .footer-main { grid-template-columns: 420px 1fr; gap: 60px; }
}
@media (max-width: 991.98px) {
  :root { --container: 720px; }
  .site-header { height: 90px; }.navbar-toggler { margin-right: auto; }.navbar-collapse { position: absolute; z-index: 10; top: 78px; right: 24px; left: 24px; padding: 20px; background: #fff; border-radius: var(--radius-md); box-shadow: var(--shadow-raised); }.navbar-nav { margin-bottom: 16px; }
  .brand-slide { flex-basis: calc((100% - var(--brand-gap) - var(--brand-gap) - var(--brand-gap)) / 3.5); }
  .hero { grid-template-columns: 1fr; padding-top: 40px; }.hero-copy,.hero-art { grid-column: 1; }.hero-copy { grid-row: 1; }.hero-art { grid-row: 2; width: 100%; height: 330px; margin: 24px 0 0; }.hero h1 { font-size: 36px; line-height: 1.45; }
  .benefits-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }.quick-card,.growth-card,.seo-card,.loyalty-card { grid-column: auto; grid-row: auto; }.quick-card { grid-row: span 2; }.loyalty-card { grid-column: 1/3; }
  .capabilities-grid { grid-template-columns: repeat(3,1fr); }.ecosystem-section { min-height: 0; }
  .process-list { justify-content: flex-start; overflow-x: auto; padding: 0 20px 100px; }.final-cta-inner { flex-direction: column-reverse; padding-top: 40px; }.cta-copy { width: 100%; }.cta-art { width: min(520px,100%); }
  .comparison-card { height: auto; padding: 12px; overflow: visible; }.comparison-card table,.comparison-card tbody,.comparison-card tr,.comparison-card th,.comparison-card td { display: block; min-width: 0; width: 100%; }.comparison-card thead { display: none; }.comparison-card tbody { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }.comparison-card tbody tr { padding: 16px; border: 1px solid var(--neutral-100); border-radius: var(--radius-md); }.comparison-card tbody th { height: auto; padding: 0 0 12px; font-size: 15px; text-align: right; }.comparison-card tbody td { display: flex; align-items: center; justify-content: space-between; height: auto; min-height: 34px; padding: 6px 0; border-top: 1px solid var(--neutral-50); text-align: left; }.comparison-card tbody td::before { color: var(--text-500); font-size: 12px; font-weight: 500; }.comparison-card tbody td:nth-of-type(1)::before { content: "هزینه اولیه"; }.comparison-card tbody td:nth-of-type(2)::before { content: "امکانات پایه فروشگاه"; }.comparison-card tbody td:nth-of-type(3)::before { content: "مدت زمان راه‌اندازی"; }.comparison-card tbody td:nth-of-type(4)::before { content: "قابلیت سفارشی‌سازی"; }.comparison-card tbody td:nth-of-type(5)::before { content: "API"; }.comparison-card tbody td:nth-of-type(6)::before { content: "سئو"; }.comparison-card tbody td:nth-of-type(7)::before { content: "بروزرسانی"; }
  .footer-main { grid-template-columns: 1fr; gap: 20px; }.footer-nav { padding-top: 10px; }.site-footer { padding-bottom: 20px; }.final-cta-inner { direction: rtl; }.cta-art { margin-left: 0; }
  .platform-author-card { grid-template-columns: 132px minmax(0,1fr); gap: 24px; padding: 24px; }.platform-author-photo { width: 124px; height: 124px; }
}
@media (max-width: 575.98px) {
  :root { --section-gap: 28px; }
  .site-container { width: calc(100% - 24px); }.navbar-toggler { margin-right: auto; }.navbar-collapse { right: 12px; left: 12px; }.header-cta { width: 100%; }.hero h1 { font-size: 28px; }.hero-art { height: 230px; }.action-group { gap: 10px; }.action-group .btn { width: auto; flex: 1; font-size: 14px; }
  .trusted { padding-top: 45px; }.brand-slide { flex-basis: calc((100% - var(--brand-gap) - var(--brand-gap)) / 2.5); }.section-title,.trusted h2 { font-size: 21px; line-height: 32px; }
  .benefits-grid { display: flex; flex-direction: column; }.quick-card { order: 1; }.growth-card { order: 2; }.seo-card { order: 3; }.loyalty-card { order: 4; }.check-list { margin: 32px 0; }.perk-list { gap: 12px; justify-content: space-between; }.perk-list div { min-width: 0; }.perk-list i { font-size: 32px; }
  .score-list small { font-size: 11px; }
  .comparison-card tbody { grid-template-columns: 1fr; }
  .capabilities-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }.capability-card { height: auto; min-height: 0; padding: 14px 12px; }.capability-card h3 { min-height: 48px; font-size: 14px; }.capability-card li { font-size: 12px; line-height: 18px; }.ecosystem-section { min-height: 0; }
  .comparison-card { height: auto; padding: 12px; overflow: visible; }.comparison-card table,.comparison-card tbody,.comparison-card tr,.comparison-card th,.comparison-card td { display: block; min-width: 0; width: 100%; }.comparison-card thead { display: none; }.comparison-card tbody { display: grid; gap: 12px; }.comparison-card tbody tr { padding: 14px; border: 1px solid var(--neutral-100); border-radius: var(--radius-md); }.comparison-card tbody th { height: auto; padding: 0 0 12px; font-size: 15px; text-align: right; }.comparison-card tbody td { display: flex; align-items: center; justify-content: space-between; height: auto; min-height: 34px; padding: 6px 0; border-top: 1px solid var(--neutral-50); text-align: left; }.comparison-card tbody td::before { color: var(--text-500); font-size: 12px; font-weight: 500; }.comparison-card tbody td:nth-of-type(1)::before { content: "هزینه اولیه"; }.comparison-card tbody td:nth-of-type(2)::before { content: "امکانات پایه فروشگاه"; }.comparison-card tbody td:nth-of-type(3)::before { content: "مدت زمان راه‌اندازی"; }.comparison-card tbody td:nth-of-type(4)::before { content: "قابلیت سفارشی‌سازی"; }.comparison-card tbody td:nth-of-type(5)::before { content: "API"; }.comparison-card tbody td:nth-of-type(6)::before { content: "سئو"; }.comparison-card tbody td:nth-of-type(7)::before { content: "بروزرسانی"; }
  .process-section { min-height: 0; }.process-canvas { height: auto; }.process-list { flex-direction: column; align-items: stretch; height: auto; overflow: visible; padding: 0; }.process-list li,.process-list li:nth-child(even) { width: 100%; height: 72px; padding: 10px 54px 10px 12px; transform: none; border-top: 0; border-right: 4px solid var(--step-color); text-align: right; }.process-list li:not(:last-child)::after { content: ""; position: absolute; top: 44px; right: 22px; width: 2px; height: 28px; background: var(--step-color); }.step-number { top: 6px; right: 8px; display: grid; place-items: center; width: 28px; height: 28px; color: #fff; background: var(--step-color); border-radius: 50%; font-size: 12px; }
  .request-form { padding: 22px; }.request-form h3 { margin-bottom: 24px; }.request-form .row { --bs-gutter-y: 1rem; }.request-form textarea,.upload-zone { height: 160px; }.submit-button { width: 100%; margin-top: 24px; }.form-feedback { display: block; margin: 12px 0 0; }
  .cta-copy h2 { font-size: 28px; text-align: center; }.cta-art { height: 300px; }.footer-brand { position: static; align-items: center; width: 100%; }.footer-about { text-align: center; }.footer-about h2 { margin: 20px 0 12px; }.footer-about p { line-height: 1.9; }.footer-nav { grid-template-columns: repeat(2,1fr); gap: 24px 16px; }.footer-nav>div:last-child { grid-column: 1/-1; }.footer-nav h3,.footer-nav a { text-align: center; }.footer-bottom { gap: 20px; align-items: center; flex-direction: column; padding: 22px 0; }.social-links { justify-content: center; }
  .platform-author-card { display: flex; flex-direction: column; gap: 18px; padding: 22px 18px; text-align: center; }.platform-author-photo { width: 120px; height: 120px; }.platform-author-content p { font-size: 13px; line-height: 1.9; }.platform-author-links { justify-content: center; }.platform-author-links a { flex: 1 1 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-delay: .01ms !important; animation-iteration-count: 1 !important; } }
@media (min-width: 1200px) {
  .site-container { position: relative; left: 8px; width: var(--container); }
  .site-header .site-container { left: 8px; width: var(--container); }
  .hero { left: -20px; width: 1280px; }
  .trusted { left: 8px; width: 1103px; }
  .brand-slide { flex: 0 0 auto; }
  .cta-art { transform: translateY(-10px); }
}