@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap");
:root{--blue:#087bd1;--dark:#08243d;--muted:#708399;--pale:#edf8ff;--line:#e3edf5;--white:#fff}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Vazirmatn,Tahoma,sans-serif;background:#f7fafc;color:var(--dark);line-height:1.8}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;white-space:nowrap}
.brand b{color:var(--blue)}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#17b6f0,#0863c5);border-radius:13px;box-shadow:0 10px 24px #087bd12e}
.nav nav{display:flex;gap:28px}
.nav nav a{font-size:13px;color:#53677d;font-weight:600}
.nav nav a:hover{color:var(--blue)}
.nav-cta,.btn.primary{background:linear-gradient(135deg,#099ce7,#075fc3);color:#fff;padding:11px 19px;border-radius:12px;font-weight:800;box-shadow:0 10px 25px #087bd12e}
.hero{padding:68px 0 72px;background:radial-gradient(circle at 15% 20%,#dff5ff 0,transparent 30%),linear-gradient(135deg,#f3fbff,#fff 55%,#eaf6ff);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;min-height:520px}
.eyebrow{display:inline-block;color:var(--blue);background:#e5f6ff;border-radius:30px;padding:6px 13px;font-size:12px;font-weight:800}
.hero h1{font-size:clamp(43px,5.3vw,70px);line-height:1.18;margin:18px 0;font-weight:900;letter-spacing:-1px}
.hero h1 span{color:#0797e4}
.hero-copy>p{font-size:17px;color:var(--muted);max-width:540px;margin-bottom:25px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:13px 22px;border-radius:13px;font-weight:800}
.btn.light{background:#fff;border:1px solid var(--line);color:#31526c}
.trust-row{display:flex;gap:25px;margin-top:31px;flex-wrap:wrap}
.trust-row div{display:flex;align-items:center;gap:7px;font-size:11px;color:#718398}
.trust-row strong{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ddf6e9;color:#15915b}
.hero-visual{height:450px;position:relative;border-radius:34px;background:linear-gradient(145deg,#d9f4ff,#7dd4f4 55%,#0874ca);box-shadow:0 28px 65px #0569ad2e;overflow:hidden;display:grid;place-items:center}
.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:50%;background:#ffffff20}
.hero-visual:before{width:340px;height:340px;right:-110px;top:-120px}
.hero-visual:after{width:260px;height:260px;left:-130px;bottom:-130px}
.image-placeholder{width:75%;height:76%;border:2px dashed #ffffffb8;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;background:#ffffff12;position:relative;z-index:1}
.placeholder-icon{font-size:72px;line-height:1;margin-bottom:14px}
.image-placeholder strong{font-size:20px}
.image-placeholder span{font-size:12px;color:#e4f8ff}
.floating-card{position:absolute;z-index:2;right:22px;bottom:22px;background:#fff;border-radius:17px;padding:11px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 30px #054b832e}
.floating-card>span{width:38px;height:38px;border-radius:11px;background:#e9f8ff;display:grid;place-items:center}
.floating-card b,.floating-card small{display:block}
.floating-card b{font-size:12px}
.floating-card small{font-size:10px;color:var(--muted)}
.section{padding:88px 0}
.section-head{text-align:center;margin-bottom:40px}
.section-head h2{font-size:clamp(28px,4vw,40px);line-height:1.35;margin-top:12px}
.section-head p{color:var(--muted);font-size:13px;margin-top:5px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px 21px;min-height:255px;box-shadow:0 8px 30px #1d587b0b;transition:.25s}
.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #1d587b17}
.service-card.featured{background:linear-gradient(150deg,#f1fbff,#fff);border-color:#8edfff}
.service-icon{width:58px;height:58px;border-radius:17px;background:#ebf8ff;display:grid;place-items:center;font-size:27px;margin-bottom:18px}
.card-number{position:absolute;left:18px;top:20px;color:#9db4c7;font-size:11px;font-weight:800}
.service-card h3{font-size:17px}
.service-card p{font-size:12px;color:var(--muted);margin:7px 0 18px}
.service-card a{color:var(--blue);font-size:12px;font-weight:800}
.why{background:#eef8ff}
.why-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.why h2{font-size:clamp(28px,4vw,43px);line-height:1.35;margin:13px 0}
.lead{color:var(--muted);font-size:14px;max-width:650px}
.feature-list{display:grid;gap:18px;margin-top:28px}
.feature{display:flex;gap:12px}
.feature>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d9f4ff;color:var(--blue);font-weight:900}
.feature b{font-size:14px}
.feature p{font-size:12px;color:var(--muted)}
.why-panel{background:linear-gradient(145deg,#087ed5,#073f98);color:#fff;border-radius:30px;padding:48px 35px;text-align:center;box-shadow:0 25px 55px #055ea83d}
.panel-icon{font-size:65px;line-height:1;margin-bottom:18px}
.why-panel h3{font-size:25px}
.why-panel p{color:#d8efff;font-size:13px;margin:8px 0 25px}
.why-panel a{display:inline-block;background:#fff;color:#0769bf;border-radius:12px;padding:10px 20px;font-weight:800;font-size:13px}
.request{background:#f7fafc}
.request-box{background:#fff;border:1px solid var(--line);border-radius:30px;padding:45px;box-shadow:0 20px 60px #19486e12}
.request-box .section-head{margin-bottom:30px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.input-group{display:flex;flex-direction:column;gap:6px}
.input-group.full{grid-column:1/-1}
.input-group label{font-size:12px;font-weight:800;color:#435970}
.input-group input,.input-group select,.input-group textarea{font:inherit;font-size:13px;width:100%;border:1px solid #dbe7ef;background:#f9fbfd;border-radius:12px;padding:12px 14px;outline:none;transition:.2s}
.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#42b9ed;background:#fff;box-shadow:0 0 0 4px #2aaee614}
.submit-btn{width:100%;border:0;margin-top:18px;padding:14px;border-radius:13px;background:linear-gradient(135deg,#099ce7,#075fc3);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.submit-btn:disabled{opacity:.65}
.success-message,.error-message{text-align:center;margin-top:13px;padding:9px;border-radius:10px;font-size:12px;font-weight:700}
.success-message{color:#16824b;background:#e9fff4}
.error-message{color:#b83232;background:#fff0f0}
footer{background:#071f39;color:#fff}
.footer-grid{min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-brand p{color:#9db2c7;font-size:11px;margin-top:8px}
.footer-grid small{color:#67caff}
.footer-grid p{font-size:12px;color:#d4e1ec}
.copyright{text-align:center;border-top:1px solid #ffffff12;color:#7f96ad;padding:14px;font-size:10px}
@media(max-width:900px){.nav nav{display:none}.hero-grid,.why-grid{grid-template-columns:1fr}.hero-visual{height:390px}.service-grid{grid-template-columns:1fr 1fr}.hero{padding-top:48px}}
@media(max-width:600px){.nav{height:68px}.nav-cta{display:none}.brand{font-size:18px}.brand-mark{width:37px;height:37px}.hero-grid{gap:35px}.hero h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-visual{height:310px;border-radius:25px}.image-placeholder{height:72%;width:82%}.placeholder-icon{font-size:55px}.service-grid{grid-template-columns:1fr}.section{padding:65px 0}.request-box{padding:25px 17px;border-radius:22px}.form-grid{grid-template-columns:1fr}.input-group.full{grid-column:auto}.footer-grid{padding:30px 0;align-items:flex-start;flex-direction:column}}
.image-placeholder {
  background-image: url("/static/IMG_20260823_213954.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.image-placeholder > * {
  display: none;
}
.image-placeholder {
  padding: 0 !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.floating-card {
  display: none !important;
}
.hero-visual .image-placeholder {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  padding: 0 !important;
  margin: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  border: 0 !important;
  overflow: hidden !important;
}