/* Starto — استایل اصلی (سبک، بدون وابستگی). رنگ‌ها از سفارشی‌سازی تنظیم می‌شوند. */
@font-face{font-family:Vazirmatn;src:url(../fonts/vazirmatn.woff2) format("woff2");font-weight:300 800;font-display:swap}
:root{--on-dark:var(--bg);--accent:#B4472A;--accent-t:var(--accent);--bg:#FAF4EC;--soft:#F0E2D0;--ink:#2B1B14;--dark:#2B1B14;--mut:#6E5A4E;--line:#E4D3BF;--card:#fff;--r:28px;--rb:999px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Vazirmatn,system-ui,Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.8;overflow-x:hidden;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,figure,blockquote{margin:0}
ul{padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
.screen-reader-text,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip:focus{width:auto;height:auto;clip:auto;top:8px;right:8px;background:#fff;padding:8px 14px;z-index:99;border-radius:8px}
:focus-visible{outline:2px solid var(--accent-t);outline-offset:3px}

.wrap{max-width:1240px;margin-inline:auto;padding-inline:48px}
.section{padding-block:110px}.section-sm{padding-block:0 110px}
.page-head{padding-block:72px 32px}

/* هدر */
.site-bar{position:sticky;top:0;z-index:30;transition:background .3s,box-shadow .3s}
.site-bar.scrolled{background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px;position:relative}

.progress{position:fixed;top:0;inset-inline:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:right;z-index:40}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}
.brand img{max-height:44px;width:auto}
.brand-dot{width:28px;height:28px;border-radius:50%;background:var(--accent)}.brand-mark{width:32px;height:32px;color:var(--accent);flex:none;display:block}
.nav .menu{display:flex;gap:30px;font-size:15px;font-weight:500;flex-wrap:wrap}
.nav a{color:var(--mut);transition:color .2s}.nav a:hover,.nav .current-menu-item:not(.menu-item-type-custom)>a,.nav a.spy{color:var(--accent-t)}
.nav-toggle{display:none;background:none;border:0;padding:10px;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px}
.nav-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s}

/* دکمه‌ها */
.btn{display:inline-block;border-radius:var(--rb);padding:15px 34px;font-size:16px;font-weight:700;border:1px solid transparent;text-align:center;transition:transform .25s,filter .25s,background .25s,color .25s}
.btn:hover{transform:translateY(-2px)}
.btn-a{background:var(--accent);color:#fff}.btn-a:hover{filter:brightness(.88)}
.btn-o{border-color:var(--line);color:var(--ink)}.btn-o:hover{border-color:var(--ink)}
.btn-w{background:#fff;color:var(--accent)}
.head-btn{padding:11px 24px;font-size:15px}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}

/* تیترها */
.kicker{font-size:15px;color:var(--accent-t);font-weight:700}.kicker.light{color:#F0B49F}
.sec-title{font-size:48px;line-height:1.35;font-weight:800;margin-top:6px}
.sec-title.sm{font-size:40px}.sec-title.center{text-align:center;margin-bottom:32px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:40px}
.sec-head.is-center{justify-content:center;text-align:center}
.sec-desc{color:var(--mut);max-width:420px}.lead{font-size:20px;line-height:1.95;color:var(--mut);margin-top:24px;max-width:560px}

/* هیرو */
.hero{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-block:60px 90px}
.hero-text{flex:1 1 520px;min-width:0}.hero-art{flex:1 1 400px;min-width:0;display:flex;justify-content:center}
.hero h1{font-size:76px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin-top:20px}
.hero-img img{border-radius:200px 200px 28px 28px;max-height:520px;width:auto;object-fit:cover}
.arches{position:relative;width:420px;height:480px;max-width:100%}
.arches i{position:absolute;display:block}
.a1{left:0;bottom:0;width:300px;height:430px;border-radius:150px 150px 24px 24px;background:var(--soft)}
.a2{right:0;bottom:0;width:210px;height:300px;border-radius:105px 105px 24px 24px;background:var(--accent)}
.ring{top:10px;left:60px;width:130px;height:130px;border-radius:50%;border:2px dashed var(--accent)}
.dot{top:56px;left:106px;width:38px;height:38px;border-radius:50%;background:var(--ink)}

/* نوار مشتریان */
.logos{border-block:1px solid var(--line);overflow:hidden;padding-block:22px}
.track{display:flex;width:max-content}
.set{display:flex;gap:64px;padding-inline-end:64px;font-size:22px;font-weight:700;color:var(--mut);white-space:nowrap}

/* شبکه‌ها */
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}

/* خدمات */
.svc{background:var(--soft);border-radius:var(--r);padding:32px 26px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;transition:background .35s,color .35s,transform .35s}
.svc-n{font-size:42px;font-weight:300;line-height:1}
.svc strong{display:block;font-size:24px;font-weight:800;line-height:1.5}
.depts{display:flex;flex-direction:column}.dept{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:32px;padding:36px 0;border-top:1px solid var(--line)}.dept:last-child{border-bottom:1px solid var(--line)}.dept-h{align-self:start;position:sticky;top:96px}.dept-t{font-size:24px;font-weight:800;line-height:1.5}.dept-d{margin-top:10px;color:var(--mut);font-size:15px}.dept-c{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:var(--accent-t);background:var(--soft);border-radius:999px;padding:4px 14px}.dept-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dept-g .svc{min-height:220px}.n-1{grid-template-columns:minmax(0,1fr)}.n-3{grid-template-columns:repeat(3,minmax(0,1fr))}.n-3 .svc{padding:28px 20px}.n-1 .svc{min-height:200px}
.sd{display:block;margin-top:8px;font-size:15px;color:var(--mut)}
.svc:hover{background:var(--accent);color:#fff;transform:translateY(-6px)}.svc:hover .sd{color:#fff;opacity:.9}

/* درباره */
.about{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.about>*{flex:1 1 480px;min-width:0}.about>.about-img{flex:1 1 380px}
.about-img{height:460px;border-radius:200px 200px 28px 28px;background:var(--soft);overflow:hidden}
.about-img img{width:100%;height:100%;object-fit:cover}
.stats{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:28px}
.stats b,.case-stats b{direction:ltr;text-align:right;display:block;font-size:40px;font-weight:800;color:var(--accent-t);line-height:1.3}
.stats span,.case-stats span{font-size:14px;color:var(--mut)}

/* مراحل */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}
.step{padding:28px 0 0 24px}.step b{font-size:14px;color:var(--accent-t)}
.step h3{margin-top:8px;font-size:22px;font-weight:800}.step p{margin-top:6px;font-size:15px;color:var(--mut)}

/* هدف شما */
.goal{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)*1.29);padding:56px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.goal>*{flex:1 1 340px;min-width:0}
.goal .sec-title{margin-bottom:24px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:none;border:1px solid var(--line);border-radius:var(--rb);padding:10px 22px;font-size:15px;font-weight:700;transition:background .2s,color .2s}
.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.goal-box{background:var(--bg);border-radius:calc(var(--r)*.86);padding:36px}
.goal-pane[hidden]{display:none}.goal-pane{animation:swap .45s both}
.goal-pane small{font-size:14px;color:var(--mut)}.goal-pane h3{font-size:28px;font-weight:800;margin-top:6px}
.goal-pane p{margin-top:10px;font-size:17px;color:var(--mut)}

/* نمونه‌کارها و نوشته‌ها */
.proj,.post{display:block;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.proj:hover,.post:hover{transform:translateY(-8px)}
.proj[hidden],.proj-empty[hidden]{display:none}
.js .proj:not(.in){opacity:0}
.proj.in{opacity:1;animation:projIn .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms) backwards}
.proj.out{opacity:0;transform:translateY(14px) scale(.97);transition:opacity .22s ease,transform .22s ease}
@keyframes projIn{from{opacity:0;transform:translateY(38px) scale(.95)}to{opacity:1;transform:none}}
.proj-empty{text-align:center;color:var(--mut);padding:40px 0}
.thumb{position:relative}
.thumb-cta{position:absolute;inset-inline:16px;bottom:16px;background:var(--bg);color:var(--ink);border-radius:var(--rb);padding:8px 16px;font-size:13px;font-weight:700;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s}
.proj:hover .thumb-cta,.proj-a:focus-visible .thumb-cta{opacity:1;transform:none}
.chip small{font-size:12px;opacity:.8;margin-inline-start:4px}.chip.on small{opacity:1}
.chip{cursor:pointer;color:var(--ink)}.chip[hidden]{display:none}
.sec-head .chips{margin-top:16px}
@media (prefers-reduced-motion:reduce){.proj.in{animation:none}.proj.out{transition:none}}
.thumb{aspect-ratio:4/3;border-radius:calc(var(--r)*.86);overflow:hidden;background:var(--soft)}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.proj:hover .thumb img,.post:hover .thumb img{transform:scale(1.06)}
.meta{margin-top:14px;font-size:13px;color:var(--mut)}.meta.accent{color:var(--accent-t);font-weight:700}
.pt{font-size:21px;font-weight:800;line-height:1.6;transition:color .2s}.post:hover .pt,.proj:hover .pt{color:var(--accent-t)}
.more{margin-top:32px;text-align:center;font-weight:700;color:var(--accent-t)}.more-link{color:var(--accent-t);font-weight:700}

/* بخش تیره */
.dark-box{background:var(--dark);color:var(--on-dark);border-radius:calc(var(--r)*1.43);padding:64px;display:flex;flex-wrap:wrap;gap:56px}
.dark-box>*{flex:1 1 360px;min-width:0}
.case{align-items:center}.case p{margin-top:14px;opacity:.8;font-size:17px}
.case-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.case-stats div{border-inline-start:1px solid rgba(255,255,255,.2);padding-inline-start:20px}.case-stats b{color:var(--on-dark)}.case-stats span{color:var(--on-dark);opacity:.75}

/* پکیج‌ها */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)*1.14);padding:40px 32px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.plan:hover{transform:translateY(-8px);box-shadow:0 30px 50px -30px rgba(43,27,20,.35)}
.plan h3{font-size:22px;font-weight:800}.price{margin:14px 0 4px;font-size:30px;font-weight:800}.price small{font-size:14px;font-weight:500;color:var(--mut)}
.plan-desc{font-size:14px;color:var(--mut);margin-bottom:24px}
.ticks{display:flex;flex-direction:column;gap:10px;font-size:15px;margin-bottom:28px;flex:1}
.ticks li::before{content:"✓";margin-inline-end:8px;color:var(--accent-t);font-weight:800}
.plan .btn{display:block;margin-top:auto}
.is-featured{background:var(--accent);color:#fff;border-color:var(--accent)}.is-featured .plan-desc,.is-featured .price small{color:#fff;opacity:1}.is-featured .ticks li::before{color:#fff}
.badge{position:absolute;top:18px;left:18px;background:#fff;color:var(--accent);font-size:12px;font-weight:800;padding:2px 12px;border-radius:999px}

/* نظرات */
.reviews{max-width:1000px;text-align:center}
.quote{font-size:72px;line-height:.6;color:var(--accent-t);font-weight:800;margin-top:20px}
.slide{animation:swap .45s both}.slide[hidden]{display:none}
blockquote{font-size:30px;line-height:1.8;font-weight:500;margin-top:12px}
figcaption{margin-top:24px}figcaption b{display:block;font-size:17px;font-weight:800}figcaption span{font-size:14px;color:var(--mut)}
.arrows{margin-top:28px;display:flex;gap:12px;justify-content:center}
.round{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:none;font-size:20px;display:flex;align-items:center;justify-content:center}.round.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* سوالات */
.faq{max-width:860px}
.qa{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)*.71);margin-bottom:12px;padding:6px 28px}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:19px;font-weight:700}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-size:24px;color:var(--accent-t);margin-inline-start:16px}.qa[open] summary::after{content:"−"}
.qa>div{padding-bottom:20px;color:var(--mut);animation:swap .4s both}

