/* ===== پالت و ظاهر جدید ===== */
:root{--primary:#1e2a78;--primary-light:#4f46e5;--accent:#ff8a00;--accent-hover:#ff6a00;--grad:linear-gradient(135deg,#ff8a00,#ff4d6d);--grad-brand:linear-gradient(135deg,#1e2a78,#4f46e5 60%,#7c3aed);--bg-light:#f5f7ff;--bg-white:#fff;--text-dark:#1f2547;--text-light:#6b7194;--radius:18px;--shadow:0 10px 30px rgba(30,42,120,.08);--shadow-hover:0 18px 40px rgba(30,42,120,.18)}
[data-theme=dark]{--bg-light:#0b1020;--bg-white:#141a33;--text-dark:#e6e9ff;--text-light:#9aa3c7;--shadow:0 10px 30px rgba(0,0,0,.45);--shadow-hover:0 18px 40px rgba(0,0,0,.6)}
[data-theme=dark] .section-title h2,[data-theme=dark] .service-card h3,[data-theme=dark] .step h3,[data-theme=dark] .article-card h3,[data-theme=dark] .project-body h3,[data-theme=dark] .logo,[data-theme=dark] .chips span{color:#a5b4fc}
.header{background:rgba(255,255,255,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
[data-theme=dark] .header{background:rgba(20,26,51,.86)}
.logo-icon{background:var(--grad-brand);box-shadow:0 6px 16px rgba(79,70,229,.35)}.logo-img{height:44px;width:auto;max-width:170px;object-fit:contain}
.nav-menu a:hover,.nav-menu a.active{background:var(--grad-brand)}
.btn{background:var(--grad);box-shadow:0 8px 20px rgba(255,100,60,.28)}.btn:hover{background:var(--grad);filter:brightness(1.06);box-shadow:0 12px 28px rgba(255,100,60,.4)}
.btn-outline{background:rgba(255,255,255,.12);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.7);box-shadow:none}.btn-outline:hover{background:#fff;color:var(--primary);filter:none}
.btn.btn-line{background:transparent;box-shadow:none;color:var(--primary);border:2px solid var(--primary-light)}.btn.btn-line:hover{background:var(--primary-light);color:#fff}
.section-title h2::after{background:var(--grad)}.section.alt{background:var(--bg-white)}
/* سوییچ تیره/روشن */
.theme-switch{direction:ltr;background:none;border:0;padding:0;cursor:pointer;flex:none;margin-inline-end:4px}
.ts-track{position:relative;display:block;width:62px;height:32px;border-radius:32px;background:linear-gradient(135deg,#ffd27a,#ffb347);box-shadow:inset 0 2px 5px rgba(0,0,0,.15);transition:background .4s}
.ts-track svg{position:absolute;top:9px;z-index:1;transition:opacity .3s}.ts-sun{left:9px;color:#b45309}.ts-moon{right:9px;color:#cbd5ff;opacity:.5}
.ts-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .35s cubic-bezier(.5,1.6,.5,1)}
[data-theme=dark] .ts-track{background:linear-gradient(135deg,#1e2a78,#4f46e5)}[data-theme=dark] .ts-thumb{transform:translateX(30px)}
[data-theme=dark] .ts-sun{opacity:.45;color:#cbd5ff}[data-theme=dark] .ts-moon{opacity:1;color:#fff}
.theme-switch:focus-visible .ts-track{outline:3px solid var(--primary-light);outline-offset:2px}
@media(max-width:768px){.theme-switch{margin-inline-start:auto;margin-inline-end:10px}}
/* هیرو */
.hero-slider{height:660px;background:var(--grad-brand)}
.slide::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,23,70,.9) 0%,rgba(30,42,120,.62) 48%,rgba(15,23,70,.15) 100%)}
.slide-content h2{font-size:3rem;letter-spacing:-.5px}.slide-content p{font-size:1.15rem;line-height:2}
.slider-dot.active{background:#fff;width:30px;border-radius:10px;transform:none}
/* آمار */
.stats-strip{position:relative;z-index:6;margin-top:-58px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-white);border-radius:24px;box-shadow:var(--shadow-hover);padding:26px 10px}
.stat-box{text-align:center;padding:4px 10px;border-inline-start:1px solid rgba(100,110,170,.18)}.stat-box:first-child{border:0}
.stat-box .stat-num{font-size:2.5rem;font-weight:900;line-height:1.4;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-box span{color:var(--text-light)}
/* خدمات و کارت‌ها */
.service-card,.article-card,.project-card,.step{border-radius:var(--radius);border:1px solid rgba(100,110,170,.1)}
.service-icon{background:var(--grad-brand);border-radius:20px;box-shadow:0 10px 22px rgba(79,70,229,.32);transition:var(--transition)}.service-card:hover .service-icon{background:var(--grad);transform:rotate(-6deg) scale(1.06)}
.service-card::before{background:var(--grad)}.read-more,.project-card .project-link{color:var(--accent)}
/* مراحل کار */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.step{background:var(--bg-white);padding:30px 22px;box-shadow:var(--shadow);text-align:center}
.step-n{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:var(--grad-brand);color:#fff;font-weight:900;font-size:1.35rem;display:grid;place-items:center;box-shadow:0 8px 20px rgba(79,70,229,.35)}
.step h3{color:var(--primary);margin-bottom:8px;font-size:1.1rem}.step p{color:var(--text-light);font-size:.9rem}
/* درباره و CTA */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}.chips span{background:var(--bg-light);padding:8px 18px;border-radius:50px;font-weight:600;color:var(--primary);font-size:.9rem}
.cta{background:var(--grad-brand);color:#fff;border-radius:28px;padding:54px 30px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-hover)}
.cta::before,.cta::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}.cta::before{width:300px;height:300px;top:-120px;right:-80px}.cta::after{width:220px;height:220px;bottom:-90px;left:-50px}
.cta h2{font-size:1.9rem;font-weight:900;margin-bottom:10px;position:relative}.cta p{opacity:.9;margin-bottom:24px;position:relative}.cta .btn{position:relative}
/* خبرنامه */
.newsletter{position:relative;z-index:3;margin-bottom:-80px;padding-top:70px;background:var(--bg-light)}
.nl-card{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;background:var(--grad-brand);border-radius:28px;padding:42px 44px;color:#fff;position:relative;overflow:hidden;box-shadow:0 24px 50px rgba(30,42,120,.35)}
.nl-card::before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08);top:-100px;left:-60px}
.nl-text,.nl-side{position:relative}.nl-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.18);font-size:1.5rem;margin-bottom:14px}
.nl-text h3{font-size:1.5rem;font-weight:900;line-height:1.7;margin-bottom:6px}.nl-text p{opacity:.88;font-size:.95rem}
.nl-form{display:flex;border-radius:60px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.nl-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 20px;font-family:inherit;font-size:.95rem;color:#1f2547}
.nl-form button{border:0;background:var(--grad);color:#fff;padding:12px 30px;border-radius:50px;font-weight:700;font-family:inherit;cursor:pointer;transition:var(--transition)}.nl-form button:hover{filter:brightness(1.08);transform:scale(1.03)}
.nl-side small{display:block;margin-top:12px;opacity:.8;font-size:.8rem}.nl-ok{background:rgba(255,255,255,.18);border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:.9rem}
/* فوتر */
.footer{background:linear-gradient(160deg,#121a52,#1e2a78 60%,#2b2f8f);padding-top:130px}.footer h4::after{background:var(--grad)}
@media(max-width:768px){.hero-slider{height:480px}.slide-content h2{font-size:1.7rem}.stats-grid{padding:16px 4px}.stat-box .stat-num{font-size:1.6rem}.stat-box span{font-size:.78rem}
.nl-card{grid-template-columns:1fr;padding:28px 22px}.cta h2{font-size:1.4rem}.slide::before{background:linear-gradient(180deg,rgba(15,23,70,.55),rgba(15,23,70,.85))}}