﻿.psn-production-page{--psn-blue:#0000FE;--psn-blue-soft:#0000fe0d;--psn-blue-glow:#0000fe2e;--psn-dark-navy:#051124;--psn-text-dark:#151515;--psn-text-muted:#4e4e4e;--psn-white:#FFF;width:100%;overflow:hidden;color:var(--psn-text-dark);background-color:var(--psn-white);font-family:Vazirmatn,IRANSans,Tahoma,sans-serif;line-height:1.8}
.psn-production-page *,.psn-production-page ::before,.psn-production-page ::after{box-sizing:border-box}
.psn-container{width:min(1200px,calc(100% - 40px));margin:0 auto}
.psn-container h3{font-size:20px;font-weight:800;color:var(--psn-dark-navy);margin-bottom:30px}
.h2-title-style{margin-bottom:50px!important;display:block!important}
.psn-hero-curved{background-color:var(--psn-white);padding:120px 0 90px;position:relative}
.psn-hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center}
.psn-hero-text h1{font-size:clamp(34px,4.5vw,48px);font-weight:900;color:var(--psn-dark-navy);line-height:1.4;margin:0 0 24px}
.psn-hero-text h1 span{color:var(--psn-blue);position:relative;display:inline-block}
.psn-hero-text p{font-size:16px;color:var(--psn-text-muted);margin-bottom:35px;text-align:justify;font-weight:400}
.psn-btn-curved{display:inline-block;background-color:var(--psn-blue);color:#fff!important;font-weight:700;padding:14px 36px;text-decoration:none;border-radius:50px;box-shadow:0 10px 20px var(--psn-blue-glow);transition:all .4s cubic-bezier(0.165,0.84,0.44,1);border:2px solid var(--psn-blue)}
.psn-btn-curved:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000fe59;background-color:var(--psn-white);color:var(--psn-blue)!important}
.psn-layered-frame{position:relative;width:100%;height:420px;display:flex;align-items:center;justify-content:center}
.psn-img-backdrop{position:absolute;width:70%;height:250px;background:linear-gradient(135deg,var(--psn-blue-soft) 0%,#0000fe1f 100%);border-radius:35px;z-index:1;top:5%;right:15%;transform:rotate(-4deg);border:1.5px dashed #0000fe40;transition:all .6s cubic-bezier(0.165,0.84,0.44,1)}
.psn-img-base{position:absolute;width:70%;height:260px;object-fit:cover;border-radius:24px;top:15%;right:5%;border:1px solid #0000fe1a;box-shadow:0 10px 30px #0000fe14 0 2px 10px #0000000d;transition:all .6s cubic-bezier(0.165,0.84,0.44,1);z-index:2}
.psn-img-overlap{position:absolute;width:52%;height:190px;object-fit:cover;border-radius:20px;bottom:8%;left:5%;border:4px solid var(--psn-white);box-shadow:0 15px 35px #0000fe38 0 5px 15px #0000001a;transition:all .6s cubic-bezier(0.165,0.84,0.44,1);transform:rotate(3deg);z-index:3}
.psn-layered-frame:hover .psn-img-backdrop{transform:scale(1.05) rotate(-2deg) translate(-5px,5px);background:linear-gradient(135deg,#0000fe1a 0%,#0000fe2e 100%)}
.psn-layered-frame:hover .psn-img-base{transform:scale(1.03) translateY(-5px);box-shadow:0 20px 45px #0000fe24 0 8px 20px #00000014}
.psn-layered-frame:hover .psn-img-overlap{transform:scale(1.06) rotate(-1deg) translate(8px,-10px);box-shadow:0 25px 50px #0000fe4d 0 12px 25px #00000024}
.psn-layered-frame.reverse-layout .psn-img-backdrop{left:15%;right:auto;transform:rotate(4deg)}
.psn-layered-frame.reverse-layout .psn-img-base{left:5%;right:auto}
.psn-layered-frame.reverse-layout .psn-img-overlap{right:5%;left:auto;transform:rotate(-3deg)}
.psn-layered-frame.reverse-layout:hover .psn-img-backdrop{transform:scale(1.05) rotate(2deg) translate(5px,5px)}
.psn-layered-frame.reverse-layout:hover .psn-img-overlap{transform:scale(1.06) rotate(1deg) translate(-8px,-10px)}
.psn-curved-section{padding:90px 0;background-color:var(--psn-white);position:relative}
.psn-curved-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:80px;align-items:center}
.psn-section-title-curved{font-size:28px;font-weight:800;color:var(--psn-dark-navy);margin-bottom:25px;position:relative;display:inline-block}
.psn-section-title-curved::after{content:"";position:absolute;bottom:-8px;right:0;width:80px;height:4px;background-color:var(--psn-blue);border-radius:10px}
.psn-steps-list-curved{list-style:none;padding:0;margin:35px 0 0}
.psn-step-item-curved{display:flex;align-items:flex-start;gap:20px;margin-bottom:22px;padding:15px;border-radius:16px;transition:all .3s ease;background-color:transparent}
.psn-step-item-curved:hover{background-color:var(--psn-white);box-shadow:0 10px 25px #0000fe0d;transform:translateX(-5px)}
.psn-step-num-curved{background-color:var(--psn-blue);color:#fff;font-weight:900;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;box-shadow:0 5px 12px var(--psn-blue-glow)}
.psn-step-details-curved h4{font-size:17px;font-weight:800;color:var(--psn-dark-navy);margin:0 0 6px}
.psn-step-details-curved p{font-size:14px;color:var(--psn-text-muted);margin:0}
.psn-technical-card-curved{background-color:var(--psn-white);border:1px solid #0000fe1a;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000fe08;transition:all .4s cubic-bezier(0.165,0.84,0.44,1);position:relative;overflow:hidden}
.psn-technical-card-curved::before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background-color:var(--psn-blue);border-radius:0 10px 10px 0}
.psn-technical-card-curved:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000fe26 0 5px 15px #0000000a;border-color:#0000fe40}
.psn-tech-title-curved{font-size:16px;font-weight:800;color:var(--psn-blue);margin-bottom:12px;display:block}
.psn-tech-desc-curved{font-size:13.5px;color:var(--psn-text-muted);margin:0}
.psn-flow-section-curved{padding:80px 0;background-color:var(--psn-white);text-align:center;position:relative}
.psn-flow-wrapper-curved{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;margin-top:40px}
.psn-flow-step-curved{background-color:var(--psn-white);border:1.5px solid var(--psn-blue);padding:10px 24px;font-size:13px;font-weight:700;color:var(--psn-dark-navy);border-radius:30px;box-shadow:0 4px 10px #0000fe0a;transition:all .3s ease}
.psn-flow-step-curved:hover{background-color:var(--psn-blue);color:#fff;transform:scale(1.05);box-shadow:0 8px 20px var(--psn-blue-glow)}
.psn-flow-connector-curved{color:var(--psn-blue);font-weight:700;font-size:20px;filter:drop-shadow(0 2px 5px var(--psn-blue-glow))}
.psn-footer-cta-curved{background:linear-gradient(135deg,var(--psn-dark-navy) 0%,#0c203f 100%);color:#fff;padding:80px 0;text-align:center;position:relative;border-radius:40px 40px 0 0;box-shadow:0 -15px 40px #05112426}
.psn-footer-cta-curved h3{font-size:26px;font-weight:800;margin:0 0 15px}
.psn-footer-cta-curved p{font-size:15px;color:#ffffffd9;margin-bottom:0}
@media (max-width:992px) {
.psn-hero-grid,.psn-curved-grid{grid-template-columns:1fr!important;gap:50px}
.psn-layered-frame{height:350px;margin-top:30px}
.psn-img-base{width:80%;height:220px}
.psn-img-overlap{width:60%;height:160px}
.psn-flow-connector-curved{display:none}
.psn-flow-step-curved{width:100%;text-align:center}
}
@media(min-width:768px){
.first-grid-style{grid-template-columns:1.05fr 0.95fr!important}
}
.p-first-sub-title{font-size:14px;color:var(--psn-text-muted)}
.sec-grid-style{grid-template-columns:0.95fr 1.05fr}
.div-three-box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}