:root { color-scheme: light; }
.dark { color-scheme: dark; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { transition: color .2s ease, background .2s ease, transform .2s ease; }
.btn-primary, .btn-secondary, .btn-white, .btn-outline-white { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:.55rem; padding:.8rem 1.05rem; font-weight:800; min-height:44px; }
.btn-primary { background:#13a870; color:#fff; box-shadow:0 14px 28px rgba(19,168,112,.24); }
.btn-secondary { background:#083b6f; color:#fff; }
.btn-white { background:#fff; color:#083b6f; }
.btn-outline-white { border:1px solid rgba(255,255,255,.45); color:#fff; }
.section { padding:72px 0; }
.section-title { font-size:clamp(1.8rem,3vw,3rem); line-height:1.05; font-weight:900; color:#082032; }
.dark .section-title { color:#fff; }
.eyebrow { color:#13a870; font-weight:900; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; }
.card { border:1px solid rgba(148,163,184,.28); border-radius:.5rem; background:rgba(255,255,255,.92); box-shadow:0 18px 45px rgba(8,32,50,.08); }
.dark .card { background:rgba(15,23,42,.92); border-color:rgba(51,65,85,.9); }
.product-img { aspect-ratio: 1 / 1; width:100%; object-fit:contain; transition:transform .28s ease; }
.product-card:hover .product-img { transform:scale(1.06); }
.badge { border-radius:999px; background:#dcfce7; color:#166534; padding:.28rem .6rem; font-size:.75rem; font-weight:800; }
.input { width:100%; border:1px solid #cbd5e1; border-radius:.55rem; padding:.82rem .95rem; background:#fff; color:#0f172a; }
.dark .input { background:#0f172a; border-color:#334155; color:#f8fafc; }
.footer-title { font-weight:900; margin-bottom:.8rem; color:#fff; }
footer a, .bg-navy a { display:block; margin:.45rem 0; color:rgba(255,255,255,.78); }
.floating-call, .floating-wa { position:fixed; right:18px; z-index:50; border-radius:999px; padding:.72rem 1rem; color:#fff; font-size:.85rem; font-weight:900; box-shadow:0 14px 32px rgba(2,6,23,.25); }
.floating-call { bottom:84px; background:#083b6f; }
.floating-wa { bottom:28px; background:#13a870; }
.live-chat { position:fixed; left:18px; bottom:24px; z-index:45; display:grid; gap:.25rem; max-width:245px; border:1px solid #dbeafe; border-radius:.5rem; background:#fff; padding:.85rem; box-shadow:0 20px 42px rgba(8,32,50,.18); font-size:.82rem; }
.live-chat a { color:#13a870; font-weight:900; }
.dark .live-chat { background:#0f172a; border-color:#1e293b; }
@media (max-width: 768px) { .section { padding:48px 0; } .live-chat { display:none; } .floating-call,.floating-wa { right:12px; } }