:root{
  --azul:#1E3A9E;--azul-2:#2A4BC0;--azul-escuro:#172F85;--azul-claro:#E3E8F7;--azul-linha:#C4CEEE;--azul-noite:#7D95F2;
  --nanquim:#0E1524;--nanquim-2:#1A2336;--papel:#F5F6F2;--branco:#FFFFFF;--neblina:#EEF0F4;--grafite:#4A5263;--linha:#E1E4EA;
  --menta:#1F9D74;--menta-claro:#DDF2EA;--menta-texto:#146B4F;
  --ambar:#C9821A;--ambar-claro:#FBF1DF;--ambar-texto:#7A4A0C;
  --sinal:#C23A2F;--sinal-claro:#FBE7E4;
  --sombra:0 1px 2px rgba(14,21,36,.04),0 12px 32px -18px rgba(14,21,36,.22);
  --wrap:1180px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{font-size:17px;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papel);color:var(--nanquim);font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
p{margin:0}
.mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}
.serif{font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(18px,4vw,40px)}
.eyebrow{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--azul);font-weight:600}

.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.45rem;letter-spacing:-.055em;color:var(--nanquim);text-decoration:none}
.logo svg{width:32px;height:32px;color:var(--azul)}
.logo.light{color:#fff}.logo.light svg{color:#fff}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:16px;font-weight:800;font-size:1.02rem;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.btn svg{width:22px;height:22px}
.btn.primary{background:var(--azul);color:#fff;box-shadow:0 12px 26px -14px rgba(30,58,158,.9)}
.btn.primary:hover{background:var(--azul-2)}
.btn.ghost{background:transparent;color:var(--azul);box-shadow:inset 0 0 0 2px var(--azul-linha)}
.btn.ghost:hover{background:var(--azul-claro)}
.btn.white{background:#fff;color:var(--azul)}
.btn.block{width:100%}
.btn.sm{min-height:46px;padding:0 18px;font-size:.95rem;border-radius:13px}

.field{display:flex;flex-direction:column;gap:7px}
.field label{font-weight:800;font-size:1rem}
.field input{min-height:60px;border-radius:16px;border:0;box-shadow:inset 0 0 0 2px var(--linha);background:#fff;padding:0 18px;font-size:1.08rem}
.field input:focus{box-shadow:inset 0 0 0 3px var(--azul);outline:none}
.field .hint{font-size:.85rem;color:var(--grafite)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;cursor:pointer;background:#fff;border-radius:16px;padding:14px;box-shadow:inset 0 0 0 2px var(--linha)}
.check input{appearance:none;width:28px;height:28px;border-radius:8px;box-shadow:inset 0 0 0 2.5px var(--azul-linha);flex:none;margin:0;display:grid;place-items:center;cursor:pointer;background:#fff}
.check input:checked{background:var(--azul);box-shadow:none}
.check input:checked::after{content:"";width:8px;height:14px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-2px)}
.check:has(input:checked){box-shadow:inset 0 0 0 2.5px var(--azul)}
.check a{color:var(--azul);font-weight:700}

.bottle{--bc:#1E3A9E;position:relative;display:inline-flex;flex-direction:column;align-items:center;width:64px;height:102px;flex:none}
.bottle .cap{width:38px;height:16px;border-radius:5px 5px 2px 2px;background:#0E1524;display:block}
.bottle .lab{flex:1;width:100%;margin-top:-1px;border-radius:13px 13px 16px 16px;background:var(--bc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;box-shadow:inset -7px 0 0 rgba(0,0,0,.12),inset 6px 0 0 rgba(255,255,255,.12)}
.bottle .lab svg{width:20px;height:20px;color:#fff}
.bottle .lab b{font-size:10px;font-weight:800;line-height:1;text-align:center;padding:0 4px}
