:root{--primary:#00b4d8;--primary-dark:#0077b6;--border:#121212;--bg:#fff;--soft:#f8f9fa;--text:#212529;--muted:#6c757d;--card:#fff;--shadow:#121212;--header:rgba(255,255,255,.95);--ease:all .3s cubic-bezier(.25,.8,.25,1)}
[data-theme=dark]{--primary:#00d4ff;--primary-dark:#0096c7;--border:#30363d;--bg:#0d1117;--soft:#161b22;--text:#f0f6fc;--muted:#8b949e;--card:#21262d;--shadow:#010409;--header:rgba(13,17,23,.92)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Vazirmatn,sans-serif;line-height:1.8;overflow-x:hidden;transition:background-color .3s,color .3s}html[dir=ltr] body{font-family:Inter,Vazirmatn,sans-serif}.container{width:min(1200px,100% - 40px);margin-inline:auto}
.site-header{position:fixed;inset:0 0 auto;background:var(--header);backdrop-filter:blur(10px);border-bottom:3px solid var(--border);z-index:1000;padding:14px 0}.nav-container,.nav-actions,.desktop-nav,.logo,.mobile-drawer-header{display:flex;align-items:center}.nav-container{justify-content:space-between;gap:18px}.logo{text-decoration:none;gap:8px;padding:6px 12px;border:2px solid var(--border);border-radius:8px;background:var(--card);box-shadow:4px 4px var(--shadow);color:var(--text);flex-shrink:0}.logo-image{max-height:38px;width:auto}.logo-fallback{display:flex;align-items:center;gap:5px}.logo-fallback strong{color:var(--primary);font-weight:900}.logo-fallback small{font-weight:700}.desktop-nav{gap:22px}.desktop-nav a,.mobile-drawer-links a{color:var(--text);text-decoration:none;font-weight:700;transition:var(--ease)}.desktop-nav a:hover,.mobile-drawer-links a:hover{color:var(--primary)}.nav-actions{gap:10px}.utility-btn,.mobile-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--card);color:var(--text);border:2px solid var(--border);padding:8px 12px;border-radius:6px;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:3px 3px var(--shadow);transition:var(--ease)}.utility-btn span,.mobile-toggle i{font-weight:700}.utility-btn:hover,.mobile-toggle:hover,.cta-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px var(--shadow)}.cta-btn{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;font-weight:700;border:2px solid var(--border);border-radius:6px;padding:9px 18px;box-shadow:4px 4px var(--shadow);transition:var(--ease)}.mobile-toggle{display:none;font-size:1.1rem}
.hero{padding:175px 0 100px;background:linear-gradient(135deg,rgba(0,180,216,.08),var(--bg))}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.hero-text h1{font-size:clamp(2rem,4vw,2.6rem);line-height:1.45;font-weight:900;margin-bottom:20px}.hero-text h1 span{color:var(--primary)}.hero-text p{font-size:clamp(1rem,2vw,1.1rem);color:var(--muted);margin-bottom:30px;text-align:justify}.hero-image{position:relative}.hero-image img{display:block;width:100%;border:3px solid var(--border);border-radius:12px;box-shadow:10px 10px var(--shadow);object-fit:cover}.stats-badge{position:absolute;inset:auto -15px -15px auto;background:var(--card);border:3px solid var(--border);border-radius:8px;padding:14px 20px;box-shadow:5px 5px var(--shadow);max-width:190px}.stats-badge strong{display:block;color:var(--primary);font-size:2rem;line-height:1;font-weight:900}.stats-badge span{display:block;font-weight:700;font-size:.9rem;margin-top:5px}html[dir=ltr] .stats-badge{inset:auto auto -15px -15px}
.section-band{background:var(--soft);border-block:3px solid var(--border)}section{padding:90px 0}.section-title{text-align:center;margin-bottom:55px}.section-title h2{display:inline-block;position:relative;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:900}.section-title h2:after{content:"";position:absolute;bottom:-10px;inset-inline:50% auto;transform:translateX(50%);width:80px;height:5px;background:var(--primary);border:1px solid var(--border);border-radius:3px}.about-cards,.services-grid,.team-grid,.projects-list{display:grid;gap:25px}.about-cards{grid-template-columns:repeat(3,1fr)}.card,.team-member,.project-category,.service-box{background:var(--card);border:3px solid var(--border);border-radius:10px;box-shadow:6px 6px var(--shadow)}.card{padding:30px 24px;transition:var(--ease)}.card:hover,.service-box:hover{transform:translateY(-4px)}.card-icon{width:60px;height:60px;display:grid;place-items:center;background:rgba(0,180,216,.15);color:var(--primary);font-size:1.6rem;border:2px solid var(--border);border-radius:8px;margin-bottom:18px}.card h3,.service-box h3,.team-member h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}.card p,.service-box p,.footer-info p{color:var(--muted);font-size:.94rem;text-align:justify}.services-grid{grid-template-columns:repeat(4,1fr)}.service-box{padding:20px;transition:var(--ease);border-width:2px}.service-box>i{display:block;color:var(--primary);font-size:1.8rem;margin-bottom:12px}.team-grid{grid-template-columns:repeat(4,1fr)}.team-member{text-align:center;padding:24px 14px}.team-member>i{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 14px;border:2px solid var(--border);border-radius:50%;background:var(--soft);color:var(--primary);font-size:2.4rem}.team-member strong,.team-member small{display:block}.team-member strong{color:var(--primary);font-size:.9rem}.team-member small{color:var(--muted);font-size:.8rem}.projects{border-top:3px solid var(--border)}.projects-list{grid-template-columns:repeat(3,1fr)}.project-category{padding:24px}.project-category h3{color:var(--primary);font-size:1.2rem;border-bottom:2px solid var(--border);padding-bottom:10px;margin-bottom:14px}.project-category ul{list-style:none}.project-category li{position:relative;padding-inline-start:18px;margin-bottom:8px;font-size:.9rem}.project-category li:before{content:"•";position:absolute;inset-inline-start:0;color:var(--primary);font-weight:900}
footer{background:var(--card);border-top:3px solid var(--border);padding:55px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;margin-bottom:35px}.footer-info p{max-width:540px;margin-top:18px}.contact-info{list-style:none}.contact-info li{display:flex;align-items:flex-start;gap:13px;margin-bottom:14px;font-weight:700;font-size:.92rem}.contact-info i{color:var(--primary);font-size:1.15rem;width:22px;margin-top:4px}.copyright{text-align:center;border-top:2px solid var(--border);padding-top:18px;color:var(--muted);font-size:.82rem}.footer-credit{display:block;margin-top:8px;color:var(--primary);font-weight:700}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1050;opacity:0;visibility:hidden;transition:var(--ease)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(300px,85vw);padding:28px 20px;background:var(--card);border-right:3px solid var(--border);z-index:1100;transform:translateX(-100%);transition:transform .3s;display:flex;flex-direction:column;justify-content:space-between}.mobile-drawer.active{transform:translateX(0)}html[dir=rtl] .mobile-drawer{inset:0 0 0 auto;border-right:0;border-left:3px solid var(--border);transform:translateX(100%)}html[dir=rtl] .mobile-drawer.active{transform:translateX(0)}.mobile-drawer-header{justify-content:space-between;border-bottom:2px solid var(--border);padding-bottom:14px;margin-bottom:20px;color:var(--primary)}.close-drawer{border:0;background:none;color:var(--text);font-size:1.6rem;cursor:pointer}.mobile-drawer-links{display:flex;flex-direction:column;gap:12px}.mobile-drawer-links a{padding:8px 0;border-bottom:1px dashed var(--border)}
@media (max-width:1050px){.desktop-nav{gap:14px}.desktop-nav a{font-size:.88rem}.hero-grid{gap:30px}.services-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:800px){.desktop-nav,.nav-actions .cta-btn{display:none}.mobile-toggle{display:inline-flex}.hero{padding-top:145px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-text p{text-align:center}.hero-image{max-width:680px;margin:0 auto}.stats-badge{inset:auto 50% -22px auto;transform:translateX(50%)}html[dir=ltr] .stats-badge{inset:auto 50% -22px auto;transform:translateX(50%)}.about-cards,.projects-list,.footer-grid{grid-template-columns:1fr}}
@media (max-width:520px){.container{width:min(100% - 24px,1200px)}.site-header{padding:9px 0}.logo{padding:5px 8px}.logo-fallback small{display:none}.utility-btn{width:40px;height:38px;padding:0}.utility-btn span{display:none}.hero{padding:125px 0 70px}section{padding:70px 0}.hero-text h1{font-size:1.75rem}.hero-text p{font-size:.95rem}.services-grid,.team-grid{grid-template-columns:1fr}.card,.service-box,.team-member,.project-category{box-shadow:4px 4px var(--shadow)}.stats-badge{position:relative;inset:auto!important;transform:none!important;width:max-content;margin:22px auto 0}.contact-info li{font-size:.84rem}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}