@font-face {
font-family:"Estedad";
src:url("../fonts/estedad.woff2") format("woff2");
font-weight:100 900;
font-style:normal;
font-display:swap
}
:root {
--brand:#1a73e8;
--brand-hover:#185abc;
--brand-soft:#e8f0fe;
--text:#3c4043;
--muted:#5f6368;
--ink:#202124;
--surface:#ffffff;
--surface-alt:#f8fafd;
--line:#e0e5ec;
--line-strong:#cfd8e3;
--radius:24px;
--max:1200px
}
*,*::before,*::after {
box-sizing:border-box;
box-shadow:none !important
}
html {
scroll-behavior:smooth;
overflow-x:hidden;
background:#fff
}
body {
margin:0;
max-width:100vw;
overflow-x:hidden;
background:#fff;
color:var(--text);
font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
line-height:1.7;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased
}
body.rtl {
direction:rtl;
font-family:"Estedad",Tahoma,Arial,sans-serif
}
a {
color:inherit;
text-decoration:none
}
img,svg {
display:block;
max-width:100%
}
h1,h2,h3,p {
margin:0
}
h1,h2,h3 {
color:var(--ink);
font-weight:750
}
h1 {
font-size:clamp(28px,3.35vw,43px);
line-height:1.16;
letter-spacing:-.02em
}
h2 {
font-size:clamp(20px,2.15vw,30px);
line-height:1.28;
letter-spacing:-.01em
}
h3 {
font-size:15px;
line-height:1.5
}
.rtl h1,.rtl h2,.rtl h3 {
letter-spacing:0
}
.rtl h1 {
font-size:clamp(23px,3vw,34px);
line-height:1.38
}
.rtl h2 {
font-size:clamp(19px,2.25vw,26px);
line-height:1.55
}
.rtl h3 {
line-height:1.7
}
p {
color:var(--muted);
font-size:15px;
line-height:1.85
}
.container {
width:min(100% - 40px,var(--max));
max-width:var(--max);
margin-inline:auto
}
.site-header {
position:absolute;
top:18px;
left:0;
right:0;
z-index:100;
pointer-events:none
}
.header-inner {
pointer-events:auto;
min-height:64px;
display:flex;
align-items:center;
gap:12px;
padding:9px 14px;
border:1px solid var(--line);
border-radius:999px;
background:rgba(255,255,255,.94);
backdrop-filter:blur(16px) saturate(145%)
}
.site-logo {
display:flex;
align-items:center;
margin-inline-end:auto;
flex:0 0 auto
}
.site-logo img {
height:35px;
width:auto;
max-width:180px;
object-fit:contain
}
.rtl .site-logo img {
height:39px;
max-width:200px
}
.site-menu {
display:flex;
align-items:center;
gap:2px
}
.site-menu a {
min-height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 13px;
border-radius:999px;
color:var(--text);
font-size:14px;
font-weight:650;
line-height:1;
white-space:nowrap
}
.site-menu a:hover {
background:#f1f3f4;
color:var(--ink)
}
.header-cta,.btn {
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 18px;
border-radius:999px;
border:1px solid var(--brand);
background:var(--brand);
color:#fff;
font-size:14px;
font-weight:750;
line-height:1;
white-space:nowrap;
cursor:pointer
}
.header-cta:hover,.btn:hover {
background:var(--brand-hover);
border-color:var(--brand-hover)
}
.btn.secondary {
background:#fff;
color:var(--brand);
border-color:var(--line)
}
.btn.secondary:hover {
background:var(--brand-soft);
color:var(--brand-hover)
}
.menu-toggle {
display:none;
width:42px;
height:38px;
border:1px solid var(--line);
border-radius:999px;
background:#fff;
align-items:center;
justify-content:center;
flex-direction:column;
gap:5px;
cursor:pointer;
padding:0
}
.menu-toggle span {
width:19px;
height:2px;
border-radius:999px;
background:var(--text);
transition:transform .18s ease,opacity .18s ease
}
.site-header.menu-open .menu-toggle span:nth-child(1) {
transform:translateY(7px) rotate(45deg)
}
.site-header.menu-open .menu-toggle span:nth-child(2) {
opacity:0
}
.site-header.menu-open .menu-toggle span:nth-child(3) {
transform:translateY(-7px) rotate(-45deg)
}
.hero {
padding:138px 0 78px;
background:radial-gradient(circle at 18% 20%,rgba(26,115,232,.08),transparent 30%),linear-gradient(180deg,#fff 0%,#fff 72%,var(--surface-alt) 100%);
border-bottom:1px solid var(--line)
}
.rtl .hero {
background:radial-gradient(circle at 82% 20%,rgba(26,115,232,.08),transparent 30%),linear-gradient(180deg,#fff 0%,#fff 72%,var(--surface-alt) 100%)
}
.hero.compact {
padding:124px 0 58px
}
.hero-grid,.split {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
align-items:center;
gap:48px
}
.hero p {
max-width:760px;
margin-top:20px
}
.hero-actions {
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:28px
}
.eyebrow {
display:inline-flex;
align-items:center;
gap:8px;
min-height:32px;
padding:7px 13px;
margin-bottom:18px;
border-radius:999px;
background:var(--brand-soft);
border:1px solid #d2e3fc;
color:var(--brand-hover);
font-size:13px;
font-weight:750
}
.eyebrow::before {
content:"";
width:7px;
height:7px;
border-radius:50%;
background:var(--brand)
}
.eyebrow.center {
margin-left:auto;
margin-right:auto
}
.hero-bullets {
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:22px
}
.hero-bullets span {
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 12px;
border-radius:999px;
background:#fff;
border:1px solid var(--line);
color:var(--text);
font-size:13px;
font-weight:650
}
.hero-bullets span::before,.integration-grid article::before {
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:var(--brand)
}
.section {
padding:88px 0;
background:#fff
}
.alt {
background:var(--surface-alt);
border-top:1px solid var(--line);
border-bottom:1px solid var(--line)
}
.section-head {
max-width:840px;
margin:0 auto 40px;
text-align:center
}
.section-head p {
margin-top:12px;
font-size:14px
}
.cards {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px
}
.cards.four,.trust-grid,.integration-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px
}
.feature-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px
}
.scenario-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px
}
.contact-grid {
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
gap:24px;
align-items:stretch
}
.card,.feature-card,.scenario-card,.metric-card,.platform-card,.integration-grid article,.form,.info,.insight-panel,.visual,.feature-group,.contact-side-dark,.kpi-slide-card,.kpi-note-grid article,.contact-info-list div {
background:#fff;
border:1px solid var(--line);
border-radius:24px;
overflow:hidden
}
.card,.feature-card,.scenario-card {
padding:24px
}
.metric-card {
padding:24px 18px;
text-align:center
}
.card:hover,.feature-card:hover,.scenario-card:hover,.platform-card:hover,.integration-grid article:hover {
border-color:var(--line-strong)
}
.card p,.feature-card p,.scenario-card p,.platform-card span,.metric-card span {
color:var(--muted);
font-size:14px
}
.metric-card strong {
display:block;
color:var(--brand);
background:none;
font-size:clamp(20px,2.2vw,28px);
line-height:1.15
}
.badge-grid {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin-top:22px
}
.badge-grid span {
display:inline-flex;
align-items:center;
padding:8px 12px;
border:1px solid var(--line);
border-radius:999px;
background:#fff;
color:var(--text);
font-size:13px;
font-weight:650
}
.icon-box,.group-head span {
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:16px;
border-radius:16px;
background:var(--brand-soft);
border:1px solid #d2e3fc
}
.icon-box img {
width:22px;
height:22px;
opacity:.88
}
.visual {
padding:12px;
border-radius:30px
}
.visual img {
width:100%;
border-radius:20px;
background:var(--surface-alt)
}
.features-layout {
display:grid;
gap:28px
}
.feature-group {
padding:28px
}
.group-head {
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:14px;
align-items:start;
margin-bottom:20px
}
.group-head p {
margin-top:6px
}
.platform-marquee,.kpi-marquee {
width:100%;
max-width:100%;
overflow:hidden;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)
}
.marquee-row,.kpi-marquee-row {
display:flex;
width:max-content;
gap:14px;
will-change:transform;
transform:translate3d(0,0,0)
}
.marquee-content,.kpi-marquee-content {
display:flex;
flex:0 0 auto;
gap:14px;
padding:6px 0 6px 0
}
.marquee-row-left {
animation:marqueeLeft 56s linear infinite
}
.marquee-row-right {
animation:marqueeRight 62s linear infinite
}
.kpi-row-full {
animation:marqueeLeft 80s linear infinite
}
.platform-marquee:hover .marquee-row,.kpi-marquee:hover .kpi-marquee-row {
animation-play-state:paused
}
@keyframes marqueeLeft {
from {
transform:translate3d(0,0,0)
}
to {
transform:translate3d(-50%,0,0)
}

}
@keyframes marqueeRight {
from {
transform:translate3d(-50%,0,0)
}
to {
transform:translate3d(0,0,0)
}

}
.platform-card {
flex:0 0 280px;
min-height:136px;
display:flex;
flex-direction:column;
justify-content:center;
padding:22px;
text-align:center
}
html[dir="rtl"] .platform-card {
direction:rtl;
text-align:right
}
html[dir="ltr"] .platform-card {
direction:ltr;
text-align:left
}
.kpi-full-section {
background:#fff
}
.kpi-slide-card {
flex:0 0 288px;
min-height:142px;
display:flex;
flex-direction:column;
justify-content:center;
padding:20px
}
.kpi-slide-card strong {
display:none
}
html[dir="rtl"] .kpi-slide-card {
direction:rtl;
text-align:right
}
html[dir="ltr"] .kpi-slide-card {
direction:ltr;
text-align:left
}
.kpi-note-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
margin-top:24px
}
.kpi-note-grid article {
padding:20px
}
.cta {
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:38px;
border:1px solid var(--line);
border-radius:28px;
background:linear-gradient(180deg,#fff 0%,var(--surface-alt) 100%)
}
.form {
padding:28px
}
.form label {
display:block;
color:var(--text);
font-size:14px;
font-weight:700;
margin-bottom:6px
}
input,select,textarea {
width:100%;
min-height:46px;
padding:10px 14px;
border:1px solid var(--line);
border-radius:14px;
background:#fff;
color:var(--ink);
font:inherit
}
textarea {
min-height:130px;
resize:vertical
}
input:focus,select:focus,textarea:focus {
outline:0;
border-color:var(--brand)
}
.form-status {
min-height:24px;
margin-top:10px;
font-size:14px;
font-weight:700
}
.form-status.is-success {
color:#188038
}
.form-status.is-error {
color:#d93025
}
.hp-field {
position:absolute !important;
left:-9999px !important;
width:1px !important;
height:1px !important;
opacity:0 !important;
pointer-events:none !important
}
.contact-side-dark {
padding:28px
}
.contact-info-list {
display:grid;
gap:12px;
margin-top:20px
}
.contact-info-list div {
padding:16px
}
.contact-info-list strong {
display:block;
color:var(--ink);
font-size:15px
}
.contact-info-list span {
display:block;
margin-top:5px;
color:var(--muted);
font-size:13px;
line-height:1.75
}
.footer {
padding:64px 0 0;
background:#202124;
color:#bdc1c6
}
.footer-grid {
display:grid;
grid-template-columns:1.35fr repeat(3,1fr);
gap:32px
}
.footer-logo {
height:40px;
width:auto;
margin-bottom:16px
}
.footer h3 {
color:#fff;
margin-bottom:12px
}
.footer p,.footer a {
color:#bdc1c6;
font-size:14px
}
.footer a {
display:block;
margin:8px 0
}
.footer a:hover {
color:#8ab4f8
}
.footer-bottom {
display:flex;
justify-content:center;
text-align:center;
margin-top:42px;
padding:18px 0;
border-top:1px solid #303134;
color:#bdc1c6
}
.footer-bottom span {
width:100%;
text-align:center
}
@media (max-width:1100px) {
.cards.four,.trust-grid,.integration-grid {
grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media (max-width:900px) {
.site-header {
top:10px
}
.header-inner {
min-height:60px;
padding:10px 12px;
border-radius:28px;
gap:10px
}
.menu-toggle {
display:inline-flex;
order:2
}
.header-cta {
order:3
}
.site-menu {
position:absolute;
top:calc(100%+10px);
left:0;
right:0;
width:100%;
display:grid;
grid-template-columns:1fr;
gap:6px;
padding:12px;
border:1px solid var(--line);
border-radius:24px;
background:#fff;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(-8px);
transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}
.site-header.menu-open .site-menu {
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0)
}
.site-menu a {
width:100%;
justify-content:flex-start;
min-height:44px;
border-radius:16px
}
.rtl .site-menu a {
justify-content:flex-start;
text-align:right
}
.hero {
padding-top:126px
}
.hero.compact {
padding-top:116px
}
.hero-grid,.split,.contact-grid {
grid-template-columns:1fr;
gap:32px
}
.cards,.feature-grid,.scenario-grid {
grid-template-columns:repeat(2,minmax(0,1fr))
}
.footer-grid {
grid-template-columns:repeat(2,minmax(0,1fr))
}

}
@media (max-width:640px) {
.container {
width:min(100% - 24px,var(--max))
}
.section {
padding:58px 0
}
.hero {
padding-top:132px;
padding-bottom:56px
}
h1 {
font-size:clamp(24px,7vw,31px);
line-height:1.22
}
h2 {
font-size:clamp(20px,5.2vw,25px);
line-height:1.35
}
.rtl h1 {
font-size:clamp(22px,6.6vw,28px);
line-height:1.45
}
.rtl h2 {
font-size:clamp(19px,5vw,24px);
line-height:1.6
}
.cards,.feature-grid,.scenario-grid,.cards.four,.trust-grid,.integration-grid,.kpi-note-grid,.footer-grid {
grid-template-columns:1fr
}
.card,.feature-card,.scenario-card,.metric-card,.insight-panel,.form,.contact-side-dark,.feature-group {
border-radius:22px;
padding:20px
}
.platform-marquee,.kpi-marquee {
-webkit-mask-image:none;
mask-image:none
}
.platform-card {
flex-basis:240px
}
.kpi-slide-card {
flex-basis:245px
}
.cta {
display:grid;
grid-template-columns:1fr;
padding:28px 22px;
border-radius:24px
}
.footer-grid {
text-align:center
}
.footer-logo {
margin-inline:auto
}

}
@media (prefers-reduced-motion:reduce) {
.marquee-row,.kpi-marquee-row {
animation:none !important;
transform:none !important;
flex-wrap:wrap;
width:100%;
justify-content:center
}
.marquee-content[aria-hidden="true"],.kpi-marquee-content[aria-hidden="true"] {
display:none
}

}
.section+.section {
border-top:0
}
.section .split {
align-items:center
}
.split>div:not(.visual),.insight-panel,.contact-side-dark,.info {
min-width:0
}
.insight-panel,.contact-side-dark,.info {
padding:30px !important
}
.split>div:not(.visual)>h2+p,.insight-panel h2+p,.contact-side-dark h2+p,.section-head h2+p {
margin-top:12px !important
}
.split>div:not(.visual)>p+.btn,.split>div:not(.visual)>p+.gap,.insight-panel p+ul,.contact-side-dark p+.contact-info-list {
margin-top:22px !important
}
.insight-panel ul {
margin:22px 0 0 !important;
padding-inline-start:22px !important;
color:var(--muted) !important
}
.rtl .insight-panel ul {
padding-inline-start:0 !important;
padding-inline-end:22px !important
}
.insight-panel li {
margin:8px 0 !important;
color:var(--muted) !important;
line-height:1.85 !important
}
.integration-grid article {
min-height:92px !important;
padding:20px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
text-align:center !important;
line-height:1.7 !important;
color:var(--text) !important;
font-weight:650 !important
}
.integration-grid article::before {
display:inline-block !important
}
.rtl .integration-grid article {
direction:rtl
}
.kpi-full-section {
background:#fff !important
}
.kpi-note-grid article {
padding:22px !important
}
.kpi-note-grid article h3+p {
margin-top:8px !important
}
.contact-info-list div {
padding:18px !important
}
.contact-info-list div+div {
margin-top:0 !important
}
.platform-card {
padding:24px !important
}
.platform-card strong+span {
margin-top:10px !important
}
.metric-card strong+span {
margin-top:10px !important
}
.card .icon-box+h3,.feature-card .icon-box+h3,.scenario-card .icon-box+h3 {
margin-top:0 !important
}
.card h3+p,.feature-card h3+p,.scenario-card h3+p {
margin-top:8px !important
}
.visual {
align-self:center
}
.dark-section,.ai-panel,.contact-side-dark {
background:#fff !important;
color:var(--text) !important
}
.dark-section *,.ai-panel *,.contact-side-dark * {
color:inherit
}
.contact-side-dark h2,.contact-side-dark h3,.contact-side-dark strong,.insight-panel h2,.insight-panel h3,.insight-panel strong {
color:var(--ink) !important
}
.contact-side-dark p,.contact-side-dark span,.insight-panel p,.insight-panel li {
color:var(--muted) !important
}
@media (max-width:900px) {
.split {
gap:30px !important
}
.insight-panel,.contact-side-dark,.info {
padding:24px !important
}
.integration-grid article {
min-height:82px !important
}

}
@media (max-width:640px) {
.insight-panel,.contact-side-dark,.info {
padding:20px !important
}
.section-head {
margin-bottom:30px !important
}
.integration-grid article {
justify-content:flex-start !important;
text-align:start !important
}

}
.gap,.btn.gap,a.btn.gap {
margin-top:22px !important
}
.contact-side-dark .btn.gap,.info .btn.gap,.insight-panel .btn.gap,.split .btn.gap {
margin-top:22px !important
}
.contact-info-list+.btn.gap {
margin-top:22px !important
}
.kpi-note-grid {
display:none !important
}
.kpi-marquee {
direction:ltr !important
}
.kpi-marquee-row {
display:flex !important;
width:max-content !important;
gap:0 !important;
will-change:transform
}
.kpi-marquee-content {
display:flex !important;
flex:0 0 auto !important;
gap:14px !important;
padding:6px 0 6px 0 !important
}
.kpi-marquee[dir="rtl"] .kpi-marquee-row {
animation:kpiLoopRtl 80s linear infinite !important
}
.kpi-marquee[dir="ltr"] .kpi-marquee-row {
animation:kpiLoopLtr 80s linear infinite !important
}
@keyframes kpiLoopLtr {
from {
transform:translate3d(0,0,0)
}
to {
transform:translate3d(-50%,0,0)
}

}
@keyframes kpiLoopRtl {
from {
transform:translate3d(-50%,0,0)
}
to {
transform:translate3d(0,0,0)
}

}
.kpi-marquee:hover .kpi-marquee-row {
animation-play-state:paused !important
}
.kpi-summary-card {
background:var(--brand-soft) !important;
border-color:#d2e3fc !important
}
.kpi-summary-card h3 {
color:var(--brand-hover) !important
}
.kpi-summary-card p {
color:var(--text) !important
}
@media (prefers-reduced-motion:reduce) {
.kpi-marquee-row {
animation:none !important;
transform:none !important;
width:100% !important;
flex-wrap:wrap !important;
justify-content:center !important
}
.kpi-marquee-content[aria-hidden="true"] {
display:none !important
}

}
.kpi-summary-card {
background:#fff !important;
border-color:var(--line) !important
}
.kpi-summary-card h3 {
color:var(--ink) !important
}
.kpi-summary-card p {
color:var(--muted) !important
}
.ai-feature-list {
display:grid;
gap:10px;
margin-top:22px
}
.ai-feature-list span {
display:block;
padding:12px 14px;
border:1px solid var(--line);
border-radius:16px;
background:var(--surface-alt);
color:var(--text);
font-size:14px;
line-height:1.75;
font-weight:650
}
.insight-panel ul {
list-style:none !important;
padding:0 !important;
margin:22px 0 0 !important
}
.insight-panel li {
list-style:none !important
}
.ai-feature-list {
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-top:18px !important
}
.ai-feature-list span {
display:inline-flex !important;
align-items:center !important;
min-height:34px !important;
padding:7px 11px !important;
border:1px solid var(--line) !important;
border-radius:999px !important;
background:#fff !important;
color:var(--text) !important;
font-size:13px !important;
line-height:1.4 !important;
font-weight:650 !important
}
.rtl .ai-feature-list span {
line-height:1.55 !important
}
.marquee-content,.kpi-marquee-content {
gap:16px !important;
padding:6px 8px 6px 8px !important
}
.marquee-content::after,.kpi-marquee-content::after {
content:"" !important;
display:block !important;
flex:0 0 16px !important
}
.marquee-row,.kpi-marquee-row {
gap:0 !important
}
.platform-card,.kpi-slide-card {
margin:0 !important
}
@media (max-width:640px) {
.ai-feature-list {
gap:7px !important
}
.ai-feature-list span {
min-height:32px !important;
padding:6px 10px !important;
font-size:12.5px !important
}

}
.marquee-content,.kpi-marquee-content {
gap:14px !important;
padding:6px 0 6px 0 !important
}
.marquee-content::after,.kpi-marquee-content::after {
content:none !important;
display:none !important;
flex:0 0 0 !important
}
.marquee-row,.kpi-marquee-row {
gap:14px !important
}
.platform-card,.kpi-slide-card {
margin:0 !important
}
.marquee-row .marquee-content+.marquee-content,.kpi-marquee-row .kpi-marquee-content+.kpi-marquee-content {
margin-inline-start:0 !important
}
.compact-contact-form {
display:grid !important;
gap:0 !important;
align-content:start
}
.compact-contact-form label {
display:block !important;
margin:0 0 7px 0 !important;
color:var(--text) !important;
font-size:13.5px !important;
font-weight:750 !important;
line-height:1.6 !important
}
.compact-contact-form input,.compact-contact-form textarea {
margin:0 0 18px 0 !important
}
.compact-contact-form textarea {
min-height:128px !important
}
.compact-contact-form input:required,.compact-contact-form textarea:required {
border-color:var(--line) !important
}
.compact-contact-form label:has(+input[required])::after,.compact-contact-form label:has(+textarea[required])::after {
content:" *";
color:#d93025;
font-weight:800
}
.rtl .compact-contact-form label:has(+input[required])::after,.rtl .compact-contact-form label:has(+textarea[required])::after {
content:" *"
}
.compact-contact-form button[type="submit"] {
margin-top:4px !important;
justify-self:start
}
.rtl .compact-contact-form button[type="submit"] {
justify-self:start
}
.compact-contact-form .form-status {
margin-top:12px !important
}
@media (max-width:640px) {
.compact-contact-form input,.compact-contact-form textarea {
margin-bottom:16px !important
}

}
.site-menu a,.footer a,.header-cta,.btn {
text-decoration:none !important
}
.footer {
background:#071324;
color:#d9e7f4;
padding:56px 0 24px;
margin-top:0
}
.footer .container {
width:min(100% - 48px,var(--max))
}
.footer-grid {
display:grid;
grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,1fr));
gap:34px;
align-items:start
}
.footer-logo {
height:42px;
width:auto;
margin-bottom:16px
}
.footer h3 {
color:#ffffff;
font-size:15px;
font-weight:800;
margin:0 0 14px
}
.footer p {
color:#b8c7d8;
max-width:360px;
line-height:1.9;
font-size:14px
}
.footer a {
display:block;
color:#d9e7f4;
margin:8px 0;
font-weight:650;
font-size:14px;
line-height:1.7
}
.footer a:hover {
color:#49c7e8
}
.footer-bottom {
border-top:1px solid rgba(255,255,255,.12);
margin-top:34px;
padding-top:22px;
text-align:center;
display:flex;
justify-content:center;
color:#d9e7f4;
font-size:14px
}
.footer-bottom a {
display:inline;
color:#fff;
font-weight:850;
margin:0 4px
}
@media(max-width:900px) {
.footer {
padding:40px 0 22px
}
.footer-grid {
grid-template-columns:1fr 1fr;
gap:24px
}
.footer-grid>div:first-child {
grid-column:1/-1
}
.footer p {
max-width:none
}
.site-menu {
position:fixed;
inset:76px 18px auto 18px;
background:#fff;
border:1px solid var(--line);
border-radius:22px;
padding:14px;
display:none;
flex-direction:column;
align-items:stretch;
z-index:200
}
[data-site-header].menu-open .site-menu {
display:flex
}
.site-menu a {
justify-content:center
}
.header-cta {
display:none
}

}
@media(max-width:560px) {
.footer-grid {
grid-template-columns:1fr
}
.footer .container {
width:min(100% - 32px,var(--max))
}

}
:root {
--brand:#007a8a;
--brand-hover:#005f6b;
--brand-soft:#e8fbff;
--text:#314052;
--muted:#64748b;
--ink:#101828;
--surface:#ffffff;
--surface-alt:#f6f9fc;
--line:#e2e8f0;
--line-strong:#c7d2df;
--radius:22px;
--max:1180px
}
html,html[data-theme],body {
color-scheme:light !important;
background:#fff !important
}
html[data-theme="dark"] body,html[data-theme="dark"] main,html[data-theme="dark"] .hero,html[data-theme="dark"] .section,html[data-theme="dark"] .alt {
background:inherit !important;
color:var(--text) !important
}
*,*::before,*::after {
box-shadow:none !important
}
body {
color:var(--text) !important
}
.container {
width:min(100% - 48px,var(--max))
}
.site-header {
position:absolute;
top:18px;
z-index:120
}
.header-inner {
min-height:66px;
padding:10px 14px;
border:1px solid var(--line);
border-radius:999px;
background:#fff !important;
backdrop-filter:none !important
}
.site-logo img {
height:36px;
max-width:190px
}
.rtl .site-logo img {
height:40px;
max-width:210px
}
.site-menu {
gap:4px
}
.site-menu a {
min-height:40px;
padding:10px 14px;
border-radius:999px;
color:#475569;
font-weight:750
}
.site-menu a:hover {
background:var(--surface-alt);
color:var(--brand-hover)
}
.header-cta,.btn {
min-height:42px;
border-radius:999px;
border-color:var(--brand);
background:var(--brand);
color:#fff !important
}
.header-cta:hover,.btn:hover {
background:var(--brand-hover);
border-color:var(--brand-hover)
}
.btn.secondary {
background:#fff !important;
color:var(--brand-hover) !important;
border-color:var(--line-strong) !important
}
.btn.secondary:hover {
background:var(--brand-soft) !important;
border-color:var(--brand) !important
}
.hero {
min-height:clamp(520px,62vh,690px);
display:flex;
align-items:center;
padding:126px 0 86px !important;
border-bottom:1px solid var(--line);
background:radial-gradient(circle at 14% 18%,rgba(0,167,189,.10),transparent 30%),linear-gradient(180deg,#ffffff 0%,#ffffff 62%,#f6f9fc 100%) !important
}
.rtl .hero {
background:radial-gradient(circle at 86% 18%,rgba(0,167,189,.10),transparent 30%),linear-gradient(180deg,#ffffff 0%,#ffffff 62%,#f6f9fc 100%) !important
}
.hero.compact {
min-height:360px;
padding:120px 0 58px !important
}
.hero-grid,.split {
gap:42px
}
.hero p {
max-width:720px;
color:#5b6878
}
.eyebrow {
background:var(--brand-soft) !important;
border-color:#bdeef6 !important;
color:var(--brand-hover) !important
}
.eyebrow::before {
background:var(--brand) !important
}
.section {
padding:82px 0;
background:#fff !important
}
.alt {
background:var(--surface-alt) !important;
border-color:var(--line) !important
}
.section-head {
margin-bottom:34px
}
.section-head p {
color:var(--muted)
}
.card,.feature-card,.scenario-card,.metric-card,.platform-card,.integration-grid article,.form,.info,.insight-panel,.visual,.feature-group,.contact-side-dark,.kpi-slide-card,.kpi-note-grid article,.contact-info-list div {
background:#fff !important;
border:1px solid var(--line) !important;
border-radius:20px !important;
color:var(--text) !important;
overflow:hidden
}
.card,.feature-card,.scenario-card {
padding:22px !important
}
.card:hover,.feature-card:hover,.scenario-card:hover,.platform-card:hover,.integration-grid article:hover,.form:hover,.info:hover,.visual:hover {
border-color:var(--line-strong) !important;
transform:none !important
}
.icon-box,.group-head span {
width:44px;
height:44px;
border-radius:14px;
background:var(--brand-soft) !important;
border-color:#bdeef6 !important
}
.visual {
padding:12px !important;
background:#fff !important
}
.visual img {
background:var(--surface-alt) !important;
border-radius:16px
}
.cards {
gap:16px
}
.cards.four,.trust-grid,.integration-grid {
gap:14px
}
.feature-grid,.scenario-grid {
gap:16px
}
.integration-grid article {
min-height:86px !important;
padding:18px !important;
font-weight:750 !important
}
.integration-grid article::before {
background:var(--brand) !important
}
.platform-marquee,.kpi-marquee {
-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)
}
.platform-card,.kpi-slide-card {
flex-basis:276px !important;
min-height:132px !important;
padding:20px !important
}
.ai-feature-list span {
background:#fff !important;
border-color:var(--line) !important
}
.cta {
border-radius:24px !important;
background:#fff !important;
border-color:var(--line) !important
}
input,select,textarea {
border-radius:12px !important;
border-color:var(--line) !important;
background:#fff !important;
color:var(--ink) !important
}
input:focus,select:focus,textarea:focus {
border-color:var(--brand) !important
}
.contact-side-dark,.dark-section,.ai-panel {
background:#fff !important;
color:var(--text) !important
}
.contact-side-dark *,.dark-section *,.ai-panel * {
color:inherit
}
.contact-side-dark h2,.contact-side-dark h3,.contact-side-dark strong {
color:var(--ink) !important
}
.contact-side-dark p,.contact-side-dark span {
color:var(--muted) !important
}
.footer {
margin-top:0 !important;
padding:44px 0 20px !important;
background:#071324 !important;
color:#d9e7f4 !important;
border-top:0 !important
}
.footer .container {
width:min(100% - 48px,var(--max))
}
.footer-grid {
display:grid !important;
grid-template-columns:minmax(270px,1.55fr) repeat(3,minmax(135px,1fr)) !important;
gap:22px !important;
align-items:start !important
}
.footer-logo {
height:38px !important;
margin-bottom:12px !important
}
.footer h3 {
font-size:14px !important;
margin:0 0 10px !important;
color:#fff !important
}
.footer p {
max-width:390px;
color:#b8c7d8 !important;
font-size:13.5px !important;
line-height:1.85 !important
}
.footer a {
display:block;
margin:5px 0 !important;
color:#d9e7f4 !important;
font-size:13.5px !important;
line-height:1.65 !important;
font-weight:650 !important;
text-decoration:none !important
}
.footer a:hover {
color:#49c7e8 !important
}
.footer-bottom {
margin-top:24px !important;
padding-top:16px !important;
border-top:1px solid rgba(255,255,255,.12) !important;
color:#d9e7f4 !important;
text-align:center !important
}
.footer-bottom a {
display:inline !important;
color:#fff !important;
margin:0 4px !important
}
@media(max-width:1100px) {
.cards.four,.trust-grid,.integration-grid {
grid-template-columns:repeat(2,minmax(0,1fr)) !important
}
.footer-grid {
grid-template-columns:1.2fr 1fr 1fr !important
}
.footer-grid>div:first-child {
grid-column:1/-1
}

}
@media(max-width:900px) {
.container {
width:min(100% - 32px,var(--max))
}
.site-header {
top:10px
}
.header-inner {
border-radius:24px;
min-height:60px
}
.site-menu {
position:fixed !important;
inset:76px 16px auto 16px !important;
width:auto !important;
display:none !important;
flex-direction:column !important;
align-items:stretch !important;
padding:12px !important;
background:#fff !important;
border:1px solid var(--line) !important;
border-radius:20px !important;
z-index:250 !important;
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
transform:none !important
}
[data-site-header].menu-open .site-menu {
display:flex !important
}
.site-menu a {
justify-content:center !important;
text-align:center !important
}
.header-cta {
display:none !important
}
.hero {
min-height:auto;
padding:122px 0 62px !important
}
.hero.compact {
padding:112px 0 48px !important
}
.hero-grid,.split,.contact-grid {
grid-template-columns:1fr !important;
gap:30px !important
}
.cards,.feature-grid,.scenario-grid {
grid-template-columns:repeat(2,minmax(0,1fr)) !important
}
.footer-grid {
grid-template-columns:1fr 1fr !important
}

}
@media(max-width:640px) {
.container {
width:min(100% - 24px,var(--max))
}
.section {
padding:56px 0 !important
}
.cards,.feature-grid,.scenario-grid,.cards.four,.trust-grid,.integration-grid,.kpi-note-grid,.footer-grid {
grid-template-columns:1fr !important
}
.card,.feature-card,.scenario-card,.metric-card,.insight-panel,.form,.contact-side-dark,.feature-group {
padding:18px !important;
border-radius:18px !important
}
.platform-marquee,.kpi-marquee {
-webkit-mask-image:none;
mask-image:none
}
.platform-card,.kpi-slide-card {
flex-basis:245px !important
}
.footer .container {
width:min(100% - 28px,var(--max))
}
.footer-grid {
text-align:start !important;
gap:18px !important
}
.footer-logo {
margin-inline:0 !important
}

}
.site-menu a,.header-cta,.btn {
transition:background-color .12s ease,color .12s ease,border-color .12s ease;
transform:none!important
}
.site-menu a:hover {
transform:none!important;
box-shadow:none!important
}
.hero {
text-align:center
}
.hero-grid>div:first-child {
margin-inline:auto
}
.hero p,.hero-actions,.hero-bullets {
margin-inline:auto;
justify-content:center
}
.hero .eyebrow {
margin-inline:auto
}
.visual img {
height:auto
}
.site-header {
contain:layout style
}
.card,.feature-card,.quick-card {
content-visibility:auto;
contain-intrinsic-size:260px
}
.footer {
content-visibility:auto;
contain-intrinsic-size:240px
}
.hero {
text-align:start !important
}
.hero-grid>div:first-child {
margin-inline:0 !important
}
.hero p,.hero-actions,.hero-bullets {
margin-inline:0 !important;
justify-content:flex-start !important
}
.hero .eyebrow {
margin-inline:0 !important
}
.rtl .hero {
text-align:right !important
}
.ltr .hero {
text-align:left !important
}
@media(max-width:900px) {
.hero {
text-align:start !important
}
.hero-actions,.hero-bullets {
justify-content:flex-start !important
}

}
html[lang="fa"],html[lang="fa"] body,body.rtl,body[dir="rtl"] {
font-family:"Estedad",Tahoma,Arial,sans-serif !important
}
html[lang="fa"] *,body.rtl *,body[dir="rtl"] * {
font-family:inherit
}
html[lang="fa"] button,html[lang="fa"] input,html[lang="fa"] textarea,html[lang="fa"] select,body.rtl button,body.rtl input,body.rtl textarea,body.rtl select,body[dir="rtl"] button,body[dir="rtl"] input,body[dir="rtl"] textarea,body[dir="rtl"] select {
font-family:"Estedad",Tahoma,Arial,sans-serif !important
}
.mobile-contact-link {
display:none !important
}
.contact-grid,.form,.contact-side-dark,.contact-info-list,.contact-info-list div {
min-width:0;
max-width:100%
}
.form input,.form textarea,.form select,.form button {
max-width:100%;
width:100%
}
.form button.btn {
width:auto;
min-width:150px;
font-family:inherit !important
}
.form textarea {
resize:vertical;
overflow:auto
}
.contact-side-dark p,.contact-side-dark span,.contact-info-list div {
overflow-wrap:anywhere;
word-break:normal
}
@media(max-width:900px) {
.site-menu .mobile-contact-link {
display:inline-flex !important
}
.container {
width:min(100% - 40px,var(--max)) !important
}
.site-menu {
max-width:calc(100vw - 32px);
overflow-x:hidden
}

}
@media(max-width:640px) {
.container {
width:min(100% - 36px,var(--max)) !important
}
.footer .container {
width:min(100% - 36px,var(--max)) !important
}
.section {
overflow-x:hidden
}
.contact-grid {
width:100%;
overflow-x:hidden
}
.form,.contact-side-dark {
width:100%;
overflow-x:hidden
}
.form button.btn {
width:100%
}

}
html,body {
max-width:100%;
overflow-x:clip !important
}
body {
position:relative
}
main,.site-header,.footer {
max-width:100vw;
overflow-x:clip
}
@media(max-width:640px) {
html[lang="fa"] body,body.rtl {
width:100%;
max-width:100vw;
overflow-x:clip !important
}
html[lang="fa"] .site-header,html[lang="fa"] main,html[lang="fa"] .section,html[lang="fa"] .footer,body.rtl .site-header,body.rtl main,body.rtl .section,body.rtl .footer {
width:100%;
max-width:100vw;
overflow-x:clip !important
}
html[lang="fa"] .contact-grid.container,body.rtl .contact-grid.container {
display:flex !important;
flex-direction:column !important;
width:calc(100% - 32px) !important;
max-width:calc(100vw - 32px) !important;
min-width:0 !important;
margin-inline:auto !important;
padding-inline:0 !important;
gap:16px !important;
overflow-x:clip !important
}
html[lang="fa"] .compact-contact-form,body.rtl .compact-contact-form,html[lang="fa"] .contact-side-dark,body.rtl .contact-side-dark {
width:100% !important;
max-width:100% !important;
min-width:0 !important;
padding:16px !important;
border-radius:16px !important;
overflow-x:clip !important
}
html[lang="fa"] .compact-contact-form label,body.rtl .compact-contact-form label {
margin-bottom:4px !important;
font-size:13px !important
}
html[lang="fa"] .compact-contact-form input,html[lang="fa"] .compact-contact-form textarea,html[lang="fa"] .compact-contact-form select,body.rtl .compact-contact-form input,body.rtl .compact-contact-form textarea,body.rtl .compact-contact-form select {
width:100% !important;
max-width:100% !important;
min-width:0 !important;
min-height:42px !important;
padding:8px 12px !important
}
html[lang="fa"] .compact-contact-form textarea,body.rtl .compact-contact-form textarea {
min-height:88px !important;
max-height:110px !important;
resize:none !important
}
html[lang="fa"] .compact-contact-form .btn,body.rtl .compact-contact-form .btn {
width:100% !important;
min-height:42px !important;
font-family:"Estedad",Tahoma,Arial,sans-serif !important
}
html[lang="fa"] .contact-side-dark .eyebrow,body.rtl .contact-side-dark .eyebrow {
margin-bottom:10px !important
}
html[lang="fa"] .contact-side-dark h2,body.rtl .contact-side-dark h2 {
font-size:20px !important;
line-height:1.45 !important
}
html[lang="fa"] .contact-side-dark p,body.rtl .contact-side-dark p {
font-size:13px !important;
line-height:1.7 !important
}
html[lang="fa"] .contact-info-list,body.rtl .contact-info-list {
gap:8px !important;
margin-top:12px !important
}
html[lang="fa"] .contact-info-list div,body.rtl .contact-info-list div {
padding:11px !important;
max-width:100% !important;
overflow-wrap:anywhere !important
}
html[lang="fa"] .contact-side-dark .btn,body.rtl .contact-side-dark .btn {
width:100% !important;
margin-top:10px !important
}

}
.sr-only {
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important
}
img {
max-width:100%;
height:auto
}
pre,code,table {
max-width:100%
}
pre {
overflow-x:auto
}
@media (max-width:640px) {
html,body {
max-width:100%;
overflow-x:hidden
}
.container {
width:100%;
padding-left:22px;
padding-right:22px;
box-sizing:border-box
}
.section {
overflow-x:hidden
}
input,textarea,select,button {
max-width:100%;
box-sizing:border-box
}

}
html[lang="fa"],html[lang="fa"] body,body.rtl {
font-family:Estedad,Shabnam,Tahoma,Arial,sans-serif
}
html[lang="en"],html[lang="en"] body,body.ltr {
font-family:Inter,Arial,sans-serif
}

/* Priority 1-9 maintenance: accessibility, form, and mobile hardening. */
.form label[for]  {

  cursor: pointer;

}

.form-status.is-success  {

  color: #0f766e;

  font-weight: 800;

}

.form-status.is-error  {

  color: #b42318;

  font-weight: 800;

}

@media (max-width: 680px)  {

  .compact-contact-form input,
  .compact-contact-form textarea,
  .compact-contact-form button  {

    width: 100%;


}

}

/* User-requested maintenance: article justification, cleaner mobile header, and complete table header fill. */
.article p,
.article li {
  text-align: justify;
  text-align-last: start;
}

.article pre,
.article code,
.article table,
.article th,
.article td,
.article .breadcrumb {
  text-align: start !important;
  text-align-last: auto;
}

@media (max-width: 900px) {
  .header-inner {
    min-height: 56px !important;
    padding: 8px 12px !important;
  }

  .site-logo img,
  .rtl .site-logo img {
    height: 32px !important;
    max-width: 168px !important;
  }

  .menu-toggle {
    order: 5 !important;
    margin-inline-start: auto !important;
  }

  .site-menu .lang-link {
    display: inline-flex !important;
  }
}