/* طرح رویا | تم روشن صفحات خدمات و آرشیوها — سکشن‌های روشن (سفید/طوسی) کنار سکشن‌های تیره */
/* بخش میانی این فایل با tools/lightgen.py از wd.css، svc.css و pf.css ساخته می‌شود */
.trwd .tl{--bg:#FFFFFF;--bg-2:#F4F4F5;--bg-3:#FFFFFF;--bg-4:#E4E4E7;--line:rgba(0,0,0,.08);--line-2:rgba(0,0,0,.14);--ink:#18181B;--muted:#52525B;--dim:#71717A;--accent:#0A0A0B;--on:#FFFFFF;--glow:rgba(0,0,0,.28);color:#18181B;position:relative;z-index:1}
.trwd .tl.tl-w,.trwd #services.tl.tl-w{background:#FFFFFF!important}
.trwd .tl.tl-g,.trwd #services.tl.tl-g{background:#F4F4F5!important}
.trwd .cta-l{background:#FFFFFF!important;position:relative;z-index:1}
.trwd .tl .grad,.trwd .tl .svc-grad{background:linear-gradient(100deg,#0A0A0B 20%,#71717A);-webkit-background-clip:text;background-clip:text;color:transparent}
/* ← wd.css */
.trwd .tl .grad,.trwd .grad.tl{background:linear-gradient(100deg,#000000 20%,#6B6B6F);-webkit-background-clip:text;background-clip:text}
.trwd .tl .btn-primary::before,.trwd .btn-primary.tl::before{background:linear-gradient(110deg,transparent 30%,rgba(0,0,0,0.33) 50%,transparent 70%)}
.trwd .tl .orb.o1,.trwd .orb.o1.tl{background:#F4F4F5}
.trwd .tl .orb.o2,.trwd .orb.o2.tl{background:#F7F7F8}
.trwd .tl .orb.o3,.trwd .orb.o3.tl{background:#BFBFC3}
.trwd .tl .spot,.trwd .spot.tl{background:radial-gradient(500px circle at var(--mx) var(--my),rgba(0,0,0,0.06),transparent 60%)}
.trwd .tl .chips span,.trwd .chips.tl span{color:#28282A;background:rgba(0,0,0,0.036)}
.trwd .tl .chips span:hover,.trwd .chips.tl span:hover{background:rgba(0,0,0,0.072)}
.trwd .tl .frame,.trwd .frame.tl{border:1px solid rgba(0,0,0,0.085);box-shadow:0 40px 80px -30px rgba(0,0,0,0.36),0 0 0 1px rgba(0,0,0,0.017)}
.trwd .tl .frame .bar,.trwd .frame.tl .bar{background:#F7F7F8}
.trwd .tl .frame .bar i,.trwd .frame.tl .bar i{background:#C1C1C3}
.trwd .tl .frame .bar u,.trwd .frame.tl .bar u{background:rgba(0,0,0,0.036)}
.trwd .tl .dev-tabs,.trwd .dev-tabs.tl{background:rgba(0,0,0,0.024)}
.trwd .tl .tablet .body,.trwd .tablet.tl .body{background:#F9F9FA;border:1px solid #C7C7C9;box-shadow:0 30px 60px -20px rgba(0,0,0,0.34)}
.trwd .tl .phone .body,.trwd .phone.tl .body{background:#F9F9FA;border:1px solid #C7C7C9;box-shadow:0 30px 60px -20px rgba(0,0,0,0.34)}
.trwd .tl .phone .body::before,.trwd .phone.tl .body::before{background:#F9F9FA}
.trwd .tl .tile::after,.trwd .tile.tl::after{background:radial-gradient(360px circle at var(--tx,50%) var(--ty,0%),rgba(0,0,0,0.06),transparent 60%)}
.trwd .tl .serp .search,.trwd .serp.tl .search{background:rgba(0,0,0,0.03);color:#28282A}
.trwd .tl .res,.trwd .res.tl{background:rgba(0,0,0,0.021)}
.trwd .tl .res i,.trwd .res.tl i{background:rgba(0,0,0,0.072)}
.trwd .tl .res i:first-child,.trwd .res.tl i:first-child{background:rgba(85,96,101,0.35)}
.trwd .tl .res.me,.trwd .res.me.tl{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.425)}
.trwd .tl .prod,.trwd .prod.tl{background:rgba(0,0,0,0.024)}
.trwd .tl .prod .pic,.trwd .prod.tl .pic{background:linear-gradient(135deg,#F4F4F5,#F9F9F9)}
.trwd .tl .prod .pic::after,.trwd .prod.tl .pic::after{background:linear-gradient(110deg,transparent 30%,rgba(0,0,0,0.048) 50%,transparent 70%)}
.trwd .tl .prod .pic svg,.trwd .prod.tl .pic svg{color:rgba(0,0,0,0.468)}
.trwd .tl .prod b,.trwd .prod.tl b{background:rgba(0,0,0,0.084)}
.trwd .tl .prod small,.trwd .prod.tl small{background:rgba(0,0,0,0.24)}
.trwd .tl .prod.is-hit,.trwd .prod.is-hit.tl{border-color:rgba(0,0,0,0.51)}
.trwd .tl .cart em,.trwd .cart.tl em{background:#000000}
.trwd .tl .chart,.trwd .chart.tl{background:rgba(0,0,0,0.018)}
.trwd .tl .glogos span,.trwd .glogos.tl span{background:#000000}
.trwd .tl .feat li,.trwd .feat.tl li{background:rgba(0,0,0,0.021)}
.trwd .tl .feat li:hover,.trwd .feat.tl li:hover{border-color:rgba(0,0,0,0.425)}
.trwd .tl .orbit,.trwd .orbit.tl{border:1px dashed rgba(0,0,0,0.187)}
.trwd .tl .orbit .node span,.trwd .orbit.tl .node span{background:rgba(255,255,255,0.94);box-shadow:0 10px 30px -12px rgba(0,0,0,0.24)}
.trwd .tl .msg.b,.trwd .msg.b.tl{background:rgba(0,0,0,0.036)}
.trwd .tl .mini span,.trwd .mini.tl span{background:rgba(0,0,0,0.048)}
.trwd .tl .mini span::before,.trwd .mini.tl span::before{background:linear-gradient(135deg,#F4F4F5,#F9F9F9)}
.trwd .tl .steps::after,.trwd .steps.tl::after{background:linear-gradient(var(--accent),#28282A)}
.trwd .tl .steps li.is-lit .n,.trwd .steps.tl li.is-lit .n{box-shadow:0 0 0 8px rgba(0,0,0,0.042),0 0 30px var(--glow)}
.trwd .tl .steps .sub,.trwd .steps.tl .sub{background:rgba(0,0,0,0.021)}
.trwd .tl .steps .note,.trwd .steps.tl .note{color:#28282A;background:rgba(0,0,0,0.06)}
.trwd .tl .qa,.trwd .qa.tl{background:rgba(0,0,0,0.018)}
.trwd .tl .qa.is-open,.trwd .qa.is-open.tl{border-color:rgba(0,0,0,0.383);background:rgba(0,0,0,0.03)}
.trwd .tl .qa .q,.trwd .qa.tl .q{background:rgba(0,0,0,0.06)}
.trwd .tl .share a,.trwd .share.tl a,.trwd .tl .share button,.trwd .share.tl button{background:rgba(0,0,0,0.036)}
.trwd .tl a.btn-primary,.trwd a.btn-primary.tl,.trwd .tl a.btn-primary:hover,.trwd a.btn-primary.tl:hover,.trwd .tl a.btn-primary:focus,.trwd a.btn-primary.tl:focus,.trwd .tl a.btn-primary:active,.trwd a.btn-primary.tl:active{color:#F4F4F5!important;background:#000000}
.trwd .tl a.btn-primary:hover,.trwd a.btn-primary.tl:hover{background:#19191A}
.trwd .tl a.btn-primary svg,.trwd a.btn-primary.tl svg{color:#F4F4F5}
.trwd .tl a.btn-ghost,.trwd a.btn-ghost.tl,.trwd .tl a.btn-ghost:focus,.trwd a.btn-ghost.tl:focus{color:#181819}
.trwd .tl a.btn-ghost:hover,.trwd a.btn-ghost.tl:hover{color:#121212!important;border-color:#000000;background:rgba(0,0,0,0.048)}
.trwd .tl .sky-grid,.trwd .sky-grid.tl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='152' viewBox='0 0 88 152' fill='none' stroke-width='1'%3E%3Cpath d='M26.4 0.0L61.6 0.0M13.2 22.8L30.8 53.2M74.8 22.8L57.2 53.2M-17.6 76.0L17.6 76.0M70.4 76.0L105.6 76.0M57.2 98.8L74.8 129.2M30.8 98.8L13.2 129.2M26.4 152.0L61.6 152.0' stroke='rgba(0,0,0,.03)'/%3E%3Cpath d='M26.4 0.0 13.2 22.9 -13.2 22.9 -26.4 0.0 -13.2 -22.9 13.2 -22.9ZM114.4 0.0 101.2 22.9 74.8 22.9 61.6 0.0 74.8 -22.9 101.2 -22.9ZM70.4 76.0 57.2 98.9 30.8 98.9 17.6 76.0 30.8 53.1 57.2 53.1ZM26.4 152.0 13.2 174.9 -13.2 174.9 -26.4 152.0 -13.2 129.1 13.2 129.1ZM114.4 152.0 101.2 174.9 74.8 174.9 61.6 152.0 74.8 129.1 101.2 129.1Z' stroke='rgba(0,0,0,.045)'/%3E%3C/svg%3E");background-size:88px 152px}
.trwd .tl .sky-spot,.trwd .sky-spot.tl{background:radial-gradient(520px circle at var(--sx) var(--sy),rgba(0,0,0,0.042),transparent 60%)}
.trwd .tl .sky-win,.trwd .sky-win.tl{background:#F9F9FA;border:1px solid rgba(0,0,0,0.085);box-shadow:0 30px 60px -30px rgba(0,0,0,0.36)}
.trwd .tl .sky-win .bar,.trwd .sky-win.tl .bar{background:#F7F7F8}
.trwd .tl .sky-win .bar b,.trwd .sky-win.tl .bar b{background:#C1C1C3}
.trwd .tl .sky-win .sk .h,.trwd .sky-win.tl .sk .h{background:rgba(0,0,0,0.12)}
.trwd .tl .sky-win .sk .t,.trwd .sky-win.tl .sk .t{background:rgba(0,0,0,0.06)}
.trwd .tl .sky-win .sk .g em,.trwd .sky-win.tl .sk .g em{background:rgba(0,0,0,0.042);border:1px solid rgba(0,0,0,0.051)}
.trwd .tl .showcase::after,.trwd .showcase.tl::after{background:linear-gradient(transparent,#FCFCFC)}
.trwd .tl .cv-dots,.trwd .cv-dots.tl{background:radial-gradient(rgba(0,0,0,0.069) 1px,transparent 1.6px) 0 0/28px 28px}
.trwd .tl .cv-dots.lit,.trwd .cv-dots.lit.tl{background-image:radial-gradient(rgba(0,0,0,0.18) 1px,transparent 1.7px)}
.trwd .tl .cv-glow,.trwd .cv-glow.tl{background:radial-gradient(700px circle at var(--cx) var(--cy),rgba(0,0,0,0.036),transparent 60%)}
.trwd .tl .cv-blob.b1,.trwd .cv-blob.b1.tl{background:rgba(0,0,0,0.042)}
.trwd .tl .cv-blob.b2,.trwd .cv-blob.b2.tl{background:rgba(82,88,96,0.1)}
.trwd .tl .cv-cols,.trwd .cv-cols.tl{background:linear-gradient(90deg,transparent calc(33.333% - .5px),rgba(0,0,0,0.021) calc(33.333% - .5px),rgba(0,0,0,0.021) calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),rgba(0,0,0,0.021) calc(66.666% - .5px),rgba(0,0,0,0.021) calc(66.666% + .5px),transparent calc(66.666% + .5px))}
.trwd .tl .cv-cols::after,.trwd .cv-cols.tl::after{background:linear-gradient(transparent,rgba(0,0,0,0.036),transparent)}
.trwd .tl .cv-art,.trwd .cv-art.tl{color:rgba(0,0,0,0.425)}
.trwd .tl .cv-board,.trwd .cv-board.tl{border:1px dashed rgba(0,0,0,0.204)}
.trwd .tl .cv-board::before,.trwd .cv-board.tl::before,.trwd .tl .cv-board::after,.trwd .cv-board.tl::after{background:#FCFCFC;border:1px solid rgba(0,0,0,0.297)}
.trwd .tl .cv-board b,.trwd .cv-board.tl b{color:rgba(0,0,0,0.297)}
.trwd .tl .cv-board i,.trwd .cv-board.tl i{background:rgba(0,0,0,0.06)}
.trwd .tl .cv-board u,.trwd .cv-board.tl u{border:1px solid rgba(0,0,0,0.06);background:rgba(0,0,0,0.015)}
.trwd .tl .cv-meas,.trwd .cv-meas.tl{color:rgba(0,0,0,0.34)}
.trwd .tl .cv-meas::before,.trwd .cv-meas.tl::before,.trwd .tl .cv-meas::after,.trwd .cv-meas.tl::after{background:rgba(0,0,0,0.12)}
.trwd .tl .cv-sw em,.trwd .cv-sw.tl em{border:1px solid rgba(0,0,0,0.212)}
.trwd .tl .cv-sw em:nth-child(1),.trwd .cv-sw.tl em:nth-child(1){background:#000000}
.trwd .tl .cv-sw em:nth-child(2),.trwd .cv-sw.tl em:nth-child(2){background:#6B6B6F}
.trwd .tl .cv-sw em:nth-child(3),.trwd .cv-sw.tl em:nth-child(3){background:#F5F5F6}
.trwd .tl .cv-cursor span,.trwd .cv-cursor.tl span{background:rgba(0,0,0,0.51);color:#F4F4F5}
.trwd .tl .showcase::after,.trwd .showcase.tl::after{background:linear-gradient(transparent,rgba(255,255,255,0.6))}
.trwd .tl .pj-tag,.trwd .pj-tag.tl{color:#181819;background:rgba(255,255,255,0.58);border:1px solid rgba(0,0,0,0.119);box-shadow:0 8px 24px -12px rgba(0,0,0,0.34)}
.trwd .tl .pj-dot,.trwd .pj-dot.tl{background:var(--dc,#58585B)}
.trwd .tl .pj-age.new,.trwd .pj-age.new.tl{color:#E6F1EA;border-color:rgba(0,0,0,0.297)}
.trwd .tl .pj-age.old,.trwd .pj-age.old.tl{color:#F2EBE1;border-color:rgba(0,0,0,0.297)}
.trwd .tl .pj-age.dead,.trwd .pj-age.dead.tl{color:#202022;background:rgba(167,167,170,0.62);border-color:rgba(0,0,0,0.136)}
.trwd .tl .pj-date,.trwd .pj-date.tl{color:#373739}
.trwd .tl .orb.o1,.trwd .orb.o1.tl{background:radial-gradient(closest-side,#F4F4F5,rgba(244,244,245,0.45) 45%,transparent)}
.trwd .tl .orb.o2,.trwd .orb.o2.tl{background:radial-gradient(closest-side,#F7F7F8,rgba(255,255,255,0.45) 45%,transparent)}
.trwd .tl .orb.o3,.trwd .orb.o3.tl{background:radial-gradient(closest-side,#BFBFC3,rgba(191,191,195,0.45) 45%,transparent)}
.trwd .tl .cv-blob.b1,.trwd .cv-blob.b1.tl{background:radial-gradient(closest-side,rgba(0,0,0,0.042),rgba(0,0,0,0.018) 45%,transparent)}
.trwd .tl .cv-blob.b2,.trwd .cv-blob.b2.tl{background:radial-gradient(closest-side,rgba(82,88,96,0.1),rgba(82,88,96,0.04) 45%,transparent)}
/* ← svc.css */
.trwd.svc .tl .svc-grad,.trwd.svc .svc-grad.tl{background:linear-gradient(100deg,#000000 5%,color-mix(in srgb,var(--ac) 85%,#000000) 55%,var(--ac2));-webkit-background-clip:text;background-clip:text}
.trwd.svc .tl .svc-p,.trwd.svc .svc-p.tl{color:#58585B}
.trwd .tl .svc-kicker,.trwd .svc-kicker.tl{color:#58585B}
.trwd .tl .svc-lead,.trwd .svc-lead.tl{color:#58585B}
.trwd .tl .lc-tile,.trwd .lc-tile.tl{background:#000000;border:1px solid rgba(0,0,0,0.102);box-shadow:0 60px 120px -50px rgba(0,0,0,0.112)}
.trwd .tl .lc-g *,.trwd .lc-g.tl *{stroke:#121212}
.trwd .tl .lc-scan,.trwd .lc-scan.tl{background:linear-gradient(90deg,transparent,rgba(0,0,0,0.24),transparent)}
.trwd .tl .lc-name,.trwd .lc-name.tl{background:rgba(255,255,255,0.7);color:#121212;border:1px solid rgba(0,0,0,0.119)}
.trwd .tl .lc-sw,.trwd .lc-sw.tl{background:rgba(0,0,0,0.024);border:1px solid rgba(0,0,0,0.068)}
.trwd .tl .lc-sw i,.trwd .lc-sw.tl i{border:1px solid rgba(0,0,0,0.17);box-shadow:inset 0 0 0 3px rgba(0,0,0,0.06)}
.trwd .tl .lc-fmt span,.trwd .lc-fmt.tl span{color:#28282A;background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.085)}
.trwd .tl .deck-card,.trwd .deck-card.tl{background:#F9F9FA;border:1px solid rgba(0,0,0,0.119);box-shadow:0 40px 70px -26px rgba(0,0,0,0.36)}
.trwd .tl .deck.is-fan .deck-card:hover,.trwd .deck.is-fan.tl .deck-card:hover{box-shadow:0 60px 90px -30px rgba(0,0,0,0.112),0 0 0 1px color-mix(in srgb,var(--ac) 60%,transparent)}
.trwd .tl .deck-sheen,.trwd .deck-sheen.tl{background:linear-gradient(115deg,transparent 30%,rgba(0,0,0,0.24) 47%,transparent 60%)}
.trwd .tl .deck-tag,.trwd .deck-tag.tl{background:rgba(255,255,255,0.62);color:#121212;border:1px solid rgba(0,0,0,0.119)}
.trwd .tl .deck-shadow,.trwd .deck-shadow.tl{background:radial-gradient(closest-side,rgba(255,255,255,0.7),transparent)}
.trwd .tl .vr,.trwd .vr.tl{background:linear-gradient(160deg,#F8F8F9,#FBFBFB);border:1px solid rgba(0,0,0,0.085);box-shadow:0 60px 120px -50px rgba(0,0,0,0.112)}
.trwd .tl .svc-chips button,.trwd .svc-chips.tl button{color:#28282A;background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.085)}
.trwd .tl .svc-chips button.is-on,.trwd .svc-chips.tl button.is-on{background:#000000;color:#F4F4F5;border-color:#000000}
.trwd .tl .svc-nav button,.trwd .svc-nav.tl button{border:1px solid rgba(0,0,0,0.119)}
.trwd .tl .svc-nav button:hover,.trwd .svc-nav.tl button:hover{background:#000000;color:#F4F4F5}
.trwd .tl .svc-rail-bar,.trwd .svc-rail-bar.tl{background:rgba(0,0,0,0.048)}
.trwd .tl .svc-rail-hint,.trwd .svc-rail-hint.tl{color:#6E6E72}
.trwd .tl .srv,.trwd .srv.tl{background:linear-gradient(160deg,rgba(255,255,255,0.85),rgba(255,255,255,0.9));border:1px solid rgba(0,0,0,0.076)}
.trwd .tl .srv-txt p,.trwd .srv-txt.tl p{color:#58585B}
.trwd .tl .srv-txt li,.trwd .srv-txt.tl li{color:#28282A}
.trwd .tl .cmp,.trwd .cmp.tl{background:#FEFEFE}
.trwd .tl .cmp-l,.trwd .cmp-l.tl{background:rgba(255,255,255,0.6);color:#121212;border:1px solid rgba(0,0,0,0.119)}
.trwd .tl .cmp-l.l2,.trwd .cmp-l.l2.tl{color:#F4F4F5}
.trwd .tl .cmp-line,.trwd .cmp-line.tl{background:#000000;box-shadow:0 0 18px rgba(0,0,0,0.245)}
.trwd .tl .cmp-line i,.trwd .cmp-line.tl i{background:#000000;color:#F4F4F5;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.trwd .tl .lite,.trwd .lite.tl{background:#FEFEFE}
.trwd .tl .lite-dark,.trwd .lite-dark.tl{background:radial-gradient(circle at var(--lx) var(--ly),transparent 0 10%,rgba(255,255,255,0.5) 34%,rgba(255,255,255,0.9) 72%)}
.trwd .tl .lite-bulb,.trwd .lite-bulb.tl{color:#F4F4F5}
.trwd .tl .lite-k,.trwd .lite-k.tl{color:#58585B}
.trwd .tl .lite-k input::-webkit-slider-thumb,.trwd .lite-k.tl input::-webkit-slider-thumb{background:#000000;border:3px solid #FCFCFC;box-shadow:0 2px 10px rgba(0,0,0,0.2)}
.trwd .tl .lite-k input::-moz-range-thumb,.trwd .lite-k.tl input::-moz-range-thumb{background:#000000;border:3px solid #FCFCFC}
.trwd .tl .lt,.trwd .lt.tl{background:linear-gradient(160deg,rgba(255,255,255,0.85),rgba(255,255,255,0.92));border:1px solid rgba(0,0,0,0.076)}
.trwd .tl .lt-hot,.trwd .lt-hot.tl{color:#F4F4F5}
.trwd .tl .lt-img,.trwd .lt-img.tl{background:#000000}
.trwd .tl .lt>p,.trwd .lt.tl>p{color:#58585B}
.trwd .tl .lt-spec li,.trwd .lt-spec.tl li{background:rgba(0,0,0,0.021);color:#58585B}
.trwd .tl .lt-spec b,.trwd .lt-spec.tl b{color:#181819}
.trwd .tl .lt-price small,.trwd .lt-price.tl small{color:#6E6E72}
.trwd .tl .size-demo,.trwd .size-demo.tl{background:linear-gradient(160deg,rgba(255,255,255,0.85),rgba(255,255,255,0.92));border:1px solid rgba(0,0,0,0.076)}
.trwd .tl .size-demo span,.trwd .size-demo.tl span{background:#000000;box-shadow:0 20px 40px -20px rgba(0,0,0,0.112)}
.trwd .tl .size-demo figcaption,.trwd .size-demo.tl figcaption{color:#6E6E72}
.trwd .tl .mat-tabs button,.trwd .mat-tabs.tl button{color:#58585B;border:1px solid rgba(0,0,0,0.06)!important;background:rgba(0,0,0,0.015)!important}
.trwd .tl .mat-tabs button:hover,.trwd .mat-tabs.tl button:hover{color:#121212}
.trwd .tl .mat-tabs button.is-on,.trwd .mat-tabs.tl button.is-on{color:#121212}
.trwd .tl .mat-dot,.trwd .mat-dot.tl{background:#28282A;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.08)}
.trwd .tl .mat-dot.mat-gloss,.trwd .mat-dot.mat-gloss.tl{background:linear-gradient(135deg,#000000,#56585D 45%,#000000 55%,#85888E)}
.trwd .tl .mat-dot.mat-matte,.trwd .mat-dot.mat-matte.tl{background:#56585D}
.trwd .tl .mat-dot.mat-emboss,.trwd .mat-dot.mat-emboss.tl{background:#28282A;box-shadow:inset 1px 1px 0 rgba(0,0,0,0.14),inset -2px -2px 3px rgba(0,0,0,0.14)}
.trwd .tl .mat-dot.mat-linen,.trwd .mat-dot.mat-linen.tl{background:repeating-linear-gradient(0deg,#161718 0 1px,#313335 1px 2px),#28282A}
.trwd .tl .mat-dot.mat-glossy,.trwd .mat-dot.mat-glossy.tl{background:linear-gradient(135deg,#000000,#161718)}
.trwd .tl .mat-dot.mat-magnet,.trwd .mat-dot.mat-magnet.tl{background:linear-gradient(#28282A 60%,#3F2E23 60%)}
.trwd .tl .mat-card,.trwd .mat-card.tl{background:#F8F8F8;box-shadow:0 40px 70px -25px rgba(0,0,0,0.36)}
.trwd .tl .mat-sheen,.trwd .mat-sheen.tl{background:linear-gradient(115deg,transparent 28%,rgba(0,0,0,0.33) 46%,transparent 58%);background-size:220% 100%;background-position:var(--gx,120%) 0}
.trwd .tl .mat-card[data-k="emboss"],.trwd .mat-card[data-k="emboss"].tl{box-shadow:0 2px 0 #2D2D2F,0 4px 0 #444446,0 40px 70px -25px rgba(0,0,0,0.36)}
.trwd .tl .mat-card[data-k="emboss"] .mat-fx,.trwd .mat-card[data-k="emboss"].tl .mat-fx{box-shadow:inset 2px 2px 0 rgba(0,0,0,0.158),inset -3px -3px 8px rgba(0,0,0,0.18)}
.trwd .tl .mat-card[data-k="linen"] .mat-fx,.trwd .mat-card[data-k="linen"].tl .mat-fx{background:repeating-linear-gradient(0deg,rgba(0,0,0,0.084) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,0.14) 0 1px,transparent 1px 3px)}
.trwd .tl .mat-card[data-k="magnet"],.trwd .mat-card[data-k="magnet"].tl{box-shadow:0 3px 0 #3F2E23,0 6px 0 rgba(0,0,0,0.112),0 40px 70px -25px rgba(0,0,0,0.36)}
.trwd .tl .mat-shadow,.trwd .mat-shadow.tl{background:radial-gradient(closest-side,rgba(255,255,255,0.75),transparent)}
.trwd .tl .mat-info p,.trwd .mat-info.tl p{color:#58585B}
.trwd .tl .tips-col,.trwd .tips-col.tl{border:1px solid rgba(0,0,0,0.076);background:linear-gradient(160deg,rgba(255,255,255,0.85),rgba(255,255,255,0.92))}
.trwd .tl .tips-col li,.trwd .tips-col.tl li{color:#28282A}
.trwd .tl .tips-col li::before,.trwd .tips-col.tl li::before{background:#88888B}
.trwd .tl .tips-col.bad li,.trwd .tips-col.bad.tl li{color:#58585B}
.trwd .tl .why,.trwd .why.tl{background:linear-gradient(160deg,rgba(255,255,255,0.85),rgba(255,255,255,0.92));border:1px solid rgba(0,0,0,0.076)}
.trwd .tl .why-n,.trwd .why-n.tl{color:#F4F4F5}
.trwd .tl .why p,.trwd .why.tl p{color:#58585B}
.trwd.svc-arch .tl .pf-title .wd>span,.trwd.svc-arch .pf-title.tl .wd>span{background-image:linear-gradient(100deg,color-mix(in srgb,var(--ac) 70%,#6B6B6F) 0%,#000000 30%,#000000 45%,color-mix(in srgb,var(--ac2) 70%,#6B6B6F) 60%,#000000 80%)}
.trwd .tl .svc-arch-back,.trwd .svc-arch-back.tl{color:#58585B}
.trwd .tl .svc-arch-back:hover,.trwd .svc-arch-back.tl:hover{color:#121212}
.trwd.svc-arch .tl .pf-chips a,.trwd.svc-arch .pf-chips.tl a{color:#58585B;border:1px solid rgba(0,0,0,0.085)}
.trwd.svc-arch .tl .pf-chips a:hover,.trwd.svc-arch .pf-chips.tl a:hover{color:#121212;border-color:rgba(0,0,0,0.297)}
.trwd.svc-arch .tl .pf-chips a.is-on,.trwd.svc-arch .pf-chips.tl a.is-on{background:#000000;color:#F4F4F5;border-color:#000000}
.trwd .tl .pf-grid.svc-grid-logo .pf-media,.trwd .pf-grid.svc-grid-logo.tl .pf-media,.trwd .tl .pf-grid.svc-grid-card .pf-media,.trwd .pf-grid.svc-grid-card.tl .pf-media{background:#000000}
.trwd .tl .svc-about,.trwd .svc-about.tl{border:1px solid rgba(0,0,0,0.076);background:linear-gradient(160deg,rgba(255,255,255,0.82),rgba(255,255,255,0.9))}
.trwd .tl .svc-about summary,.trwd .svc-about.tl summary{color:#181819}
.trwd .tl .svc-about summary i,.trwd .svc-about.tl summary i{border:1px solid rgba(0,0,0,0.119)}
.trwd .tl .svc-about[open] summary i,.trwd .svc-about[open].tl summary i{color:#F4F4F5}
/* ← pf.css */
.trwd .tl .pf-strip img,.trwd .pf-strip.tl img{border:1px solid rgba(0,0,0,0.068)}
.trwd .tl .pf-shade,.trwd .pf-shade.tl{background:radial-gradient(70% 60% at 50% 50%,rgba(255,255,255,0.55),rgba(255,255,255,0.92) 75%),linear-gradient(to bottom,rgba(255,255,255,0.2),transparent 30%,transparent 70%,#FCFCFC)}
.trwd .tl .pf-count,.trwd .pf-count.tl{background:rgba(0,0,0,0.042);border:1px solid rgba(0,0,0,0.119);color:#202022}
.trwd .tl .pf-count b,.trwd .pf-count.tl b{color:#121212}
.trwd .tl .pf-title .wd>span,.trwd .pf-title.tl .wd>span{background:linear-gradient(100deg,#6B6B6F 0%,#000000 30%,#000000 45%,#6B6B6F 60%,#000000 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text}
.trwd .tl .pf-lead,.trwd .pf-lead.tl{color:#58585B}
.trwd .tl .pf-down,.trwd .pf-down.tl{color:#202022}
.trwd .tl .pf-down span,.trwd .pf-down.tl span{border:2px solid rgba(0,0,0,0.297)}
.trwd .tl .pf-down span::after,.trwd .pf-down.tl span::after{background:#000000}
.trwd .tl .pf-bar,.trwd .pf-bar.tl{background:rgba(255,255,255,0.72);border:1px solid rgba(0,0,0,0.076);box-shadow:0 20px 50px -30px rgba(0,0,0,0.36)}
.trwd .tl .pf-chips button,.trwd .pf-chips.tl button{color:#58585B;border:1px solid rgba(0,0,0,0.085)}
.trwd .tl .pf-chips button:hover,.trwd .pf-chips.tl button:hover{color:#121212;border-color:rgba(0,0,0,0.297)}
.trwd .tl .pf-chips button.is-on,.trwd .pf-chips.tl button.is-on{background:#000000;color:#F4F4F5;border-color:#000000}
.trwd .tl .pf-search,.trwd .pf-search.tl{background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.085)}
.trwd .tl .pf-search:focus-within,.trwd .pf-search.tl:focus-within{border-color:rgba(0,0,0,0.425);background:rgba(0,0,0,0.048)}
.trwd .tl .pf-search svg,.trwd .pf-search.tl svg{color:#58585B}
.trwd .tl .pf-search input,.trwd .pf-search.tl input{color:#181819!important}
.trwd .tl .pf-search input::placeholder,.trwd .pf-search.tl input::placeholder{color:#6E6E72}
.trwd .tl .pf-result,.trwd .pf-result.tl{color:#58585B}
.trwd .tl .pf-result b,.trwd .pf-result.tl b{color:#121212}
.trwd .tl .pf-card .pf-tilt,.trwd .pf-card.tl .pf-tilt{background:#FAFAFA;border:1px solid rgba(0,0,0,0.068)}
.trwd .tl .pf-card:hover .pf-tilt,.trwd .pf-card.tl:hover .pf-tilt{border-color:rgba(0,0,0,0.255);box-shadow:0 40px 80px -40px rgba(0,0,0,0.36),0 0 0 1px rgba(0,0,0,0.021)}
.trwd .tl .pf-media,.trwd .pf-media.tl{background:#F8F8F9}
.trwd .tl .pf-media::after,.trwd .pf-media.tl::after{background:linear-gradient(to top,rgba(255,255,255,0.9),transparent 45%)}
.trwd .tl .pf-glare,.trwd .pf-glare.tl{background:radial-gradient(420px circle at var(--gx,50%) var(--gy,0%),rgba(0,0,0,0.132),transparent 45%)}
.trwd .tl .pf-info .code,.trwd .pf-info.tl .code{color:#F4F4F5;background:#000000}
.trwd .tl .pf-info p,.trwd .pf-info.tl p{color:#58585B}
.trwd .tl .pf-go,.trwd .pf-go.tl{border:1px solid rgba(0,0,0,0.153);color:#121212}
.trwd .tl .pf-card:hover .pf-go,.trwd .pf-card.tl:hover .pf-go{background:#000000;color:#F4F4F5}
.trwd .tl .pf-num,.trwd .pf-num.tl{color:#121212;background:rgba(255,255,255,0.5)}
.trwd .tl .pf-empty,.trwd .pf-empty.tl{color:#58585B}
.trwd .tl .pf-cursor,.trwd .pf-cursor.tl{background:#000000;color:#F4F4F5}
.trwd .tl .pf-seo-box,.trwd .pf-seo-box.tl{background:#FAFAFA;border:1px solid rgba(0,0,0,0.068)}
.trwd .tl .pf-seo-text,.trwd .pf-seo-text.tl{color:#58585B}
.trwd .tl .pf-seo-text::after,.trwd .pf-seo-text.tl::after{background:linear-gradient(transparent,#FAFAFA)}
.trwd .tl .pf-seo-text a,.trwd .pf-seo-text.tl a{color:#121212}
.trwd .tl .pf-seo-toggle,.trwd .pf-seo-toggle.tl{color:#121212;border:1px solid rgba(0,0,0,0.17)!important}
.trwd .tl .pf-seo-toggle:hover,.trwd .pf-seo-toggle.tl:hover{background:#000000!important;color:#F4F4F5!important}
.trwd .tl .pf-info .pj-date,.trwd .pf-info.tl .pj-date{color:#58585B}
/* ---------- اصلاحات دستی ---------- */
.trwd .tl a.btn-primary,.trwd .tl a.btn-primary:focus,.trwd .tl button.btn-primary{color:#FFFFFF!important;background:#0A0A0B;box-shadow:0 14px 34px -14px rgba(0,0,0,.45)}
.trwd .tl a.btn-primary:hover{background:#27272A}
.trwd .tl a.btn-ghost,.trwd .tl button.btn-ghost{color:#18181B!important;border-color:rgba(0,0,0,.2)}
.trwd .tl a.btn-ghost:hover{border-color:#0A0A0B;background:rgba(0,0,0,.04)}
.trwd .tl .why-n{color:#0A0A0B}
.trwd .tl-w .why,.trwd .tl-w .srv{background:#F4F4F5}
.trwd .tl-g .why,.trwd .tl-g .srv{background:#FFFFFF}
.trwd .tl .why,.trwd .tl .srv{border-color:#E4E4E7;box-shadow:0 22px 44px -34px rgba(0,0,0,.35)}
.trwd .tl .pf-grid.svc-grid-logo .pf-media,.trwd .tl .pf-grid.svc-grid-card .pf-media{background:#FFFFFF}
.trwd .tl .pf-media::after{background:linear-gradient(to top,rgba(255,255,255,.92),transparent 42%)}
/* قاب تبلت و موبایل روی زمینه‌ی روشن: طوسی فلزی تا روی سفید دیده شود */
.trwd .tl .tablet .body,.trwd .tl .phone .body{background:linear-gradient(150deg,#D4D4D8,#A9A9B0);border:1px solid #96969D;box-shadow:0 30px 60px -22px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.12)}
.trwd .tl .phone .body::before{background:#2A2A2E}