/* Kit de Emergência — linguagem visual limpa, tipografia do sistema, muito respiro */
:root{
  --bg:#fbfbfd; --bg-alt:#f5f5f7; --card:#ffffff; --fg:#1d1d1f; --muted:#6e6e73; --line:#d2d2d7;
  --accent:#e8590c; --link:#0066cc; --nav:rgba(251,251,253,.78);
  --amazon:#1d1d1f; --shopee:#ee4d2d; --ml:#ffe600; --ml-ink:#2d3277;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#000000; --bg-alt:#101012; --card:#1c1c1e; --fg:#f5f5f7; --muted:#a1a1a6; --line:#38383d;
  --accent:#ff8a3d; --link:#2997ff; --nav:rgba(22,22,23,.78); --amazon:#f5f5f7; color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:56px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none} a:hover{text-decoration:underline}
.in{max-width:980px;margin:0 auto;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}

/* Navegação translúcida */
.nav{position:sticky;top:0;z-index:10;background:var(--nav);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.nav-in{max-width:980px;margin:0 auto;height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
.marca{display:flex;align-items:center;gap:8px;color:var(--fg);font-weight:600;font-size:15px;letter-spacing:-.01em}
.marca:hover{text-decoration:none}
.marca-ic{width:22px;height:22px;color:var(--accent)}
.nav-links{display:flex;gap:22px;font-size:13px}
.nav-links a{color:var(--fg);opacity:.85}
.nav-links a:hover{opacity:1;text-decoration:none}

/* Hero */
.hero{text-align:center;padding:72px 0 40px;overflow:hidden}
.eyebrow{font-size:17px;font-weight:600;color:var(--accent);margin:0 0 6px;letter-spacing:-.01em}
h1{font-size:clamp(48px,9vw,96px);line-height:1.04;font-weight:700;letter-spacing:-.045em;margin:0}
.sub{font-size:clamp(19px,2.6vw,24px);line-height:1.35;color:var(--muted);max-width:640px;margin:18px auto 0;letter-spacing:-.02em;text-wrap:balance}
.cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;margin-top:30px}
.btn{display:inline-block;background:var(--accent);color:#fff;font-size:17px;font-weight:500;padding:12px 24px;border-radius:980px}
.btn:hover{text-decoration:none;filter:brightness(1.06)}
.btn-link{font-size:19px}
.hero-vis{position:relative;height:280px;margin-top:40px;display:grid;place-items:center}
.glow{position:absolute;width:420px;height:420px;max-width:110%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent) 0%,transparent 65%);filter:blur(10px)}
.hero-ic{position:relative;width:200px;height:200px;color:var(--fg);stroke-width:1.2}

/* Faixa de números */
.faixa{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.faixa-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding-top:28px;padding-bottom:28px;gap:12px}
.faixa b{display:block;font-size:40px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.faixa span{font-size:14px;color:var(--muted)}

/* Seções */
.sec{padding:88px 0}
.sec-cinza{background:var(--bg-alt)}
h2{font-size:clamp(36px,6vw,56px);line-height:1.07;font-weight:700;letter-spacing:-.04em;margin:0;text-align:center}
.sec-sub{text-align:center;color:var(--muted);font-size:21px;margin:10px 0 48px}

/* Kits */
.kits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kit{background:var(--bg-alt);border-radius:22px;padding:30px 26px;display:flex;flex-direction:column}
.kit-completo{background:var(--fg);color:var(--bg)}
.kit-completo .kit-frase,.kit-completo .kit-mais,.kit-completo .kit-eyebrow{color:color-mix(in srgb,var(--bg) 70%,transparent)}
.kit-eyebrow{font-size:14px;font-weight:600;color:var(--accent);margin:0}
.kit-completo .kit-eyebrow{color:var(--accent)}
.kit h3{font-size:32px;letter-spacing:-.03em;margin:4px 0 6px}
.kit-frase{color:var(--muted);margin:0 0 18px;font-size:17px}
.kit-mais{font-size:14px;color:var(--muted);margin:0 0 8px}
.kit ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kit li{display:flex;align-items:center;gap:10px;font-size:15px}
.mini{width:22px;height:22px;flex:none;color:var(--accent)}

/* Produtos */
.cat{margin-top:56px}
.cat:first-of-type{margin-top:0}
.cat-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:18px}
.cat-head h3{font-size:28px;letter-spacing:-.03em;margin:0}
.cat-head p{margin:0;color:var(--muted);font-size:17px}
.prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.prod{background:var(--card);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:transform .25s ease,box-shadow .25s ease}
.prod:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.prod-vis{height:120px;border-radius:12px;background:var(--bg-alt);display:grid;place-items:center}
.prod-ic{width:64px;height:64px;color:var(--fg);stroke-width:1.5}
.prod-txt{flex:1}
.prod-kit{font-size:12px;font-weight:600;color:var(--accent);margin:0 0 2px;text-transform:uppercase;letter-spacing:.04em}
.prod h4{font-size:19px;letter-spacing:-.02em;margin:0 0 4px;line-height:1.25}
.prod-txt p:last-child{margin:0;color:var(--muted);font-size:15px}
.lojas{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lojas-lbl{width:100%;font-size:12px;color:var(--muted)}
.loja{font-size:14px;font-weight:500;padding:7px 14px;border-radius:980px;border:1px solid var(--line);color:var(--fg)}
.loja:hover{text-decoration:none;border-color:var(--fg)}
.loja-amazon{background:var(--amazon);color:var(--bg);border-color:var(--amazon)}
.loja-shopee{background:var(--shopee);color:#fff;border-color:var(--shopee)}
.loja-ml{background:var(--ml);color:var(--ml-ink);border-color:var(--ml)}

/* Como funciona */
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:48px}
.passo b{font-size:24px;letter-spacing:-.025em}
.passo p{color:var(--muted);margin:8px 0 0}
.emerg{text-align:center;margin:56px 0 0;color:var(--muted);font-size:15px}
.emerg b{color:var(--fg)}

/* Documentos */
.doc{padding:64px 0 88px}
.doc .in{max-width:720px}
.doc h1{font-size:clamp(40px,7vw,64px);margin-bottom:24px}
.doc h2{font-size:24px;text-align:left;letter-spacing:-.02em;margin:36px 0 8px}
.doc p,.doc li{color:var(--fg);opacity:.9}
.doc .lead{font-size:21px;color:var(--muted);opacity:1}

/* Rodapé */
.rodape{background:var(--bg-alt);border-top:1px solid var(--line);padding:22px 0 calc(28px + env(safe-area-inset-bottom));font-size:12px;color:var(--muted);line-height:1.5}
.rodape p{margin:0 0 12px;max-width:760px}
.rod-links{display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:12px;border-top:1px solid var(--line)}
.rod-links a{color:var(--muted)}

a:focus-visible,.btn:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:6px}
@media (max-width:860px){.kits,.prods{grid-template-columns:repeat(2,minmax(0,1fr))}.passos{grid-template-columns:1fr;gap:24px}}
@media (max-width:600px){.kits,.prods{grid-template-columns:1fr}.nav-links{gap:14px}.nav-links a:nth-child(3){display:none}.hero{padding-top:52px}.hero-vis{height:220px}.hero-ic{width:150px;height:150px}.sec{padding:64px 0}.faixa b{font-size:30px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.prod{transition:none}}