@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html, body, button, input, textarea, select {
  font-family: "Vazirmatn", Tahoma, sans-serif;
  font-synthesis: none;
}

[lang="en"] body { letter-spacing: -.005em; }
.lang-switch { display:inline-grid;place-items:center;min-width:38px;height:38px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.72rem;font-weight:800 }
.lang-switch:hover { border-color:var(--mint);color:var(--mint) }
.app-download-menu .dropdown-toggle { border:0;background:transparent }
.app-download-menu .dropdown-toggle:focus-visible { outline:2px solid var(--mint);outline-offset:2px }
.app-download-menu .dropdown-menu { min-width:285px;margin-top:.65rem;padding:.55rem;background:#fff;border:1px solid var(--line);border-radius:2px;box-shadow:0 18px 45px rgba(3,18,29,.24) }
.app-download-menu .dropdown-item { display:grid;grid-template-columns:34px 1fr;align-items:center;gap:.7rem;padding:.7rem .75rem;color:var(--ink);white-space:normal }
.app-download-menu .dropdown-item:hover,.app-download-menu .dropdown-item:focus { background:#e8fbf5;color:#0b6f54 }
.app-download-menu .dropdown-item span:last-child { display:flex;flex-direction:column }
.app-download-menu .dropdown-item strong { font-size:.82rem }
.app-download-menu .dropdown-item small { color:var(--muted);font-size:.67rem }
.download-menu-icon { width:32px;height:32px;display:grid;place-items:center;background:#e8fbf5;color:var(--mint-dark);font-weight:900 }
.app-download-menu .dropdown-divider { margin:.35rem .75rem;border-color:var(--line) }
.btn-login { margin-inline-start:1rem;margin-right:0 }
.live-dot:before { margin-inline-end:.45rem;margin-left:0 }
.service-list li:before { margin-inline-end:.5rem;margin-left:0 }
.hp { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;inset:0 auto auto 0!important }
.contact-note a { text-align:start }
.contact-form label>span { color:#173246;font-size:.88rem;font-weight:800;margin-bottom:.2rem }
.contact-form .field-hint { color:#71838f;font-size:.72rem;font-weight:500 }
.contact-form .contact-submit { display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;margin-top:.35rem;background:#16a77d;border:2px solid #16a77d;color:#fff!important;font-size:1rem;box-shadow:0 8px 22px rgba(22,167,125,.2) }
.contact-form .contact-submit:hover,.contact-form .contact-submit:focus { background:#0d8563;border-color:#0d8563;color:#fff!important }
.contact-form .validation:not(:empty) { display:block;margin-bottom:1.25rem;padding:1rem 1.15rem;background:#fff0f1;border:1px solid #dc3545;border-inline-start:5px solid #dc3545;color:#9f1f2c;font-size:.88rem;font-weight:700 }
.contact-form .validation ul { margin:0;padding-inline-start:1.2rem }
.contact-form .validation li+li { margin-top:.35rem }
.hero h1 { font-size:clamp(2.65rem,4.35vw,4.35rem) }
.hero h1 span { white-space:nowrap }

[dir="rtl"] .hero { min-height:700px;padding-top:155px }
[dir="rtl"] .hero-grid { grid-template-columns:.92fr 1.08fr;gap:4rem }
[dir="rtl"] .hero h1 { max-width:560px;font-size:clamp(2.5rem,3.7vw,3.45rem);font-weight:800;line-height:1.45;letter-spacing:0 }
[dir="rtl"] .hero h1 span { white-space:normal }
[dir="rtl"] .hero-copy>p { max-width:540px;font-size:1rem;line-height:2 }
[dir="rtl"] .hero-image,[dir="rtl"] .hero-image img { min-height:500px }

.hero-image { position:relative;min-height:470px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 90px rgba(0,0,0,.35) }
.hero-image:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,21,33,.78)) }
.hero-image img { width:100%;height:100%;min-height:470px;object-fit:cover;display:block }
.image-status { position:absolute;z-index:2;inset-inline:1.3rem;bottom:1.2rem;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.8rem }
.image-status b { font-weight:600 }
.intro .feature-card { isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:390px;background-position:center;background-size:cover;border-color:rgba(255,255,255,.2);color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.38) }
.intro .feature-card:before { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(3,18,29,.04) 12%,rgba(3,18,29,.78) 64%,rgba(3,18,29,.97));transition:background .25s ease }
.intro .feature-card:hover:before { background:linear-gradient(180deg,rgba(3,18,29,0),rgba(3,18,29,.7) 58%,rgba(3,18,29,.96)) }
.intro .feature-card:nth-child(1) { background-image:url("../images/iot/home/realtime-monitoring.webp") }
.intro .feature-card:nth-child(2) { background-image:url("../images/iot/home/early-warning.webp") }
.intro .feature-card:nth-child(3) { background-image:url("../images/iot/home/device-management.webp") }
.intro .feature-card .feature-no { position:absolute;top:1.5rem;inset-inline-end:1.5rem;color:rgba(255,255,255,.78) }
.intro .feature-card .icon-box { background:rgba(66,214,170,.92);color:#06241b;box-shadow:0 8px 22px rgba(0,0,0,.2);text-shadow:none }
.intro .feature-card h3 { color:#fff }
.intro .feature-card p,.intro .feature-card.featured p { min-height:54px;margin-bottom:0;color:#dce7ea }
.flow-visual { position:relative;margin:3rem 0 0;aspect-ratio:16/7;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(0,0,0,.28) }
.flow-visual:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,22,34,.02) 45%,rgba(5,22,34,.42)) }
.flow-visual img { width:100%;height:100%;object-fit:cover;display:block }
.flow-section .flow { border-top:0;padding-top:2.5rem }
.gallery-visual img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease }
.gallery-item:hover .gallery-visual img { transform:scale(1.035) }
.gallery-visual:has(img):after { background:linear-gradient(180deg,transparent 60%,rgba(4,21,33,.15));border:0;box-shadow:none;inset:0;width:auto;height:auto;border-radius:0 }
.industry.has-photo { background-size:cover;background-position:center }
.industry.has-photo:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(4,21,33,.88)) }
.industry.has-photo span,.industry.has-photo p { z-index:2 }
.industry-photo { background-image:url("../images/iot/industrial-monitoring.png")!important }
.industry.agriculture { background-image:url("../images/iot/smart-garden.png")!important }
.industry.building { background-image:url("../images/iot/smart-apartment.png")!important }

