:root {--font-family-inter: 'Inter', sans-serif;--font-family-serif: 'Cormorant Garamond', serif;--background-white: rgba(255, 255, 255, 1);--background-offwhite: rgba(245, 245, 245, 1);--background-green: rgba(157, 15, 56, 1);--color-black-1: rgba(26, 26, 26, 1);--color-black-2: rgba(85, 85, 85, 1);--color-grey-1: rgba(120, 120, 120, 1);--color-grey-line: rgba(220, 220, 220, 1);--brand-wine: #990033;--brand-wine-dark: rgba(130, 10, 45, 1);--brand-wine-light: rgba(190, 60, 95, 1);--brand-cream: rgba(250, 248, 246, 1);--text-white: rgba(255, 255, 255, 1);--height-button: 40px;--width-button: 110px;--radius-pill: 999px;--radius-card: 6px;--max-width: 1120px;}*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: var(--font-family-inter);color: white;background: var(--background-white);line-height: 1.6;overflow-x: hidden;-webkit-font-smoothing: antialiased;}img {max-width: 100%;display: block;}a {text-decoration: none;color: inherit;}.container {width: 100%;max-width: var(--max-width);margin-inline: auto;padding-inline: 28px;}::-webkit-scrollbar {width: 11px;}::-webkit-scrollbar-track {background: var(--background-white);}::-webkit-scrollbar-thumb {background: var(--background-green);border: 3px solid var(--background-white);border-radius: var(--radius-pill);&:hover {background: var(--color-black-1);}}header {background-color: var(--background-white);position: sticky;top: 0;z-index: 200;border-bottom: 1px solid rgba(0, 0, 0, 0.05);.header-inner {display: flex;align-items: center;justify-content: space-between;gap: 20px;min-height: 58px;}.brand {display: flex;align-items: center;gap: 16px;}.logo {display: inline-flex;align-items: center;img {height: 35px;width: auto;}.logo-text {font-family: var(--font-family-serif);font-size: 1.42rem;font-weight: 600;letter-spacing: 1px;color: var(--color-black-1);text-transform: uppercase;}}.navbar {display: flex;align-items: center;gap: 26px;margin-left: auto;margin-right: 22px;a {font-size: 0.82rem;font-weight: 500;color: var(--color-black-2);transition: color 0.2s ease;&:hover {color: var(--background-green);}}}.header-actions {display: flex;align-items: center;gap: 10px;.have-store {font-size: 0.76rem;color: var(--color-black-2);}}.btn-entrar {height: var(--height-button);min-width: var(--width-button);display: inline-flex;align-items: center;justify-content: center;padding-inline: 20px;border: 1px solid var(--background-green);border-radius: var(--radius-pill);cursor: pointer;font-family: var(--font-family-inter);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.3px;color: var(--background-green);background: var(--background-white);transition: background 0.2s ease, color 0.2s ease;&:hover {background: var(--background-green);color: var(--text-white);}}}.hero {position: relative;background: var(--background-offwhite);.hero-split {display: grid;grid-template-columns: 1fr 1fr;min-height: 340px;}.hero-copy {position: relative;overflow: hidden;background: var(--brand-wine);display: flex;flex-direction: column;justify-content: center;padding: 56px 48px 90px;text-align: center;.watermark {position: absolute;left: -10px;bottom: 4px;font-family: var(--font-family-serif);font-size: 4.4rem;line-height: 0.92;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;color: rgba(255, 255, 255, 0.07);pointer-events: none;user-select: none;white-space: nowrap;}.hero-content {position: relative;z-index: 2;max-width: 460px;margin-left: auto;}h1 {font-family: var(--font-family-inter);font-size: clamp(1.25rem, 2.1vw, 1.55rem);font-weight: 700;line-height: 1.35;color: var(--text-white);em {font-style: italic;font-weight: 400;}}.btn-criar {margin-top: 26px;display: inline-block;padding: 9px 26px;border: none;border-radius: var(--radius-pill);cursor: pointer;background: #ffdce6;font-family: var(--font-family-inter);font-size: 0.8rem;font-weight: 700;color: var(--brand-wine);transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;&:hover {transform: translateY(-2px);background: var(--color-black-1);color: var(--text-white);}}}.hero-photo {img {width: 100%;height: 100%;min-height: 340px;object-fit: cover;}}.hero-cards {position: relative;z-index: 5;margin-top: -68px;padding-bottom: 44px;.cards-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}.card {background: var(--background-white);border-radius: var(--radius-card);padding: 26px 22px 30px;text-align: center;box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);transition: transform 0.22s ease, box-shadow 0.22s ease;img {height: 70px;width: auto;margin: 0 auto 16px;}h2 {font-family: var(--font-family-inter);font-size: 1rem;font-weight: 700;line-height: 1.35;color: var(--background-green);em {display: block;font-style: italic;font-weight: 400;}}&:hover {transform: translateY(-5px);box-shadow: 0 10px 26px rgba(157, 15, 56, 0.14);}}}}.intro {background: var(--background-offwhite);padding-block: 26px 62px;text-align: center;.intro-lead {max-width: 750px;margin-inline: auto;font-size: 1.5rem;font-weight: 700;line-height: 1.5;color: var(--background-green);}.intro-sub {margin-top: 26px;font-size: 1.3rem;font-style: italic;font-weight: 600;color: var(--background-green);}.not-need {margin-top: 22px;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 0 22px;max-width: 620px;margin-inline: auto;.col {display: flex;flex-direction: column;gap: 8px;}.dots {display: flex;flex-direction: column;gap: 40px;span {width: 7px;height: 7px;border-radius: 50%;background: var(--background-green);}}.pill {background: var(--background-green);color: var(--text-white);border-radius: var(--radius-pill);padding: 5px 18px;font-size: 1.2rem;font-weight: 400;b {font-weight: 700;}}}}.features {background: var(--background-white);padding-block: 68px 30px;.feature {display: grid;grid-template-columns: 1fr 1fr;align-items: center;&.reverse {.feature-text {order: 2;}.feature-img {order: 1;}}.feature-text {h3 {font-size: 1.3rem;font-weight: 700;line-height: 1.45;color: var(--color-black-1);text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 1px;}p {margin-top: 14px;font-size: 1rem;line-height: 1.65;color: var(--color-black-2);font-weight: 500;}}.feature-img {display: flex;justify-content: center;img {width: 300px;height: 300px;border-radius: 50%;object-fit: cover;}}}}.how {position: relative;background: var(--background-white);padding-block: 0 56px;.wave {display: block;width: 100%;height: 58px;svg {display: block;width: 100%;height: 100%;}}h2 {margin-top: 34px;text-align: center;font-size: 1rem;font-weight: 700;text-align: center;letter-spacing: 0.8px;color: var(--background-green);}.steps {margin-top: 34px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 26px;}.step {img {height: 70px;width: auto;margin-bottom: 14px;}h3 {font-size: 0.9rem;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;color: var(--brand-wine);}p {margin-top: 8px;font-size: 0.8rem;line-height: 1.6;color: var(--brand-wine-light);}}.how-cta {margin-top: 46px;padding-top: 40px;border-top: 1px solid var(--color-grey-line);text-align: center;p {font-size: 1.3rem;font-style: italic;line-height: 1.5;color: var(--background-green);b {font-weight: 700;}}.btn-cta {margin-top: 26px;display: inline-block;padding: 8px 40px;border: none;cursor: pointer;background: var(--background-green);font-family: var(--font-family-inter);font-size: 1rem;font-weight: 700;letter-spacing: 0.6px;color: var(--text-white);transition: background 0.2s ease, transform 0.2s ease;&:hover {background: var(--brand-wine-dark);transform: translateY(-2px);}}}}.peg, #faqList {width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);background-color: var(--brand-wine);}.peg {background-color: var(--brand-wine);padding-block: 24px;h2 {text-align: center;margin: 0;color: white;font-family: var(--font-family-inter);font-size: clamp(1.3rem, 3vw, 1.8rem);font-weight: 800;letter-spacing: 0.5px;}}.faq{background-color: var(--brand-wine);}#faqList {background-color: var(--brand-wine);max-width: 700px;margin: 0 auto;.faq-item {border-top: 1px solid var(--border-soft);padding: 18px 0 0;background-color: var(--brand-wine);&: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%;max-width: 1120px;margin-inline: auto;padding-inline: clamp(1.5rem, 5vw, 4rem);padding-bottom: 10px;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.14);display: flex;align-items: center;justify-content: flex-start;gap: 16px;font-family: var(--font-family-inter);font-size: 14px;font-weight: 600;line-height: 1.55;text-align: left;color: white;background-color: var(--brand-wine);cursor: pointer;align-items: center;.chev {order: -1;flex-shrink: 0;color: white;svg {width: 100%;height: 100%;fill: currentColor;stroke: currentColor;path {fill: currentColor;stroke: currentColor;}}}}.faq-a {max-height: 0;overflow: hidden;transition: max-height .3s ease;background-color: var(--brand-wine);div {color: white !important;}span {color: white !important;}p {width: 100%;max-width: 1120px;margin-inline: auto;padding-top: 12px;padding-inline: clamp(1.5rem, 5vw, 4rem);font-size: 14px;line-height: 1.4;font-weight: 400;color: white;strong {color: var(--text-rgb-90-90-90);}}}}}footer {background: var(--background-offwhite);.footer-main {display: flex;justify-content: space-between;align-items: flex-start;gap: 32px;padding-block: 44px 34px;}.footer-brand {.logo-text {font-family: var(--font-family-serif);font-size: 1.7rem;font-weight: 600;letter-spacing: 1.5px;text-transform: uppercase;color: var(--color-black-1);}.img-logo{max-width: 35%;}.social {margin-top: 14px;display: flex;gap: 15px;a {width: 20px;height: 20px;display: grid;place-items: center;color: var(--color-black-1);transition: color 0.2s ease;svg {width: 95px;height: 20px;fill: currentColor;}&:hover {color: var(--background-green);}}}}.footer-links {display: flex;flex-direction: column;gap: 12px;text-align: right;a {font-size: 0.76rem;color: var(--color-black-2);&:hover {color: var(--background-green);text-decoration: underline;}}}.footer-bottom {border-top: 1px solid var(--color-grey-line);.bottom-inner {display: flex;justify-content: space-between;gap: 20px;padding-block: 16px;font-size: 0.68rem;color: var(--color-grey-1);}}}@media (min-width:1350px){.hero {.hero-copy {max-height: 30vw;}}.hero {& .hero-photo {& img {max-height: 30vw;}}}}@media (max-width: 765px) {.hero .hero-cards .cards-grid {grid-template-columns: 1fr;}.hero .hero-cards {margin-top: -40px;}.how .steps {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.intro .not-need {grid-template-columns: 1fr;.dots {display: none;}.col {gap: 8px;}.col:first-child {margin-bottom: 8px;}}.features .feature {grid-template-columns: 1fr;gap: 22px;text-align: center;&.reverse {.feature-text {order: 2;}.feature-img {order: 1;}}.feature-img {order: 1;}.feature-text {order: 2;}}}@media (max-width: 520px) {.how .steps {grid-template-columns: 1fr;}footer {.footer-main {flex-direction: column;align-items: flex-start;}.footer-links {text-align: left;}.footer-bottom .bottom-inner {flex-direction: column;gap: 6px;}}}@media (max-width:350px){header {& .logo {img {height: 25px;width: auto;}}}.features {& .feature {& .feature-img {img {width: 291px;height: 261px;border-radius: 50%;object-fit: cover;}}}}}@media screen and (min-width:1025px) and (max-width:1750) {.hero {& .hero-copy {.hero-content {position: relative;z-index: 2;max-width: 717px;margin-left: 0 auto;padding-left: 288px;}}}}