/* SData sales home v7 («صدا» edition). Tokens, keyframes and reveal effects follow the exported design reference
   (dark first, light variant); the light tokens apply with the site's light theme. Below them: compatibility with the
   site's legacy global CSS, the interactive states that replace the mockup's inline state styles, and the app-like
   phone layer. */

.sd-root{--bg:#070B14;--bg2:#060A12;--sec:#0A0F1B;--surface:#0C1322;--surface2:#111A2E;--tint:#0E1B36;--tint-line:#1F3D7A;--line:#172033;--line2:#1E2A40;--line3:#2A3750;--faint:#16213A;--grid:#0D1524;--dot:#131C2E;--hi:#FFFFFF;--t1:#E8ECF4;--t2:#C9D1E0;--t3:#A7B1C5;--t4:#98A3B8;--t5:#7D889E;--acc:#8DB2F7;--acc2:#6F9BF2;--line-acc:#4C82F0;--ok:#6FCF97;--ok-line:#1F4A33;--warn:#F59E7B;--warn-line:#5A2E22;--header:rgba(7,11,20,.94);--glass:rgba(12,19,34,.92);--hl:#0B43A3;--chart:#4C82F0;--chart2:#2E63CF;--chart-soft:#1A2B4D;--shadow:rgba(0,0,0,.6)}
.sd-root{transition:background-color .4s,color .4s}
.nd{fill:var(--surface2);stroke:var(--line3)}
.nt{fill:var(--t1)}
.ln{stroke:var(--line2)}
.lnf{stroke:var(--faint)}
.lna{stroke:var(--line-acc)}
.pt{fill:var(--acc)}
.txm{fill:var(--t5)}
.txs{fill:var(--t4)}
.txh{fill:var(--hi)}
.tr{fill:var(--tint);stroke:var(--line-acc)}
.ch{stroke:var(--chart)}
.chf{fill:var(--chart)}
.chs{fill:var(--chart-soft)}
.chs-s{stroke:var(--chart-soft)}
@keyframes sd-dash{to{stroke-dashoffset:-32}}
@keyframes sd-draw{0%{stroke-dashoffset:400}40%{stroke-dashoffset:0}90%{stroke-dashoffset:0}100%{stroke-dashoffset:400}}
@keyframes sd-drawonce{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes sd-to{to{stroke-dashoffset:var(--to)}}
@keyframes sd-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.8);opacity:0}}
@keyframes sd-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes sd-marquee-r{from{transform:translateX(50%)}to{transform:translateX(0)}}
@keyframes sd-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sd-card{0%,6%{opacity:0;transform:translateY(10px)}14%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes sd-hl{0%,3%{fill:var(--surface2);stroke:var(--line3)}7%,14%{fill:var(--hl);stroke:var(--acc2)}20%,100%{fill:var(--surface2);stroke:var(--line3)}}
@keyframes sd-step{0%,3%{border-color:var(--line2);background:var(--surface)}7%,22%{border-color:var(--line-acc);background:var(--tint)}28%,100%{border-color:var(--line2);background:var(--surface)}}
@keyframes sd-fill{from{width:0}to{width:100%}}
@keyframes sd-blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes sd-wave{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes sd-dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes sd-typ{0%,80%{opacity:1}100%{opacity:0}}
@keyframes sd-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes sd-growy{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
@keyframes sd-growx{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes sd-cell{0%,100%{opacity:var(--o)}50%{opacity:calc(var(--o) * .45)}}
@keyframes sd-spin{to{transform:rotate(360deg)}}
@keyframes sd-spinr{to{transform:rotate(-360deg)}}
@keyframes sd-ping{0%,72%{box-shadow:0 0 0 0 rgba(111,155,242,0)}76%{box-shadow:0 0 0 0 rgba(111,155,242,.75)}100%{box-shadow:0 0 0 16px rgba(111,155,242,0)}}
@keyframes sd-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes sd-halo{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.7);opacity:0}}
@keyframes sd-flow{0%{background-position:0 0}100%{background-position:-40px 0}}
@keyframes sd-lit{0%{border-color:var(--line2);box-shadow:none}100%{border-color:var(--line-acc);box-shadow:0 10px 30px -14px rgba(46,99,207,.6)}}
.sd-dash{stroke-dasharray:3 9;animation:sd-dash 1.6s linear infinite}
.sd-draw{stroke-dasharray:400;animation:sd-draw 7s ease-in-out infinite}
.sd-pulse{transform-box:fill-box;transform-origin:center;animation:sd-pulse 2.6s ease-out infinite}
.sd-marquee{animation:sd-marquee 70s linear infinite}
.sd-marquee-r{animation:sd-marquee-r 70s linear infinite}
.sd-up{animation:sd-up .9s ease both}
.sd-card{animation:sd-card 10s ease infinite}
.sd-hl{animation:sd-hl 9s ease infinite}
.sd-step{animation:sd-step 12s ease infinite}
.sd-fill{animation:sd-fill 12s linear infinite}
.sd-blink{animation:sd-blink 1.8s ease-in-out infinite}
.sd-wave{transform-origin:center;animation:sd-wave 1.1s ease-in-out infinite}
.sd-dot{animation:sd-dot 1s ease-in-out infinite}
.sd-typ{animation:sd-typ 1.5s ease forwards}
.sd-in1{opacity:0;animation:sd-in .5s ease .05s forwards}
.sd-in2{opacity:0;animation:sd-in .6s ease 1.4s forwards}
.sd-in3{opacity:0;animation:sd-in .6s ease 1.8s forwards}
.sd-in4{opacity:0;animation:sd-in .6s ease 2.2s forwards}
.sd-inx{opacity:0;animation:sd-in .55s ease forwards}
.sd-drawonce{stroke-dasharray:400;stroke-dashoffset:400;animation:sd-drawonce 1.4s ease 1.6s forwards}
.sd-drawin{stroke-dasharray:400;stroke-dashoffset:400;animation:sd-drawonce 2s ease .3s forwards}
.sd-arc{animation:sd-to 1.6s cubic-bezier(.2,.8,.2,1) .3s forwards}
.sd-gy{transform-origin:bottom;transform:scaleY(0);animation:sd-growy .9s cubic-bezier(.2,.8,.2,1) forwards}
.sd-gx{transform:scaleX(0);animation:sd-growx .9s cubic-bezier(.2,.8,.2,1) forwards}
.sd-cell{animation:sd-cell 3.2s ease-in-out infinite}
.sd-spin{animation:sd-spin 60s linear infinite}
.sd-spinr{animation:sd-spinr 60s linear infinite}
.sd-ping{animation:sd-ping 7s ease-out infinite}
.sd-floaty{animation:sd-floaty 5s ease-in-out infinite}
.sd-halo{animation:sd-halo 3s ease-out infinite}
.sd-flowline{background-image:linear-gradient(90deg,var(--line-acc) 0 10px,transparent 10px 20px);background-size:20px 2px;animation:sd-flow .9s linear infinite}
.sd-node{opacity:0;animation:sd-in .55s cubic-bezier(.2,.8,.2,1) forwards}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
.rv-c{counter-reset:n var(--n)}
.rv-c::before{content:counter(n, persian)}
.rv-beam{height:1px;max-width:1240px;margin:0 auto;background:linear-gradient(90deg,transparent,#6F9BF2 50%,transparent);box-shadow:0 0 18px 1px rgba(76,130,240,.55);opacity:.7}
.rv-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:#4C82F0;box-shadow:0 0 12px rgba(76,130,240,.8);transform-origin:right;transform:scaleX(0);display:none}
@keyframes rv-up{from{opacity:0;transform:translateY(46px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes rv-pop{from{opacity:0;transform:translateY(40px) scale(.94);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes rv-tilt{from{opacity:0;transform:perspective(1400px) rotateX(22deg) translateY(80px) scale(.94);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
@keyframes rv-scale{from{opacity:0;transform:scale(.7) rotate(-8deg);filter:blur(16px)}to{opacity:1;transform:none;filter:none}}
@keyframes rv-sr{from{opacity:0;transform:translateX(70px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes rv-sl{from{opacity:0;transform:translateX(-70px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes rv-title{from{clip-path:inset(0 0 0 100%);filter:blur(8px);opacity:.3}to{clip-path:inset(0 0 0 0);filter:none;opacity:1}}
@keyframes rv-beam{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.8}}
@keyframes rv-prog{to{transform:scaleX(1)}}
@keyframes rv-count{from{--n:0}}
/* reveal on entry: home7.js adds .sd-rv to the root and .in to each element as it enters the viewport
   (the mockup's scroll-driven timelines do not attach inside the site layout, so they are replaced; no clip-path on the
   hidden state, because a fully clipped target never reports an intersection) */
.sd-rv .rv-up:not(.in),.sd-rv .rv-pop:not(.in),.sd-rv .rv-tilt:not(.in),.sd-rv .rv-scale:not(.in),.sd-rv .rv-sr:not(.in),.sd-rv .rv-sl:not(.in),.sd-rv .rv-title:not(.in){opacity:0}
.sd-rv .rv-up:not(.in){transform:translateY(34px)}
.sd-rv .rv-pop:not(.in){transform:translateY(30px) scale(.95)}
.sd-rv .rv-tilt:not(.in){transform:perspective(1400px) rotateX(16deg) translateY(60px) scale(.96)}
.sd-rv .rv-scale:not(.in){transform:scale(.8) rotate(-6deg)}
.sd-rv .rv-sr:not(.in){transform:translateX(56px)}
.sd-rv .rv-sl:not(.in){transform:translateX(-56px)}
.sd-rv .rv-title:not(.in){transform:translateY(22px);filter:blur(6px)}
.sd-rv .rv-up,.sd-rv .rv-pop,.sd-rv .rv-tilt,.sd-rv .rv-scale,.sd-rv .rv-sr,.sd-rv .rv-sl{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.sd-rv .rv-title{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .8s,filter .9s}
.sd-rv .rv-beam:not(.in){transform:scaleX(0);opacity:0}
.sd-rv .rv-beam{transition:transform 1.2s ease,opacity 1.2s}
@keyframes sd-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--dx),var(--dy))}}
.sd-drift{animation:sd-drift 9s ease-in-out infinite}
.sd-typf{animation:sd-typ 1.1s ease forwards}
.sd-inf{opacity:0;animation:sd-in .6s ease 1s forwards}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.sd-in1,.sd-in2,.sd-in3,.sd-in4,.sd-inx,.sd-node,.sd-inf{opacity:1}.sd-typf{opacity:0}.sd-typ{opacity:0}.sd-draw,.sd-drawonce,.sd-drawin{stroke-dashoffset:0}.sd-gy,.sd-gx{transform:none}}

/* light theme: the site toggle (data-theme) or, without a choice, the system preference */
:root[data-theme="light"] .sd-root{--bg:#F5F7FB;--bg2:#EEF2F9;--sec:#FFFFFF;--surface:#FFFFFF;--surface2:#F3F6FB;--tint:#EAF1FE;--tint-line:#C6D7F6;--line:#E3E8F0;--line2:#DCE3ED;--line3:#C8D2E2;--faint:#DDE5F2;--grid:#E8EDF5;--dot:#D9E0EC;--hi:#0A1628;--t1:#14213A;--t2:#33425E;--t3:#4B5873;--t4:#5D6A84;--t5:#6E7A92;--acc:#0B43A3;--acc2:#2557C7;--line-acc:#2E63CF;--ok:#18874D;--ok-line:#B9E2C9;--warn:#C24E22;--warn-line:#F1C9B8;--header:rgba(255,255,255,.92);--glass:rgba(255,255,255,.96);--hl:#CFE0FF;--chart:#2E63CF;--chart2:#0B43A3;--chart-soft:#DCE7FB;--shadow:rgba(15,30,60,.16)}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .sd-root{--bg:#F5F7FB;--bg2:#EEF2F9;--sec:#FFFFFF;--surface:#FFFFFF;--surface2:#F3F6FB;--tint:#EAF1FE;--tint-line:#C6D7F6;--line:#E3E8F0;--line2:#DCE3ED;--line3:#C8D2E2;--faint:#DDE5F2;--grid:#E8EDF5;--dot:#D9E0EC;--hi:#0A1628;--t1:#14213A;--t2:#33425E;--t3:#4B5873;--t4:#5D6A84;--t5:#6E7A92;--acc:#0B43A3;--acc2:#2557C7;--line-acc:#2E63CF;--ok:#18874D;--ok-line:#B9E2C9;--warn:#C24E22;--warn-line:#F1C9B8;--header:rgba(255,255,255,.92);--glass:rgba(255,255,255,.96);--hl:#CFE0FF;--chart:#2E63CF;--chart2:#0B43A3;--chart-soft:#DCE7FB;--shadow:rgba(15,30,60,.16)}}

/* brand navy for the dark theme (owner's request: «سرمه‌ای تیره»), nudged from the mockup's near-black */
.sd-root{--bg:#060E24;--bg2:#050B1E;--sec:#08122C;--surface:#0B1733;--surface2:#102042;--tint:#0F2150;--grid:#0B1838;--dot:#13224C;
  --line:#16244A;--line2:#1C2D57;--line3:#283B6B;--faint:#18285A;--header:rgba(6,14,36,.94);--glass:rgba(11,23,51,.92)}
:root[data-theme="light"] .sd-root{--header:rgba(255,255,255,.92)}

/* ── base and legacy-CSS compatibility (the site still loads bootstrap + old globals: section padding/overflow,
   `*{text-align:right}`, centred paragraphs, forced fonts) ── */
.sd-root{background:var(--bg);color:var(--t1);font-family:var(--body,iranSans),Tahoma,sans-serif;text-align:right;direction:rtl;
  -webkit-tap-highlight-color:transparent;overflow-x:clip}
.sd-root *{text-align:inherit;box-sizing:border-box}
.sd-root section{padding:0;margin:0;overflow:visible}
.sd-root h1,.sd-root h2{font-family:var(--display,"Dana"),iranSans,sans-serif!important;text-wrap:balance}
.sd-root p{text-align:justify;text-justify:inter-word}
.sd-root a{color:var(--acc)}
.sd-root a:hover{color:var(--acc2);text-decoration:none}
.sd-root svg text{font-family:var(--display,"Dana"),iranSans,sans-serif}
.sd-root button{font:inherit}
.sh:has(.sd-root){background:var(--sd-page,#060E24)}

/* ── panels: one visible per group (all are in the markup) ── */
.sd-ans,.sd-sp,.sd-fa,.sd-dp{display:none!important}
.sd-ans.on{display:flex!important;flex-direction:column;flex:1}
.sd-sp.on{display:block!important}
.sd-fa.on{display:flex!important;flex-direction:column;flex:1;position:relative}
.sd-dp.on{display:flex!important}
.sd-dps{grid-template-columns:minmax(0,1fr)}

/* ── tabs (the mockup set these as inline state styles) ── */
.sd-q,.sd-dt,.sd-fq{all:unset;box-sizing:border-box;width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:12px 16px;
  border-radius:10px;cursor:pointer;font-family:inherit;line-height:1.8;transition:background .25s,border-color .25s,transform .3s,color .25s}
.sd-q{font-size:14.5px;background:#08317A;border:1px solid #2357B8;color:#DCE6F9;font-weight:300}
.sd-q.on{background:#FFFFFF;border-color:#FFFFFF;color:#0B43A3;font-weight:500}
.sd-q:focus-visible,.sd-dt:focus-visible,.sd-fq:focus-visible,.sd-st:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.sd-dt{font-size:15px;line-height:1.7;background:transparent;border:1px solid var(--line2);color:var(--t3);font-weight:300}
.sd-dt.on{background:var(--tint);border-color:var(--line-acc);color:var(--hi);font-weight:500}
.sd-st{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;font-size:14.5px;cursor:pointer;
  transition:background .25s;background:var(--surface);color:var(--t2);border:1px solid var(--line3);font-weight:300}
.sd-st.on{background:#0B43A3;color:#FFFFFF;border-color:#4C82F0;font-weight:500}
.sd-fq{min-height:60px;gap:14px;border-radius:14px;font-size:15px;background:var(--surface);border:1px solid var(--line2);color:var(--t2);font-weight:300}
.sd-fq.on{background:var(--tint);border-color:var(--line-acc);color:var(--hi);font-weight:500;transform:translateX(-6px)}
.sd-fq-n{flex:none;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;
  background:var(--surface2);color:var(--t4);border:1px solid var(--line2);transition:background .3s,color .3s}
.sd-fq.on .sd-fq-n{background:#0B43A3;color:#FFFFFF;border-color:#0B43A3}

/* ── partner logos: frameless on light, on white chips in the dark theme (the files carry white grounds) ── */
.sd-root .sd-logos{direction:ltr}
.sd-logo{flex:none;display:inline-flex;align-items:center;justify-content:center;height:68px;min-width:110px;padding:0 18px;border-radius:14px;background:#FFFFFF;border:1px solid #E3E8F0}
.sd-logo img{max-height:44px;max-width:120px;width:auto;mix-blend-mode:multiply}
:root[data-theme="light"] .sd-logo{background:transparent;border-color:transparent}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .sd-logo{background:transparent;border-color:transparent}}
.sd-logos .sd-marquee{animation-name:sd-marq-l}
.sd-logos .sd-marquee-r{animation-name:sd-marq-l;animation-direction:reverse}
@keyframes sd-marq-l{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sd-logos:hover .sd-logo-row{animation-play-state:paused}

/* ── real people strip in the network section ── */
.sd-people{display:flex;flex-wrap:wrap;gap:8px}
.sd-person{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--surface);border:1px solid var(--line2);
  color:var(--t1)!important;font-size:13px}
.sd-person:hover{border-color:var(--line-acc)}
.sd-person img,.sd-person span{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}
.sd-person span{display:grid;place-items:center;background:var(--tint);color:var(--acc);font-weight:600;font-size:13px}
.sd-person b{font-weight:500;white-space:nowrap}

/* ── request form (real MeetingForm fields in the design's styling) ── */
.sd-form{flex:1.2 1 480px;min-width:0;background:var(--surface);border:1px solid var(--line3);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:18px;
  box-shadow:0 30px 60px -40px var(--shadow)}
.sd-form-h{font-size:20px;font-weight:500;color:var(--hi)}
.sd-form-err{background:rgba(245,158,123,.12);border:1px solid var(--warn-line);color:var(--warn);border-radius:10px;padding:10px 14px;font-size:14px}
.sd-pills{display:flex;gap:8px;flex-wrap:wrap}
.sd-pill{position:relative;margin:0}
.sd-pill input{position:absolute;opacity:0;inset:0;cursor:pointer}
.sd-pill span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;font-size:13.5px;cursor:pointer;transition:background .2s;
  background:var(--surface2);color:var(--t2);border:1px solid var(--line3);font-weight:300}
.sd-pill input:checked+span{background:#0B43A3;color:#FFFFFF;border-color:#4C82F0;font-weight:400}
.sd-pill input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.sd-f{display:flex;flex-direction:column;gap:6px}
.sd-f2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.sd-f label{font-size:13px;color:var(--t2);margin:0}
.sd-f label small{color:var(--t5);font-size:inherit}
.sd-f input,.sd-f select,.sd-f textarea{min-height:46px;background:var(--surface2);border:1px solid var(--line3);border-radius:8px;color:var(--t1);padding:0 12px;
  font-family:inherit;font-size:14px;width:100%}
.sd-f textarea{padding:12px;resize:vertical;min-height:96px}
.sd-f input:focus,.sd-f select:focus,.sd-f textarea:focus{outline:none;border-color:var(--line-acc);box-shadow:0 0 0 3px rgba(76,130,240,.22)}
.sd-f.bad input,.sd-f.bad textarea{border-color:var(--warn)}
.sd-help{font-size:12px;color:var(--t5)}
.sd-err{font-size:12.5px;color:var(--warn)}
.sd-submit{min-height:52px;border-radius:10px;border:1px solid #4C82F0;color:#FFFFFF;font-size:15px;font-weight:500;cursor:pointer;
  background:linear-gradient(135deg,#4a95ff 0%,#2f7dff 45%,#0943a4 100%);box-shadow:0 10px 30px -10px rgba(47,125,255,.85)}
.sd-submit:hover{filter:brightness(1.08)}
.sd-fine{margin:0;font-size:12.5px;line-height:2;color:var(--t4)}

/* ── floating action (phones only) ── */
.sd-fab{display:none}

/* ── interaction polish ── */
.sd-root a,.sd-root button,.sd-pill span{touch-action:manipulation}
@media (hover:hover){.sd-root .rv-pop:hover,.sd-root .sd-rail>a:hover{transform:translateY(-3px);transition:transform .25s,border-color .25s;border-color:var(--line-acc)!important}}

/* ═════════ phones and small tablets: app-like layer ═════════ */
@media (max-width: 900px){
  .sd-root section>div[style*="max-width: 1240px"]{padding-top:56px!important;padding-bottom:56px!important;padding-inline:16px!important;gap:24px!important}
  .sd-root h2{font-size:clamp(22px,6.4vw,28px)!important;line-height:1.55!important}
  .sd-root .sd-hero>div[style*="max-width: 1240px"]{padding-top:28px!important;padding-bottom:28px!important;gap:22px!important}
  .sd-root .sd-hero p{font-size:15px!important;line-height:2!important}
  .sd-root .sd-hero h1{font-size:clamp(20px,6.6vw,34px)!important}

  /* swipe rails with a peek of the next card */
  .sd-rail{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin-inline:-16px;padding:2px 16px 10px;
    scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .sd-rail::-webkit-scrollbar{display:none}
  .sd-rail>*{flex:0 0 min(78%,300px)!important;scroll-snap-align:start;min-width:0}

  /* tab lists become swipeable chip rows */
  .sd-root [role="tablist"]{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;
    padding:2px 16px 8px!important;gap:8px!important;scrollbar-width:none;flex-basis:auto!important;min-width:0!important}
  .sd-root [role="tablist"]::-webkit-scrollbar{display:none}
  .sd-root [role="tablist"]>button{flex:0 0 auto;width:auto;max-width:82vw;scroll-snap-align:start;min-height:48px;white-space:normal}
  .sd-q,.sd-fq{flex-basis:76vw!important}
  .sd-fq.on{transform:none}

  /* SDO chain: two columns, no connector */
  .sd-sp .sd-flowline{display:none}
  .sd-sp div[style*="minmax(140px, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sd-root #sdo .rv-tilt{padding:18px!important;border-radius:18px!important}

  /* figures: two per row, the last spans */
  .sd-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 0;padding-top:20px!important}
  .sd-stats>div{padding:0 0 0 10px!important}
  .sd-stats>div:last-child:nth-child(odd){grid-column:1/-1}
  .sd-stats span[style*="font-size: 32px"]{font-size:26px!important}

  .sd-logo{height:54px;min-width:92px;padding:0 12px}
  .sd-logo img{max-height:34px;max-width:96px}

  .sd-form{padding:20px;border-radius:20px}
  .sd-f input,.sd-f select,.sd-f textarea{font-size:16px;min-height:50px}   /* no iOS zoom on focus */
  .sd-submit{min-height:54px;font-size:16px}

  /* floating "request demo" above the bottom tab bar */
  .sd-fab{display:inline-flex;position:fixed;inset-inline-start:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:40;align-items:center;
    min-height:48px;padding:0 20px;border-radius:999px;color:#fff!important;font-weight:600;font-size:14px;
    background:linear-gradient(135deg,#4a95ff,#0943a4);box-shadow:0 12px 28px -8px rgba(47,125,255,.8),0 0 0 1px rgba(150,195,255,.35) inset;
    transition:transform .3s,opacity .3s}
  .sd-root:has(#request:target) ~ .sd-fab{opacity:0;pointer-events:none}
  .sd-root .rv-pop:active,.sd-rail>*:active,.sd-root [role="tablist"]>button:active{transform:scale(.97)}
}
@media (max-width: 420px){
  .sd-root .sd-hero h1{white-space:normal!important}
}
@media (prefers-reduced-motion: reduce){.sd-logos .sd-logo-row{animation:none!important;flex-wrap:wrap;width:auto!important;justify-content:center}.sd-logos .sd-logo[aria-hidden]{display:none}}
/* the legacy `span{font-family:IranSans!important}` must not split a heading into two typefaces */
.sd-root h1 span,.sd-root h2 span{font-family:inherit!important}
@media (max-width: 900px){.sd-root .rv-tilt[style*="overflow-x: auto"]{padding:16px 12px!important;margin-inline:-4px}}
/* legacy CSS also sets a fixed size on bare spans; inside the design a span without its own size inherits it */
.sd-root span:not([style*="font-size"]){font-size:inherit}
.sd-root h1 span,.sd-root h2 span{font-size:inherit!important}
/* the partner strip is always visible (no reveal): it sits right under the fold */
.sd-rv .sd-logos.rv-up:not(.in){opacity:1;transform:none}
/* contact numbers beside the request form */
.sd-root .sd-reach{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding:16px 18px;border:1px solid var(--line2);border-radius:14px;background:var(--surface)}
.sd-root .sd-reach-h{font-size:13px;color:var(--acc);font-weight:600}
.sd-root .sd-reach-i{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--t2);text-decoration:none;padding:4px 0}
.sd-root .sd-reach-i svg{color:var(--line-acc);flex:none}
.sd-root .sd-reach-l{font-size:13px;color:var(--t3);min-width:64px}
.sd-root .sd-reach-i bdi{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--hi)}
.sd-root .sd-reach-i:hover bdi,.sd-root .sd-reach-i:focus-visible bdi{color:var(--acc)}