.app-access { padding:0 0 110px;background:#fbfcfa }
.app-access-panel { position:relative;overflow:hidden;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:2.5rem;padding:3rem;background:linear-gradient(90deg,rgba(6,26,43,.9),rgba(6,26,43,.82)),url("../images/iot/home/vehicle-app.webp") center/cover;color:#fff;box-shadow:0 28px 70px rgba(6,26,43,.14) }
.app-access-panel:before { content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(66,214,170,.18);border-radius:50%;inset-inline-start:-160px;bottom:-210px;box-shadow:0 0 0 55px rgba(66,214,170,.035),0 0 0 110px rgba(66,214,170,.025) }
.app-access-copy,.app-access-actions { position:relative;z-index:1 }
.app-access-copy h2 { margin:.75rem 0 1rem;font-size:clamp(1.8rem,3vw,2.75rem);font-weight:900;line-height:1.4 }
.app-access-copy p { max-width:470px;margin:0;color:#9eb2bd;font-size:.92rem }
.app-access-actions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem }
.app-option { min-height:150px;padding:1rem;display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;gap:.7rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;transition:transform .25s ease,border-color .25s ease,background .25s ease }
.app-option:hover,.app-option:focus-visible { transform:translateY(-4px);border-color:var(--mint);background:rgba(255,255,255,.11);color:#fff;outline:none }
.app-option-primary { background:var(--mint);border-color:var(--mint);color:#06241b }
.app-option-primary:hover,.app-option-primary:focus-visible { background:#63e3bd;color:#041a13 }
.app-option-icon { width:48px;height:48px;display:grid;place-items:center;background:rgba(66,214,170,.14);color:var(--mint) }
.app-option-primary .app-option-icon { background:rgba(6,36,27,.1);color:#06241b }
.app-option-icon svg { width:27px;height:27px;fill:currentColor }
.app-option-car .app-option-icon svg { fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round }
.app-option-text { min-width:0;display:flex;flex-direction:column }
.app-option-text small { color:#9eb2bd;font-size:.69rem;line-height:1.5 }
.app-option-primary .app-option-text small { color:#145943 }
.app-option-text strong { margin-top:.25rem;font-size:.94rem;line-height:1.55 }
.app-option-arrow { align-self:start;font-size:1.2rem;line-height:1 }

[dir="ltr"] .hero h1 { letter-spacing:-3px;line-height:1.12 }
[dir="ltr"] .hero-copy>p { line-height:1.7 }
[dir="ltr"] .page-hero h1 { line-height:1.18 }
[dir="ltr"] .section-head h2 { line-height:1.25 }
[dir="ltr"] .cta h2 { line-height:1.25 }

@media (max-width:991px) { .btn-login{margin-inline-start:0}.hero-image,.hero-image img{min-height:390px}.lang-switch{margin-top:.5rem}.app-download-menu .dropdown-toggle{width:100%;text-align:start}.app-download-menu .dropdown-menu{width:100%;margin:.2rem 0 .7rem;box-shadow:none}.app-access{padding-bottom:80px}.app-access-panel{grid-template-columns:1fr;gap:2.25rem;padding:2.5rem}.app-access-copy p{max-width:620px}[dir="rtl"] .hero{padding-top:145px}[dir="rtl"] .hero-grid{grid-template-columns:1fr;gap:3rem}[dir="rtl"] .hero-image,[dir="rtl"] .hero-image img{min-height:390px} }
@media (max-width:700px) { .hero-image,.hero-image img{min-height:330px}.image-status{font-size:.7rem}.hero h1 span{white-space:normal}.intro .feature-card{min-height:340px}.intro .feature-card p,.intro .feature-card.featured p{min-height:0}.flow-visual{margin-top:2rem;aspect-ratio:4/3}.flow-visual img{object-position:44% center}.app-access-panel{padding:2rem 1.25rem}.app-access-actions{grid-template-columns:1fr}.app-option{min-height:112px}.app-access-copy h2{font-size:1.8rem}[dir="rtl"] .hero{min-height:auto;padding-top:130px;padding-bottom:70px}[dir="rtl"] .hero h1{font-size:2.15rem;line-height:1.5}[dir="rtl"] .hero-copy>p{font-size:.95rem;line-height:1.9}[dir="rtl"] .hero-image,[dir="rtl"] .hero-image img{min-height:330px} }

.solutions-hero { min-height:620px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(6,26,43,.96),rgba(6,26,43,.7)),url("../images/iot/remote-device-control.png") center/cover }
.solutions-hero:after { display:none }
.solutions-overview { padding-bottom:90px }
.solutions-overview .feature-card { isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;border-color:rgba(255,255,255,.18);background-position:center;background-size:cover;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35) }
.solutions-overview .feature-card:before { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,21,33,.08) 10%,rgba(4,21,33,.9) 72%,rgba(4,21,33,.98));transition:background .25s ease }
.solutions-overview .feature-card:hover:before { background:linear-gradient(180deg,rgba(4,21,33,.02),rgba(4,21,33,.84) 65%,rgba(4,21,33,.97)) }
.solutions-overview .feature-card:nth-child(1) { background-image:url("../images/iot/card-monitoring-building-v2.jpg") }
.solutions-overview .feature-card:nth-child(2) { background-image:url("../images/iot/card-mobile-command-v3.jpg") }
.solutions-overview .feature-card:nth-child(3) { background-image:url("../images/iot/card-scheduling-automation.jpg") }
.solutions-overview .feature-card .feature-no { z-index:1;color:rgba(255,255,255,.72) }
.solutions-overview .feature-card .icon-box { width:46px;height:46px;margin-bottom:1.25rem;background:rgba(66,214,170,.92);color:#06241b;box-shadow:0 8px 22px rgba(0,0,0,.2);text-shadow:none }
.solutions-overview .feature-card h3 { color:#fff }
.solutions-overview .feature-card p,.solutions-overview .feature-card.featured p { min-height:78px;margin-bottom:0;color:#d8e3e7 }
.solution-story { padding:90px 0;background:#f3f6f3 }
.solution-story-alt { background:#fff }
.solution-story-grid { display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:5rem;align-items:center }
.solution-story-alt .solution-media { order:2 }
.solution-media { margin:0;aspect-ratio:3/2;overflow:hidden;background:#dfe7e5;box-shadow:0 24px 60px rgba(6,26,43,.12) }
.solution-media img { width:100%;height:100%;object-fit:cover;display:block }
.solution-story-copy h2 { margin:.75rem 0 1rem;font-size:clamp(1.8rem,3vw,3rem);font-weight:900;line-height:1.45 }
.solution-story-copy>p { color:var(--muted);font-size:.96rem }
.capability-list { list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--line) }
.capability-list li { padding:1rem 0;border-bottom:1px solid var(--line);color:#4c6270;font-size:.88rem }
.capability-list strong { color:var(--ink) }
.operation-details { padding-top:95px }
.operation-details .section-kicker { margin-bottom:1.5rem }
@media (max-width:991px) { .solutions-hero{min-height:auto}.solution-story-grid{grid-template-columns:1fr;gap:2.5rem}.solution-story-alt .solution-media{order:0}.solution-story-copy{max-width:720px} }
@media (max-width:700px) { .solution-story{padding:70px 0}.solution-story-grid{gap:2rem}.solution-story-copy h2{font-size:1.8rem}.capability-list li{font-size:.84rem}.solutions-hero{background-position:62% center}.solutions-overview .feature-card{min-height:320px}.solutions-overview .feature-card p,.solutions-overview .feature-card.featured p{min-height:0} }

/* Additional visual storytelling */
.page-hero:not(.solutions-hero) {
  background:linear-gradient(90deg,rgba(6,26,43,.97),rgba(6,26,43,.78)),url("../images/iot/internal-hero-connected-world.png") center/cover;
}
.about-visual { width:min(1180px,calc(100% - 2rem));height:clamp(300px,42vw,520px);margin:-2.5rem auto 0;overflow:hidden;box-shadow:0 28px 70px rgba(6,26,43,.15) }
.about-visual img,.contact-visual img { width:100%;height:100%;object-fit:cover;display:block }
.contact-visual { height:230px;margin:2rem 0 0;overflow:hidden;box-shadow:0 18px 45px rgba(6,26,43,.12) }
.flow-visual img { content:url("../images/iot/sensor-to-dashboard-flow.png") }
.cta {
  background:linear-gradient(90deg,rgba(66,214,170,.97),rgba(66,214,170,.86)),url("../images/iot/cta-iot-sensor.png") center/cover;
}

@media (max-width:991px) {
  .about-visual { margin-top:-1.5rem }
  .contact-visual { max-width:680px;height:300px }
}
@media (max-width:700px) {
  .page-hero:not(.solutions-hero) { background-position:58% center }
  .about-visual { width:calc(100% - 1.5rem);height:260px;margin-top:-1rem }
  .contact-visual { height:220px }
  .cta { background-position:68% center }
}

/* A shared, fluid type scale keeps supporting copy readable beside large headings. */
:root {
  --text-xs: clamp(.8rem, .77rem + .12vw, .875rem);
  --text-sm: clamp(.9rem, .86rem + .16vw, 1rem);
  --text-md: clamp(1rem, .95rem + .2vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1.04rem + .34vw, 1.35rem);
}

body { font-size:var(--text-md);line-height:1.85 }
.navbar .nav-link,.btn { font-size:var(--text-sm) }
.eyebrow,.section-kicker { font-size:var(--text-xs);line-height:1.75 }
.hero-copy>p,.page-hero p,.section-head>p,.cta-inner>div:last-child p,
.about-copy p,.legal p,.solution-story-copy>p { font-size:var(--text-md) }
.feature-card h3,.industry span { font-size:var(--text-lg);line-height:1.55 }
.feature-card p,.industry p { font-size:var(--text-sm);line-height:1.8 }
.flow span { font-size:var(--text-md) }
.trust-line,.feature-no,.flow b,.flow small,.service-list ul,.capability-list li,.gallery-item figcaption span,
.contact-note span,.contact-form label,.contact-form .field-hint,.form-privacy,
.app-download-menu .dropdown-item small,.app-option-text small,.value-grid b,
.metric-row small,.metric-row strong,.footer-grid p,.footer-grid a,.footer-bottom { font-size:var(--text-xs) }
.image-status,.app-download-menu .dropdown-item strong,.contact-form label>span,
.app-option-text strong { font-size:var(--text-sm) }
.legal h2 { font-size:var(--text-lg) }

[dir="rtl"] body { line-height:2 }
[dir="rtl"] .navbar .nav-link,[dir="rtl"] .btn { font-size:clamp(.94rem,.9rem + .16vw,1.025rem) }
[dir="rtl"] .eyebrow,[dir="rtl"] .section-kicker { font-size:clamp(.86rem,.82rem + .14vw,.94rem) }
[dir="rtl"] .hero-copy>p { font-size:var(--text-md);line-height:2.05 }
[dir="rtl"] .feature-card p,[dir="rtl"] .industry p,
[dir="rtl"] .solution-story-copy>p,[dir="rtl"] .capability-list li { line-height:2 }

@media (max-width:700px) {
  :root { --text-xs:.84rem;--text-sm:.94rem;--text-md:1.025rem;--text-lg:1.18rem }
  .image-status { font-size:var(--text-xs) }
  [dir="rtl"] .hero-copy>p { font-size:var(--text-md) }
}