@font-face{font-family:"Anton";src:url(fonts/anton-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Syne";src:url(fonts/syne-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Syne";src:url(fonts/syne-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Kaushan Script";src:url(fonts/kaushan-script-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url(fonts/nunito-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url(fonts/nunito-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(fonts/barlow-condensed-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(fonts/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{--cream:#fff9ea;--butter:#ffeab7;--indigo:#44499c;--night:#2b2e70;--hot:#c93e00;--orange:#ff5500;--green:#00700c;--ink:#111}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--indigo);font-family:"Nunito",system-ui,sans-serif;font-size:1rem;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
ul{margin:0;padding:0;list-style:none}
p,dd,li,h1,h2,h3{overflow-wrap:break-word}
a{color:inherit}
:focus-visible{outline:3px solid var(--outline,var(--indigo));outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* bloco do pacote */
.pular{position:absolute;left:-999px;top:8px;z-index:50;background:#000;color:#fff;padding:12px 18px;border-radius:8px}
.pular:focus{left:8px}
.rascunho{background:#1c1d4a;color:var(--cream);text-align:center;font-size:.85rem;padding:8px 14px}
.pacote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:8px 20px;background:var(--cream);border-bottom:2px solid var(--orange)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-family:"Syne",sans-serif;font-weight:700;font-size:.85rem;color:var(--indigo);text-decoration:none}
.pacote-abas a[aria-current="page"]{background:var(--indigo);color:var(--cream)}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--hot);color:var(--cream);font-family:"Syne",sans-serif;font-weight:800;font-size:.85rem;text-decoration:none}
.rodape{background:#1c1d4a;color:var(--cream);padding:40px 20px;text-align:center;font-size:.95rem}
.rodape p{max-width:760px;margin:0 auto 12px}
.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--cream);color:#1c1d4a;font-weight:700;text-decoration:none}
.rodape-fontes{font-size:.85rem}
@media(max-width:640px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}.pacote-abas a{padding:0 9px;font-size:.78rem}}

/* base */
.sec{position:relative;overflow-x:clip;padding:96px 0}
.wrap{width:min(1280px,100%);margin-inline:auto;padding-inline:20px;position:relative;z-index:2}
.disp{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:1.02;letter-spacing:.01em;margin:0 0 20px;font-size:clamp(2.4rem,5.5vw,4.6rem)}
.ext{font-family:"Syne",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;margin:0 0 12px;color:var(--hot)}
.ext.big{font-size:clamp(2rem,5vw,3.6rem);color:#d94400;margin:0;letter-spacing:.01em}
.lead{font-size:1.2rem;max-width:62ch;margin:0 0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;background:var(--hot);color:var(--cream);border:2px solid var(--hot);font-family:"Syne",sans-serif;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;border-color:var(--cream);color:var(--cream)}
.btn-cream{background:var(--cream);border-color:var(--cream);color:var(--green)}
.s-shelves .btn-cream{color:var(--night)}
.btn-ink{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.script-link{display:inline-flex;align-items:center;min-height:44px;font-family:"Kaushan Script",cursive;font-size:1.7rem;color:var(--hot);text-decoration:none}
.head-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:28px}
.head-row .disp{margin:0}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}

/* revelação: estado invisível só sob .com-js */
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}
@media(prefers-reduced-motion:reduce){.com-js .rv:not(.in){opacity:1;transform:none}.rv,.btn{transition:none}html{scroll-behavior:auto}}

/* 1 wild: foto sangrada, título centralizado, cartão ao lado */
.s-wild{min-height:780px;display:flex;align-items:center;color:var(--cream);padding:110px 0;--outline:var(--cream)}
.s-wild .bg,.s-loose .bg,.s-shelves .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.s-wild::after,.s-loose::after,.s-shelves::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(24,18,50,.66)}
.wild-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.wild-copy{text-align:center}
.wild-copy .ext{color:var(--butter)}
.wild-copy .disp{font-size:clamp(3.2rem,8vw,6.8rem);margin-bottom:24px}
.wild-copy .lead{margin-inline:auto}
.wild-copy .actions{justify-content:center}
.wild-card{margin:0}
.wild-card img{width:100%;max-width:520px;margin-inline:auto;border-radius:26px;border:3px solid var(--orange)}

/* 2 verbs */
.s-verbs{background-color:var(--hot);color:var(--cream);padding:30px 0;min-height:130px;display:flex;align-items:center}
.verbline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:6px 10px;width:min(1280px,100%);margin-inline:auto;padding-inline:20px;font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(1.35rem,6vw,1.9rem);line-height:1.15;text-align:center}
.verbline li:last-child{grid-column:span 2}
@media(min-width:760px){.verbline{grid-template-columns:repeat(6,auto);justify-content:center;gap:4px 28px;font-size:clamp(1.7rem,3.4vw,2.8rem)}}

