:root {--amarelo: #FFD400;--amarelo-q: #FFC400;--preto: #15110D;--tinta: #241d15;--roxo: #6A2BD9;--roxo-d: #4E18AE;--rosa: #FF3D8B;--ciano: #1FC4DE;--verde: #93D33A;--laranja: #FF8A2B;--creme: #FFFBEF;--branco: #fff;--radius: 22px;--maxw: 1180px;}* {box-sizing: border-box;margin: 0;padding: 0 }html {scroll-behavior: smooth }body {font-family: 'DM Sans', system-ui, sans-serif;color: var(--preto);background: var(--creme);line-height: 1.55;-webkit-font-smoothing: antialiased;overflow-x: hidden;}.wrap {max-width: var(--maxw);margin: 0 auto;padding: 0 24px }h1, h2, h3 {font-family: 'Anton', sans-serif;font-weight: 400;line-height: 1.02;letter-spacing: .5px;text-transform: uppercase }p {font-size: 1.05rem }a {color: inherit }img {max-width: 100%;display: block }.btn {display: inline-flex;align-items: center;gap: .5ch;background: var(--roxo);color: #fff;font-family: 'Baloo 2', sans-serif;font-weight: 800;font-size: 1.05rem;text-decoration: none;padding: 16px 30px;border-radius: 60px;border: 3px solid var(--preto);box-shadow: 5px 5px 0 var(--preto);transition: transform .12s ease, box-shadow .12s ease, background .2s;cursor: pointer;}.btn:hover {transform: translate(-2px, -2px);box-shadow: 7px 7px 0 var(--preto);background: var(--roxo-d) }.btn:active {transform: translate(2px, 2px);box-shadow: 2px 2px 0 var(--preto) }.btn--big {font-size: 1.2rem;padding: 19px 38px }.btn:focus-visible {outline: 4px solid var(--ciano);outline-offset: 3px }.center {text-align: center }.star {position: absolute;pointer-events: none;z-index: 1 }.star svg {display: block;filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, .18)) }.tag-sticker {display: inline-block;font-family: 'Baloo 2', sans-serif;font-weight: 800;font-size: .8rem;text-transform: uppercase;letter-spacing: .5px;padding: 7px 15px;border-radius: 40px;border: 2.5px solid var(--preto);background: var(--branco);}.topbar {background: var(--rosa);overflow: hidden;border-bottom: 3px solid var(--preto) }.topbar .row {display: flex;width: max-content;white-space: nowrap;animation: slide 16s linear infinite;font-family: 'Baloo 2', sans-serif;font-weight: 800;color: #fff;text-transform: uppercase;letter-spacing: 1.5px;font-size: .92rem;padding: 9px 0 }.topbar .row span {display: inline-flex;align-items: center;gap: 30px;padding-right: 30px }.topbar .st {color: var(--amarelo);font-size: 1.05rem }header {position: sticky;top: 0;z-index: 50;background: #fff;border-bottom: 3px solid var(--preto) }.nav {display: flex;align-items: center;justify-content: space-between;height: 88px }.logo {display: flex;align-items: center;gap: 11px;text-decoration: none;color: var(--preto) }.logo img {height: 66px;width: auto;display: block;border-radius: 11px }.logo .ml {font-family: 'DM Sans';font-weight: 700;font-size: .64rem;text-transform: uppercase;letter-spacing: 1px;background: var(--preto);color: var(--amarelo);padding: 4px 9px;border-radius: 30px }.nav-cta {font-family: 'DM Sans';font-weight: 700;font-size: .95rem;text-decoration: none;color: var(--preto) }.nav-cta span {text-decoration: underline;text-underline-offset: 3px }.hero {background: var(--amarelo);position: relative;overflow: hidden;border-bottom: 3px solid var(--preto) }.hero .wrap {display: grid;grid-template-columns: 1.05fr .95fr;gap: 30px;align-items: center;padding-top: 64px;padding-bottom: 64px;position: relative;z-index: 2 }.hero h1 {font-size: clamp(2.6rem, 6vw, 4.6rem);color: var(--preto);line-height: 1.16 }.hero h1 em {font-style: normal;color: var(--roxo);background: var(--branco);padding: .04em .12em;box-decoration-break: clone;-webkit-box-decoration-break: clone }.hero .lead {font-size: 1.18rem;margin: 22px 0 28px;max-width: 30ch;font-weight: 500 }.hero-figure {position: relative }.hero-figure .frame {background: var(--branco);border: 3px solid var(--preto);border-radius: var(--radius);box-shadow: 10px 10px 0 var(--preto);overflow: hidden;transform: rotate(-2deg) }.hero-figure img {width: 100%;height: 680px;object-fit: cover;object-position: center 18% }.hero-badge {position: absolute;z-index: 4;width: 172px;height: 172px;filter: drop-shadow(6px 6px 0 var(--preto));transform-origin: center;animation: pop 3.2s ease-in-out infinite }.hero-badge svg {width: 100%;height: 100%;display: block;overflow: visible }.hero-badge .b-bg {fill: var(--rosa);stroke: var(--preto);stroke-width: 4.5px;stroke-linejoin: round }.hero-badge .b-num {font-family: 'Anton', sans-serif;font-size: 50px;fill: #fff }.hero-badge .b-lbl {font-family: 'Baloo 2', sans-serif;font-weight: 800;font-size: 13px;fill: #fff;letter-spacing: .5px }.hb-1 {top: -46px;right: -34px }.strip {background: var(--preto);color: var(--amarelo);overflow: hidden;border-bottom: 3px solid var(--preto) }.strip .row {display: flex;gap: 42px;align-items: center;white-space: nowrap;padding: 14px 0;font-family: 'Baloo 2';font-weight: 800;font-size: 1.05rem;text-transform: uppercase;letter-spacing: 1px;animation: slide 22s linear infinite }.strip .row span {display: inline-flex;align-items: center;gap: 42px }.strip .dot {color: var(--rosa) }@keyframes slide {from {transform: translateX(0) }to {transform: translateX(-50%) }}section {padding: 78px 0 }.eyebrow {display: inline-block;font-family: 'Baloo 2';font-weight: 800;text-transform: uppercase;letter-spacing: 1.5px;font-size: .85rem;color: var(--roxo);background: var(--branco);border: 2.5px solid var(--preto);padding: 6px 16px;border-radius: 40px;margin-bottom: 18px }.sec-title {font-size: clamp(2rem, 4.4vw, 3.2rem) }.split {display: grid;grid-template-columns: 1fr 1fr;gap: 54px;align-items: center }.oque img {border: 3px solid var(--preto);border-radius: var(--radius);box-shadow: 8px 8px 0 var(--roxo);height: 520px;width: 100%;object-fit: cover;object-position: center 30% }.oque .sec-title {margin: 14px 0 18px }.oque .care {margin-top: 24px;background: var(--amarelo);border: 3px solid var(--preto);border-radius: var(--radius);padding: 22px 24px;box-shadow: 6px 6px 0 var(--preto) }.oque .care h3 {font-size: 1.05rem;margin-bottom: 12px }.care-list {display: flex;flex-wrap: wrap;gap: 10px;list-style: none }.care-list li {font-family: 'Baloo 2';font-weight: 700;background: #fff;border: 2.5px solid var(--preto);border-radius: 40px;padding: 8px 16px;font-size: .95rem }.beneficios {background: var(--roxo);color: #fff;border-top: 3px solid var(--preto);border-bottom: 3px solid var(--preto) }.beneficios .eyebrow {color: var(--roxo) }.beneficios .sec-title {color: #fff;max-width: 16ch;margin-bottom: 42px }.cards {display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px }.card {background: var(--branco);color: var(--preto);border: 3px solid var(--preto);border-radius: var(--radius);padding: 26px;box-shadow: 7px 7px 0 var(--preto);transition: transform .14s ease }.card:hover {transform: translateY(-5px) }.card .ic {width: 54px;height: 54px;border-radius: 14px;border: 3px solid var(--preto);display: flex;align-items: center;justify-content: center;font-size: 1.6rem;margin-bottom: 16px }.card h3 {font-size: 1.15rem;margin-bottom: 8px }.card p {font-size: .98rem }.c1 .ic {background: var(--amarelo) }.c2 .ic {background: var(--verde) }.c3 .ic {background: var(--ciano) }.c4 .ic {background: var(--rosa) }.c5 .ic {background: var(--laranja) }.c6 .ic {background: var(--amarelo) }.beneficios .center {margin-top: 46px }.beneficios .btn {background: var(--amarelo);color: var(--preto) }.beneficios .btn:hover {background: #fff }.como {background: var(--creme) }.steps3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-top: 42px;counter-reset: s }.step3 {position: relative;background: #fff;border: 3px solid var(--preto);border-radius: var(--radius);padding: 34px 26px 28px;box-shadow: 7px 7px 0 var(--preto) }.step3 .num {position: absolute;top: -22px;left: 24px;width: 46px;height: 46px;border-radius: 50%;background: var(--rosa);color: #fff;border: 3px solid var(--preto);font-family: 'Anton';display: flex;align-items: center;justify-content: center;font-size: 1.4rem }.step3:nth-child(2) .num {background: var(--ciano) }.step3:nth-child(3) .num {background: var(--verde);color: var(--preto) }.step3 h3 {font-size: 1.2rem;margin: 8px 0 8px }.passos {background: var(--amarelo);border-top: 3px solid var(--preto);border-bottom: 3px solid var(--preto) }.banner {position: relative;border: 3px solid var(--preto);border-radius: var(--radius);overflow: hidden;box-shadow: 8px 8px 0 var(--preto);margin: 38px 0 48px;height: 360px }.banner img {width: 100%;height: 100%;object-fit: cover;object-position: center }.banner .ovl {position: absolute;inset: 0;background: linear-gradient(90deg, rgba(38, 16, 2, .6) 0%, rgba(38, 16, 2, .18) 40%, rgba(38, 16, 2, 0) 60%);display: flex;align-items: center;padding: 0 48px }.banner .ovl h3 {color: #fff;font-size: clamp(1.6rem, 3.6vw, 2.6rem);max-width: 14ch }.steps4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px }.step4 {background: #fff;border: 3px solid var(--preto);border-radius: var(--radius);padding: 24px 22px;box-shadow: 6px 6px 0 var(--preto) }.step4 .pill {display: inline-flex;align-items: center;justify-content: center;font-family: 'Anton';background: var(--preto);color: var(--amarelo);width: 40px;height: 40px;border-radius: 50%;font-size: 1.2rem;margin-bottom: 14px }.step4 h3 {font-size: 1.1rem;margin-bottom: 6px }.step4 p {font-size: .95rem }.passos .ready {text-align: center;margin-top: 8px;font-family: 'Baloo 2';font-weight: 700;font-size: 1.1rem }.passos .center {margin-top: 30px }.quem {background: var(--ciano);border-bottom: 3px solid var(--preto);text-align: center }.quem .sec-title {max-width: 18ch;margin: 0 auto 30px }.chips {display: flex;flex-wrap: wrap;gap: 14px;justify-content: center;max-width: 880px;margin: 0 auto }.chip {font-family: 'Baloo 2';font-weight: 800;background: #fff;border: 3px solid var(--preto);border-radius: 50px;padding: 13px 24px;font-size: 1.05rem;box-shadow: 4px 4px 0 var(--preto) }.chip:nth-child(2n) {background: var(--amarelo) }.chip:nth-child(3n) {background: var(--rosa);color: #fff }.chip:nth-child(5n) {background: var(--verde) }.porque .cards {grid-template-columns: repeat(3, 1fr) }.porque .card .ic {background: var(--roxo);color: #fff }.porque .card:nth-child(2) .ic {background: var(--rosa);color: #fff }.porque .card:nth-child(3) .ic {background: var(--amarelo);color: var(--preto) }.faq {background: var(--preto);color: #fff }.faq .sec-title {color: var(--amarelo) }.acc {max-width: 820px;margin: 38px auto 0 }.acc-item {border: 3px solid var(--amarelo);border-radius: 18px;margin-bottom: 14px;background: #1d1810;overflow: hidden }.acc-q {width: 100%;text-align: left;background: none;border: none;color: #fff;cursor: pointer;font-family: 'Baloo 2';font-weight: 700;font-size: 1.08rem;padding: 20px 24px;display: flex;justify-content: space-between;align-items: center;gap: 16px }.acc-q:focus-visible {outline: 3px solid var(--ciano);outline-offset: -3px }.acc-q .pm {font-family: 'Anton';font-size: 1.6rem;color: var(--amarelo);transition: transform .2s;flex: 0 0 auto }.acc-item[open-state] .acc-q .pm, .acc-q[aria-expanded="true"] .pm {transform: rotate(45deg) }.acc-a {max-height: 0;overflow: hidden;transition: max-height .3s ease }.acc-a p {padding: 0 24px 22px;color: #e9e3d6;font-size: 1rem }footer {background: var(--amarelo);border-top: 3px solid var(--preto);padding: 54px 0 30px }.foot-top {display: flex;flex-wrap: wrap;gap: 30px;justify-content: space-between;align-items: center }.foot-top .logo {font-size: 2.1rem }.foot-top .logo img {height: 78px;border-radius: 12px }footer .btn {background: var(--preto);color: var(--amarelo) }footer .btn:hover {background: var(--roxo);color: #fff }.foot-bottom {margin-top: 36px;padding-top: 20px;border-top: 2.5px solid var(--preto);display: flex;flex-wrap: wrap;gap: 10px;justify-content: space-between;font-size: .9rem;font-weight: 500 }@keyframes float {0%, 100% {transform: rotate(-2deg) translateY(0) }50% {transform: rotate(-2deg) translateY(-14px) }}.hero-figure .frame {animation: float 5.5s ease-in-out infinite }@keyframes pop {0%, 100% {transform: rotate(-9deg) scale(1) }50% {transform: rotate(-3deg) scale(1.1) }}.oque img, .banner {opacity: 0;transform: translateY(30px);transition: opacity .65s ease, transform .65s ease }.oque img.is-in, .banner.is-in {opacity: 1;transform: none }.prod, .card, .step3, .step4, .chip {opacity: 0;transition: opacity .6s ease, transform .14s ease }.prod.is-in, .card.is-in, .step3.is-in, .step4.is-in, .chip.is-in {opacity: 1 }.produtos {background: var(--creme) }.produtos .head {text-align: center;max-width: 30ch;margin: 0 auto }.prod-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-top: 46px }.prod {background: #fff;border: 3px solid var(--preto);border-radius: var(--radius);overflow: hidden;box-shadow: 7px 7px 0 var(--preto);transition: transform .15s ease, box-shadow .15s ease }.prod:hover {transform: translateY(-7px);box-shadow: 9px 12px 0 var(--preto) }.prod .ph {height: 320px;overflow: hidden;border-bottom: 3px solid var(--preto);position: relative }.prod .ph img {width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease }.prod:hover .ph img {transform: scale(1.07) }.prod .flag {position: absolute;top: 14px;left: 14px;z-index: 2;font-family: 'Baloo 2';font-weight: 800;font-size: .72rem;text-transform: uppercase;letter-spacing: .5px;color: #fff;border: 2.5px solid var(--preto);padding: 6px 13px;border-radius: 40px;box-shadow: 3px 3px 0 var(--preto) }.p1 .flag {background: var(--rosa) }.p2 .flag {background: var(--ciano);color: var(--preto) }.p3 .flag {background: var(--roxo) }.prod .body {padding: 22px 24px 26px }.prod .line {font-family: 'Baloo 2';font-weight: 700;font-size: .8rem;text-transform: uppercase;letter-spacing: 1px;color: var(--roxo) }.prod h3 {font-size: 1.3rem;margin: 4px 0 8px }.prod p {font-size: .96rem;margin-bottom: 14px }.prod .promote {display: inline-flex;align-items: center;gap: 6px;font-family: 'Baloo 2';font-weight: 800;color: var(--preto);background: var(--amarelo);border: 2.5px solid var(--preto);border-radius: 40px;padding: 8px 16px;font-size: .9rem;text-decoration: none }.prod .promote:hover {background: var(--preto);color: var(--amarelo) }.maisl {margin-top: 48px;text-align: center }.maisl .t {font-family: 'Baloo 2';font-weight: 700;font-size: 1.1rem;margin-bottom: 18px }.maisl .chips {max-width: 760px }.maisl .chip {font-size: .92rem;padding: 10px 18px }@media (max-width:920px) {.hero .wrap, .split {grid-template-columns: 1fr }.hero-figure {order: -1;max-width: 520px }.hero-figure img {height: 500px }.cards, .porque .cards {grid-template-columns: 1fr 1fr }.prod-grid {grid-template-columns: 1fr 1fr }.steps3, .steps4 {grid-template-columns: 1fr 1fr }.oque img {height: 380px }}@media (max-width:560px) {section {padding: 56px 0 }.wrap {padding: 0 18px }.cards, .porque .cards, .steps3, .steps4 {grid-template-columns: 1fr }.prod-grid {grid-template-columns: 1fr }.nav-cta {font-size: .82rem }.hero-figure img {height: 440px }.banner {height: 220px }.banner .ovl {padding: 0 24px }.hero-badge {width: 124px;height: 124px }.hb-1 {top: -32px;right: -14px }}@media (prefers-reduced-motion:reduce) {.strip .row, .topbar .row, .hero-figure .frame, .hero-badge {animation: none }.oque img, .banner, .prod, .card, .step3, .step4, .chip {opacity: 1 !important;transform: none !important }* {transition: none !important }}.area-footer {padding: 0px;}footer{padding-bottom: 0px;}