/* ===== SmartBuzz — Landing (estática) · tokens canônicos da Marca (docs/BRAND.md) ===== */
:root{
  --amarelo:#FFC22E;
  --amarelo-esc:#E9A800;
  --amarelo-claro:#FFE9A8;
  --tinta:#21303B;
  --tinta-60:#5C6B75;
  --tinta-35:#9AA6AD;
  --creme:#FBF6EC;
  --branco:#FFFFFF;
  --verde:#34B27B;
  --verde-bg:#E6F5EE;
  --vermelho:#E0604A;
  --azul:#4B8FE0;
  --roxo:#9A6BD6;
  --laranja:#F0913A;
  --mercearia:#C79A3A;
  --limpeza:#2FA7B5;
  --linha:rgba(33,48,59,0.10);
  --sombra:0 6px 22px rgba(33,48,59,0.10);
  --sombra-sm:0 2px 8px rgba(33,48,59,0.08);
}

*{box-sizing:border-box;}
html,body{margin:0;background:var(--creme);scroll-behavior:smooth;}
body{font-family:'Nunito',system-ui,sans-serif;color:var(--tinta);-webkit-font-smoothing:antialiased;}
.display{font-family:'Baloo 2',system-ui,sans-serif;}
img,svg{max-width:100%;}
a{color:inherit;}
.lp{max-width:1180px;margin:0 auto;padding:0 24px;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--tinta);color:#fff;padding:10px 16px;border-radius:0 0 12px 0;z-index:60;}
.skip-link:focus{left:0;}

/* logo lockup */
.lockup{display:inline-flex;align-items:center;gap:10px;}
.lockup img{width:30px;height:30px;}
.wordmark{font-family:'Baloo 2',system-ui,sans-serif;font-weight:800;font-size:24px;letter-spacing:.2px;line-height:1;color:var(--tinta);white-space:nowrap;}
.wordmark b{font-weight:800;color:var(--amarelo);}

