@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');

:root{
  --navy:#101a3d;
  --navy-2:#16215290;
  --blue:#1b4bd1;
  --blue-dark:#12246b;
  --bg-light:#f4f6fb;
  --text-dark:#0f1830;
  --text-muted:#6b7280;
  --radius:14px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Vazirmatn', Tahoma, sans-serif;
  background:#fff;
  color:var(--text-dark);
  direction:rtl;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden;}

/* Scroll-reveal animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}
a{text-decoration:none;color:inherit;}
ul{list-style:none;margin:0;padding:0;}
img{max-width:100%;display:block;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.btn{
  display:inline-block;
  padding:12px 26px;
  border-radius:8px;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  border:1px solid transparent;
}
.btn-primary{background:var(--blue);color:#fff;}
.btn-primary:hover{background:var(--blue-dark);}
.btn-outline{background:#fff;color:var(--text-dark);border:1px solid #d7dae2;}
.btn-outline:hover{background:#f2f3f6;}
.btn-outline-white{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);}

/* Top bar */
.topbar{background:var(--navy);color:#cfd4e6;font-size:13px;padding:8px 0;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.topbar ul{display:flex;gap:22px;flex-wrap:wrap;}
.topbar li{display:flex;align-items:center;gap:6px;}
.topbar a{color:inherit;transition:color .2s;}
.topbar a:hover{color:#fff;}

/* Main nav */
.navbar{padding:16px 0;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:100;transition:box-shadow .25s ease, padding .25s ease;}
.navbar.is-scrolled{box-shadow:0 6px 20px rgba(15,24,48,.08);padding:10px 0;}
.navbar .container{display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;}
.logo span.sub{display:block;font-size:11px;font-weight:500;color:var(--text-muted);}
.logo .mark{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;}
.nav-menu{display:flex;gap:30px;font-weight:600;font-size:15px;}
.nav-menu a{position:relative;padding:4px 0;transition:color .2s;}
.nav-menu a:hover{color:var(--blue);}
.nav-menu a.active{color:var(--blue);}
.nav-icons{display:flex;gap:18px;font-size:18px;align-items:center;}
.nav-icons a{transition:color .2s;}
.nav-icons a:hover{color:var(--blue);}

/* Mobile menu toggle */
.nav-toggle{display:none;width:30px;height:22px;position:relative;background:none;border:0;cursor:pointer;padding:0;}
.nav-toggle span{position:absolute;right:0;width:100%;height:2px;background:var(--text-dark);border-radius:2px;transition:transform .25s ease, opacity .25s ease, top .25s ease;}
.nav-toggle span:nth-child(1){top:0;}
.nav-toggle span:nth-child(2){top:10px;}
.nav-toggle span:nth-child(3){top:20px;}
.nav-toggle.is-active span:nth-child(1){top:10px;transform:rotate(45deg);}
.nav-toggle.is-active span:nth-child(2){opacity:0;}
.nav-toggle.is-active span:nth-child(3){top:10px;transform:rotate(-45deg);}

/* Hero */
.hero{background:linear-gradient(120deg,#0e1738,#1a2450) ;border-radius:20px;margin:28px auto;overflow:hidden;position:relative;}
.hero .container{display:flex;align-items:center;gap:30px;padding:60px 40px;flex-wrap:wrap;}
.hero-text{flex:1 1 380px;color:#fff;}
.hero-badge{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#dfe4ff;font-size:12.5px;font-weight:600;padding:7px 16px;border-radius:30px;margin-bottom:18px;}
.hero-text h1{font-size:38px;line-height:1.4;margin:0 0 20px;font-weight:800;}
.hero-text p{color:#c7cce3;font-size:15px;line-height:2;margin-bottom:28px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.hero-actions .btn{transition:transform .2s ease, background .2s ease;}
.hero-actions .btn:hover{transform:translateY(-2px);}
.hero-img{flex:1 1 380px;position:relative;}
.hero-img img{border-radius:12px;}
.hero-float-card{position:absolute;bottom:-18px;left:-18px;background:#fff;color:var(--text-dark);border-radius:14px;padding:14px 20px;box-shadow:0 12px 30px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;min-width:120px;}
.hero-float-card .num{font-size:22px;font-weight:800;color:var(--blue);}
.hero-float-card .label{font-size:11.5px;color:var(--text-muted);text-align:center;margin-top:2px;}
@media(max-width:640px){.hero-float-card{position:static;margin-top:16px;flex-direction:row;gap:10px;width:fit-content;}}

/* Features */
.features{margin:50px 0;}
.features .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.feature-card{border:1px solid #eef0f5;border-radius:var(--radius);padding:26px 20px;text-align:center;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(15,24,48,.08);border-color:transparent;}
.feature-card .icon{width:52px;height:52px;border-radius:50%;background:#eef2ff;color:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;}
.feature-card h3{font-size:16px;margin:0 0 8px;}
.feature-card p{font-size:13px;color:var(--text-muted);line-height:1.9;margin:0;}

/* About */
.about{background:var(--bg-light);padding:60px 0;}
.about .container{display:flex;gap:40px;align-items:center;flex-wrap:wrap;}
.about-img{flex:1 1 360px;}
.about-img img{border-radius:16px;}
.about-text{flex:1 1 380px;}
.about-text .eyebrow{color:var(--blue);font-weight:700;font-size:14px;margin-bottom:10px;display:block;}
.about-text h2{font-size:26px;line-height:1.6;margin:0 0 16px;}
.about-text p{color:var(--text-muted);line-height:2;margin-bottom:24px;font-size:14.5px;}

/* Blog */
.blog{padding:60px 0;text-align:center;}
.blog .eyebrow{color:var(--blue);font-weight:700;font-size:14px;}
.blog h2{font-size:26px;margin:8px 0 40px;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:right;}
.post-card{border-radius:var(--radius);overflow:hidden;border:1px solid #eef0f5;}
.post-card .thumb{position:relative;height:190px;overflow:hidden;}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;}
.post-card .badge{position:absolute;top:12px;left:12px;background:#fff;color:var(--text-dark);font-size:12px;padding:4px 12px;border-radius:20px;font-weight:600;}
.post-card .content{padding:18px;}
.post-card h3{font-size:16px;margin:0 0 12px;line-height:1.7;}
.post-meta{display:flex;gap:16px;font-size:12px;color:var(--text-muted);}
.blog-more{margin-top:36px;}

/* CTA */
.cta{background:linear-gradient(90deg,#121c46,#1b2a63);border-radius:18px;margin:0 auto 60px;}
.cta .container{display:flex;align-items:center;justify-content:space-between;padding:34px 40px;flex-wrap:wrap;gap:20px;}
.cta h3{color:#fff;font-size:20px;margin:0 0 8px;}
.cta p{color:#c7cce3;font-size:13.5px;margin:0;}
.cta .icon-circle{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;}
.cta-left{display:flex;align-items:center;gap:16px;}

/* Products */
.products{padding:60px 0;text-align:center;}
.products .eyebrow{color:var(--blue);font-weight:700;font-size:14px;}
.products h2{font-size:26px;margin:8px 0 40px;}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:right;}
.product-card{border:1px solid #eef0f5;border-radius:var(--radius);overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;}
.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(15,24,48,.1);}
.product-card .thumb{height:170px;overflow:hidden;}
.product-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.product-card:hover .thumb img{transform:scale(1.06);}
.product-card h3{font-size:16px;margin:16px 20px 6px;}
.product-card p{font-size:13px;color:var(--text-muted);line-height:1.9;margin:0 20px 20px;}

/* Stats */
.stats{background:linear-gradient(90deg,#121c46,#1b2a63);padding:44px 0;}
.stats .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.stat-item{display:flex;flex-direction:column;gap:6px;}
.stat-number{font-size:32px;font-weight:800;color:#fff;}
.stat-label{font-size:13px;color:#c7cce3;}

/* Testimonials */
.testimonials{padding:60px 0;text-align:center;background:var(--bg-light);}
.testimonials .eyebrow{color:var(--blue);font-weight:700;font-size:14px;}
.testimonials h2{font-size:26px;margin:8px 0 40px;}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:right;}
.testimonial-card{background:#fff;border-radius:var(--radius);padding:26px 22px;border:1px solid #eef0f5;transition:transform .25s ease, box-shadow .25s ease;}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(15,24,48,.08);}
.testimonial-card .stars{font-size:13px;margin-bottom:14px;}
.testimonial-card p{font-size:14px;color:var(--text-dark);line-height:2;margin:0 0 20px;}
.testimonial-card .author{display:flex;align-items:center;gap:12px;}
.testimonial-card .avatar{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;}
.testimonial-card .author strong{display:block;font-size:14px;}
.testimonial-card .author span{font-size:12px;color:var(--text-muted);}

/* WhatsApp floating button */
.whatsapp-float{position:fixed;bottom:24px;left:24px;width:56px;height:56px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 10px 24px rgba(37,211,102,.4);z-index:200;transition:transform .2s ease;}
.whatsapp-float:hover{transform:scale(1.08);}

/* Footer */
footer{background:var(--navy);color:#c7cce3;padding:50px 0 0;font-size:13.5px;}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:30px;padding-bottom:34px;}
.footer-grid h4{color:#fff;font-size:15px;margin:0 0 18px;}
.footer-grid li{margin-bottom:12px;line-height:1.8;}
.footer-grid li a{transition:color .2s;}
.footer-grid li a:hover{color:#fff;}
.footer-grid .about-p{line-height:2;color:#a9aec8;}
.footer-grid .about-p a{color:#a9aec8;transition:color .2s;}
.footer-grid .about-p a:hover{color:#fff;}
.social{display:flex;gap:10px;margin-top:14px;}
.social a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:11px;transition:background .2s, transform .2s;}
.social a:hover{background:var(--blue);transform:translateY(-3px);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:18px 0;font-size:12.5px;color:#9aa0bd;}

@media(max-width:900px){
  .features .container,.blog-grid,.footer-grid,.products-grid,.testimonial-grid{grid-template-columns:1fr 1fr;}
  .stats .container{grid-template-columns:1fr 1fr;row-gap:26px;}
}
@media(max-width:640px){
  .nav-toggle{display:block;}
  .nav-menu{
    position:fixed;top:0;left:0;height:100vh;width:78%;max-width:300px;
    background:#fff;flex-direction:column;gap:0;padding:90px 26px 26px;
    transform:translateX(-100%);transition:transform .3s ease;
    box-shadow:0 0 40px rgba(0,0,0,.15);z-index:99;
  }
  .nav-menu.is-open{transform:translateX(0);}
  .nav-menu a{padding:14px 0;border-bottom:1px solid #f0f1f5;}
  .features .container,.blog-grid,.footer-grid,.products-grid,.testimonial-grid{grid-template-columns:1fr;}
  .stats .container{grid-template-columns:1fr 1fr;}
  .hero-text h1{font-size:28px;}
  .whatsapp-float{width:50px;height:50px;font-size:22px;bottom:16px;left:16px;}
}