/* 3 best-sellers */
.s-best{padding-bottom:80px}
.rail{overflow-x:auto;padding:8px max(20px,calc((100vw - 1240px)/2)) 28px;scroll-snap-type:x proximity}
.cards{display:grid;grid-auto-flow:column;grid-auto-columns:min(340px,78vw);gap:24px}
.card{display:flex;flex-direction:column;border:3px solid var(--orange);border-radius:22px;background:var(--cream);padding-bottom:20px;scroll-snap-align:start;min-width:0}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--butter);border-radius:19px 19px 0 0}
.card h3{font-size:2rem;margin:18px 18px 8px}
.card p{margin:0 18px 12px}
.card .price{font-family:"Syne",sans-serif;font-weight:800;color:var(--hot);margin-top:auto}
.card .btn{margin:0 18px;align-self:flex-start}

/* 4 flavor-slats */
.s-slats{background-color:var(--night);color:var(--cream);--outline:var(--cream)}
.s-slats .lead{margin-bottom:36px}
.slats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;height:520px;width:min(1280px,100%);margin-inline:auto;padding-inline:20px;transition:grid-template-columns .5s ease}
.slats li{min-width:0}
.slat{position:relative;display:block;height:100%;overflow:hidden;border-radius:18px;text-decoration:none;color:var(--cream)}
.slat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slat-cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:14px;background:rgba(24,26,70,.9)}
.verb{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:2rem;line-height:1}
.fl{font-family:"Syne",sans-serif;font-weight:800;font-size:.8rem;text-transform:uppercase;color:var(--butter)}
.ln{font-size:.9rem;line-height:1.35}
.slats:has(li:nth-child(1):is(:hover,:focus-within)){grid-template-columns:minmax(0,3fr) repeat(4,minmax(0,1fr))}
.slats:has(li:nth-child(2):is(:hover,:focus-within)){grid-template-columns:minmax(0,1fr) minmax(0,3fr) repeat(3,minmax(0,1fr))}
.slats:has(li:nth-child(3):is(:hover,:focus-within)){grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,3fr) repeat(2,minmax(0,1fr))}
.slats:has(li:nth-child(4):is(:hover,:focus-within)){grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,3fr) minmax(0,1fr)}
.slats:has(li:nth-child(5):is(:hover,:focus-within)){grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,3fr)}

/* 5 loved */
.s-loved{padding-bottom:80px}
.s-loved .disp,.s-loved .lead{text-align:right;margin-left:auto}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:20px}
.stats li{min-width:0}
.stats img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;margin-bottom:14px}
.num{font-family:"Anton",sans-serif;font-size:clamp(2.2rem,4vw,3.4rem);color:var(--hot);line-height:1;margin:0;text-transform:uppercase}
.lab{font-family:"Syne",sans-serif;font-weight:700;text-transform:uppercase;font-size:.85rem;margin:6px 0 0}

/* 6 bundle */
.s-bundle{background-color:var(--green);color:var(--cream);--outline:var(--cream)}
.s-bundle .ext{color:var(--butter)}
.bundle-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.bundle-copy>*{max-width:60ch}
.packs{margin:20px 0}
.packs li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed rgba(255,249,234,.55);font-family:"Syne",sans-serif;font-weight:700}
.promo{display:inline-block;background:var(--cream);color:var(--green);font-family:"Anton",sans-serif;text-transform:uppercase;font-size:1.4rem;padding:6px 18px;border-radius:999px;margin:6px 0 16px}
.small{font-size:.92rem}
.bundle-media{display:flex;flex-direction:column;gap:16px}
.bundle-hero{flex:none;width:100%;height:auto;border-radius:24px}
.chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.chips img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:var(--cream);border-radius:12px;padding:4px}

/* 7 real-bits */
.s-bits .disp{max-width:16ch}
.bits-photos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:12px 0 44px}
.bits-photos li{min-width:0}
.bits-photos img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}
.bits-photos span{display:block;margin-top:8px;text-align:center;font-family:"Syne",sans-serif;font-weight:800;font-size:.8rem;text-transform:uppercase}
.labels{column-count:2;column-gap:56px}
.labels article{break-inside:avoid;margin-bottom:26px}
.labels h3{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:1.7rem;color:var(--hot);margin:0 0 6px}
.labels p{margin:0;font-family:"Barlow Condensed",sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:.03em;line-height:1.4}

/* 8 sando-story */
.s-story{background-color:var(--night);color:var(--cream);--outline:var(--cream)}
.s-story .ext{color:var(--butter)}
.story-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:stretch}
.story-copy h3{color:var(--butter);font-size:2.4rem;margin-top:32px}
.story-media{display:grid;grid-template-rows:minmax(0,3fr) minmax(0,2fr);gap:16px;position:sticky;top:24px;align-self:start;height:min(720px,calc(100vh - 48px))}
.story-media img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:22px}

