@font-face{font-family:Vazirmatn;src:url(/Vazirmatn.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--navy:#052A62;--navy2:#041f4a;--navy3:#031634;--teal:#00C6C3;--teal2:#00a9a6;--ink:#0f172a;--muted:#5b6478;--line:#e6eaf2;--bg:#f6f8fc;--card:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:var(--bg);line-height:1.9;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:12px 22px;font-weight:700;font-size:15px;transition:.15s;white-space:nowrap}
.btn-teal{background:var(--teal);color:var(--navy3)}
.btn-teal:hover{background:#2ad6d3;transform:translateY(-1px)}
.btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy2)}

/* nav */
nav{position:sticky;top:0;z-index:20;background:rgba(5,42,98,.92);backdrop-filter:blur(10px);color:#fff}
nav .wrap{display:flex;align-items:center;gap:28px;height:68px}
nav .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}
nav .logo img{width:34px;height:34px;background:#fff;border-radius:10px;padding:4px}
nav .links{display:flex;gap:22px;font-size:14px;opacity:.9}
nav .links a:hover{color:var(--teal)}
nav .cta{margin-inline-start:auto;display:flex;gap:10px;align-items:center}
nav .cta .login{font-size:14px;opacity:.9}
@media (max-width:860px){nav .links{display:none}nav .cta .login{display:none}}

/* hero */
.hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(0,198,195,.22),transparent 60%),linear-gradient(160deg,var(--navy) 0%,var(--navy3) 100%);color:#fff;padding:72px 0 0;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.badge{display:inline-flex;gap:8px;align-items:center;background:rgba(0,198,195,.14);color:#7ff3f1;border:1px solid rgba(0,198,195,.35);border-radius:99px;padding:4px 14px;font-size:13px}
.hero h1{font-size:44px;line-height:1.45;margin:18px 0 14px;font-weight:900}
.hero h1 span{color:var(--teal)}
.hero p.lead{font-size:18px;opacity:.88;max-width:560px;margin:0 0 28px}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap}
.hero .note{font-size:13px;opacity:.7;margin-top:14px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:5px 12px;font-size:13px}
@media (max-width:960px){.hero .grid{grid-template-columns:1fr}.hero h1{font-size:34px}}

