@font-face{font-family:Vazirmatn;src:url('fonts/vazirmatn-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Kalameh;src:url('fonts/kalameh-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{color-scheme:light dark;--bg:#f5f7f6;--surface:#fff;--soft:#eaf3ef;--ink:#172431;--muted:#536171;--line:#dce3e0;--brand:#167568;--s3:12px;--max:1180px}
@media(prefers-color-scheme:dark){:root{--bg:#0d1722;--surface:#142331;--soft:#18342f;--ink:#edf2f0;--muted:#bdc8c6;--line:#293a46;--brand:#78c5b3}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/2 Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Kalameh,Vazirmatn,sans-serif;line-height:1.5}h1{font-size:clamp(32px,4.4vw,54px);letter-spacing:-.035em}h2{font-size:29px}h3{font-size:21px}p+p{margin-top:14px}p{color:var(--muted)}:focus-visible{outline:3px solid var(--brand);outline-offset:5px}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-100px;right:24px;z-index:10;padding:10px 18px;background:var(--surface);border:1px solid var(--brand);border-radius:8px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topbar{display:flex;align-items:center;gap:28px;min-height:82px}.brand{display:inline-flex;align-items:center;flex:none}.brand img{width:148px;height:54px;object-fit:contain}.site-nav{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:22px;font-size:13px;font-weight:650}.site-nav a:hover,.site-nav [aria-current=page]{color:var(--brand)}.header-actions{margin-inline-start:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:200px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid var(--line);border-radius:8px;font:700 13px/1.6 Vazirmatn,Tahoma,sans-serif;text-align:center;transition:translate .2s,box-shadow .2s,border-color .2s}.btn-primary{background:#167568;border-color:#167568;color:#fff}.btn:hover{translate:0 -2px;border-color:var(--brand);box-shadow:0 8px 20px -12px var(--brand)}.header-actions .btn{padding-inline:7px;white-space:nowrap}.menu-button{display:none;width:42px;min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface)}.menu-button svg{display:block;width:20px;height:20px;margin:auto}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:28px;color:var(--muted);font-size:12px}.breadcrumb a:hover{color:var(--brand)}.breadcrumb span[aria-hidden]{opacity:.55}.page-intro{padding:46px 0 52px;max-width:850px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--brand);font-size:12px;font-weight:700}.eyebrow::before{content:'';width:7px;height:7px;background:var(--brand);border-radius:50%}.page-intro .lead{max-width:68ch;margin-top:18px;font-size:17px;line-height:2.1}.page-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:48px;padding-bottom:64px}.page-toc{position:sticky;top:116px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.page-toc h2{font:700 13px/1.6 Vazirmatn,Tahoma,sans-serif;margin-bottom:14px}.page-toc a{display:block;padding:7px 0;color:var(--muted);font-size:12px}.page-toc a:hover{color:var(--brand)}.page-body{min-width:0}.content-section+.content-section{margin-top:42px}.content-section>h2{margin-bottom:16px}.content-section>p{max-width:72ch}.content-section ul,.content-section ol{padding-inline-start:24px;margin:14px 0 0;color:var(--muted)}.content-section li+li{margin-top:7px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.content-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:translate .2s,border-color .2s,box-shadow .2s}.content-card h3{margin-bottom:10px}.content-card p{font-size:14px}.content-card .btn{margin-top:18px}.note{padding:20px 24px;margin-top:20px;border-inline-start:3px solid var(--brand);border-radius:0 10px 10px 0;background:var(--soft);font-size:14px}.note strong{display:block;margin-bottom:4px}.text-link{color:var(--brand);text-decoration:underline;text-underline-offset:4px}.preview{margin:24px 0 0;padding:9px;border:1px solid var(--line);border-radius:16px;background:#101317;overflow:hidden}.preview img{width:100%;border-radius:9px}.preview figcaption{color:#c5d4d0;font-size:12px;padding:10px 12px 5px}.steps{counter-reset:step;list-style:none!important;padding:0!important}.steps li{position:relative;padding:18px 54px 18px 18px;border-bottom:1px solid var(--line)}.steps li::before{counter-increment:step;content:counter(step,persian);position:absolute;right:0;top:19px;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--brand);font-weight:700}.steps strong{display:block;color:var(--ink)}.faq-group details{border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-top:10px;overflow:hidden}.faq-group summary{position:relative;padding:19px 22px 19px 48px;cursor:pointer;list-style:none;font-weight:700;line-height:1.9}.faq-group summary::-webkit-details-marker{display:none}.faq-group summary::after{content:'+';position:absolute;left:22px;top:18px;font-size:22px;color:var(--brand)}.faq-group details[open] summary::after{content:'−'}.faq-group details[open] summary{border-bottom:1px solid var(--line)}.faq-group details p{padding:18px 22px;font-size:14px}.faq-group details p+p{margin:0;padding-top:0}.contact-address{font-style:normal;padding-top:8px;color:var(--muted)}.contact-card a{overflow-wrap:anywhere}.contact-card .contact-value{display:inline-block;margin-top:10px;font-size:19px;font-weight:700;color:var(--brand)}.page-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:48px;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.page-cta h2{font-size:24px}.page-cta p{margin-top:8px;font-size:13px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
footer{position:relative;isolation:isolate;overflow:hidden;background:#101e2d;color:#edf2f0;padding:126px 0 28px}.footer-waves{position:absolute;inset:0 0 auto;z-index:-1;height:160px;pointer-events:none}.footer-waves svg{width:100%;height:100%;display:block}.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.foot-grid>div{padding:22px;border:1px solid #ffffff18;border-radius:14px;background:#101e2d88}.foot-grid h4{font-size:17px;margin-bottom:14px}.foot-grid a:not(.brand){display:block;width:fit-content;font-size:13px;line-height:2.4;color:#c8d6d8}.foot-grid a:hover{color:#8de0be}.foot-grid p{font-size:13px;color:#bdc8c6}.foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff18;color:#aebfc3;font-size:11px}
@media(hover:hover) and (pointer:fine){.content-card:hover{translate:0 -4px;border-color:var(--brand);box-shadow:0 12px 26px -20px var(--brand)}}
@media(max-width:1100px){.topbar{gap:16px;flex-wrap:wrap;min-height:76px;padding-block:12px}.site-nav{order:3;flex-basis:100%;width:100%;justify-content:center;gap:25px}.header-actions{margin-inline-start:auto}.page-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.page-toc{top:145px}.cards{grid-template-columns:1fr}}
@media(max-width:640px){html{scroll-padding-top:92px}.wrap{width:calc(100% - 32px)}.topbar{gap:8px;min-height:70px}.brand img{width:clamp(72px,23vw,100px);height:auto}.header-actions{width:148px;gap:6px}.header-actions .btn{font-size:12px;min-height:42px;padding-inline:5px}.menu-button{display:block;flex:none}.site-nav{display:none;gap:0;align-items:stretch;border-top:1px solid var(--line);padding-top:8px}.site-nav.open{display:flex;flex-direction:column}.site-nav a{padding:10px 6px;min-height:44px;text-align:center}.breadcrumb{padding-top:20px;font-size:11px}.page-intro{padding:30px 0}.page-intro .lead{font-size:15px}.page-layout{display:block;padding-bottom:40px}.page-toc{position:static;margin-bottom:28px;padding:16px}.page-toc nav{display:flex;flex-wrap:wrap;gap:4px 18px}.page-toc a{padding:5px 0}.content-card{padding:20px}.content-section>h2{font-size:25px}.content-section+.content-section{margin-top:32px}.note{padding:17px}.page-cta{padding:22px;gap:18px}.cta-actions{width:100%}.cta-actions .btn{flex:1;min-width:0}.foot-grid{grid-template-columns:1fr}.foot-bot{flex-direction:column;gap:6px}footer{padding-top:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.content-card{transition:none;translate:none!important}}
/* صفحه‌های کوتاه و کارت‌محور: امکانات، چرا هم‌توار، مشتریان، دانلود، تماس */
.intro-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.page-intro .lead{max-width:56ch}.page-wide{padding-bottom:64px}.band+.band,.facts+.band{margin-top:52px}.band-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin-bottom:20px}.band-head h2{margin:0}.band-head p{max-width:58ch;font-size:14px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fact{padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.fact b{display:block;font:900 26px/1.5 Kalameh,Vazirmatn,sans-serif;color:var(--brand)}.fact span{display:block;font-size:13px;line-height:1.8;color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:translate .2s,border-color .2s,box-shadow .2s}.tile .ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:11px;background:var(--soft);color:var(--brand)}.ico svg{width:24px;height:24px}.tile h3{font-size:18px;margin-bottom:4px}.tile p{font-size:13.5px;line-height:1.9}.tile .text-link{margin-top:12px;font-size:13px;font-weight:700;width:fit-content}.tile .contact-value{display:inline-block;margin-top:10px;font-size:17px;font-weight:700;color:var(--brand);overflow-wrap:anywhere}.tile-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px}
.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0!important;margin:14px 0 0!important}.chips li{margin:0!important;padding:2px 10px;border-radius:999px;background:var(--soft);color:var(--brand);font-size:11.5px;font-weight:700}
.steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:step;list-style:none;padding:0!important;margin:0!important}.steps-row li{margin:0!important;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.steps-row li::before{counter-increment:step;content:counter(step,persian);display:grid;place-items:center;width:36px;height:36px;margin-bottom:12px;border-radius:10px;background:#167568;color:#fff;font-weight:700}.steps-row strong{display:block;color:var(--ink);font-size:16px}.steps-row span{font-size:13.5px;line-height:1.9}
.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compare-col{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.compare-col.good{border-color:var(--brand);background:var(--soft)}.compare-col h3{font-size:18px;margin-bottom:6px}.compare-col ul{list-style:none;padding:0;margin:0}.compare-col li{position:relative;padding:8px 26px 8px 0;font-size:14px;line-height:1.9;border-top:1px solid var(--line)}.compare-col li:first-child{border-top:0}.compare-col li::before{content:'×';position:absolute;right:0;top:7px;font-weight:700;opacity:.6}.compare-col.good li{color:var(--ink)}.compare-col.good li::before{content:'✓';color:var(--brand);opacity:1}
.address-note{display:flex;align-items:center;gap:16px}.address-note .ico{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:11px;background:var(--surface);color:var(--brand)}.band .preview{margin-top:0}
@media(hover:hover) and (pointer:fine){.tile:hover{translate:0 -4px;border-color:var(--brand);box-shadow:0 12px 26px -20px var(--brand)}}
@media(max-width:1100px){.tiles.four,.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.page-wide{padding-bottom:40px}.band+.band,.facts+.band{margin-top:36px}.tiles,.tiles.four,.steps-row,.compare{grid-template-columns:1fr}.facts{gap:10px}.fact{padding:16px}.fact b{font-size:21px}.tile{padding:18px}.intro-actions .btn{flex:1;min-width:0}}
@media(prefers-reduced-motion:reduce){.tile{transition:none;translate:none!important}}
/* پرسش‌های متداول: دسته‌ها در دو ستون و میان‌بر بالای صفحه */
.faq-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.faq-jump a{padding:6px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;font-weight:700}.faq-jump a:hover{border-color:var(--brand);color:var(--brand)}
.faq-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;align-items:start}.faq-columns .content-section+.content-section{margin-top:0}.faq-columns .content-section>h2{font-size:22px;margin-bottom:6px}.faq-columns .page-cta{grid-column:1/-1;margin-top:12px}.faq-columns summary{padding-block:15px;font-size:14.5px}.faq-columns details p{padding-block:14px}
@media(max-width:900px){.faq-columns{grid-template-columns:1fr;gap:28px}}