/* 9 what-people-say */
.s-say{border-top:2px solid var(--orange);border-bottom:2px solid var(--orange)}
.say-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.say-side{position:sticky;top:24px}
.say-side img{width:100%;border-radius:18px;margin-top:16px}
.quote{margin:0;padding:26px 0;border-top:2px solid var(--orange)}
.quote:first-child{border-top:0;padding-top:0}
.quote blockquote{margin:0}
.quote p{margin:0;font-weight:700;font-size:1.22rem;line-height:1.5}
.quote figcaption{margin-top:10px;font-family:"Kaushan Script",cursive;font-size:1.5rem;color:var(--hot)}
.notes h3{font-size:2rem}
.notes li{padding:6px 0;font-weight:700}

/* 10 sando-builds */
.builds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}
.builds li{min-width:0}
.builds img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;margin-bottom:12px}
.builds .verb{font-family:"Kaushan Script",cursive;font-size:2rem;text-transform:none;color:var(--hot);margin:0}
.builds h3{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:1.7rem;line-height:1.1;margin:2px 0 6px}
.builds p{margin:0}
.builds .verb+h3+p{margin-top:0}
.also{margin:32px 0 0;font-weight:700}

/* 11 on-the-loose */
.s-loose{min-height:560px;display:flex;align-items:center;text-align:center;color:var(--cream);padding:90px 0;--outline:var(--cream)}
.s-loose .wrap{max-width:900px}
.s-loose .ext{color:var(--butter)}
.s-loose .lead{margin-inline:auto}

/* 12 swag */
.s-swag{background-color:var(--hot);color:var(--cream);--outline:var(--cream)}
.s-swag .script-link{color:var(--cream)}
.ledger li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:8px 32px;align-items:baseline;padding:18px 0;border-top:1px solid rgba(255,249,234,.55)}
.ledger h3{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:1.7rem;line-height:1.1;margin:0}
.ledger p{margin:0}
.pr{font-family:"Anton",sans-serif;font-size:1.7rem;text-align:right}

/* 13 find-in-store */
.s-find{padding:72px 0}
.logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.logos li{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;padding:26px;border-radius:18px;background-color:var(--night);color:var(--cream)}
.logos img{width:70%;max-width:300px;height:auto}
.logos span{font-family:"Syne",sans-serif;font-weight:800;font-size:.8rem;text-transform:uppercase}

/* 14 shelves */
.s-shelves{min-height:600px;display:flex;align-items:center;color:var(--cream);--outline:var(--cream)}
.s-shelves .ext{color:var(--butter)}
.shelves-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.terms{background-color:var(--cream);color:var(--indigo);border-radius:22px;padding:32px}
.terms h3{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:1.8rem;color:var(--hot);margin:0 0 10px}
.terms li{padding:12px 0;border-top:1px solid var(--orange);font-weight:700}

/* 15 faq */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.faq-side{position:sticky;top:24px}
.faq-side img{width:100%;max-width:520px;border-radius:18px;margin-top:8px}
.faq-list{margin:0}
.faq-list div{border-top:2px solid var(--orange);padding:18px 0}
.faq-list dt{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:1.6rem;line-height:1.1}
.faq-list dd{margin:8px 0 0}

/* 16 finale */
.s-finale{background-color:var(--orange);color:var(--ink);padding:100px 0 90px}
.finale-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.finale-media{min-width:0}
.s-finale .disp{font-size:clamp(3rem,7vw,6rem)}
.family{width:100%;max-width:1200px;border-radius:22px}
.lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px;max-width:640px}
.lineup img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px}

@media(max-width:900px){
  .sec{padding:64px 0}
  .wild-grid,.bundle-grid,.story-grid,.say-grid,.shelves-grid,.faq-grid,.finale-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .say-side,.faq-side{position:static}
  .story-media{grid-template-rows:none;position:static;height:auto}
  .story-media img{height:auto;aspect-ratio:4/3}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .builds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .labels{column-count:1}
  .ledger li{grid-template-columns:minmax(0,1fr)}
  .pr{text-align:left}
}
@media(max-width:760px){
  .slats{grid-template-columns:minmax(0,1fr)!important;height:auto}
  .slats li{height:300px}
  .slat img{object-position:center 20%}
  .bits-photos{grid-template-columns:minmax(0,1fr)}
  .bits-photos img{aspect-ratio:16/9}
  .logos{grid-template-columns:minmax(0,1fr)}
  .s-wild{min-height:0}
  .btn{white-space:nowrap;text-align:center;padding:0 20px;font-size:.78rem;letter-spacing:.03em}
  .actions .btn{flex:1 1 auto}
}
@media(max-width:560px){
  .builds{grid-template-columns:minmax(0,1fr)}
  .builds img{aspect-ratio:16/10}
}