@font-face{font-family:Vazirmatn;src:url('../fonts/vazirmatn-arabic.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--ink:#102947;--muted:#566a82;--blue:#176bff;--cyan:#42cbed;--line:#dfe8f3;--soft:#f3f7fc;--dark:#061322;--container:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.skip-link{position:fixed;z-index:1000;top:8px;right:16px;padding:10px 18px;border-radius:10px;background:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.product-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(220,230,242,.85);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.header-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--blue),var(--cyan));font-size:22px}
.brand strong,.brand small{display:block}.brand strong{font-size:19px}.brand small{color:#718096;font-size:10px}
.header-row nav{display:flex;gap:26px;color:#405570;font-size:13px}.header-row nav a:hover{color:var(--blue)}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:11px 21px;border:1px solid transparent;border-radius:13px;font-weight:800;font-size:13px;transition:.2s ease}
.button-primary{color:#fff;background:linear-gradient(135deg,#1471ff,#0844b6);box-shadow:0 12px 30px rgba(23,107,255,.2)}
.button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(23,107,255,.28)}
.button-secondary{border-color:#ccd9e9;color:#234260;background:#fff}.button-secondary:hover{border-color:#78a9ed;color:#155dca}
.product-hero{overflow:hidden;padding:38px 0 74px;background:radial-gradient(circle at 12% 16%,rgba(53,181,255,.14),transparent 30%),linear-gradient(155deg,#f8fbff,#edf5ff)}
.back-link{display:inline-block;margin-bottom:24px;color:#526b88;font-size:12px}
.hero-grid{display:flex;flex-direction:column;gap:38px}
.hero-copy{width:min(100%,980px);margin-inline:auto;text-align:center}
.kicker,.section-label{display:inline-block;color:#176bff;font-size:12px;font-weight:900;letter-spacing:.02em}
.hero-copy h1{margin:12px 0 18px;color:#0e294a;font-size:clamp(34px,4.6vw,61px);line-height:1.48;letter-spacing:-.035em}
.hero-lead{margin:0;color:#4d627b;font-size:17px;line-height:2.1}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:29px}
.hero-points{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-points span{padding:7px 12px;border:1px solid #d6e4f5;border-radius:999px;color:#31506f;background:rgba(255,255,255,.72);font-size:11px}
.product-visual{position:relative;order:-1;width:100%;margin:0;overflow:hidden;border:1px solid #b9d1ec;border-radius:28px;background:#061322;box-shadow:0 35px 80px rgba(11,48,91,.22)}
.product-visual img{width:100%;height:auto;display:block;aspect-ratio:auto;object-fit:contain}
.product-visual figcaption{position:absolute;right:18px;bottom:18px;left:18px;padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:11px;color:#dfefff;background:rgba(3,16,33,.78);font-size:11px;backdrop-filter:blur(10px)}
.section{padding:88px 0}.section-soft{background:var(--soft)}
.intro-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}
.intro-grid h2,.section-heading h2,.delivery-copy h2,.existing-equipment h2,.cta-panel h2{margin:9px 0 0;font-size:clamp(28px,3.6vw,46px);line-height:1.55;letter-spacing:-.025em}
.intro-copy p{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:2.2}
.section-heading{max-width:760px;margin-bottom:37px}.section-heading p{margin:11px 0 0;color:var(--muted)}
.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.flow-grid article,.feature-grid article,.use-grid article{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}
.flow-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--blue);font-weight:900}
.flow-grid h3,.feature-grid h3,.use-grid h3{margin:17px 0 8px;font-size:18px}.flow-grid p,.feature-grid p,.use-grid p{margin:0;color:var(--muted);font-size:13px;line-height:2}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature-grid article{background:linear-gradient(145deg,#fff,#f8fbff)}
.feature-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #bad6fa;border-radius:13px;color:#176bff;background:#eaf3ff;font-size:13px;font-weight:900}
.dark-section{color:#fff;background:radial-gradient(circle at 10% 20%,rgba(36,154,255,.2),transparent 33%),var(--dark)}
.dark-section .section-label{color:#65d9ff}.delivery-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:start}
.delivery-copy p{margin:18px 0 27px;color:#aebed1;line-height:2.1}.button-light{color:#0c315c;background:#fff}.delivery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.delivery-list article{padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06)}
.delivery-list strong,.delivery-list span{display:block}.delivery-list strong{margin-bottom:6px;color:#fff;font-size:14px}.delivery-list span{color:#aebed1;font-size:12px;line-height:1.9}
.use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.use-grid article{border-top:3px solid #43c7e8}.use-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#edf6ff;font-size:23px}.use-grid h3{margin-top:13px}
.existing-equipment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center;margin-top:42px;padding:35px;border:1px solid #c9ddf5;border-radius:24px;background:#edf6ff}
.existing-equipment>div>span{color:#176bff;font-size:12px;font-weight:900}.existing-equipment h2{font-size:clamp(24px,3vw,35px)}.existing-equipment p{margin:0;color:#536b86;line-height:2.1}
.final-cta{padding-top:30px}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:42px;border-radius:27px;color:#fff;background:linear-gradient(125deg,#0b3f86,#0c6fe4)}
.cta-panel>div:first-child{max-width:710px}.cta-panel h2{font-size:clamp(28px,3vw,40px)}.cta-panel p{margin:9px 0 0;color:#d5e8ff}.cta-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}.cta-panel .button-primary{background:#fff;color:#1259b9}.cta-panel .button-secondary{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
footer{margin-top:65px;border-top:1px solid var(--line);background:#f7f9fc}.footer-row{min-height:100px;display:flex;align-items:center;gap:27px;color:#5b6e83;font-size:12px}.footer-row span{margin-left:auto;font-weight:800;color:#243e5c}
@media(max-width:980px){.header-row nav{display:none}.intro-grid,.delivery-layout,.existing-equipment{grid-template-columns:1fr}.hero-grid{gap:30px}.flow-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-grid,.delivery-layout,.existing-equipment{gap:30px}}
@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--container))}.product-header .header-cta{display:none}.header-row{min-height:68px}.product-hero{padding:24px 0 52px}.back-link{margin-bottom:15px}.hero-grid{gap:27px}.product-visual{border-radius:19px}.product-visual figcaption{right:10px;bottom:10px;left:10px;font-size:9px}.hero-copy h1{font-size:31px}.hero-lead{font-size:14px}.hero-actions{display:grid}.section{padding:62px 0}.flow-grid,.feature-grid,.use-grid,.delivery-list{grid-template-columns:1fr}.section-heading{margin-bottom:27px}.flow-grid article,.feature-grid article,.use-grid article{padding:21px}.existing-equipment{padding:25px}.cta-panel{display:block;padding:28px 22px}.cta-actions{margin-top:24px}.footer-row{min-height:140px;flex-wrap:wrap;gap:13px 21px;padding-block:28px}.footer-row span{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}