@font-face{font-family:Vazir;src:url(/fonts/vazirmatn-4.woff) format('woff');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:#173449;font:16px/1.95 Vazir,Tahoma,Arial}header,footer{padding:22px max(6vw,20px);background:#082031;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header img{width:120px;height:85px;object-fit:contain;background:#fff;border-radius:10px}a{color:inherit}nav{display:flex;gap:22px;flex-wrap:wrap}main{max-width:1180px;margin:auto;padding:40px 24px}.eyebrow{color:#ad7b28;letter-spacing:2px;font-size:13px}h1{font-size:clamp(30px,5vw,54px);line-height:1.5;max-width:950px}h2{font-size:26px}p{max-width:80ch}.lead{font-size:20px;color:#566c79}.hero{padding:45px;background:#e9eff3;border-radius:26px;position:relative;overflow:hidden;border:1px solid #d7e1e7}.hero:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #bd8c43;border-radius:50%;left:-120px;top:-100px;box-shadow:0 0 0 40px #c3954530,0 0 0 80px #c3954510;animation:orbit 12s ease-in-out infinite}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin:28px 0}.card,section.article{background:#fff;border:1px solid #dce4e9;padding:30px;border-radius:20px}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.button{display:inline-block;background:#e5ba62;color:#102f43;padding:12px 22px;border-radius:9px;text-decoration:none;font-weight:bold;margin:8px}.notice{background:#fff6df;border-inline-start:4px solid #c19643;padding:20px;border-radius:10px}li{margin-bottom:12px}details{border-bottom:1px solid #ddd;padding:15px}summary{cursor:pointer;font-weight:bold}.pipeline{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.pipeline span{padding:12px 18px;border:1px solid #c59a4a;border-radius:10px;background:#fff;animation:pulse 5s infinite}.pipeline span:nth-child(2){animation-delay:1s}.pipeline span:nth-child(3){animation-delay:2s}.pipeline span:nth-child(4){animation-delay:3s}@keyframes pulse{50%{background:#e5ba62;transform:translateY(-4px)}}@keyframes orbit{50%{transform:scale(1.1) rotate(30deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:600px){.hero{padding:23px}.card,section.article{padding:20px}header{gap:12px}nav{gap:12px}}.p360-language-control select{font:inherit;padding:7px;border-radius:6px;border:1px solid #b59a66;background:#fff;color:#173449;max-width:130px}.p360-language-suggest{position:fixed;bottom:18px;inset-inline-end:18px;z-index:9999;background:white;color:#173449;padding:14px;border:1px solid #c89e50;border-radius:12px;box-shadow:0 6px 30px #0002}.p360-language-suggest button{margin-inline-start:18px;background:transparent;border:0;font-size:20px;cursor:pointer}.search-hidden{display:none!important}.library-search{width:100%;padding:12px;font:inherit;border:1px solid #cad8df;border-radius:10px;margin:12px 0}.gate-ready{background:#e1f1e6;padding:14px;border-radius:8px}.article{margin-block:24px}.control-demo input{accent-color:#b58c3c}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b68b3a;outline-offset:4px}header>nav{align-items:center}header img{background:#f4f6f8}input,textarea,select,button{font-family:inherit}button:disabled{cursor:wait;opacity:.65}
.hero-engineering{min-height:390px;background:#0b293d;color:#f6f9fb;padding:48px;isolation:isolate}.hero-engineering>h1,.hero-engineering>p,.hero-engineering>a{position:relative;z-index:2;max-width:62%}.hero-engineering .lead{color:#d6e2eb}.hero-engineering .hero-visual{position:absolute;inset-inline-end:0;top:0;width:47%;height:100%;object-fit:cover;z-index:0;opacity:.76;mask-image:linear-gradient(90deg,transparent,#000 28%)}[dir=rtl] .hero-engineering .hero-visual{mask-image:linear-gradient(270deg,transparent,#000 28%)}.hero-engineering:after{z-index:1;pointer-events:none}.hero-engineering h1{font-size:clamp(30px,3.6vw,48px)}.hero-engineering .eyebrow{color:#ebc979}@media(max-width:700px){.hero-engineering{padding:220px 23px 28px}.hero-engineering>h1,.hero-engineering>p,.hero-engineering>a{max-width:100%}.hero-engineering .hero-visual{width:100%;height:200px;mask-image:linear-gradient(0deg,transparent,#000 25%)}[dir=rtl] .hero-engineering .hero-visual{mask-image:linear-gradient(0deg,transparent,#000 25%)}}
