@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');:root {--font-family-poppins: 'Poppins', sans-serif;--font-family-inter: 'Inter', sans-serif;--color-white: #fff;--color-black-1: #1D1D1B;--color-black-2: #000;--background-green: #7F8F75;--background-white: #fff;--background-button-black: #000;--background-button-green: #343B30;--height-button: 39px;--width-button: 170px;--font-size-title: 32px;--bg-hero: #E9E9EB;--bg-gray: #A09F9D;--bg-soft: #FCFBFE;--bg-lavender: #ECEBF3;--bg-para: #EEECF4;--text-muted: #55524F;--line: rgba(29, 29, 27, .18);--font-display: 'Oswald', sans-serif;--wrap: 1300px;--pad-x: clamp(20px, 6vw, 64px);--radius: 14px;}*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}html {scroll-behavior: smooth;}body {font-family: var(--font-family-inter);color: var(--color-black-1);background: var(--background-white);line-height: 1.5;-webkit-font-smoothing: antialiased;overflow-x: hidden;}img {display: block;max-width: 100%;height: auto;}a {text-decoration: none;color: inherit;}::-webkit-scrollbar {width: 12px;}::-webkit-scrollbar-track {background: var(--bg-lavender);}::-webkit-scrollbar-thumb {background: var(--background-green);border-radius: 20px;border: 3px solid var(--bg-lavender);&:hover {background: var(--background-button-green);}}.display {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;line-height: 1.05;letter-spacing: .01em;color: var(--color-black-1);}.container {width: 100%;max-width: var(--wrap);margin-inline: auto;padding-inline: var(--pad-x);}.site-header {background: var(--background-white);border-bottom: 1px solid rgba(29, 29, 27, .06);position: sticky;top: 0;z-index: 50;.header-inner {max-width: var(--wrap);margin-inline: auto;padding: 25px var(--pad-x);display: flex;align-items: center;justify-content: space-between;gap: 24px;}.logo {display: inline-flex;align-items: center;img {width: 100%;max-width: 125px;}}.nav-toggle {display: none;}.nav {display: flex;align-items: center;gap: 40px;margin-left: auto;a {font-family: 'Poppins', sans-serif;text-transform: none;font-weight: 400;font-size: 14px;letter-spacing: .08em;color: var(--color-black-1);position: relative;padding: 4px 0;&::after {content: "";position: absolute;left: 0;bottom: -2px;width: 0;height: 1.5px;background: var(--background-green);transition: width .25s ease;}&:hover {color: var(--background-green);}&:hover::after {width: 100%;}}}.btn-entrar {width: var(--width-button);height: var(--height-button);background: var(--background-button-black);color: var(--color-white);border: none;border-radius: 999px;font-family: var(--font-display);text-transform: uppercase;letter-spacing: .12em;font-size: 13px;font-weight: 500;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;transition: background .25s ease, transform .15s ease;font-weight: 300;font-size: 16px;text-transform: none;&:hover {background: var(--background-button-green);}&:active {}}.burger {grid-column: 3 !important;display: none;width: 42px;height: 42px;border: none;background: transparent;cursor: pointer;flex-direction: column;justify-content: center;gap: 6px;padding: 8px;span {display: block;height: 2px;width: 100%;background: var(--color-black-1);border-radius: 2px;transition: transform .3s ease, opacity .3s ease;}}}.hero {display: flex;flex-direction: column;overflow: hidden;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/image-2.webp');background-position: center right 10%;background-size: cover;background-clip: border-box;background-repeat: no-repeat;min-height: 550px;.hero-inner {max-width: var(--wrap);margin-inline: auto;padding: clamp(40px, 7vw, 78px) var(--pad-x) clamp(48px, 8vw, 90px);display: grid;grid-template-columns: 1fr;gap: 15px;padding-right: 40%;}.eyebrow {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .16em;font-weight: 400;font-size: 16px;color: var(--color-black-1);margin-bottom: 6px;font-weight: 300;font-size: 26px;letter-spacing: 2px;line-height: 1.14;}h1 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;line-height: 1.06;letter-spacing: .005em;color: var(--color-black-1);margin-bottom: 22px;font-size: 40px;font-weight: 700;line-height: 1.14;max-width: 600px;}p {font-size: 20px;font-family: var(--font-display);font-weight: 300;color: var(--color-black-2);line-height: 1.14;max-width: 375px;margin-bottom: 35px;}.hero-media {position: absolute;display: flex;width: 100%;left: 0;display: none;top: 0;img {display: flex;width: 100%;object-fit: contain;mix-blend-mode: multiply;}}}.btn-dark {display: inline-flex;align-items: center;justify-content: center;min-height: 50px;min-width: 225px;padding: 0 30px;background: var(--background-button-black);color: var(--color-white);border-radius: 999px;border: none;cursor: pointer;font-family: var(--font-display);font-size: 20px;font-weight: 300;letter-spacing: .01em;transition: background .25s ease, transform .15s ease;&:hover {background: var(--background-button-green);}&:active {}}.program {background: var(--background-white);padding-block: 26px;.card-green {max-width: var(--wrap);margin-inline: auto;width: calc((100% - 30%));background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: clamp(34px, 5vw, 56px) clamp(28px, 5vw, 60px);margin-top: -2.5%;}h2 {font-family: var(--font-display);font-weight: 400;text-transform: uppercase;letter-spacing: .02em;font-size: 40px;margin-bottom: 22px;}.check-grid {list-style: none;display: flex;gap: 15px;max-width: 700px;margin-bottom: 26px;flex-wrap: wrap;li {display: flex;align-items: baseline;gap: 10px;font-size: 22px;font-weight: 300;color: rgba(255, 255, 255, .95);font-family: var ( --font-family-poppins);&::before {content: "\2713";font-weight: 700;color: var(--color-white);}}}.rule {border: 0;border-top: 1px solid rgba(255, 255, 255, .55);margin: 6px 0 30px;}h3 {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;letter-spacing: .01em;line-height: 1.08;font-size: 55px;margin-bottom: 12px;}.lead {font-weight: 500;font-size: 30px;margin-bottom: 20px;font-family: var(--font-display) }.body-copy {font-size: 26px;max-width: 54ch;color: rgba(255, 255, 255, .92);font-weight: 300;font-family: var(--font-display) }}.performance {background: var(--bg-gray);color: var(--color-white);position: relative;overflow: hidden;min-height: 460px;display: flex;align-items: center;.perf-photo {position: absolute;inset: 0 0 0 auto;width: 50%;height: 100%;img {width: 100%;height: 100%;object-fit: cover;object-position: right center;}&::before {content: "";position: absolute;inset: 0;width: 42%;background: linear-gradient(90deg, var(--bg-gray), transparent);z-index: 1;}}.perf-text {position: relative;z-index: 2;max-width: var(--wrap);margin-inline: auto;width: 100%;padding: 60px var(--pad-x);h2 {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;line-height: 1.05;font-size: 55px;max-width: 20ch;margin-bottom: 20px;}p {max-width: 35ch;font-size: 26px;color: rgba(255, 255, 255, .92);}}}.badges {background: var(--color-black-2);padding: 22px var(--pad-x);display: flex;justify-content: center;img {width: min(680px, 90%);height: auto;}}.benefits {background: var(--bg-soft);padding-block: clamp(48px, 6vw, 76px);h2.section-title {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;letter-spacing: .01em;font-size: clamp(34px, 5vw, 48px);margin-bottom: 40px;row-gap: 10px;}.grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px 60px;}article {h4 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .02em;font-size: 25px;margin-bottom: 12px;color: var(--color-black-1);}p {font-size: 20px;color: var(--text-muted);max-width: 32ch;font-weight: 550;}}.timeline {list-style: none;position: relative;margin-left: 6px;padding-left: 20px;&::before {content: "";position: absolute;left: 3px;top: 8px;bottom: 50px;width: 1.5px;background: var(--color-black-1);}li {position: relative;font-size: 14px;color: var(--text-muted);padding-bottom: 16px;max-width: 40ch;font-weight: 550;&::before {content: "";position: absolute;left: -20px;top: 6px;width: 8px;height: 8px;border-radius: 50%;background: var(--color-black-1);}&:last-child {padding-bottom: 0;}}}.stack {display: grid;flex-direction: column;gap: 30px;}}.extras {background: var(--background-green);color: var(--color-white);padding-block: clamp(3px, 0vw, 5px);h2 {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;font-size: clamp(28px, 4.4vw, 42px);line-height: 1;margin-bottom: 2px;padding-top: 5%;}.sub {font-weight: 400;font-size: 15px;margin-bottom: 5px;font-family: var(--font-display);}p.body-copy {font-family: var(--font-display);font-size: 14px;max-width: 78ch;color: rgba(255, 255, 255, .9);padding-bottom: 0;font-weight: 300;padding-top: 2px;}}.how {background: var(--bg-lavender);padding-block: clamp(44px, 6vw, 68px);grid-template-columns: repeat(4, 1fr);h2.section-title {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;font-size: clamp(28px, 4.4vw, 40px);margin-bottom: 34px;}.steps {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;align-items: center;text-align: center;.step {h5 {font-family: var(--font-display);font-weight: 400;text-transform: uppercase;letter-spacing: .04em;font-size: 20px;color: var(--background-green);margin-bottom: 8px;align-items: center;}p {font-size: 14px;color: var(--text-muted);max-width: 22ch;text-align: center;font-weight: 300;}}}.track {position: relative;height: 40px;margin-top: 0px;align-items: center;&::before {content: "";position: absolute;left: 10%;right: 14%;top: 50%;height: 1.5px;background: rgba(29, 29, 27, .35);}.dots {position: absolute;inset: 0;display: grid;grid-template-columns: repeat(4, 1.55fr);align-items: center;span {justify-self: center;margin-left: -15%;width: 9px;height: 9px;border-radius: 50%;background: var(--color-black-1);}}}}@media (max-width: 560px) {.track {position: relative;height: 40px;}}.cta {background: var(--bg-para);background-image: url("https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/image-5.webp");background-size: 65rem;background-position: 700px;padding-block: 30px 0;position: relative;background-repeat: no-repeat;.card-green {max-width: var(--wrap);margin-inline: auto;width: calc(100% - (var(--pad-x) * 2));background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: clamp(40px, 5vw, 66px) clamp(28px, 5vw, 60px);position: relative;overflow: visible;min-height: 250px;h2 {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;line-height: 1.05;font-size: 50px;max-width: 18ch;margin-bottom: 14px;}p {font-size: 30px;max-width: 44ch;color: rgba(255, 255, 255, .92);margin-bottom: 26px;font-family: var(--font-display);font-weight: 300;}.btn-green {display: inline-flex;align-items: center;justify-content: center;min-height: 45px;min-width: 250px;padding: 0 28px;background: var(--background-button-green);color: var(--color-white);border: none;border-radius: 999px;cursor: pointer;font-family: var(--font-display);font-size: 23px;font-weight: 200;transition: transform .15s ease, filter .25s ease;&:hover {transform: translateY(-2px);filter: brightness(1.15);}&:active {transform: translateY(0);}}.cta-jar {position: absolute;right: -60px;bottom: -140px;width: 46%;max-width: 420px;pointer-events: none;z-index: 1;img {width: 100%;height: auto;display: block;}}}}.audience {padding-block: clamp(30px, 4vw, 50px) clamp(56px, 7vw, 88px);h2.section-title {font-family: var( --font-family-poppins);font-weight: 700;text-transform: uppercase;line-height: 1.02;font-size: clamp(34px, 5.4vw, 52px);margin-bottom: 30px;max-width: 8ch;}.list {list-style: none;max-width: 100%;li {padding: 16px 0;border-top: 1px solid #000;&:last-child {border-bottom: 1px solid var( --font-family-poppins);}.head {display: flex;align-items: center;gap: 10px;font-weight: 700;font-size: 30px !important;color: var(--color-black-1);margin-bottom: 6px;&::before {content: "\2713";color: var(--color-black-1);font-weight: 700;font-size: 14px;}}p {font-size: 15px !important;font-weight: 500;color: var( --font-family-inter);}}}}@media (min-width: 1650px){h1{}.hero {display: flex;flex-direction: column;overflow: hidden;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/hero2.webp');background-position: 10% 60%;background-size: cover;background-clip: border-box;background-repeat: no-repeat;min-height: 800px !important;}.hero .hero-inner {max-width: 80rem;margin-inline: auto;padding: clamp(40px, 7vw, 78px) var(--pad-x) clamp(48px, 8vw, 90px);display: flex;grid-template-columns: 1fr;gap: 15px;justify-content: flex-start;padding-right: 30%;}.hero .eyebrow {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .16em;font-weight: 400;font-size: 16px;color: var(--color-black-1);margin-bottom: 6px;font-weight: 300;font-size: 26px;letter-spacing: 2px;line-height: 1.14;padding-top: 10%;}.hero h1 {font-family: var(--font-display);text-transform: uppercase;line-height: 1.06;letter-spacing: .005em;color: var(--color-black-1);margin-bottom: 15px;line-height: 1.14;max-width: 1000px !important;}.hero p{}.hero .btn-dark {display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;background: var(--background-button-black);color: var(--color-white);border-radius: 999px;border: none;cursor: pointer;font-family: var(--font-display);letter-spacing: .01em;transition: background .25s ease, transform .15s ease;&:hover {background: var(--background-button-green);}&:active {}}.program .card-green {max-width: 100rem;margin-inline: auto;width: 100rem;background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: clamp(34px, 5vw, 56px) clamp(28px, 5vw, 60px);margin-top: -2.5%;}.program .h2 {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .02em;margin-bottom: 22px;}.program .check-grid {list-style: none;display: flex;gap: 15px;max-width: 900px;margin-bottom: 26px;flex-wrap: wrap;li {display: flex;align-items: baseline;gap: 10px;color: rgba(255, 255, 255, .95);font-family: var ( --font-family-poppins);&::before {content: "\2713";font-weight: 700;color: var(--color-white);}}}.program.rule {border: 0;border-top: 1px solid rgba(255, 255, 255, .55);margin: 6px 0 30px;}.program h3 {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .01em;line-height: 1.08;margin-bottom: 12px;}.program .lead {margin-bottom: 20px;font-family: var(--font-display) }.program .body-copy {max-width: 54ch;color: rgba(255, 255, 255, .92);font-family: var(--font-display) }.performance {background: var(--bg-gray);color: var(--color-white);position: relative;overflow: hidden;min-height: 500px;display: flex;align-items: center;}.perf-photo {position: absolute;inset: 0 0 0 auto;width: 50%;height: 100%;img {width: 100%;height: 100%;object-fit: cover;object-position: right center;}&::before {content: "";position: absolute;inset: 0;width: 42%;background: linear-gradient(90deg, var(--bg-gray), transparent);z-index: 1;}}.performance .perf-text {position: relative;z-index: 2;max-width: var(--wrap);margin-inline: auto;width: 100%;padding: 60px var(--pad-x);h2 {font-family: var(--font-display);text-transform: uppercase;line-height: 1.05;max-width: 20ch;margin-bottom: 20px;}p {max-width: 35ch;color: rgba(255, 255, 255, .92);}}.benefits {background: var(--bg-soft);padding-block: clamp(48px, 6vw, 76px);}.benefits h2.section-title {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .01em;margin-bottom: 40px;row-gap: 10px;}.grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px 60px;}.benefits article {h4 {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .02em;margin-bottom: 12px;color: var(--color-black-1);}p {color: var(--text-muted);max-width: 32ch;}}.timeline {list-style: none;position: relative;margin-left: 6px;padding-left: 20px;}&::before {content: "";position: absolute;left: 3px;top: 8px;bottom: 50px;width: 1.5px;background: var(--color-black-1);}.benefits .timeline li {position: relative;color: var(--text-muted);padding-bottom: 16px;max-width: 40ch;font-weight: 550;&::before {content: "";position: absolute;left: -20px;top: 6px;width: 8px;height: 8px;border-radius: 50%;background: var(--color-black-1);}&:last-child {padding-bottom: 0;}}.stack {display: grid;flex-direction: column;gap: 30px;}.card-green {max-width: var(--wrap);margin-inline: auto;width: calc(100% - (var(--pad-x) * 2));background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: clamp(40px, 5vw, 66px) clamp(28px, 5vw, 60px);position: relative;overflow: visible;min-height: 300px;}.card-green h2 {font-family: var(--font-display);text-transform: uppercase;line-height: 1.05;max-width: 18ch;margin-bottom: 14px;white-space: nowrap;}.card-green p {max-width: 44ch;color: rgba(255, 255, 255, .92);margin-bottom: 26px;font-family: var(--font-display);}.btn-green {display: inline-flex;align-items: center;justify-content: center;min-height: 45px;min-width: 250px;padding: 0 28px;background: var(--background-button-green);color: var(--color-white);border: none;border-radius: 999px;cursor: pointer;font-family: var(--font-display);transition: transform .15s ease, filter .25s ease;&:hover {transform: translateY(-2px);filter: brightness(1.15);}&:active {transform: translateY(0);}}.extras {background: var(--background-green);color: var(--color-white);padding-block: clamp(3px, 0vw, 5px);}.extras h2 {font-family: var(--font-display);text-transform: uppercase;line-height: 1;margin-bottom: 2px;padding-top: 5%;}.extras .sub {margin-bottom: 5px;font-family: var(--font-display);white-space: nowrap;}.extras p.body-copy {font-family: var(--font-display);max-width: 78ch;color: rgba(255, 255, 255, .9);padding-bottom: 0;padding-top: 2px;}.how {background: var(--bg-lavender);padding-block: clamp(44px, 6vw, 68px);grid-template-columns: repeat(4, 1fr);h2.section-title {font-family: var(--font-display);text-transform: uppercase;margin-bottom: 34px;}.steps {display: flex;grid-template-columns: repeat(4, 1fr);gap: 115px;align-items: center;text-align: center;.step {h5 {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .04em;color: var(--background-green);margin-bottom: 8px;align-items: center;}p {color: var(--text-muted);max-width: 22ch;text-align: center;}}}}.track {position: relative;height: 70px !important;margin-top: 0px;align-items: center;&::before {content: "";position: absolute;left: 10%;right: 14%;top: 50%;height: 1.5px;background: rgba(29, 29, 27, .35);}.dots {position: absolute;inset: 0;display: grid;grid-template-columns: repeat(4, 1.55fr);align-items: center;span {justify-self: center;margin-left: -15%;width: 15px !important;height: 15px !important;border-radius: 0%;background: var(--color-black-1);}}}.cta {background: var(--bg-para);background-image: url("https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/image-5.webp");background-size: 100rem;background-position: 70rem;padding-block: 30px 0;position: relative;background-repeat: no-repeat;}.cta .card-green {max-width: var(--wrap);margin-inline: auto;width: calc(100% - (var(--pad-x) * 2));background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: 60px;position: relative;overflow: visible;min-height: 350px !important;}.cta h2 {font-family: var(--font-display);text-transform: uppercase;line-height: 1.05;max-width: 18ch;margin-bottom: 14px;}.cta p {max-width: 44ch;color: rgba(255, 255, 255, .92);margin-bottom: 26px;font-family: var(--font-display);}.cta .btn-green {display: inline-flex;align-items: center;justify-content: center;min-height: 60px !important;min-width: 350px !important;padding: 0 28px;background: var(--background-button-green);color: var(--color-white);border: none;border-radius: 999px;cursor: pointer;font-family: var(--font-display);transition: transform .15s ease, filter .25s ease;&:hover {transform: translateY(-2px);filter: brightness(1.15);}&:active {transform: translateY(0);}}h1{font-size: 30px;}#faqList{.faq-item {border-top: 1px solid var(--border-soft);padding: 18px 0 0;background-color: white;&:first-child {border-top: none;}&:last-child {border-bottom: 1px solid var(--border-soft);}&.open .faq-q .chev {transform: rotate(180deg);}.faq-q {width: 100%;background: none;border: none;display: flex;align-items: center;justify-content: space-between;gap: 30px;font-family: var(--font-family-inter);color: var( --color-black-1);text-align: left;font-family: var(--font-family-inter);color: var( --color-black-1);background: white;line-height: 1.55;width: 100%;max-width: 1120px;margin-inline: auto;padding-inline: clamp(1.5rem, 5vw, 4rem);border-bottom: 1px solid rgba(0, 36, 12, 0.14);padding-bottom: 10px;.chev {flex-shrink: 0;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;color: var(--text-rgb-75-85-99);transition: transform .25s ease;}}.faq-a {max-height: 0;overflow: hidden;transition: max-height .3s ease;p {padding-top: 12px;line-height: 1.1;color: var(--text-rgb-90-90-90);max-width: 620px;width: 100%;max-width: 1120px;margin-inline: auto;padding-inline: clamp(1.5rem, 5vw, 4rem);strong {color: var(--text-rgb-90-90-90);}}}}}}@media screen and (min-width:1700px) and (max-width:2240px){.cta {background: var(--bg-para);background-image: url("https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/image-5.webp");background-size: 90rem;background-position: 45rem !important;padding-block: 30px 0;position: relative;background-repeat: no-repeat;}}.site-header {background: var(--background-white);border-bottom: 1px solid rgba(29, 29, 27, .06);position: sticky;top: 0;z-index: 50;}.site-header .header-inner {max-width: 100%;margin-inline: auto;padding: 25px var(--pad-x);display: grid;grid-template-columns: auto 1fr auto;align-items: center;justify-content: space-between;gap: 34px;}.site-header .logo {display: inline-flex;img {width: 100%;max-width: 150px;}}.site-header .btn-entrar {justify-self: end;width: 130px;height: 45px;background: var(--background-button-black);color: var(--color-white);border: none;border-radius: 999px;font-family: var(--font-display);text-transform: uppercase;letter-spacing: .12em;font-size: 18px !important;font-weight: 500;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background .25s ease, transform .15s ease;text-transform: none;&:hover {background: var(--background-button-green);}&:active {}}@media screen and (min-width: 1025px) and (max-width:1649px){.hero {display: flex;flex-direction: column;overflow: hidden;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/hero1.webp');background-position: 75% -216%;background-size: cover;background-clip: border-box;background-repeat: no-repeat;min-height: 720px;}.hero .hero-inner {max-width: var(--wrap);margin-inline: auto;padding: clamp(40px, 7vw, 78px) var(--pad-x) clamp(48px, 8vw, 9px);display: grid;grid-template-columns: 1fr;gap: 15px;padding-right: 25%;margin-top: 5%;}.hero .eyebrow {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .16em;font-weight: 400;font-size: 16px;color: var(--color-black-1);margin-bottom: 6px;font-weight: 300;font-size: 26px;letter-spacing: 2px;line-height: 1.14;}.hero h1 {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;line-height: 1.06;letter-spacing: .005em;color: var(--color-black-1);margin-bottom: 22px;font-size: 50px;font-weight: 700;line-height: 1.14;max-width: 600px;}.hero p {font-size: 25px;font-family: var(--font-display);font-weight: 300;color: var(--color-black-2);line-height: 1.14;max-width: 375px;margin-bottom: 35px;}.benefits{.timeline li {position: relative;font-size: 20px;color: var(--text-muted);padding-bottom: 16px;max-width: 40ch;font-weight: 550;}}.extras {background: var(--background-green);color: var(--color-white);padding-block: clamp(3px, 0vw, 5px);}.extras h2 {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;font-size: 50px;line-height: 1;margin-bottom: 2px;padding-top: 20px;}.extras .sub {font-weight: 600;font-size: 25px;margin-bottom: 16px;font-family: var(--font-display);}.extras p.body-copy {font-family: var(--font-display);font-size: 25px;font-weight: 400;max-width: 78ch;color: rgba(255, 255, 255, .9);padding-bottom: 20px;}.how {background: var(--bg-lavender);padding-block: clamp(44px, 6vw, 68px);grid-template-columns: repeat(4, 1fr);h2.section-title {font-family: var(--font-display);text-transform: uppercase;margin-bottom: 34px;}.steps {display: flex;grid-template-columns: repeat(4, 1fr);gap: 95px;align-items: center;text-align: center;.step {h5 {font-family: var(--font-display);text-transform: uppercase;letter-spacing: .04em;color: var(--background-green);margin-bottom: 8px;align-items: center;text-align: center;}p {color: var(--text-muted);max-width: 22ch;text-align: center;}}}.track {position: relative;height: 40px;margin-top: 0px;align-items: center;&::before {content: "";position: absolute;left: 8%;right: 17%;top: 50%;height: 1.5px;background: rgba(29, 29, 27, .35);}.dots {position: absolute;inset: 0;display: grid;grid-template-columns: repeat(4, 1.0fr);align-items: center;span {justify-self: center;margin-left: -35% !important;width: 9px;height: 9px;border-radius: 50%;background: var(--color-black-1);}}}}.audience .list li p {font-size: 25px !important;font-weight: 500;color: var( --font-family-inter);}.cta {background: var(--bg-para);background-image: url("https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/image-5.webp");background-size: 90rem;background-position: 20rem;padding-block: 30px 0;position: relative;background-repeat: no-repeat;}}@media screen and (min-width: 1651px) and (max-width:2000px){.hero {display: flex;flex-direction: column;overflow: hidden;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/hero2.webp');background-position: right 10% top;background-size: contain;background-clip: border-box;background-repeat: no-repeat;min-height: 900px !important;background-size: 100%;min-height: 700px !important;background-position: 54% 63%;}}@media (max-width: 1025px) {.cta {background: var(--bg-para);background-image: url("https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/image-5.webp");background-size: 80rem;background-position: 100px;padding-block: 30px 0;position: relative;background-repeat: no-repeat;}.benefits {.timeline {list-style: none;position: relative;margin-left: 6px;padding-left: 20px;&::before {content: "";position: absolute;left: 3px;top: 8px;bottom: 75px;width: 1.5px;background: var(--color-black-1);}}}.program .card-green {max-width: var(--wrap);margin-inline: auto;width: calc((100% - 10%));background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: clamp(34px, 5vw, 56px) clamp(28px, 5vw, 60px);}.benefits{.timeline li {position: relative;font-size: 20px;color: var(--text-muted);padding-bottom: 16px;max-width: 40ch;font-weight: 550;}}.extras p.body-copy {padding-bottom: 15px;}.extras h2 {margin-bottom: 2px;padding-top: 10px;}.how .track {position: relative;height: 40px;margin-top: 0px;align-items: center;&::before {content: "";position: absolute;left: 12%;right: 13%;top: 50%;height: 1.5px;background: rgba(29, 29, 27, .35);}.dots {position: absolute;inset: 0;display: grid;grid-template-columns: repeat(4, 1.55fr);align-items: center;span {justify-self: center;margin-left: -4%;width: 9px;height: 9px;border-radius: 50%;background: var(--color-black-1);}}.audience .list li .head{font-size: 40px !important;font-weight: 500;color: var( --font-family-inter);}}.audience {padding-block: clamp(30px, 4vw, 50px) clamp(56px, 7vw, 88px);}.audience h2.section-title {font-family: var( --font-family-poppins);font-weight: 700;text-transform: uppercase;line-height: 1.02;font-size: 40px !important;margin-bottom: 30px;max-width: 15ch !important;}}@media (max-width: 769px) {.cta {background: var(--bg-para);background-image: url("https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/image-5.webp");background-size: 60rem;background-position: 50px;padding-block: 30px 0;position: relative;background-repeat: no-repeat;}.benefits{.timeline li {position: relative;font-size: 16px;color: var(--text-muted);padding-bottom: 16px;max-width: 40ch;font-weight: 550;}}.program .card-green {max-width: var(--wrap);margin-inline: auto;width: calc((100% - 2%));background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: clamp(34px, 5vw, 56px) clamp(28px, 5vw, 60px);}.program .check-grid {list-style: none;display: flex;gap: 15px;max-width: 700px;margin-bottom: 26px;flex-wrap: wrap;li {display: flex;align-items: baseline;gap: 10px;font-size: 20px;font-weight: 300;color: rgba(255, 255, 255, .95);font-family: var ( --font-family-poppins);&::before {content: "\2713";font-weight: 700;color: var(--color-white);}}}.grid {display: grid;grid-template-columns: 2fr 1fr;gap: 60px;}.steps {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;.step {h5 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .04em;font-size: 15px;color: var(--background-green);margin-bottom: 8px;}p {font-size: 13.5px;color: var(--text-muted);max-width: 22ch;}}}.benefits {background: var(--bg-soft);padding-block: clamp(48px, 6vw, 76px);h2.section-title {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;letter-spacing: .01em;font-size: clamp(34px, 5vw, 48px);margin-bottom: 40px;}.container {max-width: 1100px;margin: 0 auto;}.grid {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;}article {h4 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .02em;font-size: 18px;margin-bottom: 2px;color: var(--color-black-1);padding-top: 0%;}p {font-size: 14px;color: var(--text-muted);max-width: 42ch;font-weight: 550;}}.stack {display: grid;flex-direction: column;grid-template-columns: 2fr 1fr;gap: 10px;row-gap: 1px;}}.site-header .burger {grid-column: 3;padding-left: 20%;}}@media (max-width: 920px) {.hero .hero-inner {grid-template-columns: 1fr;}.hero .hero-media {order: -1;max-width: 360px;margin-inline: auto;}.benefits .grid {grid-template-columns: 1fr;}.how .steps {grid-template-columns: repeat(4, 1fr);row-gap: 30px;}.how .track {}.performance .perf-photo {width: 70%;opacity: .9;}.cta .card-green .cta-jar {width: 40%;bottom: -90px;right: -40px;}}@media (max-width: 768px) {.site-header {.nav {position: fixed;inset: 0 0 0 auto;width: min(78vw, 320px);background: var(--background-white);flex-direction: column;align-items: flex-start;gap: 22px;padding: 96px 32px 32px;box-shadow: -12px 0 40px rgba(0, 0, 0, .18);transform: translateX(100%);transition: transform .32s ease;margin-left: 0;z-index: 40;a {font-size: 16px;}}.btn-entrar {display: none;}.burger {display: flex;}.benefits {background: var(--bg-soft);padding-block: clamp(48px, 6vw, 76px);h2.section-title {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;letter-spacing: .01em;font-size: clamp(34px, 5vw, 48px);margin-bottom: 40px;row-gap: 10px;}.grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px 60px;}article {h4 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .02em;font-size: 18px;margin-bottom: 12px;color: var(--color-black-1);}p {font-size: 14px;color: var(--text-muted);max-width: 42ch;font-weight: 550;}}}.nav-toggle:checked~.nav {transform: translateX(0);}.nav-toggle:checked~.burger span:nth-child(1) {transform: translateY(8px) rotate(45deg);}.nav-toggle:checked~.burger span:nth-child(2) {opacity: 0;}.nav-toggle:checked~.burger span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}}.how .track {position: relative;height: 40px;margin-top: 0px;align-items: center;&::before {content: "";position: absolute;left: 12%;right: 13%;top: 50%;height: 1.5px;background: rgba(29, 29, 27, .35);}.dots {position: absolute;inset: 0;display: grid;grid-template-columns: repeat(4, 1.55fr);align-items: center;span {justify-self: center;margin-left: -4%;width: 9px;height: 9px;border-radius: 50%;background: var(--color-black-1);}}}.steps {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;align-items: center;.step .h5 {font-family: var(--font-display);font-weight: 500;text-transform: uppercase;letter-spacing: .04em;font-size: 15px;color: var(--background-green);margin-bottom: 8px;align-items: center;}.step .p {font-size: 14px;color: var(--text-muted);max-width: 22ch;align-items: center;}}.benefits {.timeline {list-style: none;position: relative;margin-left: 6px;padding-left: 20px;&::before {content: "";position: absolute;left: 3px;top: 8px;bottom: 35px;width: 1.5px;background: var(--color-black-1);}}}}@media (max-width:650px){.cta {& .card-green {h2 {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;line-height: 1.05;font-size: 36px;max-width: 18ch;margin-bottom: 14px;}}}.cta {& .card-green {p {font-size: 25px;}}.audience h2.section-title {font-family: var(--font-family-poppins);font-weight: 700;text-transform: uppercase;line-height: 1.02;font-size: 32px !important;}.audience {& .list {& li {.head {font-size: 20px !important;line-height: 1.02;}}}}}}@media (max-width: 560px) {.program .check-grid {grid-template-columns: 1fr;}.how .steps {grid-template-columns: repeat(4, minmax(0, 1fr));}.performance .perf-photo {width: 100%;opacity: .55;}.performance .perf-photo::before {width: 70%;}.cta .card-green .cta-jar {position: relative;width: 70%;right: 0;bottom: 0;margin: 40px auto -66px;align-items: center;}}@media (max-width:430px){.benefits article h4 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .02em;font-size: 20px;margin-bottom: 12px;color: var(--color-black-1);}.benefits article p {font-size: 15px;color: var(--text-muted);max-width: 32ch;font-weight: 550;}.timeline {list-style: none;position: relative;margin-left: 6px;padding-left: 20px;}.benefits .timeline::before {content: "";position: absolute;left: 3px;top: 8px;bottom: 50px;width: 1.5px;background: var(--color-black-1);}.benefits .timeline li {position: relative;font-size: 14px;color: var(--text-muted);padding-bottom: 16px;max-width: 40ch;font-weight: 550;&::before {content: "";position: absolute;left: -20px;top: 6px;width: 8px;height: 8px;border-radius: 50%;background: var(--color-black-1);}&:last-child {padding-bottom: 0;}}.program .card-green {max-width: var(--wrap);margin-inline: auto;width: calc((100% - 6%));background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: clamp(34px, 5vw, 56px) clamp(28px, 5vw, 60px);}.program .card-green h2 {font-family: var(--font-display);font-weight: 400;text-transform: uppercase;letter-spacing: .02em;font-size: 30px;margin-bottom: 22px;}.program .card-green h3 {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;letter-spacing: .01em;line-height: 1.08;font-size: 35px;margin-bottom: 12px;}.how .steps .step h5 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .04em;font-size: 15px;color: var(--background-green);margin-bottom: 8px;align-items: center;}.how .steps .step p {font-size: 10px;color: var(--text-muted);max-width: 22ch;align-items: center;}.how .track {position: relative;height: 40px;margin-top: 0px;align-items: center;&::before {content: "";position: absolute;left: 12%;right: 13%;top: 50%;height: 1.5px;background: rgba(29, 29, 27, .35);}.dots {position: absolute;inset: 0;display: grid;grid-template-columns: repeat(4, 1.55fr);align-items: center;span {justify-self: center;margin-left: -4%;width: 9px;height: 9px;border-radius: 50%;background: var(--color-black-1);}}}}@media (max-width: 378px){.how .steps .step h5 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .04em;font-size: 13.5px;color: var(--background-green);margin-bottom: 8px;align-items: center;}.how .steps .step p {font-size: 12px;color: var(--text-muted);max-width: 22ch;align-items: center;}.benefits .timeline::before {content: "";position: absolute;left: 3px;top: 8px;bottom: 70px;width: 1.5px;background: var(--color-black-1);}.performance .perf-text h2 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;line-height: 1.05;font-size: 38px;max-width: 20ch;margin-bottom: 20px;}.performance .perf-text p {max-width: 35ch;font-size: 18px;color: rgba(255, 255, 255, .92);}.how .track {position: relative;height: 40px;margin-top: 0px;align-items: center;&::before {content: "";position: absolute;left: 12%;right: 13%;top: 50%;height: 1.5px;background: rgba(29, 29, 27, .35);}.dots {position: absolute;inset: 0;display: grid;grid-template-columns: repeat(4, 1.55fr);align-items: center;span {justify-self: center;margin-left: -4%;width: 9px;height: 9px;border-radius: 50%;background: var(--color-black-1);}}}}@media (max-width: 325px){.hero {display: flex;flex-direction: column;overflow: hidden;background-image: url('https://bucket-seed.s3.us-east-2.amazonaws.com/zielcosmetics.com.br/lp/images/image-2.webp');background-position: right -105px center;background-size: 49rem;background-clip: border-box;background-repeat: no-repeat;min-height: 550px;}.hero h1 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;line-height: 1.06;letter-spacing: .005em;color: var(--color-black-1);margin-bottom: 22px;font-size: 30px;font-weight: 700;line-height: 1.14;max-width: 600px;}.hero p {font-size: 18px;font-family: var(--font-display);font-weight: 300;color: var(--color-black-2);line-height: 1.14;max-width: 375px;margin-bottom: 35px;}.hero .hero-inner {max-width: var(--wrap);margin-inline: auto;padding: clamp(40px, 7vw, 78px) var(--pad-x) clamp(48px, 8vw, 90px);display: grid;grid-template-columns: 1fr;gap: 15px;padding-right: 40%;}.hero .btn-dark {display: inline-flex;align-items: center;justify-content: center;min-height: 45px;min-width: 200px;padding: 0 30px;background: var(--background-button-black);color: var(--color-white);border-radius: 999px;border: none;cursor: pointer;font-family: var(--font-display);font-size: 16px;font-weight: 300;letter-spacing: .01em;transition: background .25s ease, transform .15s ease;&:hover {background: var(--background-button-green);}&:active {}}.benefits {padding-bottom: 2px;}.benefits .grid {display: grid;gap: 30px 60px;padding-bottom: -900 !important;}.benefits .stack {display: flex;flex-direction: column;grid-template-columns: 2fr 1fr;gap: 25px;height: 235px;}.how .steps .step h5 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .04em;font-size: 13.5px;color: var(--background-green);margin-bottom: 8px;align-items: center;}.how .steps .step p {font-size: 12px;color: var(--text-muted);max-width: 22ch;align-items: center;}.benefits .timeline::before {content: "";position: absolute;left: 3px;top: 8px;bottom: 50px;width: 1.5px;background: var(--color-black-1);}.benefits .article h4 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .02em;font-size: 18px;margin-bottom: 12px;color: var(--color-black-1);line-height: 1.3;}.benefits .article p {font-size: 14px;color: var(--text-muted);max-width: 42ch;font-weight: 550;line-height: 1.3;}.benefits .grid {display: grid;grid-template-columns: 1fr;gap: 110px 60px;}.extras {background: var(--background-green);color: var(--color-white);padding-block: clamp(3px, 0vw, 5px);}.extras h2 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;font-size: clamp(18px, 4.0vw, 12px);line-height: 1;margin-bottom: 2px;padding-top: 5%;}.extras .sub {font-weight: 500;font-size: 13px;margin-bottom: 16px;font-family: var(--font-display);}.extras .p.body-copy {font-family: var(--font-display);font-size: 14px;max-width: 78ch;color: rgba(255, 255, 255, .9);padding-bottom: 10%;}.how {background: var(--bg-lavender);padding-block: clamp(44px, 6vw, 68px);grid-template-columns: repeat(4, 1fr);h2.section-title {font-family: var(--font-display);font-weight: 700;text-transform: uppercase;font-size: clamp(28px, 4.4vw, 40px);margin-bottom: 34px;}.steps {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;.step {h5 {font-family: var(--font-display);font-weight: 600;text-transform: uppercase;letter-spacing: .04em;font-size: 16px;color: var(--background-green);margin-bottom: 08px;}p {font-size: 12px;color: var(--text-muted);max-width: 22ch;}}}.track {display: none;&::before {content: "";position: absolute;left: 10%;right: 15%;top: 50%;height: 1.5px;background: rgba(29, 29, 27, .35);}}}.cta .card-green .btn-green {display: inline-flex;align-items: center;justify-content: center;min-height: 45px ;min-width: 200px;padding: 0 28px;background: var(--background-button-green);color: var(--color-white);border: none;border-radius: 999px;cursor: pointer;font-family: var(--font-body);font-size: 15px;font-weight: 500;transition: transform .15s ease, filter .25s ease;}.cta .card-green {max-width: var(--wrap);margin-inline: auto;width: calc(100% - (var(--pad-x) * 2));background: var(--background-green);color: var(--color-white);border-radius: var(--radius);padding: clamp(40px, 5vw, 66px) clamp(28px, 5vw, 60px);position: relative;overflow: visible;min-height: 275px;}.cta .card-green h2 {font-family: var(--font-display);font-weight: 500;text-transform: uppercase;line-height: 1.05;font-size: 45px;max-width: 18ch;margin-bottom: 14px;}.cta .card-green p {font-size: 25px;max-width: 44ch;color: rgba(255, 255, 255, .92);margin-bottom: 26px;font-family: var(--font-display);font-weight: 250;}}@media (prefers-reduced-motion: reduce) {* {transition: none !important;scroll-behavior: auto !important;}}#faqList{.faq-item {border-top: 1px solid var(--border-soft);padding: 18px 0 0;background-color: white;&:first-child {border-top: none;}&:last-child {border-bottom: 1px solid var(--border-soft);}&.open .faq-q .chev {transform: rotate(180deg);}.faq-q {width: 100%;background: none;border: none;display: flex;align-items: center;justify-content: space-between;gap: 20px;font-family: var(--font-family-inter);font-size: 18px;font-weight: 600;color: var( --color-black-1);text-align: left;font-family: var(--font-family-inter);color: var( --color-black-1);background: white;line-height: 1.55;width: 100%;max-width: 1120px;margin-inline: auto;padding-inline: clamp(1.5rem, 5vw, 4rem);border-bottom: 1px solid rgba(0, 36, 12, 0.14);padding-bottom: 10px;.chev {flex-shrink: 0;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;color: var(--text-rgb-75-85-99);transition: transform .25s ease;}}.faq-a {max-height: 0;overflow: hidden;transition: max-height .3s ease;p {padding-top: 12px;font-size: 20px;line-height: 1.1;font-weight: 400;color: var(--text-rgb-90-90-90);max-width: 620px;width: 100%;max-width: 1120px;margin-inline: auto;padding-inline: clamp(1.5rem, 5vw, 4rem);strong {color: var(--text-rgb-90-90-90);}}}}}@media (max-width:768px){*{line-height: 1.2 !important;}}