:root{
  --orange:#ff7a18;
  --orange-dark:#e85d00;
  --blue:#1e63ff;
  --blue-dark:#0a3fb8;
  --black:#0b1220;
  --gray:#5c6473;
  --light:#f6f8fc;
  --white:#ffffff;
  --radius:14px;
  --shadow:0 10px 30px rgba(10,30,80,.08);
  --shadow-lg:0 20px 50px rgba(10,30,80,.15);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--black);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* BUTTONS */
.btn{display:inline-block;padding:14px 28px;border-radius:50px;font-weight:600;font-size:15px;transition:.25s;border:2px solid transparent;cursor:pointer;text-align:center}
.btn-sm{padding:9px 18px;font-size:14px}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;box-shadow:0 8px 20px rgba(255,122,24,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(255,122,24,.45)}
.btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}
.btn-outline:hover{background:var(--blue);color:#fff}
.btn-light{background:#fff;color:var(--orange);font-weight:700}
.btn-light:hover{background:var(--black);color:#fff}
.w-full{width:100%}

/* NAVBAR */
.navbar{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid #eef1f7}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.brand img{height:60px;width:auto}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-weight:500;color:var(--black);font-size:15px;transition:color .2s}
.nav-links a:hover{color:var(--orange)}
.menu-toggle{display:none;background:none;border:0;flex-direction:column;gap:5px;cursor:pointer}
.menu-toggle span{width:25px;height:3px;background:var(--black);border-radius:3px}

/* HERO */
.hero{padding:70px 0 90px;background:radial-gradient(circle at 20% 20%,rgba(255,122,24,.12),transparent 50%),radial-gradient(circle at 80% 80%,rgba(30,99,255,.12),transparent 50%),var(--white)}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.badge{display:inline-block;background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px;box-shadow:0 6px 18px rgba(255,122,24,.35)}
.hero h1{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.15;font-weight:800;margin-bottom:18px}
.grad{background:linear-gradient(135deg,var(--orange),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:17px;color:var(--gray);margin-bottom:22px;max-width:560px}
.hero-points{list-style:none;margin-bottom:30px}
.hero-points li{padding:6px 0;font-weight:500;color:var(--black)}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-image img{border-radius:24px;filter:drop-shadow(0 25px 40px rgba(10,30,80,.18))}

/* SECTIONS */
.section{padding:90px 0}
.section-alt{background:var(--light)}
.section-head{text-align:center;max-width:680px;margin:0 auto 50px}
.section-head h2{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;margin-bottom:12px}
.section-head p{color:var(--gray);font-size:16px}
.text-orange{color:var(--orange)}
.text-blue{color:var(--blue)}

/* FEATURES */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.feature-card{background:#fff;border:1px solid #eef1f7;border-radius:var(--radius);padding:30px 24px;text-align:center;transition:.3s;box-shadow:var(--shadow)}
.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--orange)}
.feature-card img{width:110px;height:110px;margin:0 auto 18px;object-fit:contain}
.feature-card h3{margin-bottom:10px;font-size:20px}
.feature-card p{color:var(--gray);font-size:15px}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-item{background:#fff;padding:26px;border-radius:var(--radius);border-left:4px solid var(--blue);transition:.3s;box-shadow:var(--shadow)}
.service-item:hover{border-left-color:var(--orange);transform:translateX(4px)}
.service-item h4{margin-bottom:8px;font-size:18px;color:var(--black)}
.service-item p{color:var(--gray);font-size:14.5px}

/* REVIEWS */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.review-card{background:#fff;border:1px solid #eef1f7;border-radius:var(--radius);padding:34px 28px;transition:.3s;box-shadow:var(--shadow);display:flex;flex-direction:column}
.review-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--orange)}
.stars{color:var(--orange);font-size:20px;letter-spacing:2px;margin-bottom:14px}
.review-text{color:var(--gray);font-size:15px;line-height:1.7;margin-bottom:22px;flex:1}
.reviewer{display:flex;align-items:center;gap:14px}
.reviewer img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--orange)}
.reviewer strong{display:block;font-size:15px;color:var(--black)}
.reviewer span{display:block;font-size:13px;color:var(--gray)}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:30px}
.price-card{background:#fff;border:2px solid #eef1f7;border-radius:20px;padding:34px 28px;position:relative;transition:.3s;display:flex;flex-direction:column}
.price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.price-card.featured{border-color:var(--orange);background:linear-gradient(180deg,#fff,#fff8f2);box-shadow:0 20px 40px rgba(255,122,24,.18)}
.ribbon{position:absolute;top:-14px;right:24px;background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;padding:6px 14px;border-radius:50px;font-size:12px;font-weight:600}
.plan-name{font-size:22px;color:var(--blue);margin-bottom:14px;font-weight:700}
.price-card.featured .plan-name{color:var(--orange)}
.price{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}
.amount{font-size:42px;font-weight:800;color:var(--black)}
.per{color:var(--gray);font-weight:600;font-size:14px}
.price-card hr{border:0;border-top:1px solid #eef1f7;margin:14px 0 18px}
.price-card ul{list-style:none;margin-bottom:24px;flex:1}
.price-card ul li{padding:8px 0;padding-left:24px;position:relative;color:var(--black);font-size:15px}
.price-card ul li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700}
.pricing-note{text-align:center;color:var(--gray);font-size:15px;line-height:1.8}

/* CTA */
.cta-band{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;padding:70px 0;text-align:center}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:10px;font-weight:800}
.cta-band p{opacity:.9;margin-bottom:24px}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.contact-grid h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:14px;font-weight:800}
.contact-info{list-style:none;margin-top:24px}
.contact-info li{padding:12px 0;border-bottom:1px solid #eef1f7;font-size:15px;color:var(--black)}
.contact-info a{color:var(--blue)}
.contact-form{background:#fff;padding:34px;border-radius:20px;box-shadow:var(--shadow-lg);border-top:5px solid var(--orange)}
.contact-form h3{margin-bottom:18px;font-size:22px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 16px;margin-bottom:14px;border:1.5px solid #e3e7f0;border-radius:10px;font-family:inherit;font-size:15px;outline:none;transition:border .2s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--orange)}
.form-msg{margin-top:12px;font-size:14px;color:#15803d;text-align:center}

/* FOOTER */
.footer{background:var(--black);color:#cbd2dd;padding:60px 0 0}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-logo{height:52px;width:auto;background:#fff;padding:6px 10px;border-radius:8px;margin-bottom:14px}
.footer h4{color:#fff;margin-bottom:14px;font-size:16px}
.footer a{display:block;color:#cbd2dd;padding:4px 0;font-size:14px;transition:color .2s}
.footer a:hover{color:var(--orange)}
.footer p{font-size:14px;margin-bottom:6px}
.copyright{text-align:center;padding:20px;margin-top:40px;border-top:1px solid #1c2436;font-size:13px;color:#8892a6}

/* WHATSAPP FLOAT */
.whatsapp-float{position:fixed;bottom:24px;right:24px;width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);z-index:99;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* RESPONSIVE */
@media(max-width:900px){
  .hero-grid,.contact-grid{grid-template-columns:1fr}
  .features-grid,.services-grid,.pricing-grid,.reviews-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .menu-toggle{display:flex}
  .nav-links{position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;gap:14px;border-bottom:1px solid #eef1f7;display:none}
  .nav-links.open{display:flex}
}