:root {--font-family-poppins: 'Poppins', sans-serif;--font-family-inter: 'Inter', sans-serif;--text-rgb-195-218-234: rgba(195, 218, 234, 1);--text-white: rgba(255, 255, 255, 1);--text-rgb-0-36-12: rgba(0, 36, 12, 1);--text-rgb-0-30-10: rgba(0, 30, 10, 1);--text-black: rgba(0, 0, 0, 1);--text-rgb-254-254-254: rgba(254, 254, 254, 1);--text-rgb-40-64-34: rgba(40, 64, 34, 1);--bg-header: #f1f1f1;--bg-cream: #FFF3EB;--green-deep: #073a1e;--green-darkest: #04240f;--green-section: #062a15;--hero-blue-1: #5877a0;--hero-blue-2: #2c476a;--hero-blue-3: #12233a;}*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;-webkit-text-size-adjust: 100%;@media (prefers-reduced-motion: reduce) {scroll-behavior: auto;}}body {font-family: var(--font-family-inter);color: var(--text-rgb-0-30-10);background: var(--bg-cream);line-height: 1.55;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}img {max-width: 100%;display: block;}.container {width: 100%;max-width: 1120px;margin-inline: auto;padding-inline: clamp(1.5rem, 5vw, 4rem);}a {&:focus-visible {outline: 3px solid var(--text-rgb-195-218-234);outline-offset: 3px;}}@media (prefers-reduced-motion: reduce) {* {transition: none !important;}}.site-header {background: var(--bg-header);padding-block: 0.5rem;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;padding: 10px 25px;}.logo {display: inline-flex;align-items: center;img {width: 100%;max-width: 80px;}}.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;text-decoration: none;&::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 {display: inline-block;background: var(--text-rgb-195-218-234);color: var(--green-darkest);font-family: var(--font-family-poppins);border: none;border-radius: 9000px;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;height: 40px;width: 100px;text-decoration: none;&:hover {transform: translateY(-2px);filter: brightness(1.05);}}.burger {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;}}}@media (max-width: 680px) {.site-header .nav {display: none;}.site-header .header-inner {justify-content: space-between;}}.hero {position: relative;overflow: hidden;color: var(--text-white);background-image: url("https://bucket-seed.s3.us-east-2.amazonaws.com/greenup.com.br/lp/images/2-magnesio-greenup-1.webp");background-size: contain;background-position: center;background-repeat: no-repeat;background-size: cover;@media (max-width: 650px) {background-position: center right 10%;backdrop-filter: brightness(0);background-color: rgba(0, 0, 0, 0.25);background-blend-mode: multiply;}& .container {position: relative;display: grid;grid-template-columns: 1.15fr 0.85fr;align-items: center;gap: 1rem;padding-block: clamp(5rem, 8vw, 7rem);z-index: 2;@media (max-width: 760px) {grid-template-columns: 1fr;}}}.hero-copy {max-width: 34rem;}.hero-kicker {font-family: var(--font-family-poppins);font-weight: 500;font-size: clamp(1.1rem, 2.4vw, 1.6rem);color: var(--text-rgb-195-218-234);margin-bottom: 0.15rem;}.hero-title {font-family: var(--font-family-poppins);font-weight: 800;text-transform: uppercase;font-size: clamp(2.4rem, 6.5vw, 4.5rem);line-height: 0.98;letter-spacing: -0.01em;color: var(--text-rgb-195-218-234);margin-bottom: 1.1rem;@media (max-width: 320px) {font-size: clamp(2.2rem, 6.5vw, 4.5rem);}}.no-break {white-space: nowrap;@media (max-width: 500px) {white-space: normal;}}.hero-text {font-size: clamp(0.95rem, 1.6vw, 1.05rem);color: rgba(230, 240, 250, 0.92);max-width: 30rem;margin-bottom: 1.4rem;@media (max-width: 320px) {padding-right: 10%;}}.hero-pill {display: inline-block;background: var(--text-rgb-195-218-234);color: var(--green-darkest);font-family: var(--font-family-poppins);font-style: italic;font-weight: 500;font-size: 1.15rem;padding: 0.7rem 3.5rem;border-radius: 999px;text-decoration: none;margin-bottom: 1.6rem;transition: transform 0.2s ease, filter 0.2s ease;@media (max-width: 330px) {flex-direction: row;justify-content: center;padding-right: 1rem;padding-left: 1rem;font-size: 1.00rem;}&:hover {transform: translateY(-2px);filter: brightness(1.05);}&:focus-visible {outline: 3px solid var(--text-rgb-195-218-234);outline-offset: 3px;}}.hero-list {list-style: none;display: grid;grid-template-columns: repeat(2, auto);gap: 1.00rem 1.6rem;font-size: 0.95rem;& li {position: relative;padding-left: 1.4rem;&::before {content: "✓";position: absolute;left: 0;color: var(--text-rgb-195-218-234);font-weight: 700;}}@media (max-width: 420px) {grid-template-columns: 1fr;}}.capsule {position: absolute;width: 34px;height: 20px;border-radius: 999px;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35), inset -4px -4px 8px rgba(0, 0, 0, 0.25), inset 4px 4px 8px rgba(255, 255, 255, 0.35);&.cap-1 {top: 8%;right: 6%;background: radial-gradient(circle at 30% 30%, #ffd36b, #f2a63a);transform: rotate(20deg);}&.cap-2 {bottom: 14%;right: 30%;background: radial-gradient(circle at 30% 30%, #ffcf5c, #eb9e2f);transform: rotate(-35deg);}&.cap-3 {bottom: 6%;left: 6%;background: radial-gradient(circle at 30% 30%, #ffdd7a, #f0aa3c);transform: rotate(12deg);}&.cap-4 {top: 30%;right: -2%;background: radial-gradient(circle at 30% 30%, #ffd36b, #e89b2c);transform: rotate(-15deg);}}.about {background: var(--green-section);color: var(--text-white);padding-block: clamp(3.5rem, 7vw, 5.5rem);display: flex;& h2 {font-family: var(--font-family-poppins);font-weight: 800;text-transform: uppercase;font-size: clamp(2rem, 5.5vw, 4.0rem);line-height: 1.02;color: var(--text-white);margin-bottom: 45px;position: relative;&::after{content: '→';font-size: 1.6rem;display: inline-block;margin-bottom: 0;margin-left: 0;position: absolute;bottom: -25px;left: 32%;transform: translateX(-50%);}& p {max-width: 46rem;color: rgba(232, 240, 234, 0.9);font-size: clamp(0.98rem, 1.6vw, 1.1rem);margin-bottom: 1.2rem;&:last-child {margin-bottom: 0;}}}}.eyebrow {font-family: var(--font-family-poppins);font-weight: 700;font-size: 0.8rem;letter-spacing: 0.28em;text-transform: uppercase;color: var(--text-white);margin-bottom: 1rem;}.benefits {background: var(--bg-cream);padding-block: clamp(3.5rem, 7vw, 5rem) 0;.container{position: relative;}}.section-title {font-family: var(--font-family-poppins);font-weight: 800;text-transform: uppercase;color: var(--text-rgb-0-36-12);font-size: clamp(2.2rem, 6vw, 3.6rem);line-height: 1;letter-spacing: -0.01em;}.benefits-grid {display: grid;grid-template-columns: 1fr auto;gap: 2rem;align-items: center;margin-top: 2rem;@media (max-width: 760px) {grid-template-columns: 1fr;}@media (max-width: 780px) {max-width: 80%;}}.benefit-pills {display: flex;flex-direction: column;gap: 1rem;max-width: 300rem;}.benefit-pill {background: var(--green-deep);color: var(--text-white);font-family: var(--font-family-poppins);font-weight: 600;font-size: 14px;letter-spacing: 0.14em;text-transform: uppercase;padding: 0.1rem 15px;border-radius: 999px;max-width: 600px;min-height: 40px;display: flex;align-items: center;width: 100%;line-height: 1;@media (max-width: 705px) {width: 100%;max-width: 450px;}@media (max-width: 650px) {width: 100%;max-width: 400px;}@media (max-width: 600px) {width: 100%;max-width: 300px;}}.capsule-stack {display: flex;flex-direction: column;gap: 1.4rem;padding-right: 1rem;position: absolute;right: 0;top: -30%;width: 584px;height: 492px;@media (max-width: 760px) {flex-direction: row;justify-content: center;padding-right: 0;}@media (max-width: 705px) {flex-direction: row;justify-content: center;padding-right: 0;padding-left: 30%;}@media (max-width: 495px) {flex-direction: row;justify-content: center;padding-right: -90%;padding-left: 30%;}@media (max-width: 440px) {flex-direction: row;justify-content: center;padding-right: -90%;padding-left: 60%;}@media (max-width: 330px) {flex-direction: row;justify-content: center;padding-right: -90%;padding-left: 80%;}}.cap-big {width: 58px;height: 34px;border-radius: 999px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), inset -6px -6px 12px rgba(0, 0, 0, 0.3), inset 6px 6px 12px rgba(255, 255, 255, 0.4);&.cap-orange {background: radial-gradient(circle at 30% 30%, #ff9d3c, #e8631a);transform: rotate(-18deg);}&.cap-yellow {background: radial-gradient(circle at 30% 30%, #ffd45c, #eaa62c);transform: rotate(12deg);}&.cap-amber {background: radial-gradient(circle at 30% 30%, #a9701f, #5c3708);transform: rotate(-10deg);}&.cap-black {background: radial-gradient(circle at 30% 30%, #3a3a3f, #08080a);transform: rotate(8deg);}}.how {background: #FFF3EB;padding-block: clamp(2.5rem, 5vw, 3.5rem);@media (max-width: 780px) {max-width: 80%;}}.how-card {background: var(--text-white);border-radius: 26px;padding: clamp(20px, 343px, 3rpx);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);max-width: 640px;padding-left: 2rem;& h2 {font-family: var(--font-family-poppins);font-weight: 800;text-transform: uppercase;color: var(--text-rgb-0-36-12);font-size: clamp(1.9rem, 5vw, 3rem);line-height: 1;margin-bottom: 1rem;}& > p {color: var(--text-rgb-40-64-34);max-width: 32rem;margin-bottom: 2rem;font-size: 0.98rem;font-weight: 600;}@media (max-width: 650px) {width: 100%;max-width: 400px;}}.steps {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.6rem 2rem;@media (max-width: 760px) {grid-template-columns: 1fr;}}.step-num {font-family: var(--font-family-poppins);font-weight: 700;color: var(--text-rgb-0-36-12);font-size: 1.1rem;margin-bottom: 0.2rem;}.step-label {color: var(--text-rgb-0-30-10);font-size: 0.98rem;}.extras {background: var(--bg-cream);padding-block: clamp(1.5rem, 4vw, 2.5rem) clamp(3rem, 6vw, 4.5rem);}.extras-card {background: var(--green-darkest);border-radius: 26px;color: var(--text-white);text-align: center;padding: clamp(2.5rem, 6vw, 4rem) clamp(1.5rem, 5vw, 3.5rem);& .eyebrow {text-align: center;margin-bottom: 0.7rem;font-weight: 600;}& h2 {font-family: var(--font-family-poppins);font-weight: 800;text-transform: uppercase;font-size: clamp(2rem, 6vw, 3.4rem);line-height: 1;margin-bottom: 0.8rem;margin-top: 0.2;}& p {max-width: 40rem;margin: 0 auto 2rem;color: rgba(232, 240, 234, 0.88);font-size: clamp(0.95rem, 1.6vw, 1.05rem);}}.extras-small {font-size: 0.72rem;letter-spacing: 0.2em;text-transform: uppercase;color: rgba(232, 240, 234, 0.75);margin-bottom: 0.3rem;}.btn-cta {display: inline-block;background: var(--text-white);color: var(--green-darkest);font-family: var(--font-family-poppins);font-weight: 700;font-size: 0.9rem;letter-spacing: 0.12em;text-transform: uppercase;padding: 1rem 2.2rem;border-radius: 999px;text-decoration: none;transition: transform 0.2s ease, box-shadow 0.2s ease;&:hover {transform: translateY(-2px);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);}&:focus-visible {outline: 3px solid var(--text-rgb-195-218-234);outline-offset: 3px;}}.audience {background: var(--bg-cream);padding-block: clamp(2rem, 5vw, 3rem) clamp(4rem, 8vw, 6rem);& h2 {font-family: var(--font-family-poppins);font-weight: 800;text-transform: uppercase;color: var(--text-rgb-0-36-12);font-size: clamp(2.2rem, 6.5vw, 4rem);line-height: 1;margin-bottom: 2.5rem;}}.audience-list {max-width: 44rem;}.audience-item {padding-block: 1.3rem;border-bottom: 1px solid rgba(0, 36, 12, 0.14);&:first-child {padding-top: 0;}& h3 {font-family: var(--font-family-inter);font-weight: 700;color: var(--text-rgb-0-36-12);font-size: 1.5rem;margin-bottom: 0.25rem;position: relative;padding-left: 1.4rem;&::before {content: "✓";position: absolute;left: 0;color: var(--text-rgb-0-36-12);}}& p {color: var(--text-rgb-40-64-34);font-size: 1.0rem;padding-left: 1.4rem;}}#faqList{.faq-item {border-top: 1px solid var(--border-soft);padding: 18px 0 0;&: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: 14px;font-weight: 600;color: var(--text-rgb-104-104-104);text-align: left;font-family: var(--font-family-inter);color: var(--text-rgb-0-30-10);background: var(--bg-cream);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: 14px;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);}}}}}