/* product mock */
.mock{background:#fff;color:var(--ink);border-radius:18px 18px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.35);display:grid;grid-template-columns:52px 210px 1fr;height:430px;overflow:hidden;font-size:12.5px;align-self:end;margin-top:20px}
.mock .rail{background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:14px}
.mock .rail i{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.12);display:block}
.mock .rail i.on{background:rgba(255,255,255,.3)}
.mock .list{border-inline-start:1px solid var(--line);background:#fbfcfe;padding:10px 8px;overflow:hidden}
.mock .item{display:flex;gap:8px;padding:8px;border-radius:10px;margin-bottom:4px}
.mock .item.on{background:#eef3fb}
.mock .av{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:11px}
.mock .item b{display:block;font-size:12px}
.mock .item small{color:var(--muted);font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.tag{font-size:10px;border-radius:6px;padding:0 6px;margin-inline-start:4px}
.mock .chat{display:flex;flex-direction:column}
.mock .head{border-bottom:1px solid var(--line);padding:10px 14px;display:flex;justify-content:space-between;align-items:center}
.mock .msgs{flex:1;padding:14px;display:flex;flex-direction:column;gap:9px;background:#f8fafc}
.bub{max-width:78%;padding:8px 12px;border-radius:14px;line-height:1.8}
.bub.in{background:#fff;align-self:flex-start;border:1px solid var(--line);border-bottom-right-radius:4px}
.bub.out{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-left-radius:4px}
.bub.note{background:#fffbeb;border:1px solid #fde68a;color:#92400e;align-self:flex-end;font-size:11.5px}
.mock .comp{border-top:1px solid var(--line);padding:10px 14px;display:flex;gap:8px;align-items:center}
.mock .comp .ai{color:#6d28d9;background:#f5f3ff;border-radius:8px;padding:3px 9px;font-size:11px}
.mock .comp .inp{flex:1;color:#94a3b8}
@media (max-width:960px){.mock{grid-template-columns:44px 1fr;height:380px}.mock .list{display:none}}

/* sections */
section{padding:84px 0}
.kicker{color:var(--teal2);font-weight:700;font-size:14px}
h2{font-size:32px;line-height:1.5;margin:6px 0 12px;font-weight:900;color:var(--navy3)}
.sub{color:var(--muted);max-width:680px;font-size:16.5px;margin:0}
.center{text-align:center}.center .sub{margin:0 auto}
.channels{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:40px}
.ch{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 12px;text-align:center}
.ch .ic{width:46px;height:46px;border-radius:14px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:22px}
.ch b{display:block;font-size:15px}.ch small{color:var(--muted);font-size:12.5px}
@media (max-width:900px){.channels{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.channels{grid-template-columns:repeat(2,1fr)}}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.f{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;transition:.15s}
.f:hover{box-shadow:0 12px 30px rgba(5,42,98,.08);transform:translateY(-2px)}
.f .ic{width:44px;height:44px;border-radius:12px;background:#eef3fb;color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.f h3{margin:0 0 6px;font-size:17px;color:var(--navy3)}
.f p{margin:0;color:var(--muted);font-size:14.5px}
@media (max-width:900px){.features{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.features{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.checks{list-style:none;padding:0;margin:22px 0 0}
.checks li{padding:7px 0;padding-inline-start:30px;position:relative;font-size:15.5px}
.checks li:before{content:"";position:absolute;inset-inline-start:0;top:13px;width:18px;height:18px;border-radius:6px;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23031634' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 50px rgba(5,42,98,.08)}
.call{display:flex;align-items:center;gap:14px;border-radius:14px;background:var(--navy);color:#fff;padding:16px}
.call .pulse{width:44px;height:44px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;color:var(--navy3);box-shadow:0 0 0 8px rgba(0,198,195,.2)}
.ivr{margin-top:14px;display:grid;gap:8px}
.ivr div{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}
.ivr span{color:var(--muted);font-size:13px}
.dark{background:linear-gradient(160deg,var(--navy) 0%,var(--navy3) 100%);color:#fff}
.dark h2{color:#fff}.dark .sub{color:rgba(255,255,255,.75)}
.code{background:#020c1f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;direction:ltr;text-align:left;font:13px/1.8 ui-monospace,Menlo,Consolas,monospace;color:#9ff3f1;overflow:auto;white-space:pre}
.code .k{color:#93c5fd}.code .s{color:#fde68a}.code .c{color:#64748b}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;position:relative}
.step:before{counter-increment:s;content:counter(s,persian);position:absolute;top:-16px;inset-inline-start:24px;width:34px;height:34px;border-radius:10px;background:var(--teal);color:var(--navy3);font-weight:900;display:flex;align-items:center;justify-content:center}
.step h3{margin:6px 0 4px;color:var(--navy3);font-size:17px}.step p{margin:0;color:var(--muted);font-size:14.5px}
@media (max-width:800px){.steps{grid-template-columns:1fr;gap:28px}}
.faq{max-width:820px;margin:36px auto 0}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700;color:var(--navy3);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:left;color:var(--teal2);font-size:20px;line-height:1.4}
.faq details[open] summary:after{content:"–"}
.faq p{margin:8px 0 0;color:var(--muted);font-size:14.5px}
.final{background:linear-gradient(120deg,var(--teal) 0%,#4be0dd 100%);border-radius:26px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;color:var(--navy3)}
.final h2{color:var(--navy3);margin:0}
.final p{margin:6px 0 0;opacity:.8}
footer{background:var(--navy3);color:rgba(255,255,255,.7);padding:40px 0;font-size:14px;margin-top:84px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a:hover{color:var(--teal)}
footer .cols{display:flex;gap:36px;flex-wrap:wrap}
footer .cols div{display:flex;flex-direction:column;gap:6px}
footer b{color:#fff}

nav .crumb{font-size:13px;opacity:.75;white-space:nowrap}
nav .crumb a:hover{color:var(--teal)}
@media (max-width:620px){nav .crumb{display:none}}
/* company home */
.products{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
@media (max-width:860px){.products{grid-template-columns:1fr}}
.prod{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:.15s}
.prod:hover{box-shadow:0 18px 40px rgba(5,42,98,.10);transform:translateY(-2px)}
.prod .top{display:flex;align-items:center;gap:14px}
.prod .pic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,var(--navy),#0c3a7e);color:#fff}
.prod h3{margin:0;font-size:20px;color:var(--navy3)}
.prod .tagline{color:var(--muted);font-size:14px;margin:0}
.prod ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:14.5px}
.prod ul li:before{content:"✓";color:var(--teal2);font-weight:900;margin-inline-end:8px}
.prod .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.prod.soon{border-style:dashed;background:transparent;justify-content:center;align-items:center;text-align:center;color:var(--muted)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
@media (max-width:860px){.values{grid-template-columns:1fr}}