/* تماس */
.contact{align-items:flex-start}.contact p{margin-top:16px;font-size:18px;opacity:.8}
.contact-list{margin-top:32px;display:flex;flex-direction:column;gap:10px;opacity:.9}
.cform{position:relative;background:var(--card);color:var(--ink);border-radius:var(--r);padding:32px;display:flex;flex-direction:column;gap:14px}
.cform label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}
.fld{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px 18px;font:inherit;font-size:16px;color:var(--ink);outline:none;transition:border-color .2s}.fld:focus{border-color:var(--accent-t)}
.cform .btn{border:0;font-family:inherit}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}
.cform .notice{padding:12px 16px;border-radius:calc(var(--r)*.5);font-size:15px;margin:0;opacity:1}.notice.ok{background:#E3F3E8;color:#1D5A32}.notice.err{background:#FBE5E0;color:#8A2A18}

/* فوتر */
.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-block:0 48px;color:var(--mut);font-size:14px}
.socials{display:flex;gap:20px}.foot-menu{display:flex;gap:20px}

/* محتوای صفحه‌های داخلی */
.article{max-width:820px;padding-bottom:96px}.article-img{margin-bottom:32px;border-radius:var(--r);overflow:hidden}
.entry{font-size:18px;line-height:2}.entry>*+*{margin-top:1.2em}.entry h2,.entry h3{line-height:1.5;margin-top:1.6em}
.entry ul,.entry ol{padding-inline-start:1.4em}.entry ul{list-style:disc}.entry ol{list-style:decimal}.entry li+li{margin-top:.5em}.entry li::marker{color:var(--accent-t)}.entry a{color:var(--accent-t);text-decoration:underline}.entry img{border-radius:calc(var(--r)*.71)}
.pagination{margin-top:48px;display:flex;justify-content:center}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{border:1px solid var(--line);border-radius:var(--rb);padding:6px 16px}.page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)}
.comments{max-width:820px;padding-bottom:96px}.comment-list{margin:24px 0;padding:0;list-style:none}.comment-body{border-bottom:1px solid var(--line);padding:16px 0}

