@font-face{font-family:"Poppins";src:url("fonts/poppins-400-italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-200.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-300.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/poppins-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{--ink:#3f0791;--violet:#5b00ed;--lav:#dad9ff;--ice:#bfefff;--sun:#ffeb6b;--mag:#b82a9d;--page:#f4f1ff;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font:400 1rem/1.6 "Poppins",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,.strip-wrap:focus-visible,.table-wrap:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
h1,h2,h3{margin:0;font-weight:700;line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(2.7rem,7.2vw,5.6rem)}
h2{font-size:clamp(2rem,4.4vw,3.6rem);margin-bottom:.45em}
h3{font-size:1.2rem;line-height:1.25}
p{margin:0 0 1em}
ul,dl{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* pacote */
.pular{position:absolute;left:8px;top:-72px;z-index:100;background:#fff;color:var(--ink);padding:12px 18px;border-radius:10px;font-weight:700;transition:top .2s}
.pular:focus{top:8px}
.rascunho{background:var(--sun);color:var(--ink);font-size:.85rem;font-weight:500;text-align:center;padding:8px 16px}
.pacote{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:8px clamp(10px,3vw,32px);background:#fff;border-bottom:1px solid var(--lav)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:2px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:50px;color:var(--ink);text-decoration:none;font-weight:500;font-size:.92rem}
.pacote-abas a:hover{background:var(--lav)}
.pacote-abas a[aria-current="page"]{background:var(--ink);color:#fff}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:50px;background:var(--violet);color:#fff;text-decoration:none;font-weight:700}
.chat:hover{background:var(--ink)}
@media(max-width:640px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}.pacote-abas a{padding:0 10px;font-size:.85rem}}
.rodape{background:var(--ink);color:#fff;text-align:center;padding:44px 20px;font-size:.9rem}
.rodape p{margin:.6em auto;max-width:720px}
.rodape a:focus-visible{outline-color:var(--sun)}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 26px;border-radius:50px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}
.rodape-fontes{color:#d9ccff}

/* base de seção */
.s{position:relative;overflow-x:clip;padding:clamp(48px,6.5vw,88px) var(--pad)}
.wrap{max-width:1296px;margin:0 auto}
.narrow{max-width:760px}
.eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4e16d4;margin-bottom:.9em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:50px;font-weight:700;font-size:.95rem;letter-spacing:.02em;text-decoration:none;border:2px solid transparent;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--ink)}
.btn-ghost{border-color:#fff;color:#fff}
.btn-dark{background:var(--ink);color:#fff}
.btn-solid{background:var(--violet);color:#fff}
.btn-outline{border-color:var(--ink);color:var(--ink)}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.fine{font-size:.85rem}

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

/* 1 hero */
.hero{background-color:#6a14c9;background-image:linear-gradient(180deg,#3f0791 0%,#6a14c9 55%,#b82a9d 100%);color:#fff;min-height:880px;display:flex;align-items:center}
.hero .eyebrow{color:#fff}
.hero-copy{position:relative;z-index:2;max-width:640px}
.lede{font-size:1.2rem;max-width:34em;margin-top:1em}
.hero-tag{font-weight:700;font-size:1.05rem;margin-bottom:1.6em}
.hero-stage{display:grid;align-content:center;justify-items:center;gap:0;margin-top:32px}
.hero-photo{width:min(86vw,520px);border-radius:32px}
.hero-sticker{width:150px;border-radius:20px;margin-top:-56px;transform:rotate(-6deg)}
@media(min-width:1000px){
  .hero{padding-right:calc(var(--pad) + min(46vw,700px) + 24px)}
  .hero-stage{position:absolute;top:0;bottom:0;right:clamp(16px,4vw,64px);width:min(46vw,700px);margin:0}
  .hero-photo{width:100%;border-radius:36px}
  .hero-sticker{position:absolute;left:-60px;bottom:9%;width:240px;margin:0}
}

/* 2 prateleira */
.shelf{background-color:var(--lav);text-align:center;padding-top:clamp(36px,4.5vw,56px);padding-bottom:clamp(36px,4.5vw,56px)}
.shelf h2{font-size:clamp(1.6rem,3vw,2rem)}
.shelf-note{max-width:44em;margin:0 auto 1.4em}
.shelf-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;align-items:stretch}
.shelf-grid li{display:flex}
.shelf-grid a{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;min-height:44px;background:#fff;border-radius:18px;padding:10px 8px 12px;text-decoration:none;color:var(--ink)}
.shelf-grid a:hover{box-shadow:0 8px 20px rgba(63,7,145,.18)}
.card-img{display:block;width:100%;aspect-ratio:1}
.card-img img{width:100%;height:100%;object-fit:contain}
.card-name{font-size:.78rem;font-weight:500;line-height:1.3}
@media(max-width:900px){.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 3 feitiço */
.sorcery{background-color:var(--ink);color:#fff}
.sorcery .eyebrow{color:var(--sun)}
.sorcery a:focus-visible{outline-color:var(--sun)}
.sorcery .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:48px;align-items:start}
.sorcery .eyebrow,.sorcery h2{grid-column:1/-1}
.sorcery-body{grid-column:1;min-width:0}
.aisle-intro{max-width:44em;margin:0 auto}
.sorcery h2{max-width:20ch}
.equation{font-size:clamp(1.35rem,3.2vw,2.5rem);font-weight:700;color:var(--sun);line-height:1.2;border:2px dashed rgba(255,235,107,.7);border-radius:20px;padding:18px 22px;overflow-wrap:anywhere}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1.2em}
.chips li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:9px 18px;font-size:.92rem}
.pair{grid-column:2;grid-row:3;display:grid;gap:20px}
.pair img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px}
@media(max-width:900px){.sorcery .wrap{display:block}.pair{margin-top:32px}}

/* 4 livro-razão */
.ledger-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);align-items:start}
.ledger-side{position:sticky;top:24px;display:grid;gap:20px}
.ledger-side img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
.ledger-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin-top:1.4em}
.ledger-list div{border-top:3px solid var(--violet);padding-top:10px}
.ledger-list dt{font-weight:700;font-size:1.1rem}
.ledger-list dd{margin:4px 0 0;font-size:.93rem;line-height:1.5}
@media(max-width:900px){.ledger-grid{grid-template-columns:minmax(0,1fr)}.ledger-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-list{grid-template-columns:minmax(0,1fr)}}

/* 5 assinatura sobre foto */
.monthly{padding:0;min-height:760px;display:flex;align-items:center;background:none}
.monthly-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.monthly-inner{position:relative;z-index:1;width:100%;max-width:1296px;margin:0 auto;padding:72px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:40px}
.monthly-card{background:#fff;border-radius:28px;padding:clamp(24px,4vw,48px);max-width:620px}
.monthly-card h2{font-size:clamp(1.9rem,3.6vw,3rem)}
.plain-list{list-style:none;padding:0;margin:0 0 1em;display:grid;gap:8px;font-weight:500}
.plain-list li{padding-left:28px;position:relative}
.plain-list li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:14px;border-radius:50%;background:var(--violet)}
.monthly-box{width:min(340px,40vw);border-radius:22px;background:#fff;padding:8px}
@media(max-width:800px){.monthly-inner{flex-direction:column;align-items:stretch}.monthly-box{align-self:center}}

/* 6 tigelas */
.bowls{background-color:var(--mag);color:#fff;padding-left:0;padding-right:0}
.bowls .wrap{padding:0 var(--pad)}
.bowls .eyebrow{color:#fff}
.bowls .hint{font-size:.9rem}
.bowls a:focus-visible,.strip-wrap:focus-visible{outline-color:#fff}
.strip-wrap{overflow-x:auto;margin-top:28px;padding:4px var(--pad) 18px;scroll-snap-type:x proximity}
.strip{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:min(320px,78vw);gap:20px}
.bowl{background:#fff;color:var(--ink);border-radius:24px;padding:16px 16px 22px;scroll-snap-align:start;display:flex;flex-direction:column}
.bowl-img{display:block;background:var(--sun);border-radius:16px;aspect-ratio:1;margin-bottom:14px}
.bowl-img img{width:100%;height:100%;object-fit:contain}
.bowl p{font-size:.9rem;line-height:1.5;margin:.5em 0 0}

/* 7 corredor */
.aisle{text-align:center}
.aisle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:1.6em;text-align:left;align-items:stretch}
.aisle-col{display:flex;flex-direction:column;gap:0}
.aisle-col .big{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;margin-bottom:18px}
.aisle-col h3{margin-bottom:.5em}
.aisle-col p{font-size:.93rem;line-height:1.55}
.aisle-col .stat{font-size:2rem;font-weight:700;line-height:1.1;margin-bottom:.1em}
.aisle-col .thumb{margin-top:auto;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px}
@media(max-width:900px){.aisle-grid{grid-template-columns:minmax(0,1fr)}}

/* 8 mais vendidos */
.sellers{background-color:#cfd6ff;background-image:linear-gradient(180deg,#bfefff 0%,#d5bfff 100%);text-align:center}
.sellers-note{max-width:40em;margin:0 auto 1.6em}
.sellers-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;text-align:center}
.seller{background:#fff;border-radius:6px;padding:22px 18px 24px;display:flex;flex-direction:column;align-items:center;gap:6px}
.seller-img{display:block;width:100%;max-width:260px;aspect-ratio:1}
.seller-img img{width:100%;height:100%;object-fit:contain}
.price{font-size:1.5rem;font-weight:700;margin:6px 0 0}
.seller h3{text-transform:uppercase;min-height:3.75em;display:flex;align-items:center}
.count{font-size:.85rem;color:#4e16d4;margin:0 0 8px}
.seller .btn{margin-top:auto;width:100%}
.center-actions{margin:2em 0 0}
@media(max-width:900px){.sellers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sellers-grid{grid-template-columns:minmax(0,1fr)}}

/* 9 Spooners */
.spooners-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}
.spooners-side{position:sticky;top:24px}
.big-number{font-size:clamp(3.4rem,8vw,6.4rem);font-weight:700;line-height:1;margin:.2em 0 0;color:var(--violet)}
.big-label{font-size:1.5rem;font-weight:700}
.side-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.side-pair img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}
.spooners-quotes{display:grid;gap:18px}
.quote{margin:0;background:#fff;border-radius:26px;padding:26px 30px;box-shadow:0 10px 30px rgba(63,7,145,.1)}
.quote blockquote{margin:0}
.quote p{font-size:1.25rem;font-weight:500;line-height:1.4;margin:0 0 .6em}
.quote figcaption{font-weight:700;color:#4e16d4}
.quote-note{font-size:.9rem}
@media(max-width:900px){.spooners-grid{grid-template-columns:minmax(0,1fr)}.spooners-side{position:static}}

/* 10 comparação */
.classics{background-color:var(--sun)}
.classics-head{display:flex;align-items:center;gap:clamp(20px,4vw,56px);margin-bottom:28px}
.classics-head img{flex:0 0 min(340px,32%);width:min(340px,32%);aspect-ratio:1;object-fit:cover;border-radius:26px}
.classics-title{flex:1;text-align:right}
.classics-title h2{margin-left:auto;max-width:16ch}
.table-wrap{overflow-x:auto;border-radius:20px;background:#fff}
table{width:100%;border-collapse:collapse;min-width:560px}
th,td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--lav)}
thead th{background:var(--ink);color:#fff;font-size:.9rem}
tbody th{text-align:left;font-weight:500}
tr.mine{background:var(--lav);font-weight:700}
tr.mine th{font-weight:700}
.classics-foot{margin:1.2em 0 0;font-weight:500}
@media(max-width:700px){.classics-head{flex-direction:column;align-items:stretch}.classics-head img{width:100%;flex:none;aspect-ratio:16/10}.classics-title h2{max-width:none}}

/* 11 fundadores */
.founders h2{text-align:center;max-width:22ch;margin:0 auto .8em}
.founders-body{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);align-items:stretch}
.founders-card{position:relative;background:var(--ice);border-radius:28px;min-height:320px;overflow:hidden}
.founders-card img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain}
.founders-text p{font-size:1.02rem}
.founders-sign{font-size:1.4rem;font-weight:700;margin:0}
@media(max-width:900px){.founders-body{grid-template-columns:minmax(0,1fr)}.founders-card{min-height:260px}}

/* 12 FAQ */
.faq-head{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:28px}
.faq-head>div:first-child{max-width:640px}
.faq-card{flex:0 0 min(320px,36%);background:var(--ice);border-radius:24px;padding:12px}
.faq-card img{width:100%;border-radius:14px}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
.faq-list div{margin:0 0 22px;padding-top:10px;border-top:3px solid var(--violet)}
.faq-list dt{font-weight:700;font-size:1.05rem;line-height:1.3}
.faq-list dd{margin:6px 0 0;font-size:.93rem;line-height:1.5}
.faq-list dd p{margin:0 0 .6em}
.faq-list ul{margin:.2em 0 .6em;padding-left:1.2em}
@media(max-width:900px){.faq-list{grid-template-columns:minmax(0,1fr)}.faq-head{flex-direction:column;align-items:stretch}.faq-card{flex:none;max-width:320px}}

/* 13 entrega */
.shipping-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:stretch}
.ship-list div{border-top:3px solid var(--violet);padding:10px 0 14px}
.ship-list dt{font-weight:700;font-size:1.05rem}
.ship-list dd{margin:4px 0 0;font-size:.95rem;line-height:1.55}
.ship-photo{position:relative;min-height:340px;border-radius:28px;overflow:hidden;background:var(--ice)}
.ship-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.shipping-grid{grid-template-columns:minmax(0,1fr)}.ship-photo{min-height:260px;order:-1}}

/* 14 garantia */
.happiness{background-color:#3e0b91;color:#fff;text-align:center;padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px)}
.happiness a:focus-visible{outline-color:var(--sun)}
.happy-row{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px)}
.happy-text{max-width:560px}
.happy-text p:last-child{margin:0}
.badge{flex:0 0 auto;width:150px;height:150px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}
.badge img{width:120px;height:auto}
@media(max-width:760px){.happy-row{flex-wrap:wrap}.happy-text{order:-1;flex:1 1 100%}}

/* 15 nota */
.desk .narrow{border-left:6px solid var(--violet);padding-left:clamp(18px,3vw,36px)}
.desk h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}

/* 16 fechamento */
.finale{background-color:#eec9f2;background-image:linear-gradient(180deg,#dad9ff 0%,#ffb8e7 100%);text-align:center}
.finale .actions{justify-content:center}
.finale p{max-width:34em;margin-left:auto;margin-right:auto}
.finale .actions{max-width:none}
.finale-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:48px 0 0}
.finale-img{display:block;border-radius:24px;padding:12px;aspect-ratio:1}
.finale-img img{width:100%;height:100%;object-fit:contain}
.finale-grid li:nth-child(1) .finale-img{background:var(--sun)}
.finale-grid li:nth-child(2) .finale-img{background:var(--ice)}
.finale-grid li:nth-child(3) .finale-img{background:var(--lav)}
.finale-grid li:nth-child(4) .finale-img{background:#fff}
@media(max-width:700px){.finale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}