/* header */
.nav{position:sticky;top:0;z-index:30;background:rgba(251,246,236,0.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--linha);}
.nav-in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px;}
.nav-links{display:flex;gap:26px;margin-left:auto;}
.nav-links a{font-weight:800;font-size:15px;color:var(--tinta-60);text-decoration:none;white-space:nowrap;}
.nav-links a:hover{color:var(--tinta);}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:64px 0 40px;}
h1.head{font-family:'Baloo 2',system-ui,sans-serif;font-weight:800;font-size:54px;line-height:1.04;letter-spacing:-.5px;margin:0;color:var(--tinta);text-wrap:balance;}
h1.head .y{color:var(--amarelo-esc);}
.sub{font-weight:600;font-size:19px;line-height:1.55;color:var(--tinta-60);margin:18px 0 28px;max-width:520px;}
.stores{display:flex;gap:14px;flex-wrap:wrap;}
.store-btn{display:inline-flex;align-items:center;gap:12px;background:var(--tinta);color:#fff;border-radius:15px;padding:11px 20px 11px 18px;text-decoration:none;transition:transform .14s, box-shadow .14s;box-shadow:0 8px 22px rgba(33,48,59,.18);}
.store-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(33,48,59,.26);}
.store-btn svg{fill:#fff;}
.store-btn .st-tx{display:flex;flex-direction:column;line-height:1.1;}
.store-btn .st-tx small{font-size:11px;font-weight:700;opacity:.85;white-space:nowrap;}
.store-btn .st-tx b{font-size:18px;font-weight:800;white-space:nowrap;}
/* botão de loja "em breve" (desabilitado, sem link) */
.store-btn.soon{position:relative;opacity:.5;filter:grayscale(.5);cursor:not-allowed;pointer-events:none;box-shadow:var(--sombra-sm);}
.store-btn.soon:hover{transform:none;}
.soon-tag{position:absolute;top:-10px;right:-8px;background:var(--vermelho);color:#fff;font-family:'Nunito',system-ui,sans-serif;font-weight:800;font-size:11px;line-height:1;letter-spacing:.2px;padding:4px 9px;border-radius:999px;box-shadow:var(--sombra-sm);filter:none;opacity:1;}

/* FAQ (accordion acessível, sem JS) */
.faq{max-width:780px;margin-top:18px;display:flex;flex-direction:column;gap:12px;}
.faq-item{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:4px 18px;box-shadow:var(--sombra-sm);}
.faq-item summary{cursor:pointer;list-style:none;font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:17px;color:var(--tinta);padding:14px 28px 14px 0;position:relative;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";position:absolute;right:2px;top:12px;font-size:22px;font-weight:800;color:var(--amarelo-esc);transition:transform .2s;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{margin:0 0 16px;color:var(--tinta-60);line-height:1.6;font-size:15.5px;}
.trust{font-weight:700;font-size:14px;color:var(--tinta-35);margin-top:16px;display:flex;align-items:center;gap:8px;}
.trust svg{stroke:var(--verde);}

/* phone mock */
.hero-art{position:relative;display:flex;justify-content:center;}
.blob{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle at 50% 40%, var(--amarelo) 0%, var(--amarelo-claro) 60%, transparent 72%);top:50%;left:50%;transform:translate(-50%,-52%);z-index:0;opacity:.9;}
.phone{position:relative;z-index:1;width:280px;background:#fff;border-radius:38px;padding:12px;box-shadow:0 30px 70px rgba(33,48,59,.22), 0 0 0 1px rgba(33,48,59,.06);}
.phone-scr{background:var(--creme);border-radius:28px;overflow:hidden;}
.ph-head{background:var(--amarelo);padding:16px 16px 12px;display:flex;align-items:center;gap:8px;}
.ph-head .cart{margin-left:auto;width:30px;height:30px;border-radius:9px;background:rgba(33,48,59,.12);display:flex;align-items:center;justify-content:center;color:var(--tinta);}
.ph-rows{padding:12px;display:flex;flex-direction:column;gap:9px;}
.ph-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px;box-shadow:var(--sombra-sm);}
.ph-row .cat-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(33,48,59,0.06);color:var(--tinta);}
.ph-row .nm{font-weight:800;font-size:13.5px;color:var(--tinta);}
.ph-row .mt{font-weight:700;font-size:11px;color:var(--tinta-35);}
.ph-row .val{font-family:'Baloo 2',system-ui;font-weight:700;font-size:15px;color:var(--verde);margin-left:auto;}
.ph-total{background:#fff;border-top:1px solid var(--linha);padding:14px;}
.ph-total .lbl{font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--tinta-35);}
.ph-total .amt{font-family:'Baloo 2',system-ui;font-weight:800;font-size:30px;color:var(--tinta);line-height:1.1;}
.ph-total .bar{height:7px;border-radius:7px;background:rgba(33,48,59,.08);overflow:hidden;margin-top:8px;}
.ph-total .bar i{display:block;height:100%;width:62%;background:var(--verde);border-radius:7px;}
.ph-total .cap{font-size:11px;font-weight:700;color:var(--tinta-60);margin-top:6px;}
.bee-peek{position:absolute;z-index:2;right:-22px;top:-26px;transform:rotate(8deg);filter:drop-shadow(0 10px 16px rgba(33,48,59,.18));width:84px;height:84px;}

/* sections */
section{padding:56px 0;}
.eyebrow{font-weight:800;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--amarelo-esc);text-align:center;margin:0 0 10px;}
h2.s-title{font-family:'Baloo 2',system-ui,sans-serif;font-weight:700;font-size:38px;text-align:center;margin:0 0 12px;color:var(--tinta);text-wrap:balance;}
.s-lead{font-weight:600;font-size:17px;color:var(--tinta-60);text-align:center;max-width:560px;margin:0 auto 40px;line-height:1.5;}

