@font-face{font-family:Vazirmatn;src:url("/app/assets/assets/fonts/Vazirmatn-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("/app/assets/assets/fonts/Vazirmatn-Bold.ttf") format("truetype");font-weight:800;font-display:swap}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#f7fbf9;color:#14242b;font-family:Vazirmatn,Tahoma,sans-serif}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 82% 14%,#f6c95855,transparent 28%),radial-gradient(circle at 8% 82%,#62cbb955,transparent 26%);z-index:-1}
a{color:inherit;text-decoration:none}
header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,6vw,84px)}
.brand,nav,.actions{display:flex;align-items:center;gap:12px}
.brand strong{font-size:24px;font-weight:900}
.mark{width:46px;height:46px;filter:drop-shadow(0 16px 28px #145f8028)}
nav a,.actions a{height:44px;padding:0 18px;border-radius:8px;display:grid;place-items:center;font-weight:800}
nav a{color:#145f80}
.soft,.secondary{border:1px solid #cfe0dc;background:#ffffffcc}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:center;min-height:calc(100vh - 76px);padding:28px clamp(18px,6vw,84px) 80px}
.copy{max-width:760px}
.eyebrow{margin:0 0 14px;color:#147866;font-weight:900}
h1{margin:0;font-size:clamp(38px,6vw,76px);line-height:1.18;letter-spacing:0}
.lead{font-size:clamp(17px,2vw,22px);line-height:2;color:#52636a;margin:22px 0 0}
.actions{margin-top:28px;flex-wrap:wrap}
.primary{background:#145f80;color:white;box-shadow:0 16px 36px #145f8030}
.phone{background:#ffffffeb;border:1px solid #dbe7e4;border-radius:28px;padding:18px;box-shadow:0 28px 80px #14313a22}
.top{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.top span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#145f80,#18a875)}
.phone article{border:1px solid #e1ebe8;border-radius:16px;padding:16px;margin-bottom:12px;background:white}
.phone small{color:#16836e;font-weight:900}
.phone strong{display:block;margin:7px 0;font-size:18px}
.phone em{font-style:normal;color:#6b7a80}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 clamp(18px,6vw,84px) 72px}
.features article{background:white;border:1px solid #dfe9e6;border-radius:8px;padding:22px;box-shadow:0 16px 40px #14313a12}
.features b{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#f4bd44;color:#14242b}
.features h2{margin:16px 0 8px}
.features p{margin:0;color:#5c6a70;line-height:1.9}
.seal{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:center;margin:0 clamp(18px,6vw,84px) 84px;padding:28px;border:1px solid #dfe9e6;border-radius:18px;background:#ffffffe8;box-shadow:0 20px 54px #14313a14}
.seal h2{margin:0;font-size:clamp(26px,3vw,42px);line-height:1.45}
.seal p:not(.eyebrow){margin:16px 0 0;color:#52636a;line-height:2}
.seal aside{display:grid;gap:10px;justify-items:center;text-align:center;padding:22px;border-radius:16px;background:linear-gradient(145deg,#e8f7f1,#fff8db)}
.seal-mark{width:112px;height:112px;filter:drop-shadow(0 18px 32px #145f8026)}
.seal strong{font-size:20px;font-weight:900}
.seal small{color:#607178;line-height:1.8}
.nature{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin:0 clamp(18px,6vw,84px) 58px;padding:28px;border-radius:18px;background:#12343dcc;color:white;box-shadow:0 24px 70px #14313a24}
.nature h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.5}
.nature p{color:#d7e6e4;line-height:2}
.nature aside{display:grid;gap:10px;padding:20px;border:1px solid #ffffff26;border-radius:14px;background:#ffffff12}
.nature strong{font-size:30px}
.nature small{color:#d7e6e4}
.nature ul{display:grid;gap:10px;margin:8px 0 0;padding:0;list-style:none}
.nature li{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #ffffff1f;padding-top:10px;color:#d7e6e4}
.nature a{color:#fff;font-weight:900}
footer{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 18px 28px;color:#718087;font-size:12px;text-align:center}
footer a{color:#145f80;font-weight:900}
@media(max-width:840px){header{height:auto;padding-top:18px;gap:14px;align-items:flex-start}nav{flex-wrap:wrap;justify-content:flex-end}.hero,.seal,.nature{grid-template-columns:1fr;gap:28px}.hero{padding-top:36px}.phone{max-width:420px}.features{grid-template-columns:1fr}.nature li{display:grid}}