body{margin:0;font-family:'Poppins',Arial,sans-serif;color:#1B2733;background:#fff}
a{color:inherit;text-decoration:none}
.w{max-width:1160px;margin:0 auto;padding:0 28px;box-sizing:border-box}
.navy{background:#0E2A47;color:#fff}
.sand{background:#F7F4EE}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:#0B7F78;margin:0 0 12px}
.navy .eyebrow{color:#5FE0D5}
h2{font-size:36px;line-height:1.2;margin:0 0 14px;font-weight:700;color:#0E2A47}
.navy h2{color:#fff}
p{margin:0;line-height:1.6}
.sec{padding:84px 0}
.btn{display:inline-block;background:#14A39A;color:#06302d;font-weight:600;font-size:15px;padding:15px 28px;border-radius:40px}
.btn:hover{background:#5FE0D5}
.btn2{display:inline-block;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-weight:600;font-size:15px;padding:13px 26px;border-radius:40px}
.btn2.dark{border-color:#0E2A47;color:#0E2A47}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid #E3E7EB;border-radius:20px;padding:30px}
.card h3{font-size:19px;margin:0 0 10px;color:#0E2A47}
.card p{font-size:15px;color:#5E6B78}
.ic{width:46px;height:46px;border-radius:14px;background:#E3F5F3;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.num{width:42px;height:42px;border-radius:50%;background:#0E2A47;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ph{border:2px dashed #9FB4C7;border-radius:20px;background:#EEF3F8;color:#4B6179;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:20px}
table{width:100%;border-collapse:collapse;font-size:15px}
th{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#5E6B78;text-align:left;padding:14px 18px;font-weight:600}
td{padding:16px 18px;border-top:1px solid #E3E7EB}
td.p{font-weight:700;color:#0E2A47;font-size:18px}
.pop{background:#E3F5F3}
details{border-top:1px solid #E3E7EB;padding:20px 0}
summary{cursor:pointer;font-weight:600;font-size:17px;color:#0E2A47}
details p{margin-top:10px;color:#5E6B78;font-size:15px}
.fld{background:#fff;border:1px solid #D2D9E0;border-radius:12px;padding:14px 16px;font-size:15px;color:#1B2733;width:100%;box-sizing:border-box;font-family:inherit}
@media (max-width:860px){.g3,.hero-g,.two{grid-template-columns:1fr!important}h2{font-size:28px}.hero-h{font-size:34px!important}.sec{padding:56px 0}.nav-links{display:none!important}}
.hdd:hover .hddm{display:block!important}.hddm a:hover{background:#E8F6F6}@media (max-width:860px){.feat{order:-1}}

/* Helprite button finish: flat controls, including focus/hover/processing states. */
:where(a,button,input[type="submit"],input[type="button"]).btn,
:where(a,button,input[type="submit"],input[type="button"]).btn2,
:where(a,button,input[type="submit"],input[type="button"]).y,
:where(a,button,input[type="submit"],input[type="button"]).g,
:where(a,button).helprite-whatsapp,
button[data-action="send-quote"],button[data-action="send-turnover-quote"],
button[type="submit"] {
  box-shadow:none!important;
}
:where(a,button,input[type="submit"],input[type="button"]):is(.btn,.btn2,.y,.g,.helprite-whatsapp):is(:hover,:focus,:active,:focus-visible),
button[data-action="send-quote"]:is(:hover,:focus,:active,:focus-visible),
button[data-action="send-turnover-quote"]:is(:hover,:focus,:active,:focus-visible),
button[type="submit"]:is(:hover,:focus,:active,:focus-visible) {
  box-shadow:none!important;
}
/* Preserve a visible keyboard focus cue without a shadow. */
:where(a,button):is(.btn,.btn2,.y,.g,.helprite-whatsapp):focus-visible,
button[type="submit"]:focus-visible { outline:2px solid #0d8985; outline-offset:2px; }