:root{
  --moya-primary:#4da6ff;
  --moya-dark:#0f4d85;
  --moya-deep:#003366;
  --moya-soft:#eef7ff;
}

body{
  background:#f7fbff;
}

.moya-topbar{
  background:linear-gradient(90deg,var(--moya-deep),var(--moya-dark));
  color:#fff;
  font-size:13px;
}
.moya-topbar a{color:#fff;text-decoration:none}
.moya-topbar__inner{
  display:flex;justify-content:space-between;align-items:center;
  gap:15px;padding:8px 0;
}
.moya-logo-wrap{
  display:flex;align-items:center;gap:12px;text-decoration:none;
}
.moya-logo-wrap img{
  max-height:80px;width:auto;
}
.moya-logo-text strong{
  display:block;font-size:28px;line-height:1.1;color:var(--moya-primary);
}
.moya-logo-text span{
  display:block;font-size:14px;color:#4f6b88;
}
#header .navbar{
  border:none;
  margin-bottom:0;
  background:#fff;
  box-shadow:0 8px 25px rgba(18,83,130,.06);
}
#header-blocks{
  padding-top:18px;padding-bottom:18px;
}
.moya-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.35), transparent 35%),
    linear-gradient(135deg, #e9f6ff 0%, #d7eeff 25%, #bfe4ff 50%, #4da6ff 100%);
  padding:48px 0 38px;
}
.moya-hero:before,.moya-hero:after{
  content:"";position:absolute;border-radius:50%;
  background:rgba(255,255,255,.25);filter:blur(4px);
}
.moya-hero:before{width:280px;height:280px;right:-70px;top:-60px;}
.moya-hero:after{width:220px;height:220px;left:-50px;bottom:-80px;}
.moya-hero__content{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;
}
.moya-hero__text{max-width:620px}
.moya-hero__text h1{
  font-size:54px;font-weight:800;line-height:1.1;color:var(--moya-deep);margin:15px 0 18px;
}
.moya-hero__text p{
  font-size:20px;line-height:1.8;color:#174d7c;margin-bottom:22px;
}
.moya-badge{
  display:inline-block;padding:8px 14px;border-radius:999px;background:#fff;color:var(--moya-deep);
  box-shadow:0 10px 25px rgba(15,77,133,.12);font-weight:700;font-size:14px;
}
.moya-badge--soft{background:#dff1ff}
.moya-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.moya-btn{
  border-radius:999px;padding:13px 24px;font-weight:700;border:none;
  box-shadow:0 12px 24px rgba(15,77,133,.12);
}
.moya-btn.btn-primary, .moya-btn.btn-primary:hover, .moya-btn.btn-primary:focus{
  background:var(--moya-deep);color:#fff;
}
.moya-btn--light{
  background:#fff;color:var(--moya-deep)!important;border:1px solid rgba(0,51,102,.08);
}
.moya-hero__points{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:0}
.moya-hero__points li{
  background:rgba(255,255,255,.85);padding:8px 14px;border-radius:999px;color:var(--moya-deep);font-weight:600;
}
.moya-hero__visual{flex:0 0 360px;display:flex;justify-content:center}
.moya-drop{
  width:320px;max-width:100%;background:rgba(255,255,255,.42);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.45);padding:22px;border-radius:40px;
  box-shadow:0 16px 40px rgba(0,51,102,.12);
}
.moya-drop img{max-height:360px;margin:auto}
.moya-features{padding:34px 0 18px}
.moya-feature-card{
  background:#fff;border-radius:22px;padding:28px 22px;min-height:220px;text-align:center;
  box-shadow:0 14px 38px rgba(15,77,133,.08);border:1px solid #e6f4ff;
}
.moya-feature-card__icon{
  width:72px;height:72px;line-height:72px;margin:0 auto 14px;border-radius:50%;
  background:#e8f5ff;font-size:30px;
}
.moya-feature-card h3{color:var(--moya-deep);font-size:23px;margin-bottom:10px}
.moya-feature-card p{color:#4f6b88;line-height:1.8}
.moya-section-title{text-align:center;padding:16px 0 10px}
.moya-section-title h2{font-size:36px;color:var(--moya-deep);margin-bottom:8px}
.moya-section-title p{color:#54708d}
.moya-home-products{margin-top:10px}
#index .tab-content, #index .moya-home-products{
  margin-bottom:10px;
}
.moya-saqya{padding:28px 0 60px}
.moya-saqya__box{
  background:linear-gradient(135deg,#003366,#1264a3);
  color:#fff;border-radius:28px;padding:38px;
  display:flex;justify-content:space-between;gap:20px;align-items:center;
  box-shadow:0 18px 42px rgba(0,51,102,.16);
}
.moya-saqya__text h2{font-size:36px;margin:16px 0 12px}
.moya-saqya__text p{font-size:18px;line-height:1.9;color:#e6f4ff}
.moya-saqya__stats{display:grid;gap:14px;min-width:280px}
.moya-stat{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:18px 20px;border-radius:20px;
}
.moya-stat strong{display:block;font-size:20px;margin-bottom:6px}
.moya-footer-main{
  padding:36px 0 16px;background:#ffffff;border-top:1px solid #e3effa;margin-top:10px;
}
.moya-footer-brand img{max-width:140px;margin-bottom:12px}
.moya-footer-main h4{font-weight:700;color:var(--moya-deep);margin-bottom:12px}
.moya-footer-main p,.moya-footer-main li,.moya-footer-main a{color:#4f6b88;line-height:1.9}
.moya-footer-links li{margin-bottom:6px}
#copyright-footer{
  background:var(--moya-deep);color:#fff;padding:14px 0;margin-top:0;
}
.moya-whatsapp-float{
  position:fixed;left:18px;bottom:18px;z-index:999;
  background:#25D366;color:#fff!important;border-radius:999px;padding:12px 18px;
  box-shadow:0 12px 24px rgba(37,211,102,.25);font-weight:700;text-decoration:none;
}
@media (max-width: 991px){
  .moya-hero__content,.moya-saqya__box{flex-direction:column;text-align:center}
  .moya-hero__text{max-width:none}
  .moya-hero__actions,.moya-hero__points{justify-content:center}
  .moya-saqya__stats{min-width:0;width:100%}
  .moya-topbar__inner{flex-direction:column;text-align:center}
}
@media (max-width: 767px){
  .moya-logo-text strong{font-size:22px}
  .moya-logo-wrap img{max-height:62px}
  .moya-hero{padding:32px 0 26px}
  .moya-hero__text h1{font-size:38px}
  .moya-hero__text p{font-size:17px}
  .moya-section-title h2,.moya-saqya__text h2{font-size:28px}
  .moya-feature-card{min-height:auto}
  .moya-whatsapp-float{left:12px;bottom:12px;padding:10px 14px}
}