/* صفحه‌های داخلی */
.crumbs{margin-bottom:18px;font-size:14px;color:var(--mut)}.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"‹";margin-inline-end:6px;opacity:.6}.crumbs a:hover{color:var(--accent-t)}
.project{padding-bottom:40px}
.proj-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}
.proj-meta,.side-card,.side-list{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)*.86);padding:28px}
.proj-meta{position:sticky;top:96px}.proj-meta dl{margin:0 0 20px}.proj-meta dl>div{padding-block:12px;border-bottom:1px solid var(--line)}.proj-meta dl>div:last-child{border:0}
.proj-meta dt{font-size:13px;color:var(--mut)}.proj-meta dd{margin:2px 0 0;font-weight:700}
.proj-meta .btn{display:block;padding:12px}
.proj-results{margin-top:56px;padding:40px 48px}.proj-results .case-stats{flex:1 1 100%}
.pn{margin-top:40px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-weight:700;color:var(--accent-t)}
.svc-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:96px}
.side-card{background:var(--dark);color:var(--on-dark);border:0}.side-card h2{font-size:22px;font-weight:800}.side-card p{margin:10px 0 20px;opacity:.8;font-size:15px}
.side-list h2{font-size:18px;font-weight:800;margin-bottom:12px}.side-list li a{display:block;padding:10px 0;border-bottom:1px solid var(--line);transition:color .2s,padding .2s}.side-list li:last-child a{border:0}.side-list li a:hover{color:var(--accent-t);padding-inline-start:6px}
.cta{align-items:center}.cta p{margin-top:12px;opacity:.8;font-size:17px}.cta-act{flex:0 0 auto}

