/* ADA CRM Vazirmatn V1 */
@font-face{
  font-family:"AdaVazirmatn";
  src:url("/assets/fonts/vazirmatn-arabic-wght-normal-v3175.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;
}
@font-face{
  font-family:"AdaVazirmatn";
  src:url("/assets/fonts/vazirmatn-latin-wght-normal-v3175.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF;
}

:root{
  --navy:#0d2444;--navy-2:#14365f;--ink:#13243a;--muted:#64748b;
  --mint:#2f9e8c;--mint-2:#5ec8b0;--violet:#8b7cd8;
  --line:#e6ecf2;--soft:#f6f8fb;--white:#fff;
  --shadow:0 26px 60px -38px rgba(20,54,95,.38)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"AdaVazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body[data-menu-open="true"]{overflow:hidden}
a{color:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.narrow{max-width:790px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);border-bottom:1px solid #edf2f6;backdrop-filter:blur(14px)}
.nav-row{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;direction:ltr}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;border:1px solid rgba(20,54,95,.08);box-shadow:0 10px 25px -16px rgba(20,54,95,.5)}
.brand-mark i{position:relative;display:block;width:22px;height:25px;background:linear-gradient(105deg,var(--navy-2) 0 49%,var(--mint) 50%);clip-path:polygon(50% 0,100% 100%,72% 100%,62% 72%,38% 72%,28% 100%,0 100%)}
.brand-word{font:700 22px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.1px}.brand-word b{color:var(--mint)}
.desktop-nav{display:flex;align-items:center;gap:28px}
.desktop-nav a{text-decoration:none;font-size:14.5px;font-weight:700;color:#475569;transition:.2s}
.desktop-nav a:hover{color:var(--mint)}
.nav-actions{display:flex;align-items:center;gap:9px}
.lang-switch{display:inline-flex;padding:3px;border-radius:999px;background:#eef2f6;border:1px solid #e3e9ef}
.lang-switch button{border:0;background:transparent;color:#64748b;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}
.lang-switch button.active{background:#fff;color:var(--navy-2);box-shadow:0 2px 7px rgba(0,0,0,.09)}
.btn{min-height:42px;padding:0 18px;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn:disabled{opacity:.65;cursor:wait;transform:none}
.btn-primary{color:#fff;background:linear-gradient(120deg,var(--navy-2),var(--mint));box-shadow:0 12px 24px -13px rgba(20,54,95,.8)}
.btn-ghost{color:var(--navy-2);border:1px solid #dbe3ec;background:#fff}
.btn-large{min-height:54px;padding-inline:29px;font-size:15.5px;border-radius:13px}
.btn-mint{color:#fff;background:linear-gradient(120deg,var(--mint),var(--mint-2));box-shadow:0 17px 34px -15px rgba(47,158,140,.8)}
.btn-glass{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.23)}
.menu-button{display:none;width:42px;height:42px;border:1px solid #dbe3ec;border-radius:11px;background:#fff;padding:10px}
.menu-button span{display:block;height:2px;border-radius:2px;background:var(--navy-2);margin:4px 0}
.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--navy),#123255 56%,#0f2c4d);color:#fff}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);animation:pulse 8s ease-in-out infinite}
.hero-orb-a{width:430px;height:430px;inset:-140px -80px auto auto;background:radial-gradient(circle at 35% 35%,rgba(94,200,176,.32),transparent 64%)}
.hero-orb-b{width:490px;height:490px;inset:auto auto -210px -140px;background:radial-gradient(circle at 58% 40%,rgba(139,124,216,.26),transparent 66%);animation-delay:-3s}
@keyframes pulse{50%{opacity:.65;transform:scale(1.08)}}
.hero-grid{position:relative;z-index:1;min-height:670px;padding-block:82px 94px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
.eyebrow{display:inline-flex;color:var(--mint);font-size:13px;font-weight:900;letter-spacing:.2px;font-style:normal}
.eyebrow.light{align-items:center;gap:9px;padding:8px 14px;color:#c1eee3;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:999px}
.eyebrow.light span{width:7px;height:7px;border-radius:50%;background:var(--mint-2)}
.eyebrow.light i{font-style:normal}
.hero h1{margin:22px 0 20px;font-size:clamp(37px,4.3vw,54px);line-height:1.25;letter-spacing:-1.2px}
.hero-copy>p{margin:0;color:rgba(255,255,255,.76);font-size:17px;line-height:2;max-width:560px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}
.dashboard-visual{position:relative;direction:ltr}
.browser{overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(255,255,255,.45);box-shadow:0 42px 85px -30px rgba(0,0,0,.58)}
.browser-head{height:43px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#f1f4f8;border-bottom:1px solid #e4eaf0}
.browser-head i{width:11px;height:11px;border-radius:50%;background:#e2675f}.browser-head i:nth-child(2){background:#e7b14c}.browser-head i:nth-child(3){background:#54b87f}
.dashboard{aspect-ratio:16/11;display:flex;background:#f7f9fc}
.dashboard aside{width:50px;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--navy)}
.dashboard aside i,.dashboard aside b{width:19px;height:19px;border-radius:6px;background:rgba(255,255,255,.13)}.dashboard aside b{width:23px;height:23px;background:var(--mint)}
.dashboard-body{flex:1;min-width:0;padding:16px;display:flex;flex-direction:column;gap:12px}
.dash-title{display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:12px}
.dash-title span{display:flex;align-items:center;gap:6px}.dash-title span i{width:48px;height:9px;border-radius:5px;background:#e2e8f0}.dash-title span b{width:10px;height:10px;border-radius:50%;background:var(--mint)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.metrics article{padding:10px;background:#fff;border:1px solid #edf1f5;border-radius:10px;color:var(--ink)}
.metrics i{display:block;width:18px;height:18px;border-radius:6px}.metrics i.green{background:rgba(47,158,140,.16)}.metrics i.violet{background:rgba(139,124,216,.19)}.metrics i.blue{background:rgba(20,54,95,.15)}
.metrics b{display:block;margin-top:8px;font-size:13px}.metrics span{display:block;margin-top:4px;font-size:9px;color:#8a99ab}
.funnel{flex:1;padding:12px;background:#fff;border:1px solid #edf1f5;border-radius:11px;color:#64748b;font-size:10px}
.funnel div{height:calc(100% - 18px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.funnel i{height:13px;border-radius:5px;background:linear-gradient(90deg,var(--navy-2),var(--mint))}.funnel i:nth-child(1){width:100%}.funnel i:nth-child(2){width:82%;opacity:.9}.funnel i:nth-child(3){width:60%;opacity:.78}.funnel i:nth-child(4){width:40%;opacity:.66}
.float-card{position:absolute;right:-22px;bottom:44px;width:170px;padding:15px 16px;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 25px 55px -20px rgba(0,0,0,.45);animation:float 6s ease-in-out infinite}
.float-card span{display:block;color:#94a3b8;font-size:11px}.float-card b{display:block;margin-top:5px;font-size:21px}.float-card i{display:block;height:6px;border-radius:4px;margin-top:10px;background:linear-gradient(90deg,var(--mint),var(--mint-2))}
@keyframes float{50%{transform:translateY(17px)}}
.section{padding:94px 0;scroll-margin-top:76px}.section.soft{background:var(--soft)}
.section-head{text-align:center;max-width:690px;margin:0 auto 53px}
.section-head h2{margin:12px 0 14px;font-size:clamp(29px,3vw,38px);line-height:1.45;letter-spacing:-.5px}
.section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.feature-card{padding:28px 24px;background:#fff;border:1px solid #e9eef3;border-radius:19px;box-shadow:var(--shadow);transition:.23s}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 32px 65px -38px rgba(20,54,95,.5)}
.feature-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;background:rgba(47,158,140,.1);color:var(--mint);font-weight:900;font-size:13px;direction:ltr}
.feature-card h3{margin:0 0 9px;font-size:18px}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.9}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.steps article b{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--navy-2),var(--mint));font-size:21px}
.steps h3{margin:20px 0 9px;font-size:20px}.steps p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.9}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:31px 27px;border-radius:21px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.plan.popular{transform:translateY(-7px);border:2px solid var(--mint);box-shadow:0 42px 74px -38px rgba(20,54,95,.52)}
.popular-badge{position:absolute;top:18px;inset-inline-end:18px;padding:5px 11px;border-radius:999px;background:var(--mint);color:#fff;font-size:11px;font-weight:900}
.plan h3{margin:0;color:var(--mint);font-size:17px}.price{margin:15px 0 5px;min-height:46px;font-size:29px;font-weight:900}.price strong{font-size:29px}.price small{display:block;margin-top:6px;color:#94a3b8;font-size:11px;font-weight:500}
.plan>p{margin:0 0 18px;color:var(--muted);font-size:13.5px}.plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:11px}
.plan li{position:relative;padding-inline-start:28px;color:#34465a;font-size:13.5px}.plan li:before{content:"✓";position:absolute;inset-inline-start:0;top:-1px;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:rgba(47,158,140,.12);color:var(--mint);font-weight:900;font-size:10px}
.plan .btn{margin-top:auto}.btn-plan{background:#eef4f3;color:var(--navy-2);border:1px solid #d8e6e2}
.faq-list{display:grid;gap:12px}
.faq{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fbfcfe}
.faq button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border:0;background:none;color:var(--ink);text-align:start;font-weight:900}
.faq button i{font-style:normal;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(47,158,140,.12);color:var(--mint);font-size:18px;transition:.2s}
.faq p{display:none;margin:0;padding:0 20px 20px;color:var(--muted);font-size:14px;line-height:1.9}.faq.open p{display:block}.faq.open button i{transform:rotate(45deg);background:var(--mint);color:#fff}
.cta-wrap{padding:28px 0 94px}
.cta{position:relative;overflow:hidden;padding:62px 40px;border-radius:27px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--navy) 0%,#15406b 60%,#2f8d7e 130%)}
.cta:before{content:"";position:absolute;width:300px;height:300px;top:-120px;inset-inline-start:-80px;border-radius:50%;background:radial-gradient(circle,rgba(94,200,176,.32),transparent 67%)}
.cta h2,.cta p,.cta div{position:relative}.cta h2{margin:0 0 13px;font-size:33px}.cta p{margin:0 auto 28px;max-width:560px;color:rgba(255,255,255,.76);line-height:1.9}.cta div{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:start}
.contact-copy h2{margin:12px 0 13px;font-size:34px}.contact-copy>p{margin:0 0 28px;color:var(--muted);line-height:1.95}
.contact-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}.contact-copy li{display:flex;align-items:center;gap:12px;color:#34465a;font-size:14px}.contact-copy li b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(47,158,140,.1);color:var(--mint);font-size:16px}.contact-copy a{text-decoration:none}
.contact-form{padding:29px;background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow);display:grid;gap:16px}
.contact-form label{display:grid;gap:8px;color:#34465a;font-size:13.5px;font-weight:800}
.contact-form input,.contact-form textarea{width:100%;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;color:var(--ink);outline:0;padding:0 15px;transition:.2s}.contact-form input{height:51px}.contact-form textarea{padding-block:13px;resize:vertical;line-height:1.7}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 4px rgba(47,158,140,.11)}
.form-alert{display:none;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.7}.form-alert.show{display:block;background:#fff2f2;border:1px solid #ffd4d4;color:#c82333}.form-alert.success{display:block;background:#eefbf7;border:1px solid #c4efdf;color:#08785d}
footer{padding:62px 0 27px;background:#0c2240;color:rgba(255,255,255,.65)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:38px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand .brand-word{color:#fff}.footer-grid p{max-width:310px;font-size:13.5px;line-height:1.95}.footer-grid h3{margin:4px 0 16px;color:#fff;font-size:14px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid a{text-decoration:none;font-size:13px}.copyright{padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.copyright a{text-decoration:none}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.09s}.delay-2{transition-delay:.18s}
[dir="ltr"] body{text-align:left}[dir="ltr"] .hero h1{letter-spacing:-1.4px}
@media(max-width:960px){
  .desktop-nav,.nav-login,.nav-signup{display:none}.menu-button{display:block}
  .mobile-nav{position:fixed;top:72px;inset-inline:0;max-height:calc(100vh - 72px);overflow:auto;padding:14px 22px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 35px -25px rgba(20,54,95,.45);flex-direction:column;gap:2px}
  body[data-menu-open="true"] .mobile-nav{display:flex}.mobile-nav>a:not(.btn){padding:13px 4px;text-decoration:none;border-bottom:1px solid #f0f3f6;font-weight:800;font-size:14px}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:72px 90px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.dashboard-visual{width:min(620px,100%);margin-inline:auto}
  .feature-grid{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr;max-width:650px;margin-inline:auto}.plan.popular{transform:none}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}
}
@media(max-width:650px){
  .container{width:min(100% - 28px,1180px)}.nav-row{height:64px}.brand-mark{width:39px;height:39px}.brand-word{font-size:20px}.topbar{top:0}.mobile-nav{top:64px;max-height:calc(100vh - 64px)}
  .hero-grid{padding-block:58px 76px;gap:43px}.hero h1{font-size:34px}.hero-copy>p{font-size:15px}.hero-actions .btn{width:100%}.dashboard-body{padding:10px;gap:8px}.dashboard aside{width:40px}.metrics{gap:5px}.metrics article{padding:7px}.metrics span{display:none}.funnel{padding:8px}.float-card{right:6px;bottom:-32px;width:145px}
  .section{padding:74px 0}.section-head{margin-bottom:38px}.section-head p{font-size:14.5px}.feature-grid,.steps{grid-template-columns:1fr}.steps{gap:32px}.feature-card{padding:24px 21px}
  .cta-wrap{padding-bottom:74px}.cta{padding:49px 20px}.cta h2{font-size:27px}.cta .btn{width:100%}
  .contact-form{padding:21px 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.copyright{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orb,.float-card{animation:none}.reveal{opacity:1;transform:none;transition:none}}


/* ADA_CRM_BRANDING_LOGO_V1_START */
.brand .brand-logo{
  display:block;
  width:auto;
  height:52px;
  max-width:218px;
  object-fit:contain;
  object-position:center;
  flex:none;
}
.footer-brand .brand-logo{
  height:66px;
  max-width:272px;
}
@media(max-width:760px){
  .brand .brand-logo{
    height:46px;
    max-width:188px;
  }
  .footer-brand .brand-logo{
    height:58px;
    max-width:236px;
  }
}
/* ADA_CRM_BRANDING_LOGO_V1_END */

/* ADA_CRM_PUBLIC_CUSTOMERS_CSS_V1 */
.public-customers-section-v1{background:linear-gradient(180deg,#fff 0%,#f4fafb 100%)}
.public-customers-section-v1[hidden]{display:none!important}
.public-customers-grid-v1{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;align-items:stretch}
.public-customer-card-v1{min-height:156px;padding:20px 15px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 14px 40px -30px rgba(18,52,82,.55);display:grid;place-items:center;align-content:center;gap:14px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.public-customer-card-v1:hover{transform:translateY(-3px);box-shadow:0 20px 48px -30px rgba(18,52,82,.62)}
.public-customer-card-v1 img{width:86px;height:70px;max-width:100%;object-fit:contain;display:block}
.public-customer-card-v1 strong{font-size:13.5px;line-height:1.8;color:#173454;overflow-wrap:anywhere}
@media(max-width:960px){.public-customers-grid-v1{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.public-customers-grid-v1{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.public-customer-card-v1{min-height:138px;padding:15px 10px;border-radius:17px}.public-customer-card-v1 img{width:72px;height:60px}.public-customer-card-v1 strong{font-size:12.5px}}
/* /ADA_CRM_PUBLIC_CUSTOMERS_CSS_V1 */