:root{--ink:#0b1324;--muted:#64748b;--bdr:#e5e7eb;--pri:#0b5cff;--ok:#16a34a}
            body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;background:#f6f8fb;color:var(--ink)}
            a{text-decoration:none}
            /* NAV */
            .al-nav{backdrop-filter:saturate(140%) blur(6px); background:rgba(255,255,255,.92); border-bottom:1px solid rgba(2,6,23,.06)}
            .al-brand img{height:36px}
            .btn-wa{background:#25D366; color:#fff; border:none}
            .btn-wa:hover{filter:brightness(.95)}
            .btn-ghost{border:1px solid var(--bdr); color:var(--ink); background:#fff}
            .btn-ghost:hover{background:#f1f5f9}
            /* HERO */
            .hero{
            position:relative; border-radius:20px; overflow:hidden;
            background:linear-gradient(180deg,rgba(11,16,32,.7),rgba(11,16,32,.85)), url('<?= esc($hero_bg_url) ?>') center/cover no-repeat;
            color:#eaf1ff; border:1px solid rgba(2,6,23,.15)
            }
            .hero h1{font-weight:800; letter-spacing:-.02em}
            .hero .lead{color:#cfe3ff}
            .chip{display:inline-flex; align-items:center; gap:.5rem; padding:.45rem .8rem; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(255,255,255,.08); font-weight:700}
            .hero .badges{display:flex; flex-wrap:wrap; gap:.5rem}
            .pane{background:#fff; border:1px solid var(--bdr); border-radius:14px; box-shadow:0 16px 44px rgba(2,6,23,.15)}
            /* TRUST */
            .trust .item{display:flex; align-items:center; gap:.6rem; border:1px solid var(--bdr); background:#fff; border-radius:12px; padding:.6rem .8rem}
            /* SEÇÕES */
            .section-title{font-weight:800; letter-spacing:-.02em}
            .icon-box{width:46px; height:46px; border:1px solid var(--bdr); border-radius:12px; display:inline-flex; align-items:center; justify-content:center; color:var(--pri); background:#fff}
            .card-soft{border:1px solid var(--bdr); border-radius:16px; background:#fff; box-shadow:0 10px 26px rgba(2,6,23,.06)}
            /* FLOAT WA */
            /* WHATSAPP SEMPRE VISÍVEL (sem media query) */
            :root{ --wa-bar-h:72px; } /* altura da barra fixa */
            
            /* Botão flutuante (fica acima da barra) */
            .float-wa{
            position:fixed !important;
            right:max(16px, env(safe-area-inset-right)) !important;
            bottom:calc(16px + env(safe-area-inset-bottom) + var(--wa-bar-h)) !important;
            z-index:2147483647 !important;
            }
            .float-wa .btn{
            box-shadow:0 12px 30px rgba(37,211,102,.35);
            background:#25D366; color:#fff; border:0; border-radius:999px; font-weight:700;
            }
            
            /* Barra fixa (sempre ligada) */
            .sticky-wa{
            position:fixed !important;
            left:0 !important; right:0 !important;
            bottom:env(safe-area-inset-bottom) !important;
            background:#fff; border-top:1px solid var(--bdr, #e5e7eb);
            padding:.55rem; display:block !important; z-index:2147483646 !important;
            }
            
            /* Evita que a barra cubra o conteúdo */
            body{ padding-bottom:calc(var(--wa-bar-h) + env(safe-area-inset-bottom)); }
            
            /* Fallback para navegadores sem env() */
            @supports not (bottom: calc(1px + env(safe-area-inset-bottom))){
            .float-wa{ bottom:calc(16px + var(--wa-bar-h)) !important; }
            .sticky-wa{ bottom:0 !important; }
            body{ padding-bottom:var(--wa-bar-h); }
            }
            
            /* Anim */
            .fade-in{opacity:0; transform:translateY(10px); transition:all .5s ease}
            .fade-in.reveal{opacity:1; transform:none}