    

:root { --primary-color:#4db6ac; --primary-dark:#399a90; --primary-light:#e0f2f1; --background-color:#f3f8f7; --topbar-height:40px; }
    body { background-color: var(--background-color); }
    .btn-primary { background-color: var(--primary-color)!important; border-color: var(--primary-dark)!important; }
    .btn-primary:hover { background-color: var(--primary-dark)!important; }
    .card-elev { background: linear-gradient(180deg,#fff 0%,#f9fffe 100%); border:1px solid #e5f3f2; box-shadow:0 8px 24px rgba(0,0,0,.06); border-radius:1rem; }
    .step-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--primary-light);color:#2f6f6a;border-radius:999px;padding:.25rem .6rem;font-size:.85rem;font-weight:600}
    .product-row{background:#fff;border:1px dashed #cfe8e6;border-radius:.75rem;padding:1rem;margin-bottom:.75rem}
    .top-bar { position: fixed; inset: 0 auto auto 0; right: 0; height: var(--topbar-height); background: var(--primary-dark); color: #fff; font-size: 0.9rem; text-align: center; display:flex; align-items:center; justify-content:center; padding: 0 .75rem; z-index: 1081; }
    .top-bar a { color: #fff; text-decoration: underline; font-weight: 600; }
    .navbar.fixed-top { top: var(--topbar-height); }
    /* ===== Footer ===== */
      .site-footer{background:linear-gradient(180deg,var(--primary-light) 0%, #ffffff 100%);border-top:1px solid #e5f3f2;color:#2f6f6a;padding:3rem 0 2rem 0;margin-top:2rem}
.footer-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:#2f6f6a;text-decoration:none}
    .footer-brand .logo-pill{width:38px;height:38px;border-radius:10px;background:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(77,182,172,.35)}
    .footer-brand .logo-pill i{color:#fff;font-size:1.1rem}
    .footer-links a{display:block;margin:.25rem 0;opacity:.9;color:#2f6f6a;text-decoration:none}
    .footer-links a:hover{opacity:1;text-decoration:underline}
    .social a{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfe8e6;margin-right:.35rem}
    .footer-bottom{border-top:1px dashed #cfe8e6;margin-top:1.25rem;padding-top:1rem;font-size:.9rem;opacity:.85}


