@charset "UTF-8";
:root{
  --ink:#172544; --muted:#75839d; --navy:#142342; --blue:#5a6aeb; --blue2:#8792f9;
  --line:#e7ebf4; --soft:#f6f8fd; --white:#fff; --green:#2ba685;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:#fff;color:var(--ink);font:400 14px/1.85 "Vazirmatn","Segoe UI",Tahoma,system-ui,sans-serif}
a{text-decoration:none;color:inherit}
button{font:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid #a2b2f9;outline-offset:3px}
.container{width:min(1180px,calc(100% - 56px));margin:auto}
.sprite{width:0;height:0;position:absolute;overflow:hidden}
.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.top-note{display:flex;justify-content:center;align-items:center;text-align:center;gap:7px;background:#edf0ff;color:#5b69ad;padding:8px 12px;font-size:11px;min-height:31px}
.top-note b{font-weight:800}
.status-dot,.mini-dot{width:7px;height:7px;border-radius:100%;background:#6b7cf0;display:inline-block;box-shadow:0 0 0 3px #d8dfff;flex:none}
.main-header{background:rgba(255,255,255,.97);border-bottom:1px solid #eef0f6;position:relative;z-index:10}
.header-content{display:flex;align-items:center;justify-content:space-between;gap:22px;height:81px}
.brand{display:flex;align-items:center;gap:11px;direction:ltr;white-space:nowrap}
.brand-mark{height:43px;width:43px;display:grid;place-items:center;border-radius:13px;color:#fff;font:italic bold 29px Georgia,serif;background:linear-gradient(135deg,#9b9bf9,#5164df);box-shadow:0 10px 20px #6777e133}
.brand-type{display:flex;flex-direction:column;line-height:1}
.brand-type strong{font:800 24px "Segoe UI",sans-serif;letter-spacing:-1.1px}
.brand-type strong span{font-weight:400;color:#6676e5}
.brand-type small{font:700 9px "Segoe UI",sans-serif;letter-spacing:2px;color:#9da9bf;margin-top:6px}
.main-nav,.header-actions{display:flex;align-items:center;gap:25px}
.main-nav a{font-size:11.5px;font-weight:700;color:#71809b;white-space:nowrap}
.main-nav a:hover{color:#5a68df}
.header-actions{gap:13px}
.link-login{color:#4f5b78;font-size:11px;font-weight:800;white-space:nowrap}
.link-login:hover{color:#5a69e7}
.btn{border:1px solid transparent;display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:10px;padding:13px 19px;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .15s ease,filter .15s ease,background .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn .icon{width:16px;height:16px}
.btn-primary{background:linear-gradient(125deg,#6575ef,#4e60d9);color:#fff;box-shadow:0 12px 25px #5769de33}
.btn-primary:hover{filter:brightness(1.08)}
.btn-secondary{background:#fff;color:#455274;border-color:#dfe4ef;box-shadow:0 7px 20px #3243740a}
.btn-secondary:hover{background:#f2f5ff;border-color:#c3cdfc}
.btn-sm{padding:10px 14px;font-size:10.5px;border-radius:8px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 19%,#e7ecff 0,transparent 36%),linear-gradient(165deg,#f9fbff 0%,#f2f6ff 100%);border-bottom:1px solid #e7ebf3}
.hero:after{content:"";position:absolute;left:-170px;bottom:-200px;border:1px solid #d6def9;border-radius:100%;height:480px;width:480px;box-shadow:0 0 0 63px #dce3f72f,0 0 0 127px #dce3f71e;pointer-events:none}
.hero-grid{min-height:645px;padding:85px 0 100px;display:grid;grid-template-columns:.99fr 1.01fr;gap:48px;align-items:center;position:relative;z-index:1}
.hero-copy{position:relative}
.kicker,.eyebrow{font:800 10px "Segoe UI",sans-serif;letter-spacing:2px;color:#586ae7;direction:ltr}
.kicker{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-bottom:21px}
.kicker span{background:#7585ef;width:22px;height:2px;border-radius:3px}
.hero h1{font-size:clamp(33px,3.5vw,52px);letter-spacing:-.7px;line-height:1.57;margin:0 0 23px;font-weight:900;color:#192949}
.hero h1 em{font-style:normal;color:#596ee6}
.hero-lead{font-size:13px;line-height:2.25;color:#73819a;max-width:495px;margin:0 0 30px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:27px}
.hero-meta{display:flex;gap:17px;flex-wrap:wrap;color:#7885a0;font-size:10px}
.hero-meta span{display:flex;gap:6px;align-items:center}
.hero-meta .icon{width:14px;height:14px;color:#28a482}
.hero-meta span:last-child .icon{color:#7c8aab}
.hero-visual{position:relative;min-width:0;direction:rtl}
.float-label{position:absolute;z-index:2;left:15px;top:-31px;background:#203266;color:#cad3ff;border-radius:9px 9px 0 0;padding:7px 11px;font:700 9px "Segoe UI",sans-serif;letter-spacing:1px;display:flex;align-items:center;gap:10px;direction:ltr}
.float-label .mini-dot{width:6px;height:6px}
.preview-mark{background:#5a6bec;color:#fff;letter-spacing:0;font:700 10px Tahoma,sans-serif;border-radius:5px;padding:2px 5px}
.app-mock{height:426px;display:grid;grid-template-columns:126px 177px minmax(0,1fr);background:#fff;border:7px solid #fff;border-radius:17px;overflow:hidden;box-shadow:0 30px 80px #1c336149,0 7px 20px #1829531c;transform:perspective(1300px) rotateY(-3deg) rotateX(1.5deg)}
.mock-nav{padding:20px 9px;background:linear-gradient(158deg,#142240,#1b2e53);color:#d2dcfc}
.mock-brand{font:bold 17px "Segoe UI",sans-serif;color:#fff;text-align:center;direction:ltr;margin-bottom:30px}
.mock-brand span{font:700 11px "Segoe UI",sans-serif;letter-spacing:-.5px;color:#b2bbf7;margin-right:5px}
.mock-navitem{font-size:9px;color:#b0c0e0;margin:6px 0;padding:9px 7px;border-radius:7px;white-space:nowrap}
.mock-navitem.active{background:#334884;color:white}
.mock-navitem i{height:7px;width:7px;border-radius:50%;background:#57c0f0;display:inline-block;margin-left:5px}
.mock-navitem i.purple{background:#ae8ff7}
.mock-navitem i.gold{background:#e4c07b}
.mock-sect{color:#7085b4;letter-spacing:1px;font:700 8px "Segoe UI",sans-serif;margin:21px 6px 7px;text-align:center}
.mock-list{padding:17px 8px;background:#fff;border-left:1px solid #edf0f7}
.mock-list h3{font-size:12px;margin:4px 6px 15px}
.mock-search{font-size:8px;color:#9ea8b9;background:#f5f7fb;border-radius:7px;padding:7px;margin-bottom:8px}
.mock-person{display:flex;gap:6px;padding:14px 4px;border-bottom:1px solid #edf0f5;min-height:70px}
.mock-person.selected{background:#f0f3ff;border-radius:7px}
.mock-person b{height:27px;width:27px;border-radius:8px;background:#e5eaff;color:#5f71b9;flex:none;display:grid;place-items:center;font-size:10px}
.mock-person b.purple{color:#a07cc0;background:#f2e9fd}
.mock-person b.green{color:#4a9879;background:#dff6ec}
.mock-person b.orange{color:#b6836f;background:#ffebe4}
.mock-person span{min-width:0}
.mock-person strong{font-size:9px;white-space:nowrap;display:block}
.mock-person small{font-size:7.5px;color:#9ca9bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:5px}
.mock-conversation{padding:23px 14px;background:#fbfcff;min-width:0}
.mock-conversation h3{font-size:12px;line-height:1.6;margin:16px 0 12px}
.mock-chip{font-size:8px;color:#6674d2;background:#e9edff;padding:5px 8px;border-radius:5px}
.mock-message{background:#fff;border:1px solid #edf0f7;border-radius:8px;padding:12px 11px;margin-top:13px}
.mock-message strong{font-size:8px}
.mock-message p{font-size:8.5px;line-height:2;color:#8392a9;margin:7px 0 0}
.mock-message.note{background:#fff9e9;border-color:#f1e8d4}
.mock-reply{background:#fff;border:1px solid #e5e9f4;border-radius:9px;padding:13px 10px;margin-top:18px;font-size:8px;color:#a5b0c0}
.mock-reply span{display:block;margin-top:17px;background:#586ae2;color:#fff;border-radius:5px;padding:5px;font-size:7px;width:max-content;max-width:100%}
.float-stat{position:absolute;right:-26px;bottom:-32px;display:flex;align-items:center;gap:12px;background:#fff;padding:12px 14px;border:1px solid #e5e8f5;border-radius:12px;box-shadow:0 14px 33px #273c7940}
.stat-icon{width:36px;height:36px;display:grid;place-items:center;color:#6879df;border-radius:10px;background:#eef1ff}
.float-stat strong{font-size:10px;display:block}
.float-stat small{font-size:9px;color:#91a0b6;display:block}
.trust-row{background:#fff;border-bottom:1px solid #edf0f4}
.trust-items{display:flex;align-items:center;justify-content:space-between;padding:26px 0;gap:16px;flex-wrap:wrap}
.trust-intro{font-size:10.5px;color:#9ca7b7;font-weight:800}
.trust-items span:not(.trust-intro){display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#64748f}
.trust-items .icon{color:#596de2;width:17px;height:17px}
.features-section,.how,.faq-section{padding:100px 0;background:#fff}
.section-title{max-width:760px;margin:0 auto 44px;text-align:center}
.section-title h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.4px;line-height:1.5;margin:10px 0 9px}
.section-title p{font-size:12px;color:#8591a5;line-height:2.2;margin:0}
.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature{padding:29px 26px 26px;border:1px solid #e7ecf5;border-radius:15px;box-shadow:0 10px 25px #25365a07;min-height:250px;transition:border-color .15s,transform .15s}
.feature:hover{border-color:#cfd7fa;transform:translateY(-3px)}
.feature-icon,.access-icon{height:44px;width:44px;background:#eff1ff;color:#6476e5;display:grid;place-items:center;border-radius:13px;margin-bottom:20px}
.feature-icon .icon,.access-icon .icon{height:23px;width:23px}
.feature h3{font-size:15px;margin:0 0 9px}
.feature p{font-size:11px;color:#7f8da3;line-height:2.2;margin:0}
.feature-state{color:#6677aa;background:#eff2ff;display:inline-block;border-radius:6px;padding:4px 8px;font-size:10px;margin-top:18px;font-weight:800}
.feature-state.live{color:#208d73;background:#e6f7ee}
.workflow{background:linear-gradient(135deg,#111e3d,#192e62);padding:100px 0;color:#fff;position:relative;overflow:hidden}
.workflow:before{content:"";position:absolute;left:-230px;top:-200px;width:600px;height:600px;border-radius:50%;border:1px solid #344b87;box-shadow:0 0 0 70px #4263a41c,0 0 0 140px #4263a411}
.workflow-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;position:relative;z-index:1}
.workflow .eyebrow{color:#a8b4ff}
.workflow h2{font-size:clamp(30px,3vw,42px);line-height:1.65;margin:14px 0}
.workflow-copy p{color:#b6c5e4;line-height:2.3;font-size:12px;max-width:500px;margin:0 0 28px}
.btn-white{background:#fff;color:#2f438d}
.workflow-steps{display:flex;flex-direction:column;gap:12px}
.step{background:#243862;border:1px solid #364a77;padding:19px 21px;border-radius:13px;display:flex;gap:16px;align-items:flex-start}
.step b{font:700 22px "Segoe UI",sans-serif;color:#9bb0f9}
.step strong{display:block;font-size:12px;margin-bottom:5px}
.step small{color:#b0c1e2;font-size:10px}
.how{background:#f7f9fd}
.access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.access-card{background:#fff;border:1px solid #e5eaf4;border-radius:16px;padding:29px 25px;display:flex;flex-direction:column;align-items:flex-start;min-height:350px}
.access-card.accent{border-color:#a7b2f6;box-shadow:0 16px 40px #5b6beb1c}
.access-index{font:700 9px "Segoe UI",sans-serif;letter-spacing:1.4px;color:#96a2ba;margin-bottom:22px;direction:ltr;width:100%;text-align:right}
.access-card h3{margin:0 0 12px;font-size:17px}
.access-card p{font-size:11px;color:#7887a0;line-height:2.3;flex:1;margin:0 0 25px}
.access-card .btn{font-size:11px}.panel-shortcut{display:inline-block;margin-top:12px;color:#5b6fca;text-decoration:underline;text-underline-offset:3px;font-size:10.5px;font-weight:700}.panel-shortcut:hover{color:#344dc0}
.faq-container{max-width:890px}
.faq-container details{border-bottom:1px solid #e9edf5;padding:18px 4px}
.faq-container summary{font-size:13px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}
.faq-container summary::-webkit-details-marker{display:none}
.faq-container summary:after{content:"+";font:400 24px/1 "Segoe UI",sans-serif;color:#6374e3}
.faq-container details[open] summary:after{content:"−"}
.faq-container details p{font-size:12px;color:#7b8ba3;line-height:2.4;margin:16px 0 0}
.faq-container details a{color:#526ae2;text-decoration:underline;text-underline-offset:3px}
.bottom-cta{background:linear-gradient(120deg,#213674,#17264d);padding:57px 0;color:#fff}
.bottom-content{display:flex;align-items:center;justify-content:space-between;gap:30px}
.bottom-content .eyebrow{color:#b1bef7}
.bottom-content h2{font-size:27px;line-height:1.6;margin:10px 0 5px}
.bottom-content p{font-size:11px;color:#c0cbea;margin:0}
.bottom-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-outline-light{border-color:#8595cc;color:#f0f4ff;background:transparent}
footer{background:#111e3b;color:#a6b6d5}
.footer-content{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-content .brand-mark{height:36px;width:36px;font-size:25px}
.footer-content .brand-type strong{color:#fff;font-size:19px}
.footer-content .brand-type small{font-size:8px}
.footer-content p{font-size:10px;direction:ltr}
.footer-content nav{display:flex;gap:18px;font-size:10px}
.footer-content nav a:hover{color:#fff}
@media(max-width:1140px){.main-nav{gap:16px}.header-actions .link-login{display:none}.app-mock{grid-template-columns:104px 146px minmax(0,1fr)}.hero-grid{gap:30px}.float-stat{right:-8px}}
@media(max-width:960px){.main-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:55px;padding:70px 0 100px}.hero-copy{max-width:770px}.hero-visual{max-width:740px;width:100%;margin:auto}.features-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid{gap:25px}.access-grid{grid-template-columns:1fr}.access-card{min-height:0}.access-card p{max-width:650px}.access-card .btn{margin-top:6px}.bottom-content{flex-wrap:wrap}}
@media(max-width:650px){.container{width:min(100% - 32px,1180px)}.top-note{font-size:9px;line-height:1.7}.header-content{height:70px}.brand-mark{height:35px;width:35px;font-size:25px}.brand-type strong{font-size:20px}.brand-type small{font-size:8px}.header-actions .btn{font-size:0;gap:0;padding:11px}.header-actions .btn .icon{width:18px;height:18px}.hero-grid{padding:55px 0 75px;gap:65px}.hero h1{font-size:34px}.hero-lead{font-size:12px}.hero-buttons .btn{font-size:10px;padding:12px 11px;flex:1}.hero-buttons .icon{height:14px;width:14px}.hero-meta{font-size:10px;gap:12px}.app-mock{height:324px;grid-template-columns:67px 102px minmax(0,1fr);transform:none}.mock-nav{padding:14px 4px}.mock-brand{font-size:12px;margin-bottom:23px}.mock-brand span{font-size:6px}.mock-navitem{font-size:7px;padding:8px 3px}.mock-sect{font-size:6px;margin:15px 0 6px}.mock-list{padding:11px 5px}.mock-list h3{font-size:9px;margin-bottom:8px}.mock-search{font-size:7px}.mock-person{gap:4px;min-height:56px;padding:8px 2px}.mock-person b{width:19px;height:19px;font-size:8px}.mock-person strong{font-size:7px}.mock-person small{font-size:6px}.mock-conversation{padding:14px 6px}.mock-conversation h3{font-size:9px}.mock-chip{font-size:7px}.mock-message{padding:8px 7px}.mock-message strong{font-size:7px}.mock-message p{font-size:7px}.mock-reply{font-size:7px;padding:8px 6px}.mock-reply span{font-size:6px}.float-label{font-size:7px}.float-stat{bottom:-24px;right:10px;padding:8px}.float-stat strong{font-size:9px}.float-stat small{font-size:8px}.stat-icon{width:29px;height:29px}.trust-items{justify-content:center;text-align:center}.trust-intro{width:100%}.trust-items span:not(.trust-intro){font-size:10px}.features-section,.how,.faq-section{padding:69px 0}.section-title{margin-bottom:28px}.features-grid,.workflow-grid{grid-template-columns:1fr}.feature{min-height:0;padding:25px}.workflow{padding:70px 0}.workflow-grid{gap:33px}.workflow h2{font-size:31px}.bottom-content h2{font-size:23px}.footer-content{padding:30px 0;justify-content:center;text-align:center}.footer-content p{width:100%;text-align:center}.footer-content nav{justify-content:center}.bottom-actions .btn{flex:1;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}