:root {padding-top: env(safe-area-inset-top, 0px);padding-bottom: env(safe-area-inset-bottom, 0px);--yellow: #FFC608;--yellow-2: #F0B400;--butter: #FFF3C4;--ink: #111010;--ink-2: #57514a;--cream: #F1EBE4;--sand: #E4D9CD;--paper: #FCFBF9;--line: #E7E0D7;--white: #fff;--sun: #FBD306;--sun-2: #FAC500;--hero-grad: linear-gradient(90deg, var(--sun) 0%, var(--sun) 38%, var(--sun-2) 100%);--foot-ink: #cfc8bf;--foot-mute: #9a928a;--foot-line: #2b2927;--f-display: "Montserrat", "Garet", "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--f-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 24px;--gut: clamp(16px, 4vw, 56px);--max: 1320px;color-scheme: light;--sym: url("https://bucket-seed.s3.us-east-2.amazonaws.com/cipet.afiliadosmais.com.br/lp/images/simbolo-pata.svg");}[hidden] {display: none !important;}* {box-sizing: border-box;@media (prefers-reduced-motion: reduce) {animation: none !important;transition: none !important;}}html {-webkit-text-size-adjust: 100%;scroll-behavior: smooth;@media (prefers-reduced-motion: reduce) {scroll-behavior: auto;}}body {margin: 0;background: var(--paper);color: var(--ink);font-family: var(--f-body);font-size: 17px;line-height: 1.55;-webkit-font-smoothing: antialiased;}a {color: inherit;}img, video {max-width: 100%;display: block;}p {margin: 0;}.wrap {max-width: var(--max);margin-inline: auto;padding-inline: var(--gut);}h1, h2, h3 {font-family: var(--f-display);font-weight: 800;text-transform: uppercase;line-height: 1;letter-spacing: -.025em;text-wrap: balance;margin: 0;color: var(--ink);}h1 {font-size: clamp(38px, 5.4vw, 80px);}h2 {font-size: clamp(30px, 3.9vw, 56px);}h3 {font-size: clamp(17px, 1.5vw, 19px);line-height: 1.2;letter-spacing: -.01em;}.eyebrow {display: inline-block;font: 700 12px/1 var(--f-display);letter-spacing: .14em;text-transform: uppercase;color: var(--ink);background: var(--yellow);padding: 8px 12px;border-radius: 999px;&.inv {background: var(--ink);color: var(--yellow);}}.lead {font-size: clamp(18px, 1.5vw, 20px);color: var(--ink-2);max-width: 46ch;}.btn {display: inline-flex;align-items: center;gap: 10px;border: 0;cursor: pointer;font: 800 14px/1 var(--f-display);letter-spacing: .06em;text-transform: uppercase;text-decoration: none;padding: 18px 28px;border-radius: 999px;background: var(--yellow);color: var(--ink);transition: background .2s, color .2s;&:hover {background: var(--ink);color: var(--yellow);}&.ghost {background: transparent;color: var(--ink);box-shadow: inset 0 0 0 1.5px var(--ink);&:hover {background: var(--butter);}}&.dark {background: var(--ink);color: var(--white);&:hover {background: var(--white);color: var(--ink);}}svg {width: 16px;height: 16px;}}:focus-visible {outline: 3px solid var(--ink);outline-offset: 3px;}.sym {display: inline-block;background: currentColor;-webkit-mask: var(--sym) center/contain no-repeat;mask: var(--sym) center/contain no-repeat;aspect-ratio: 1;}section {padding-block: clamp(64px, 9vw, 130px);}.kicker {display: flex;justify-content: space-between;gap: 16px;border-top: 1.5px solid var(--ink);padding-top: 14px;margin-bottom: clamp(28px, 4vw, 56px);span {font: 700 12px/1.3 var(--f-display);letter-spacing: .14em;text-transform: uppercase;color: var(--ink);}}.brand {display: inline-flex;align-items: flex-end;font: 900 28px/1 var(--f-display);letter-spacing: -.02em;color: var(--ink);text-decoration: none;padding-top: .36em;flex: none;.i {position: relative;display: inline-block;&::before {content: "";position: absolute;left: 50%;bottom: 100%;width: .56em;height: .56em;transform: translate(-50%, -.04em);background: currentColor;-webkit-mask: var(--sym) center/contain no-repeat;mask: var(--sym) center/contain no-repeat;}}}.rv {transition: opacity .9s cubic-bezier(.2, .7, .2, 1), transform .9s cubic-bezier(.2, .7, .2, 1), clip-path 1.1s cubic-bezier(.2, .7, .2, 1);transition-delay: var(--d, 0ms);&.pre {opacity: 0;transform: translateY(40px);}}.rv-img {clip-path: inset(0 0 0 0 round var(--r));img, video {transition: transform 1.4s cubic-bezier(.2, .7, .2, 1);transition-delay: var(--d, 0ms);}&.pre {opacity: 1;transform: scale(.96);clip-path: inset(22% 8% 0 8% round var(--r));img, video {transform: scale(1.18) translateY(20px);}}}.rv-line {position: relative;border-top-color: transparent !important;&::before {content: "";position: absolute;left: 0;right: 0;top: -1.5px;height: 1.5px;background: var(--kline, var(--ink));transform-origin: 0 50%;transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);}span {transition: opacity .8s .25s, transform .8s .25s cubic-bezier(.2, .7, .2, 1);}&.pre {opacity: 1;transform: none;&::before {transform: scaleX(0);}span {opacity: 0;transform: translateY(10px);}}}.scrollbar {position: fixed;left: 0;right: 0;top: 0;height: 3px;z-index: 40;background: var(--ink);transform-origin: 0 50%;transform: scaleX(0);pointer-events: none;}header {position: sticky;top: env(safe-area-inset-top, 0px);z-index: 30;background: var(--hero-grad);border-bottom: 1px solid transparent;transition: border-color .3s, box-shadow .3s;&.stuck {border-bottom-color: rgba(17, 16, 16, .12);box-shadow: 0 8px 24px rgba(70, 50, 0, .10);}.btn.ghost:hover {background: rgba(255, 255, 255, .4);}}.nav {display: flex;align-items: center;justify-content: space-between;gap: 24px;height: 70px;ul {display: flex;gap: 28px;list-style: none;margin: 0;padding: 0;a {text-decoration: none;font: 700 12px/1 var(--f-display);letter-spacing: .1em;text-transform: uppercase;padding-block: 6px;background: linear-gradient(var(--ink), var(--ink)) 0 100%/0 2px no-repeat;transition: background-size .25s;&:hover {background-size: 100% 2px;}}@media (max-width: 900px) {display: none;}}.brand {@media (max-width: 900px) {font-size: 25px;}@media (max-width: 420px) {font-size: 22px;}}.btn {padding: 13px 20px;font-size: 12px;white-space: nowrap;@media (max-width: 420px) {padding: 11px 12px;font-size: 11px;letter-spacing: .03em;}&.ghost {gap: 8px;padding: 12px 18px;svg {width: 16px;height: 16px;}@media (max-width: 520px) {padding: 10px;width: 42px;height: 42px;justify-content: center;span {display: none;}}@media (max-width: 420px) {width: 40px;height: 40px;padding: 0;}}}@media (max-width: 420px) {gap: 8px;}}.nav-actions {display: flex;align-items: center;gap: 10px;@media (max-width: 520px) {gap: 8px;}@media (max-width: 420px) {gap: 6px;}}.hero {padding-block: 0;}.cta-row {display: flex;flex-wrap: wrap;gap: 12px;}.stage-hero {position: relative;overflow: hidden;background: var(--hero-grad);min-height: clamp(560px, calc(100vh - 70px), 820px);display: flex;align-items: center;isolation: isolate;@media (max-width: 1080px) {flex-direction: column;align-items: stretch;min-height: 0;}}.mascot {position: absolute;right: 0;bottom: 0;height: 88%;aspect-ratio: 1112/826;width: auto;max-width: 60%;margin: 0;z-index: -1;@media (max-width: 1080px) {position: relative;inset: auto;height: auto;width: 100%;max-width: 820px;margin-inline: auto;aspect-ratio: 1112/826;}video {width: 100%;height: 100%;object-fit: cover;object-position: 30% 100%;display: block;background: transparent;-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%), linear-gradient(180deg, transparent 0, #000 7%);-webkit-mask-composite: source-in;mask-image: linear-gradient(90deg, transparent 0, #000 22%), linear-gradient(180deg, transparent 0, #000 7%);mask-composite: intersect;@media (max-width: 1080px) {object-position: 50% 100%;-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%), linear-gradient(180deg, transparent 0, #000 14%);-webkit-mask-composite: source-in;mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%), linear-gradient(180deg, transparent 0, #000 14%);mask-composite: intersect;}}}.hero-wrap {width: 100%;}@keyframes rise {from {opacity: 0;transform: translateY(28px);}to {opacity: 1;transform: none;}}.hero-in {padding-block: clamp(40px, 6vw, 88px);max-width: 560px;display: grid;gap: 22px;justify-items: start;min-width: 0;> * {animation: rise 1s cubic-bezier(.2, .7, .2, 1) both;&:nth-child(2) {animation-delay: .12s;}&:nth-child(3) {animation-delay: .26s;}&:nth-child(4) {animation-delay: .4s;}}h1 em {font-style: normal;background: linear-gradient(transparent 62%, var(--white) 62%, var(--white) 92%, transparent 92%);padding-inline: .04em;}.lead {color: var(--ink);max-width: 38ch;}@media (max-width: 1080px) {padding-block: clamp(28px, 6vw, 56px) 0;max-width: 640px;gap: 16px;}}.highs {display: grid;grid-template-columns: repeat(4, 1fr);border-top: 1px solid var(--line);margin-top: clamp(40px, 5vw, 72px);@media (max-width: 760px) {grid-template-columns: 1fr 1fr;}}.high {padding: 24px 20px 4px 0;display: grid;gap: 6px;border-right: 1px solid var(--line);min-width: 0;align-content: start;&:last-child {border-right: 0;}b {font: 800 clamp(38px, 4.4vw, 64px)/1 var(--f-display);color: var(--ink);font-variant-numeric: tabular-nums;letter-spacing: -.03em;}span {font-size: 15px;color: var(--ink-2);max-width: 22ch;}& + .high {padding-left: 20px;}@media (max-width: 760px) {padding: 20px 12px 20px 0;border-bottom: 1px solid var(--line);& + .high {padding-left: 0;}&:nth-child(2n) {border-right: 0;padding-left: 16px;}&:nth-child(4) {padding-left: 16px;}}}#comunidade {padding-bottom: 0;}.s1-grid {display: grid;grid-template-columns: 1fr 1fr;gap: clamp(28px, 5vw, 80px);align-items: end;> * {min-width: 0;}.lead {max-width: 48ch;}@media (max-width: 760px) {grid-template-columns: 1fr;}}.trio {display: grid;grid-template-columns: 1fr 1.4fr 1fr;gap: 14px;margin-top: clamp(40px, 5vw, 64px);align-items: start;figure {margin: 0;display: grid;gap: 10px;min-width: 0;&:nth-child(1) img {object-position: 52% 50%;}&:nth-child(2) img {aspect-ratio: 9/12;object-position: 36% 50%;}&.rv {> img {transition: clip-path 1.1s cubic-bezier(.2, .7, .2, 1), transform 1.4s cubic-bezier(.2, .7, .2, 1);transition-delay: var(--d, 0ms);clip-path: inset(0 0 0 0 round var(--r));}figcaption {transition: opacity .8s .3s;}&.pre {opacity: 1;transform: none;> img {clip-path: inset(22% 8% 0 8% round var(--r));transform: scale(1.06);}figcaption {opacity: 0;}}}}img {width: 100%;object-fit: cover;border-radius: var(--r);aspect-ratio: 5/8;background: var(--cream);}figcaption {font: 700 12px/1.3 var(--f-display);letter-spacing: .14em;text-transform: uppercase;color: var(--ink);display: flex;align-items: center;gap: 8px;&::before {content: "";width: 14px;height: 14px;background: var(--yellow-2);-webkit-mask: var(--sym) center/contain no-repeat;mask: var(--sym) center/contain no-repeat;}}@media (max-width: 760px) {grid-template-columns: 1fr 1fr;figure:nth-child(2) {grid-column: 1/-1;order: -1;}img {aspect-ratio: 3/4;}figure:nth-child(2) img {aspect-ratio: 4/3;object-position: 50% 45%;}}}#produto {padding-top: clamp(40px, 6vw, 80px);}.feat {display: grid;grid-template-columns: 1fr 1fr;gap: clamp(28px, 6vw, 96px);align-items: center;& + .feat {margin-top: clamp(64px, 9vw, 130px);}&.flip .feat-art {order: 2;}@media (max-width: 860px) {grid-template-columns: 1fr;&.flip .feat-art {order: 0;}}}.feat-art {position: relative;background: var(--cream);border-radius: var(--r);aspect-ratio: 1/1;display: grid;place-items: center;overflow: hidden;max-width: 100%;img {position: absolute;inset: 0;margin: auto;width: auto;height: auto;max-width: 74%;max-height: 76%;z-index: 1;filter: drop-shadow(0 26px 30px rgba(50, 35, 10, .2));transition: transform .6s cubic-bezier(.2, .7, .2, 1);}&:hover img {transform: translateY(-8px) rotate(-1.5deg);}&.wide img {max-width: 88%;max-height: 80%;}.sym {position: absolute;width: 104%;color: var(--yellow);right: -26%;bottom: -26%;}.tag {position: absolute;left: 18px;top: 18px;z-index: 2;background: var(--white);color: var(--ink);border-radius: 999px;padding: 9px 14px;font: 700 11px/1 var(--f-display);letter-spacing: .12em;text-transform: uppercase;}}.feat-copy {display: grid;gap: 22px;min-width: 0;.big {font: 800 clamp(64px, 8vw, 120px)/.9 var(--f-display);color: var(--ink);letter-spacing: -.04em;font-variant-numeric: tabular-nums;small {font: 700 .24em/1 var(--f-display);letter-spacing: .06em;color: var(--ink-2);margin-left: 10px;text-transform: uppercase;}}}.checks {list-style: none;margin: 0;padding: 0;display: grid;border-top: 1px solid var(--line);li {padding: 13px 0;border-bottom: 1px solid var(--line);display: flex;gap: 12px;align-items: baseline;&::before {content: "";flex: none;width: 9px;height: 9px;border-radius: 50%;background: var(--yellow);box-shadow: 0 0 0 1.5px var(--ink);transform: translateY(-2px);}}b {font-weight: 700;}}.s-exp {background: var(--white);}.exp {display: grid;grid-template-columns: 1.2fr 1fr;gap: clamp(24px, 5vw, 72px);align-items: center;@media (max-width: 860px) {grid-template-columns: minmax(0, 1fr);}}.exp-stage {position: relative;aspect-ratio: 1/1;max-width: 100%;background: radial-gradient(circle at 50% 60%, var(--butter), var(--white) 70%);border-radius: var(--r);display: grid;place-items: center;overflow: hidden;container-type: inline-size;img {position: absolute;left: 50%;bottom: 9%;translate: -50% 0;width: auto;height: 70%;max-width: 84%;object-fit: contain;transition: opacity .35s, transform .45s cubic-bezier(.2, .7, .2, 1);filter: drop-shadow(0 30px 34px rgba(50, 35, 10, .2));&.out {opacity: 0;transform: translateY(16px) scale(.97);}}.word {position: absolute;top: 6%;left: 0;right: 0;text-align: center;font-family: var(--f-display);font-weight: 900;text-transform: uppercase;letter-spacing: -.05em;line-height: .8;color: var(--ink);opacity: .07;font-size: min(30cqw, calc(140cqw / var(--len, 6)));white-space: nowrap;pointer-events: none;}}.exp-side {display: grid;gap: 22px;min-width: 0;justify-items: start;.dl, .lead, .seg {width: 100%;}> * {max-width: 100%;min-width: 0;}}.seg {display: flex;flex-wrap: wrap;gap: 8px;button {border: 1.5px solid var(--line);background: var(--paper);color: var(--ink);border-radius: 999px;padding: 12px 16px;font: 700 12px/1 var(--f-display);letter-spacing: .06em;text-transform: uppercase;cursor: pointer;transition: border-color .2s, background .2s;&:hover {border-color: var(--ink);}&[aria-pressed="true"] {border-color: var(--ink);background: var(--ink);color: var(--yellow);}}}.dl {display: grid;grid-template-columns: auto 1fr;margin: 0;border-top: 1px solid var(--line);dt, dd {padding: 12px 0;border-bottom: 1px solid var(--line);margin: 0;}dt {font: 700 11px/1.6 var(--f-display);letter-spacing: .12em;text-transform: uppercase;color: var(--ink-2);padding-right: 24px;}dd {text-align: right;font-weight: 500;font-variant-numeric: tabular-nums;}}.note {font-size: 13px;color: var(--ink-2);}.s-steps {--kline: rgba(255, 255, 255, .55);background: var(--ink);color: var(--white);position: relative;overflow: hidden;h2, h3 {color: var(--white);}.kicker span {color: var(--white);}& :focus-visible {outline-color: var(--yellow);}> .sym {position: absolute;width: min(560px, 74vw);right: -8%;top: -14%;color: var(--yellow);opacity: .12;transform: rotate(-18deg);}> .wrap {position: relative;}}.steps {list-style: none;margin: clamp(32px, 4vw, 56px) 0 0;padding: 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 0;border-top: 1px solid rgba(255, 255, 255, .3);position: relative;li {padding: 26px 24px 0 0;display: grid;gap: 10px;align-content: start;min-width: 0;& + li {padding-left: 24px;border-left: 1px solid rgba(255, 255, 255, .22);}}.n {font: 800 clamp(56px, 6vw, 88px)/1 var(--f-display);color: var(--yellow);font-variant-numeric: tabular-nums;letter-spacing: -.04em;}p {color: rgba(255, 255, 255, .84);max-width: 32ch;}@media (max-width: 760px) {grid-template-columns: 1fr;li, li + li {padding: 22px 0;border-left: 0;border-bottom: 1px solid rgba(255, 255, 255, .22);}}}.faq-grid {display: grid;grid-template-columns: 1fr 1.5fr;gap: clamp(28px, 5vw, 80px);align-items: start;> * {min-width: 0;}.kicker {margin-bottom: 22px;}@media (max-width: 860px) {grid-template-columns: 1fr;}}.faq {details {border-bottom: 1px solid var(--line);&:first-child {border-top: 1px solid var(--line);}}summary {list-style: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 20px 0;font-size: 18px;font-weight: 600;&::-webkit-details-marker {display: none;}}.ans {padding: 0 0 20px;color: var(--ink-2);max-width: 60ch;}}.plus {flex: none;width: 28px;height: 28px;border-radius: 50%;background: var(--yellow);color: var(--ink);display: grid;place-items: center;font-size: 18px;font-weight: 700;line-height: 1;transition: transform .25s;details[open] & {transform: rotate(45deg);}}.final {background: var(--yellow);color: var(--ink);position: relative;overflow: hidden;h2 {font-size: clamp(42px, 7.4vw, 112px);max-width: 11ch;margin-top: 18px;}.lead {color: var(--ink);margin-top: 22px;}.cta-row {margin-top: 34px;}.btn.ghost:hover {background: rgba(255, 255, 255, .4);}> .wrap {position: relative;z-index: 1;}small {display: block;margin-top: 26px;font-size: 14px;font-weight: 500;}@media (max-width: 860px) {padding-bottom: 0;}}.final-art {position: absolute;z-index: 0;bottom: 0;top: 5%;right: max(0px, calc((100% - var(--max)) / 2 + var(--gut) - 30px));width: min(44%, 600px);pointer-events: none;.sym {position: absolute;left: 50%;top: 46%;width: min(136%, 740px);transform: translate(-50%, -50%) rotate(14deg);color: var(--ink);opacity: .09;}img {position: absolute;left: 50%;bottom: 0;height: 100%;width: auto;max-width: none;transform: translateX(-50%);transform-origin: 50% 100%;filter: drop-shadow(0 24px 34px rgba(70, 45, 0, .28));animation: bob 4.5s ease-in-out infinite;}@media (max-width: 860px) {position: relative;top: auto;right: auto;width: 100%;height: clamp(380px, 92vw, 560px);margin-top: 28px;.sym {width: min(96%, 460px);}}}@keyframes bob {0%, 100% {transform: translateX(-50%) rotate(0);}50% {transform: translateX(-50%) translateY(-10px) rotate(-1.5deg);}}footer {background: var(--ink);color: var(--foot-ink);padding-block: 56px 18px;font-size: 15px;& :focus-visible {outline-color: var(--yellow);}}.foot {display: grid;grid-template-columns: 1.5fr 1fr 1fr;gap: 32px;> * {min-width: 0;}.brand {color: var(--white);font-size: 34px;}p {margin-top: 16px;max-width: 34ch;}h4 {margin: 0 0 12px;font: 700 12px/1 var(--f-display);letter-spacing: .14em;text-transform: uppercase;color: var(--yellow);}ul {list-style: none;margin: 0;padding: 0;display: grid;gap: 8px;}a {text-decoration: none;&:hover {color: var(--white);}}@media (max-width: 760px) {grid-template-columns: 1fr 1fr;> div:first-child {grid-column: 1/-1;}}}.legal {margin-top: 44px;padding-top: 18px;border-top: 1px solid var(--foot-line);display: flex;justify-content: space-between;gap: 16px;flex-wrap: wrap;font-size: 13px;color: var(--foot-mute);}.tpl-131 {background: var(--ink);mais-footer {display: block;width: 100%;}.area-footer {padding-block: 0;background: transparent;.container .box-footer {width: 100%;max-width: var(--max);margin-inline: auto;justify-self: stretch;padding: 0 var(--gut) 28px;font-size: 13px;font-weight: 400;}}}