/* steps */
.lp-steps{display:flex;gap:20px;}
.lp-step{flex:1;background:#fff;border-radius:22px;padding:28px 24px;box-shadow:var(--sombra-sm);position:relative;min-width:0;}
.lp-step .num{font-family:'Baloo 2',system-ui;font-weight:800;font-size:15px;color:var(--amarelo-esc);background:var(--amarelo-claro);width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;}
.lp-step .ic{width:54px;height:54px;border-radius:16px;background:var(--tinta);color:var(--amarelo);display:flex;align-items:center;justify-content:center;margin:16px 0 14px;}
.lp-step h3{font-family:'Baloo 2',system-ui;font-weight:700;font-size:22px;margin:0 0 6px;color:var(--tinta);}
.lp-step p{font-weight:600;font-size:15px;color:var(--tinta-60);margin:0;line-height:1.5;}

/* features */
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.feat{display:flex;gap:16px;background:#fff;border-radius:20px;padding:24px;box-shadow:var(--sombra-sm);}
.feat .fic{width:48px;height:48px;border-radius:14px;background:var(--amarelo-claro);color:var(--amarelo-esc);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.feat h3{font-family:'Baloo 2',system-ui;font-weight:700;font-size:19px;margin:2px 0 5px;color:var(--tinta);}
.feat p{font-weight:600;font-size:14.5px;color:var(--tinta-60);margin:0;line-height:1.45;}

/* highlight */
.hl{background:var(--tinta);border-radius:32px;padding:54px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;color:#fff;}
.hl h2{font-family:'Baloo 2',system-ui;font-weight:700;font-size:34px;margin:0 0 14px;color:#fff;text-wrap:balance;}
.hl p{font-weight:600;font-size:17px;color:rgba(255,255,255,.75);line-height:1.55;margin:0;}
.hl-card{background:#fff;border-radius:22px;padding:24px;color:var(--tinta);}
.hl-card .top{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.hl-card .cat-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(33,48,59,0.06);color:var(--tinta);}
.hl-card .nm{font-family:'Baloo 2',system-ui;font-weight:700;font-size:17px;}
.hl-card .meta{font-weight:700;font-size:12.5px;color:var(--tinta-35);}
.hl-card .price{font-family:'Baloo 2',system-ui;font-weight:700;font-size:18px;color:var(--verde);margin-left:auto;}
.hl-card .div{border-top:1px solid var(--linha);padding-top:14px;}
.hl-card .lbl{font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--tinta-35);}
.hl-card .amt{font-family:'Baloo 2',system-ui;font-weight:800;font-size:34px;color:var(--tinta);line-height:1.1;}
.hl-card .bar{height:8px;border-radius:8px;background:rgba(33,48,59,.08);overflow:hidden;margin-top:8px;}
.hl-card .bar i{display:block;height:100%;width:62%;background:var(--verde);border-radius:8px;}
.hl-card .cap{font-size:12.5px;font-weight:700;color:var(--tinta-60);margin-top:7px;}

/* cta */
.cta{background:var(--amarelo);border-radius:32px;padding:52px;text-align:center;position:relative;overflow:hidden;}
.cta img.bee{width:96px;height:96px;margin:0 auto 10px;display:block;}
.cta h2{font-family:'Baloo 2',system-ui;font-weight:800;font-size:40px;margin:0 0 10px;color:var(--tinta);text-wrap:balance;}
.cta p{font-weight:700;font-size:18px;color:rgba(33,48,59,.7);margin:0 0 26px;}
.cta .stores{justify-content:center;}

/* footer */
footer{padding:46px 0;border-top:1px solid var(--linha);margin-top:40px;}
.foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.foot .fl{margin-left:auto;display:flex;gap:22px;}
.foot a{font-weight:700;font-size:14px;color:var(--tinta-60);text-decoration:none;}
.foot a:hover{color:var(--tinta);}
.copy{font-weight:700;font-size:13px;color:var(--tinta-35);margin-top:18px;}

@media(max-width:880px){
  .hero{grid-template-columns:1fr;gap:30px;text-align:center;}
  .sub{margin-left:auto;margin-right:auto;}
  .stores{justify-content:center;}
  .trust{justify-content:center;}
  h1.head{font-size:40px;}
  .lp-steps{flex-direction:column;}
  .feat-grid{grid-template-columns:1fr;}
  .hl{grid-template-columns:1fr;padding:34px;}
  .nav-links{display:none;}
}