@font-face{font-family:'Montserrat';font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:800;font-display:swap;src:url(fonts/montserrat-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:900;font-display:swap;src:url(fonts/montserrat-latin-900-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format('woff2')}
/* Acima de Tudo — estilos do site
   Identidade: azul-noite + âmbar, telhado como marca, Montserrat (títulos) + Inter (texto) */
:root{
  --navy:#0B1A2C; --navy-2:#13283F; --navy-line:#234061;
  --amber:#F2A33A; --amber-hover:#F5B358; --amber-text:#9A5B0A;
  --paper:#FBF8F2; --sand:#F2ECE0; --white:#FFFFFF;
  --ink:#14212F; --mute:#55657A; --line:#E4DDD0;
  --sky:#1F7A94; --sky-bg:#EAF3F6;
  --on-dark:#F3EFE6; --on-dark-mute:#B9C7D6;
  --display:'Montserrat',Arial,sans-serif; --body:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--amber-text)} a:hover{color:#6E4006}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0;text-wrap:balance}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.narrow{max-width:760px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--amber);color:var(--navy);padding:10px 16px;border-radius:8px;font-weight:700;z-index:50}
.skip:focus{left:8px}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-family:var(--display);font-weight:800;font-size:15px;text-decoration:none;border:0;cursor:pointer;line-height:1.1;text-align:center}
.btn-lg{min-height:56px;font-size:16px;padding:0 26px}
.btn-amber{background:var(--amber);color:var(--navy)} .btn-amber:hover{background:var(--amber-hover);color:var(--navy)}
.btn-dark{background:var(--navy);color:#fff} .btn-dark:hover{background:var(--navy-2);color:#fff}
.btn-line{border:2px solid var(--navy);color:var(--navy);background:transparent} .btn-line:hover{background:var(--navy);color:#fff}
.btn-ghost{border:2px solid rgba(243,239,230,.35);color:var(--on-dark);background:transparent} .btn-ghost:hover{border-color:var(--amber);color:var(--on-dark)}

.tag{display:inline-flex;align-items:center;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.eyebrow{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--amber-text);margin:0 0 12px}
.dark .eyebrow{color:var(--amber)}
.h2{font-weight:900;font-size:clamp(28px,4.2vw,40px);letter-spacing:-.5px}
.lead{font-size:18px;color:var(--mute);margin:12px 0 0;max-width:640px}
.card{background:var(--white);border:1px solid var(--line);border-radius:16px}
.section{padding:72px 0}
.row-head{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:space-between}
.grid{display:grid;gap:20px;margin-top:32px}
.g-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.g-prod{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

/* Topo */
.top{background:var(--navy)}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo span{font-family:var(--display);font-weight:900;font-size:15px;letter-spacing:2px;line-height:1.05;color:var(--on-dark)}
.menu{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center}
.menu a{color:#D5DEE8;text-decoration:none;font-weight:600;font-size:15px;padding:8px 0}
.menu a:hover,.menu a[aria-current=page]{color:var(--amber)}

/* Hero */
.hero{background:var(--navy);color:var(--on-dark);padding:48px 0 80px}
.hero .wrap{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.hero-main{flex:999 1 520px;min-width:0}
.hero h1{font-weight:900;font-size:clamp(36px,6vw,60px);letter-spacing:-1px;line-height:1.04}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero p.sub{font-size:19px;color:var(--on-dark-mute);margin:20px 0 0;max-width:560px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;font-size:14px;color:var(--on-dark-mute);padding:0;list-style:none}
.checks li{display:flex;align-items:center;gap:8px}
.hero-side{flex:1 1 340px;min-width:0;display:flex;justify-content:center}
.guide-card{width:100%;max-width:400px;background:var(--navy-2);border:1px solid var(--navy-line);border-radius:20px;padding:28px}
.cover{width:118px;height:160px;flex:none;border-radius:8px;background:var(--navy);border:1px solid #2B4A6E;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.cover b{font-family:var(--display);font-weight:900;font-size:34px;line-height:1;color:var(--on-dark)}
.cover small{font-family:var(--display);font-weight:800;font-size:7px;letter-spacing:1.5px;color:var(--amber);text-align:center;padding:0 8px}

.strip{background:var(--amber);color:var(--navy)}
.strip .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.strip p{margin:0;font-weight:600;font-size:15px;display:flex;gap:10px;align-items:center}
.strip a{font-family:var(--display);font-weight:800;font-size:14px;color:var(--navy)}

/* Pilares */
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pillars div{background:var(--sky-bg);border-radius:12px;padding:16px;text-align:center;font-size:13px;font-weight:600}
.pillars svg{display:block;margin:0 auto 6px}

/* Cartões de guia */
.guide{display:flex;flex-direction:column;overflow:hidden}
.guide .art{height:150px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--navy)}
.guide .art.free{background:var(--navy-2)}
.guide .art .tag{position:absolute;top:14px;left:14px}
.guide .body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.guide h3{font-weight:800;font-size:18px;line-height:1.25}
.guide p{font-size:14px;color:var(--mute);margin:0;flex:1}
.guide .foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-family:var(--display);font-weight:800}
.soon{font-size:13px;color:var(--mute)}

/* Produtos */
.prod{padding:20px;display:flex;flex-direction:column;gap:10px}
.prod .pic{height:132px;border-radius:12px;background:#F7F3EA;border:1px dashed #D6CDBD;display:flex;align-items:center;justify-content:center}
.prod h3{font-weight:800;font-size:16px;line-height:1.3}
.prod p{font-size:14px;color:var(--mute);margin:0;flex:1}
.lv-ess{background:var(--navy);color:#fff}.lv-rec{background:var(--amber);color:var(--navy)}.lv-ext{background:#E3EEF2;color:var(--ink)}
.disclosure{font-size:13px;color:var(--mute);margin:20px 0 0;display:flex;gap:8px;align-items:flex-start}

/* Dicas */
.tips{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}
.tip-feature{flex:999 1 460px;min-width:0;background:var(--navy);color:var(--on-dark);border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:14px}
.tip-feature h3{font-weight:900;font-size:clamp(24px,3vw,30px)}
.tip-feature p{color:var(--on-dark-mute);margin:0;max-width:520px}
.tip-list{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:14px}
.tip-item{display:flex;gap:16px;align-items:center;padding:16px 18px;text-decoration:none;color:var(--ink)}
.tip-item:hover{border-color:#C9BFAD;color:var(--ink)}
.tip-item .ic{width:48px;height:48px;flex:none;border-radius:12px;background:var(--sky-bg);display:flex;align-items:center;justify-content:center}
.tip-item b{display:block;font-family:var(--display);font-weight:800;font-size:15px;line-height:1.3}
.tip-item small{display:block;font-size:13px;color:var(--mute);margin-top:3px}

/* Comunidade (fase 1: pelo Instagram) */
.dark{background:var(--navy-2);color:var(--on-dark)}
.dark .h2{color:#fff}.dark .lead{color:var(--on-dark-mute)}
.community{display:flex;flex-wrap:wrap;gap:28px;margin-top:36px;align-items:stretch}
.community .steps{flex:999 1 520px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.community .steps div{background:var(--navy);border:1px solid var(--navy-line);border-radius:14px;padding:20px}
.community .steps b{font-family:var(--display);font-weight:900;font-size:28px;color:var(--amber);display:block}
.community .steps p{margin:6px 0 0;color:#DDE5EE;font-size:15px}
.community .cta{flex:1 1 300px;min-width:0;background:var(--paper);color:var(--ink);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.community .cta h3{font-weight:900;font-size:22px}

/* Newsletter */
.news{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;background:var(--amber);border-radius:20px;padding:36px 40px}
.news h2{font-weight:900;font-size:clamp(24px,3vw,30px)}
.news p{margin:8px 0 0;color:#3A2A0E}

/* Rodapé */
.footer{background:var(--navy);color:var(--on-dark-mute);padding:56px 0 32px;font-size:14px}
.footer a{color:var(--on-dark-mute);text-decoration:none}.footer a:hover{color:var(--amber)}
.footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.footer h3{font-weight:800;font-size:15px;color:#fff;margin:0 0 12px}
.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.footer .legal{border-top:1px solid var(--navy-line);margin-top:36px;padding-top:20px;font-size:12.5px;color:#93A8BE}
.footer b{color:var(--amber)}

/* Páginas de texto (dicas, sobre, políticas) */
.page-head{background:var(--navy);color:var(--on-dark);padding:48px 0 56px}
.page-head h1{font-weight:900;font-size:clamp(30px,5vw,46px);letter-spacing:-.5px}
.page-head p{color:var(--on-dark-mute);font-size:18px;margin:14px 0 0;max-width:680px}
.page-head .meta{font-size:14px;margin-top:16px}
.prose{padding:48px 0 72px}
.prose h2{font-weight:800;font-size:26px;margin:40px 0 12px}
.prose h3{font-weight:800;font-size:19px;margin:28px 0 8px}
.prose p,.prose li{font-size:17px;line-height:1.7;max-width:68ch}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin-bottom:6px}
.box{border-radius:14px;padding:18px 20px;margin:24px 0;max-width:68ch}
.box p{margin:0}
.box-amber{background:#FDF0DC}.box-sky{background:var(--sky-bg)}.box-red{background:#FBE6E0}
.steps-ol{counter-reset:s;list-style:none;padding:0!important;display:grid;gap:12px;max-width:68ch}
.steps-ol li{counter-increment:s;position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 60px;margin:0}
.steps-ol li:before{content:counter(s);position:absolute;left:16px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--amber);color:var(--navy);font-family:var(--display);font-weight:900;display:flex;align-items:center;justify-content:center}
.table-wrap{overflow-x:auto;max-width:68ch;margin:20px 0}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th{background:var(--navy);color:#fff;text-align:left;padding:10px 12px;font-family:var(--display);font-size:12px;letter-spacing:.8px;text-transform:uppercase}
.prose td{padding:10px 12px;border-bottom:1px solid var(--line)}
.cta-band{background:var(--navy);color:var(--on-dark);border-radius:18px;padding:28px;margin-top:40px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;max-width:68ch}
.cta-band p{margin:0;color:var(--on-dark-mute);font-size:16px}
.cta-band h3{color:#fff;font-weight:900;font-size:20px;margin:0 0 4px}
.crumbs{font-size:14px;margin-bottom:14px}.crumbs a{color:var(--on-dark-mute)}
.shops{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.shops .btn{min-height:44px;font-size:13px;padding:0 14px;flex:1 1 120px}
.shops .soon{padding:12px 0}