:root{--navy:#0b1d49;--orange:#f56722;--cyan:#27a9e1;--magenta:#ec008c;--yellow:#ffd300;--charcoal:#242424;--soft:#f5f7fa}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:#161b22;background:#fff}.brand-logo{width:42px;height:42px;object-fit:contain}.brand-name{color:var(--navy);font-size:.95rem;letter-spacing:.02em;white-space:nowrap}.brand-name strong{color:var(--orange)}.nav-link{font-weight:600;color:#293241}.nav-link:hover{color:var(--orange)}.btn-brand{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.btn-brand:hover{background:#dc541b;border-color:#dc541b;color:#fff}.btn-outline-brand{border:2px solid var(--navy);color:var(--navy);font-weight:700}.btn-outline-brand:hover{background:var(--navy);color:#fff}.hero-section{padding:6rem 0;background:radial-gradient(circle at 90% 15%,rgba(39,169,225,.10),transparent 24rem),radial-gradient(circle at 15% 90%,rgba(245,103,34,.08),transparent 22rem),#fff;overflow:hidden}.eyebrow{color:var(--orange);font-weight:800;font-size:.8rem;letter-spacing:.16em}.text-orange{color:var(--orange)}.hero-contact{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;color:#425166;font-size:.95rem}.hero-contact i{color:var(--navy);margin-right:.3rem}.hero-logo-card{max-width:430px;padding:2rem;background:#fff;border:1px solid #edf0f5;border-radius:2rem;box-shadow:0 20px 60px rgba(11,29,73,.12)}.hero-logo{max-height:390px}.section-padding{padding:5rem 0}.section-heading{max-width:720px;margin:0 auto 3rem}.section-heading h2{color:var(--navy);font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-heading p{color:#6c757d}.service-card{padding:1.5rem;background:#fff;border-radius:1.25rem;border:1px solid #e7ebf1;box-shadow:0 8px 24px rgba(11,29,73,.05);transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,29,73,.09)}.service-card h3{font-size:1.05rem;color:var(--navy);font-weight:800}.service-card p{margin:0;color:#6b7280;font-size:.93rem}.service-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--cyan);font-size:1.45rem;margin-bottom:1rem}.service-icon.pink{background:var(--magenta)}.service-icon.yellow{background:var(--yellow);color:#353535}.service-icon.dark{background:var(--charcoal)}.price-card{background:#fff;border:1px solid #e7ebf1;border-radius:1.25rem;padding:1.5rem;height:100%;box-shadow:0 8px 24px rgba(11,29,73,.05)}.price-card h3{color:var(--navy);font-size:1.25rem;font-weight:800;padding-bottom:.9rem;border-bottom:3px solid var(--navy)}.price-card h3 i{margin-right:.35rem}.price-card .orange-heading{color:var(--orange);border-bottom-color:var(--orange)}.price-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px dashed #dfe4ea}.price-row:last-child{border-bottom:0}.price-row span{color:#384252}.price-row strong{color:var(--orange);text-align:right;white-space:nowrap}.bulk-card{background:linear-gradient(135deg,var(--navy),#132f6f);color:#fff;border-radius:1.25rem;padding:1.6rem}.bulk-card .text-secondary{color:#cbd5e1!important}.bulk-tier{height:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:.75rem}.bulk-tier span,.bulk-tier strong,.bulk-tier small{display:block}.bulk-tier span{font-size:.8rem;color:#dce5f4}.bulk-tier strong{font-size:1.45rem;color:#fff}.bulk-tier small{font-size:.72rem;color:#f6a277}.price-note{color:#6b7280;font-size:.9rem}.about-section{background:linear-gradient(180deg,#f8fafc,#fff)}.about-section h2{color:var(--navy);font-weight:800}.about-section p{color:#586575;font-size:1.05rem}.about-panel{background:var(--navy);color:#fff;border-radius:1.5rem;padding:1.75rem}.about-panel div{display:flex;gap:.9rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.about-panel div:last-child{border-bottom:0}.about-panel i{color:var(--orange);font-size:1.2rem;margin-top:.1rem}.contact-card{display:block;text-decoration:none;color:inherit;text-align:center;padding:1.8rem;border-radius:1.25rem;border:1px solid #e7ebf1;background:#fff;box-shadow:0 8px 24px rgba(11,29,73,.05)}.contact-card i{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:50%;background:var(--navy);color:#fff;font-size:1.3rem}.contact-card h3{color:var(--navy);font-size:1.1rem;font-weight:800}.contact-card p{margin:0;color:#586575;word-break:break-word}.contact-card:hover{border-color:#cad4e4}.social-wrap{padding:2rem;border-radius:1.25rem;background:var(--soft)}.social-wrap h3{color:var(--navy);font-weight:800}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem}.social-links a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:1.2rem;transition:transform .2s ease,background .2s ease}.social-links a:hover{transform:translateY(-3px);background:var(--orange)}footer{background:var(--navy);color:#dce5f4;padding:1.2rem 0;font-size:.9rem}.footer-tagline{color:#ffad7c;font-weight:700}@media(max-width:991.98px){.hero-section{padding:4.5rem 0}.hero-logo-card{max-width:330px}}@media(max-width:575.98px){.section-padding{padding:3.5rem 0}.hero-section{padding:3.7rem 0}.hero-contact{display:grid;gap:.55rem}.price-row{font-size:.93rem}}


/* Floating WhatsApp button */
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1050;
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.78rem 1rem;
  border-radius:999px;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.whatsapp-float i{
  font-size:1.35rem;
  line-height:1;
}
.whatsapp-float:hover{
  color:#fff;
  background:#1ebe5d;
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(0,0,0,.28);
}
@media (max-width:575.98px){
  .whatsapp-float{
    right:14px;
    bottom:14px;
    width:54px;
    height:54px;
    padding:0;
    justify-content:center;
  }
  .whatsapp-float span{display:none;}
  .whatsapp-float i{font-size:1.55rem;}
   .brand-logo {
        width: 36px;
        height: 36px;
    }

    .brand-name {
        display: inline-block;
        font-size: 0.78rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .navbar-brand {
        gap: 0.4rem !important;
    }
}

.hero-image-card{max-width:560px;overflow:hidden;border-radius:2rem;border:1px solid #edf0f5;background:#fff;box-shadow:0 20px 60px rgba(11,29,73,.14)}
.hero-image{width:100%;height:auto;display:block}
@media (max-width:991.98px){.hero-image-card{max-width:680px}}