/* انیمیشن‌ها */
@keyframes up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes swap{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rise{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
@keyframes marquee{to{transform:translateX(50%)}}
@keyframes grow{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:no-preference){
	.a-up{animation:up .9s cubic-bezier(.2,.7,.2,1) both}.d1{animation-delay:.12s}.d2{animation-delay:.26s}.d3{animation-delay:.4s}
	.a1,.a2{animation:rise 1.2s cubic-bezier(.2,.7,.2,1) .4s both}.a2{animation-delay:.6s}
	.ring{animation:spin 30s linear infinite}
	.track{animation:marquee 30s linear infinite}
	@supports (animation-timeline:scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}}
	@supports (animation-timeline:view()){.rv{animation:up linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.goal-pane,.slide,.qa>div{animation:none}}

/* ابزارک‌های فوتر */
.foot-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-block:56px 8px;border-top:1px solid var(--line);margin-top:24px}
.fw-t{font-size:16px;font-weight:800;margin:0 0 14px}
.fw ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.fw a{color:var(--mut);transition:color .2s}.fw a:hover{color:var(--accent-t)}
.fw p{color:var(--mut);margin:0;font-size:15px}
.fw input[type=search],.fw input[type=text],.fw input[type=email]{width:100%;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 16px;font:inherit;color:var(--ink)}
.fw .wp-block-search__button,.fw input[type=submit]{margin-top:8px;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:8px 18px;font:inherit;cursor:pointer}
@media (max-width:720px){.foot-widgets{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px 0}}
/* حالت تیره */
:root[data-theme=dark]{color-scheme:dark;--on-dark:#F3E8DC;--accent-t:#E8826A;--bg:#17110E;--soft:#241A15;--ink:#F3E8DC;--dark:#2A1E18;--mut:#B9A596;--line:#3A2C24;--card:#211812}
:root[data-theme=dark] .notice.ok{background:#16301F;color:#A8E0BA}
:root[data-theme=dark] img{filter:brightness(.9)}
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:18px;line-height:1;transition:background .2s}
.theme-btn:hover{background:var(--soft)}.theme-btn .t-sun{display:none}
:root[data-theme=dark] .theme-btn .t-sun{display:inline}:root[data-theme=dark] .theme-btn .t-moon{display:none}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
.share a,.copy-link{border:1px solid var(--line);border-radius:999px;padding:6px 16px;color:var(--ink);background:transparent;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.share a:hover,.copy-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.related{padding-bottom:96px}.related .sec-title{margin-bottom:24px}
/* تماس سریع */
.fab{position:fixed;inset-inline-start:20px;bottom:20px;z-index:40}
.fab summary{list-style:none;cursor:pointer;background:var(--accent);color:#fff;border-radius:var(--rb);padding:12px 20px;font-weight:600;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .25s}
.fab summary::-webkit-details-marker{display:none}.fab summary:hover{transform:translateY(-2px)}
.fab-list{position:absolute;bottom:calc(100% + 10px);inset-inline-start:0;display:flex;flex-direction:column;gap:8px;min-width:140px}
.fab-list a{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:calc(var(--r)*.5);padding:10px 16px;font-size:14px;box-shadow:0 6px 18px rgba(0,0,0,.1);transition:background .2s}
.fab-list a:hover{background:var(--accent);color:#fff}
@media (prefers-reduced-motion:no-preference){.fab[open] .fab-list a{animation:up .35s both}.fab[open] .fab-list a:nth-child(2){animation-delay:.06s}.fab[open] .fab-list a:nth-child(3){animation-delay:.12s}}

/* واکنش‌گرا */
@media (max-width:1024px){
	.wrap{padding-inline:28px}.hero h1{font-size:56px}.sec-title{font-size:40px}
	.proj-layout{grid-template-columns:minmax(0,1fr);gap:32px}.proj-meta,.svc-side{position:static}
	.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.dept{grid-template-columns:minmax(0,1fr);gap:20px}.dept-h{position:static}
	.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step{padding-bottom:24px}
	.section{padding-block:80px}.section-sm{padding-bottom:80px}
}
@media (max-width:720px){
	.wrap{padding-inline:20px}.hero{padding-block:32px 60px;gap:36px}.hero h1{font-size:40px}.sec-title{font-size:32px}.sec-title.sm{font-size:28px}.lead{font-size:18px}
	.nav-toggle{display:flex}.head-btn{display:none}
	.nav{display:none;position:absolute;inset-inline:0;top:100%;background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--r)*.71);padding:16px 24px;z-index:20}
	.nav .menu{flex-direction:column;gap:12px}.nav-open .nav{display:block}
	.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
	.grid-4,.grid-3,.plans,.steps{grid-template-columns:minmax(0,1fr)}.svc{min-height:200px}.dept{grid-template-columns:minmax(0,1fr);gap:18px;padding:28px 0}.dept-h{position:static}.dept-g{grid-template-columns:minmax(0,1fr)}
	.goal,.dark-box{padding:28px;border-radius:var(--r)}.stats,.case-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats b,.case-stats b{font-size:26px}
	blockquote{font-size:22px}.about-img{height:340px}.arches{height:380px}.a1{width:230px;height:340px}.a2{width:160px;height:240px}
	.set{font-size:18px;gap:40px}
}
.site-footer{padding-bottom:84px}
textarea,input,select{max-width:100%;box-sizing:border-box}
.comment-form textarea{width:100%}
.gat-cards-outline .svc{background:transparent;border:1.5px solid var(--line)}.gat-cards-outline .svc:hover{background:var(--accent);border-color:var(--accent)}
.gat-cards-shadow .svc{background:var(--card);box-shadow:0 12px 32px rgb(40 20 10/.08)}.gat-cards-shadow .svc:hover{background:var(--accent)}
.gat-cards-shadow .plan,.gat-cards-shadow .goal,.gat-cards-shadow .qa,.gat-cards-shadow .proj-meta,.gat-cards-shadow .side-list{border-color:transparent;box-shadow:0 12px 32px rgb(40 20 10/.08)}
:root[data-theme=dark] .gat-cards-shadow .svc,:root[data-theme=dark] .gat-cards-shadow .plan,:root[data-theme=dark] .gat-cards-shadow .goal,:root[data-theme=dark] .gat-cards-shadow .qa{box-shadow:0 12px 32px rgb(0 0 0/.35)}
/* فرم‌های درخواست (کارآموزی، همکاری، سایت، مشاوره، آموزش) */
.gsec{padding-bottom:96px}.gbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:36px;max-width:860px}
.ggrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.gf{display:flex;flex-direction:column;gap:6px;min-width:0}.gf.wide{grid-column:1/-1}
.gf label{font-weight:700;font-size:15px}.gf .req{color:var(--accent-t)}.gh{color:var(--mut);font-size:13px}.gf textarea.fld{resize:vertical;min-height:120px;line-height:1.9}
.fld:focus{border-color:var(--accent-t)}.gf select.fld{appearance:auto}
.gsubmit{margin-top:24px}.gnote{margin-top:18px;color:var(--mut);font-size:14px}
.gnotice{border-radius:calc(var(--r)*.5);padding:14px 18px;margin-bottom:20px;font-size:15px;font-weight:600}.gnotice.ok{background:#E3F3E8;color:#1D5A32}.gnotice.err{background:#FBE5E0;color:#8A2A1B}
:root[data-theme=dark] .gnotice.ok{background:#16301F;color:#A8E0BA}:root[data-theme=dark] .gnotice.err{background:#3A1A14;color:#F3B5A8}
@media (max-width:720px){.ggrid{grid-template-columns:minmax(0,1fr)}.gbox{padding:24px 18px}}
/* صفحه‌ی پیگیری و پرداخت */
.ov{max-width:760px}.ov-h{font-size:20px;font-weight:800;margin:28px 0 10px}.ov-h:first-of-type{margin-top:4px}
.ov-t{width:100%;border-collapse:collapse}.ov-t th,.ov-t td{padding:10px 0;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;font-size:15px}.ov-t th{width:34%;color:var(--mut);font-weight:600;padding-inline-end:12px}
.ov-state{display:inline-block;background:var(--soft);border-radius:999px;padding:2px 14px;font-size:14px;font-weight:700}.ov-state.st-paid,.ov-state.st-confirmed,.ov-state.st-done{background:#E3F3E8;color:#1D5A32}.ov-state.st-cancelled{background:#FBE5E0;color:#8A2A1B}
.payopts{border:0;padding:0;margin:0 0 18px;display:grid;gap:10px}.payopts legend{font-weight:700;margin-bottom:8px}
.payopt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:calc(var(--r)*.5);padding:12px 16px;cursor:pointer;background:var(--bg)}.payopt span{flex:1}
.paybtns{display:flex;gap:12px;flex-wrap:wrap}.cardbox{background:var(--soft);border-radius:calc(var(--r)*.7);padding:24px}.cardnum{font-size:26px;font-weight:800;letter-spacing:.08em;margin:8px 0}
:root[data-theme=dark] .ov-state.st-paid,:root[data-theme=dark] .ov-state.st-confirmed,:root[data-theme=dark] .ov-state.st-done{background:#16301F;color:#A8E0BA}

.gl{display:block;font-weight:700;margin-bottom:8px}.payopt small.gh{display:block;font-weight:400}.quote{background:var(--soft);border-radius:calc(var(--r)*.5);padding:16px 20px;font-size:17px}.quote #gat-quote-total{font-weight:800;color:var(--acc)}

.crgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.crcard{display:flex;flex-direction:column;gap:10px}.crcard .crt{font-size:20px;margin:0}.crcard p{margin:0;color:var(--mut)}.crimg{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r)*.5)}
.crkind{align-self:flex-start;background:var(--soft);border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700}.crmeta,.crfeat{margin:0;padding:0 18px 0 0;font-size:14px}.crmeta{list-style:none;padding:0;display:flex;gap:14px;flex-wrap:wrap;color:var(--mut)}
.crbuy{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px}.crprice s{color:var(--mut);font-size:14px}.crsel{padding:8px 14px}

.pathgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;margin-top:36px}.pathcard{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:transform .3s,border-color .3s}.pathcard:hover{transform:translateY(-6px);border-color:var(--accent)}.pathcard h3{margin:0;font-size:20px}.pathcard p{margin:0;color:var(--mut);font-size:15px}.pathgo{margin-top:auto;padding-top:10px;color:var(--accent-t);font-weight:700}
.proj-d{margin:6px 0 0;color:var(--mut);font-size:14px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

button.btn-o{background:transparent}

.proj-a{display:block}.proj-live{display:inline-block;margin-top:8px;font-weight:700;color:var(--accent-t);font-size:14px}.proj-live:hover{text-decoration:underline}

.teamgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:22px;margin-top:36px}.member{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px 20px}.mph{width:112px;height:112px;margin:0 auto 14px;border-radius:50%;overflow:hidden;background:var(--soft);display:flex;align-items:center;justify-content:center}.mph img{width:100%;height:100%;object-fit:cover}.mini{font-size:42px;font-weight:800;color:var(--accent-t)}.member h3{margin:0;font-size:19px}.mrole{color:var(--ink);font-weight:600;margin-top:4px}.mdept{display:inline-block;margin-top:8px;background:var(--soft);border-radius:999px;padding:2px 12px;font-size:13px;color:var(--mut)}.member p{color:var(--mut);font-size:14px;margin:10px 0 0}.mlink{display:inline-block;margin-top:10px;font-weight:700;color:var(--accent-t);font-size:14px}

.crcard.pkg{grid-column:1/-1;background:var(--soft)}.crcard.pkg .crfeat{columns:2}

/* کد تخفیف و مرحله‌های پرداخت */
.gcrow{display:flex;gap:8px}.gcrow .fld{flex:1}.gc-msg.ok{color:#2F7448;font-weight:600}.gc-msg.bad{color:#B4472A;font-weight:600}
:root[data-theme=dark] .gc-msg.ok{color:#8FD3A8}:root[data-theme=dark] .gc-msg.bad{color:#F0A08C}
.mplan{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.mplan li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.pl-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:700;flex:none}
.pl-t{flex:1;display:grid}.pl-t small{color:var(--mut)}
.pl-a{font-weight:700;white-space:nowrap}
.pl-paid .pl-n{background:#2F7448;color:#fff}.pl-due{border-color:var(--accent)}.pl-due .pl-n{background:var(--accent);color:#fff}.pl-locked{opacity:.8}
/* وبلاگ */
.cat-chips{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.cat-chips.bar{margin-bottom:28px}
.cat-chips a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 16px;font-size:14px;color:var(--ink);background:var(--card);transition:background .2s,color .2s,border-color .2s}
.cat-chips a:hover,.cat-chips a[aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}
.post-layout{display:block}.post-layout.has-toc{display:flex;flex-direction:column}.post-layout.has-toc .toc-wrap{order:-1}
@media(min-width:1100px){.article:has(.has-toc){max-width:1120px}.post-layout.has-toc{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:56px;align-items:start}.post-layout.has-toc .toc-wrap{position:sticky;top:96px;order:2}}
.toc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 18px;margin-bottom:24px}
.toc summary{cursor:pointer;font-weight:700;padding:10px 0;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc summary::after{content:"▾";float:left;color:var(--mut)}
.toc ol{list-style:none;margin:0;padding:0 0 12px;display:grid;gap:2px;font-size:14px}.toc li.l3{padding-inline-start:14px}
.toc a{display:block;padding:5px 10px;border-radius:10px;color:var(--mut);border-inline-start:3px solid transparent;transition:background .2s,color .2s}
.toc a:hover{color:var(--ink);background:var(--soft)}.toc a.on{color:var(--accent-t);background:var(--soft);border-inline-start-color:var(--accent)}
.entry h2[id],.entry h3[id]{scroll-margin-top:96px}
.author-box{display:flex;gap:16px;align-items:flex-start;margin-top:32px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:24px}
.author-box .ab-img{border-radius:50%;flex:none}.author-box p{margin:2px 0 6px;color:var(--mut);font-size:15px;line-height:1.9}.author-box a{color:var(--accent-t);font-size:14px;font-weight:700}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.post-nav .pn{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--card);transition:border-color .2s,transform .2s}.post-nav .pn:hover{border-color:var(--accent);transform:translateY(-2px)}
.post-nav small{display:block;color:var(--mut)}.post-nav span{font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav .next{text-align:left;grid-column:2}.post-nav .prev:only-child{grid-column:1}
@media(max-width:560px){.post-nav{grid-template-columns:1fr}.post-nav .next{grid-column:auto;text-align:right}}
/* پیشنهاد نصب اپلیکیشن */
.pwa-bar{position:fixed;inset-inline:12px;bottom:12px;z-index:60;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px rgba(43,27,20,.18);transform:translateY(130%);transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:520px;margin-inline:auto}
.pwa-bar.on{transform:none}.pwa-bar img{border-radius:12px;flex:none}.pwa-bar div{flex:1;min-width:0;line-height:1.7}.pwa-bar b{display:block;font-size:15px}.pwa-bar span{display:block;color:var(--mut);font-size:12.5px}.pwa-bar span svg{vertical-align:-3px}
.pwa-go{border:0;border-radius:999px;padding:9px 20px;background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}.pwa-x{border:0;background:none;color:var(--mut);cursor:pointer;padding:6px;border-radius:50%;display:grid;place-items:center}
@media(prefers-reduced-motion:reduce){.pwa-bar{transition:none}}
/* انتخاب زبان */
.lang-sw{position:relative}.lang-sw summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;color:var(--ink);background:transparent}
.lang-sw summary::-webkit-details-marker{display:none}.lang-sw[open] summary{border-color:var(--accent)}
.lang-sw ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 36px rgba(43,27,20,.16);min-width:140px;z-index:70}
.lang-sw a{display:block;padding:8px 14px;border-radius:10px;color:var(--ink);font-size:14px}.lang-sw a:hover,.lang-sw a[aria-current]{background:var(--soft);color:var(--accent-t)}
html[dir=ltr] body{font-family:Vazirmatn,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
/* لینک‌های تماس و کارت نقشه */
.contact-list a.cl,.contact-list span.cl{display:flex;align-items:center;gap:12px;color:inherit;padding:8px 0;border-radius:12px}
.contact-list a.cl{transition:background .2s,padding .2s}.contact-list a.cl:hover{background:rgba(255,255,255,.08);padding-inline:10px}
.contact-list .cl svg{flex:none;opacity:.85}.contact-list .cl small{display:block;font-size:12px;opacity:.65}.contact-list .cl bdi{unicode-bidi:isolate}
.contact-list a.cl:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.mapsec{padding-top:0}
.mapcard{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)*1.2);overflow:hidden}
@media(max-width:860px){.mapcard{grid-template-columns:1fr}}
.map-vis{position:relative;display:block;min-height:280px;background:var(--soft);overflow:hidden}
.map-vis>svg,.map-vis>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.map-vis:hover>svg,.map-vis:hover>img{transform:scale(1.04)}
.m-bg{fill:#F3EADD}.m-water{fill:#CFE0E2}.m-park{fill:#D9E4C8}.m-blk rect{fill:#E8DAC6}.m-road path{stroke:#fff;stroke-width:16;fill:none}.m-main{stroke:#fff;stroke-width:26;fill:none}.m-dash{stroke:#E4D3BF;stroke-width:2;stroke-dasharray:10 10;fill:none}
.m-pin-b{fill:var(--accent)}.m-pulse{fill:var(--accent);opacity:.25;transform-box:fill-box;transform-origin:center;animation:mp 2.4s ease-out infinite}.m-pulse.p2{animation-delay:1.2s}
@keyframes mp{from{transform:scale(.2);opacity:.45}to{transform:scale(1.5);opacity:0}}
.map-chip{position:absolute;inset-inline-start:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;background:var(--card);color:var(--ink);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;box-shadow:0 6px 20px rgba(43,27,20,.18)}
.map-info{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.map-addr{margin:0;color:var(--mut);line-height:2}
.map-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.map-app{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.map-app:hover{border-color:var(--accent);transform:translateY(-2px)}
.map-app.primary{grid-column:1/-1;background:var(--accent);border-color:var(--accent);color:#fff}
.map-app .dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none}.map-app.primary .dot{background:#fff}
.map-app:focus-visible{outline:3px solid var(--accent-t);outline-offset:2px}
@media(max-width:480px){.map-apps{grid-template-columns:1fr}.map-info{padding:24px}}
@media(prefers-reduced-motion:reduce){.m-pulse{animation:none}.map-vis>svg,.map-vis>img{transition:none}}
/* صدای ما */
.voice-card{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:36px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--r)*1.3);padding:28px 36px}
@media(max-width:760px){.voice-card{grid-template-columns:1fr;padding:22px;gap:18px}}
.voice-cover{position:relative;aspect-ratio:1;border-radius:calc(var(--r)*.9);overflow:hidden;background:var(--soft);display:grid;place-items:center}
.voice-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.voice-mic{width:96px;height:96px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 14px color-mix(in srgb,var(--accent) 16%,transparent),0 0 0 34px color-mix(in srgb,var(--accent) 8%,transparent)}.voice-mic svg{width:44px;height:44px}
.voice-desc{margin:10px 0 22px;color:var(--mut)}
.voice-player{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--soft);border-radius:999px;padding:10px 14px}
.vp-btn{flex:none;width:54px;height:54px;border-radius:50%;border:0;background:var(--accent);color:#fff;cursor:pointer;display:grid;place-items:center;transition:transform .2s,filter .2s}.vp-btn:hover{filter:brightness(.9);transform:scale(1.05)}
.vp-btn svg{width:24px;height:24px}.vp-btn[aria-label="پخش"] svg{margin-inline-start:-2px}
.vp-wave{position:relative;flex:1 1 180px;min-width:150px;height:48px}
.vp-seek{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.vp-seek:focus-visible~.vp-bars{outline:3px solid var(--accent-t);outline-offset:4px;border-radius:8px}
.vp-bars{position:absolute;inset:0;display:flex;align-items:center;gap:2px}
.vp-bars i{flex:1;min-width:2px;height:calc(var(--h)*100%);border-radius:3px;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background .2s}
.vp-bars i.on{background:var(--accent)}
.voice-player.playing .vp-bars i{animation:vpb 1s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes vpb{to{transform:scaleY(.62)}}
.vp-time{flex:none;font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums;min-width:84px;text-align:center}
.vp-mini{flex:none;min-width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font:inherit;font-size:13px;font-weight:700;display:grid;place-items:center;padding:0 8px}
.vp-mini:hover{border-color:var(--accent)}.vp-mini svg{width:18px;height:18px}
.vp-btn:focus-visible,.vp-mini:focus-visible{outline:3px solid var(--accent-t);outline-offset:2px}
.vp-status{min-height:1.4em;margin:8px 4px 0;font-size:13px;color:var(--mut)}
.voice-text{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.voice-text summary{cursor:pointer;font-weight:700;color:var(--accent-t)}.voice-text div{color:var(--mut);line-height:2;margin-top:8px}
/* دکمه‌ی شناور */
.voice-pill{position:fixed;left:16px;bottom:16px;z-index:55;display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 12px;box-shadow:0 12px 32px rgba(43,27,20,.2);transform:translateY(140%);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s}
.voice-pill.on{transform:none;opacity:1}
.vpill-main{position:relative;display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;padding:0 2px;border-radius:999px;overflow:hidden}
.vpill-ic{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none}.vpill-ic svg{width:18px;height:18px}
.vpill-t{display:flex;flex-direction:column;text-align:start;line-height:1.4;padding-inline-end:6px}.vpill-t b{font-size:14px}.vpill-t small{font-size:11px;color:var(--mut)}
.vpill-bar{position:absolute;inset-inline:0;bottom:0;height:3px;background:transparent;direction:ltr}.vpill-bar b{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.voice-pill.playing .vpill-ic{animation:vpp 1.6s ease-in-out infinite}@keyframes vpp{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 25%,transparent)}}
.vpill-x{border:0;background:none;color:var(--mut);cursor:pointer;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1}.vpill-x:hover{background:var(--soft)}
.vpill-main:focus-visible,.vpill-x:focus-visible{outline:3px solid var(--accent-t);outline-offset:2px}
@media(max-width:560px){.voice-pill{left:10px;bottom:76px}.voice-player{border-radius:28px}}
@media(prefers-reduced-motion:reduce){.voice-player.playing .vp-bars i,.voice-pill.playing .vpill-ic{animation:none}.voice-pill{transition:none}}
.voice-pill [hidden],.voice-card [hidden]{display:none !important}
/* «من ربات نیستم» */
.gcap{margin:20px 0 0;padding:16px;min-width:0;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--soft) 45%,var(--card));transition:background .35s,border-color .35s,box-shadow .35s}
.gcap-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.gcap-head b{display:block;font-size:15px;line-height:1.4}.gcap-head small{display:block;color:var(--mut);font-size:12.5px;line-height:1.7}
.gcap-badge{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--card);color:var(--accent-t);border:1px solid var(--line);transition:background .35s,color .35s,border-color .35s}
.gcap-badge .ck{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s .15s ease}.gcap-badge .dt{transition:opacity .2s}
.gcap-q{margin:0 0 12px;padding:12px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);font-size:18px;line-height:1.9;font-weight:800;text-align:center}
.gcap-in input,.cform .gcap-in input,.gform .gcap-in input{display:block;width:100%;box-sizing:border-box;height:54px;padding:0 16px;border:2px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);font:inherit;font-size:22px;font-weight:800;text-align:center;transition:border-color .2s,box-shadow .2s}
.gcap-in input::placeholder{font-size:15px;font-weight:400;color:var(--mut)}
.gcap-in input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}
.gcap-msg{margin:10px 0 0;min-height:1.5em;font-size:13.5px;text-align:center;color:var(--mut)}.gcap-msg.ok{color:#1F6B3A;font-weight:700}.gcap-msg.bad{color:#9A2F16;font-weight:700}
.gcap.ok{border-color:#3E8E5A;background:color-mix(in srgb,#3E8E5A 12%,var(--card))}
.gcap.ok .gcap-badge{background:#3E8E5A;border-color:#3E8E5A;color:#fff}.gcap.ok .ck{stroke-dashoffset:0}.gcap.ok .dt{opacity:0}
.gcap.ok .gcap-in input{border-color:#3E8E5A;color:var(--ink);background:transparent}
.gcap.bad{border-color:#B4472A;background:color-mix(in srgb,#B4472A 9%,var(--card));animation:gcshake .4s}
.gcap.bad .gcap-in input{border-color:#B4472A}
@keyframes gcshake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.gcap.bad{animation:none}.gcap-badge .ck{transition:none}}
.gcap>legend.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;float:none}
.gcap{position:relative}
.gcap.ok .gcap-msg.ok{color:#1F6B3A}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .gcap.ok .gcap-msg.ok{color:#8FD5A6}:root:not([data-theme="light"]) .gcap.bad .gcap-msg.bad{color:#F0A08A}}
:root[data-theme="dark"] .gcap.ok .gcap-msg.ok{color:#8FD5A6}:root[data-theme="dark"] .gcap.bad .gcap-msg.bad{color:#F0A08A}