:root {--teal: #1B5566;--teal-dark: #134150;--teal-light: #2F7E94;--purple: #7B3F9E;--purple-dark: #5E2C7B;--purple-light: #9C5BBF;--cream: #F7F4EF;--cream-soft: #FBF9F4;--white: #FFFFFF;--ink: #1E2A30;--ink-soft: #52636B;--border: #E5DED1;--border-soft: #F0EADD;--accent: #F4C95D;--shadow-soft: 0 8px 28px rgba(27, 85, 102, .08);--shadow-card: 0 20px 50px -15px rgba(27, 85, 102, .18);--shadow-cta: 0 16px 40px -12px rgba(123, 63, 158, .45);--line: #7B3F9E;--ink: #7B3F9E;}.area-footer {padding: 0px;.container {padding: 0px;.box-footer {margin: 0px;width: min(100%) !important;}}}*, *::before, *::after {box-sizing: border-box }html {scroll-behavior: smooth }body {margin: 0;background: var(--cream);color: var(--ink);font-family: 'Nunito', sans-serif;font-weight: 400;line-height: 1.6;-webkit-font-smoothing: antialiased;overflow-x: hidden;}.container {max-width: 1200px;margin: 0 auto;padding: 0 28px;position: relative }@media (pointer: coarse) {* {cursor: initial !important;}}h1, h2, h3, h4 {font-family: 'Poppins', sans-serif;font-weight: 800;color: var(--teal);letter-spacing: -.01em;line-height: 1.15;margin: 0;text-transform: uppercase;}h1 {font-size: clamp(34px, 4.4vw, 54px) }h1 .purple {color: var(--purple) }h2 {font-size: clamp(28px, 3.6vw, 46px) }h2 .purple {color: var(--purple) }h3 {font-size: clamp(18px, 1.6vw, 22px);font-weight: 700 }p {margin: 0;color: var(--ink-soft);font-size: 16px }.nav {background: var(--white);border-bottom: 1px solid var(--border-soft);position: sticky;top: 0;z-index: 50;}.nav-inner {display: flex;align-items: center;justify-content: space-between;padding: 18px 0;}.nav-logo img {height: 42px;display: block }.nav-links {display: flex;gap: 36px;align-items: center;.nav-cta {display: none;}}@media(max-width:780px) {.nav-links {display: none }}.nav-links a {color: var(--teal);text-decoration: none;font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 14px;text-transform: uppercase;letter-spacing: .04em;transition: color .2s;}.nav-links a:hover {color: var(--purple) }.nav-cta {background: var(--purple);color: var(--white);text-decoration: none;padding: 12px 26px;border-radius: 100px;font-family: 'Poppins', sans-serif;font-weight: 700;font-size: 14px;text-transform: uppercase;letter-spacing: .04em;transition: transform .25s, box-shadow .25s, background .25s;&.login {background: #fff !important;color: var(--purple) !important;padding: 0px;margin-right: -45px;transform: none !important;box-shadow: none !important;&:hover {text-decoration: underline;}}}.nav-cta:hover {transform: translateY(-2px);background: var(--purple-dark);box-shadow: var(--shadow-cta) }.hero {background: var(--white);padding: 80px 0 90px;position: relative;overflow: hidden;}.hero::before {content: "";position: absolute;top: 0;right: 0;width: 42%;height: 100%;background: var(--teal);border-bottom-left-radius: 50% 70%;transform: translateX(25%);z-index: 0;}@media(max-width:900px) {.hero::before {display: none }}.hero-grid {display: grid;grid-template-columns: .9fr 1.1fr;gap: 30px;align-items: center;position: relative;z-index: 1;}@media(max-width:900px) {.hero-grid {grid-template-columns: 1fr;gap: 50px }}.hero h1 {margin-bottom: 36px }.hero-bullets {display: grid;grid-template-columns: 1fr 1fr;gap: 22px 30px;margin-bottom: 40px;}@media(max-width:520px) {.hero-bullets {grid-template-columns: 1fr }}.hero-bullet {display: flex;align-items: flex-start;gap: 14px }.hero-bullet .ico {width: 44px;height: 44px;flex-shrink: 0;border: 1.5px solid var(--teal);border-radius: 50%;display: grid;place-items: center;color: var(--teal);}.hero-bullet span {display: block;font-family: 'Poppins', sans-serif;font-weight: 700;color: var(--teal);text-transform: uppercase;font-size: 13px;letter-spacing: .03em;line-height: 1.35;}.btn-primary {display: inline-flex;align-items: center;gap: 12px;background: var(--purple);color: var(--white);text-decoration: none;padding: 20px 42px;border-radius: 100px;font-family: 'Poppins', sans-serif;font-weight: 700;font-size: 16px;text-transform: uppercase;letter-spacing: .06em;box-shadow: var(--shadow-cta);transition: transform .3s, background .3s;border: none;cursor: pointer;}.btn-primary:hover {transform: translateY(-3px);background: var(--purple-dark) }.btn-primary svg {transition: transform .3s }.btn-primary:hover svg {transform: translateX(4px) }.hero-image-wrap {position: relative;aspect-ratio: 1/1.05;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 32px;box-shadow: 0 30px 60px -15px rgba(27, 85, 102, .35);background: #fff;}.hero-image-wrap img {width: 100%;height: 100%;object-fit: cover;object-position: center top;position: relative;z-index: 2;}.hero-image-wrap::after {content: "";position: absolute;inset: 0;border-radius: 32px;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);pointer-events: none;z-index: 3;}@media(max-width:900px) {.hero-image-wrap {aspect-ratio: 1/1;max-width: 520px;margin: 0 auto }}.paw {position: absolute;opacity: .18;z-index: 1;color: var(--white);}.paw.p1 {top: 8%;left: 5%;width: 60px;transform: rotate(-15deg) }.paw.p2 {bottom: 14%;right: 8%;width: 42px;transform: rotate(25deg) }.strip {background: var(--cream-soft);border-top: 1px solid var(--border-soft);border-bottom: 1px solid var(--border-soft);padding: 36px 0;}.strip-inner {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;text-align: center;}.lbl-row {display: flex;justify-content: center;align-items: center;}@media(max-width:780px) {.strip-inner {grid-template-columns: repeat(2, 1fr);gap: 32px }}.strip-item .num {font-family: 'Poppins', sans-serif;font-size: 36px;font-weight: 800;color: var(--purple);line-height: 1;margin: 0 8px;}@media (max-width:1045px){.strip-item .num {font-family: 'Poppins', sans-serif;font-size: 36px;font-weight: 800;color: var(--purple);line-height: 1;margin: 0 2px;}}@media (max-width:900px){.strip-item .num {font-family: 'Poppins', sans-serif;font-size: 32px;font-weight: 800;color: var(--purple);line-height: 1;margin: 0 2px;}.strip-item .lbl {margin-top: 8px;font-family: 'Poppins', sans-serif;font-weight: 600;color: var(--teal);font-size: 10px;text-transform: uppercase;letter-spacing: .08em;margin: 0 7px;}}@media (max-width:750px){.strip-item .lbl {margin-top: 8px;font-family: 'Poppins', sans-serif;font-weight: 600;color: var(--teal);font-size: 10px;text-transform: uppercase;letter-spacing: .08em;margin: 0 3px;}}.strip-item .lbl {margin-top: 8px;font-family: 'Poppins', sans-serif;font-weight: 600;color: var(--teal);font-size: 12px;text-transform: uppercase;letter-spacing: .08em;}section {padding: 100px 0;position: relative }@media(max-width:780px) {section {padding: 70px 0 }}.section-head {text-align: center;max-width: 740px;margin: 0 auto 60px }.section-eyebrow {display: inline-block;color: var(--purple);font-family: 'Poppins', sans-serif;font-weight: 700;font-size: 13px;text-transform: uppercase;letter-spacing: .12em;margin-bottom: 18px;padding: 6px 16px;background: rgba(123, 63, 158, .08);border-radius: 100px;}.section-head p {margin-top: 22px;font-size: 17px;line-height: 1.7 }.why {background: var(--cream) }.why-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px }@media(max-width:900px) {.why-grid {grid-template-columns: 1fr }}.why-card {background: var(--white);border-radius: 24px;padding: 36px 30px;border: 1px solid var(--border-soft);transition: transform .35s, box-shadow .35s;position: relative;}.why-card:hover {transform: translateY(-6px);box-shadow: var(--shadow-card) }.why-card .why-ico {width: 64px;height: 64px;border-radius: 18px;background: linear-gradient(135deg, var(--teal), var(--teal-light));display: grid;place-items: center;color: var(--white);margin-bottom: 22px;}.why-card:nth-child(2) .why-ico {background: linear-gradient(135deg, var(--purple), var(--purple-light)) }.why-card:nth-child(3) .why-ico {background: linear-gradient(135deg, #D9954A, var(--accent)) }.why-card h3 {margin-bottom: 14px;text-transform: none }.why-card p {font-size: 15.5px;line-height: 1.65 }.how {background: var(--white);position: relative }.how::before {content: "";position: absolute;inset: 0;background: radial-gradient(600px 300px at 20% 0%, rgba(27, 85, 102, .04), transparent 60%), radial-gradient(600px 300px at 80% 100%, rgba(123, 63, 158, .04), transparent 60%);pointer-events: none;}.steps {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;position: relative;z-index: 1 }@media(max-width:900px) {.steps {grid-template-columns: repeat(2, 1fr) }}@media(max-width:500px) {.steps {grid-template-columns: 1fr }}.step {background: var(--cream-soft);border-radius: 20px;padding: 30px 26px;border: 1px solid var(--border-soft);position: relative;transition: transform .3s;}.step:hover {transform: translateY(-4px) }.step-num {position: absolute;top: -20px;left: 24px;width: 44px;height: 44px;border-radius: 50%;background: var(--purple);color: var(--white);font-family: 'Poppins', sans-serif;font-weight: 800;font-size: 18px;display: grid;place-items: center;box-shadow: var(--shadow-cta);}.step:nth-child(even) .step-num {background: var(--teal) }.step h3 {margin-top: 18px;text-transform: none;color: var(--teal);font-size: 18px }.step p {margin-top: 10px;font-size: 14.5px;line-height: 1.6 }.calc-section {background: linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);color: var(--white);position: relative;overflow: hidden;}.calc-section::before {content: "";position: absolute;width: 500px;height: 500px;border-radius: 50%;background: radial-gradient(circle, rgba(123, 63, 158, .3), transparent 70%);top: -200px;right: -100px;}.calc-section::after {content: "";position: absolute;width: 400px;height: 400px;border-radius: 50%;background: radial-gradient(circle, rgba(244, 201, 93, .15), transparent 70%);bottom: -150px;left: -100px;}.calc-section .section-head {position: relative;z-index: 1 }.calc-section h2 {color: var(--white) }.calc-section h2 .purple {color: var(--accent) }.calc-section .section-eyebrow {background: rgba(255, 255, 255, .12);color: var(--accent) }.calc-section .section-head p {color: rgba(255, 255, 255, .85) }.calc-grid {background: var(--white);border-radius: 28px;padding: 48px;color: var(--ink);box-shadow: 0 40px 80px -20px rgba(0, 0, 0, .4);display: grid;grid-template-columns: 1fr 1fr;gap: 48px;position: relative;z-index: 1;}@media(max-width:780px) {.calc-grid {grid-template-columns: 1fr;padding: 32px;gap: 32px }}.calc-controls h3 {color: var(--teal);text-transform: none;margin-bottom: 24px;font-size: 24px }.calc-field {margin-bottom: 28px }.calc-field label {display: flex;justify-content: space-between;align-items: baseline;font-family: 'Poppins', sans-serif;font-weight: 600;color: var(--teal);font-size: 14px;margin-bottom: 10px;}.calc-field label .value {color: var(--purple);font-size: 20px;font-weight: 800;}.calc-field input[type=range] {-webkit-appearance: none;width: 100%;height: 6px;background: var(--border);border-radius: 100px;outline: none;}.calc-field input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;width: 24px;height: 24px;background: var(--purple);border-radius: 50%;cursor: pointer;box-shadow: 0 4px 12px rgba(123, 63, 158, .4);transition: transform .2s;}.calc-field input[type=range]::-webkit-slider-thumb:hover {transform: scale(1.15) }.calc-field input[type=range]::-moz-range-thumb {width: 24px;height: 24px;background: var(--purple);border-radius: 50%;cursor: pointer;border: none;box-shadow: 0 4px 12px rgba(123, 63, 158, .4);}.calc-result {background: var(--cream-soft);border-radius: 20px;padding: 32px;display: flex;flex-direction: column;justify-content: center;}.calc-result-label {font-family: 'Poppins', sans-serif;font-weight: 600;color: var(--teal);font-size: 13px;text-transform: uppercase;letter-spacing: .08em;margin-bottom: 10px;}.calc-result-month {font-family: 'Poppins', sans-serif;font-size: 48px;font-weight: 800;color: var(--purple);line-height: 1;margin-bottom: 24px;}.calc-result-month small {font-size: 18px;color: var(--ink-soft);font-weight: 500 }.calc-result-breakdown {border-top: 1px dashed var(--border);padding-top: 18px;margin-top: 6px;}.calc-result-row {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;font-size: 14px;}.calc-result-row span:first-child {color: var(--ink-soft) }.calc-result-row span:last-child {font-weight: 700;color: var(--teal);font-family: 'Poppins', sans-serif }.calc-result-row.highlight span:last-child {color: var(--purple);font-size: 18px }.product {background: var(--cream) }.product-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center }@media(max-width:900px) {.product-grid {grid-template-columns: 1fr }}.product-image {position: relative;aspect-ratio: 1/1;border-radius: 32px;overflow: hidden;display: block;}.product-image img {width: 100%;height: 100%;object-fit: cover;display: block;}.product-image-badge {position: absolute;top: 24px;left: 24px;background: var(--white);color: var(--purple);padding: 10px 18px;border-radius: 100px;font-family: 'Poppins', sans-serif;font-weight: 700;font-size: 12px;text-transform: uppercase;letter-spacing: .08em;box-shadow: var(--shadow-soft);}.product h2 {text-transform: none }.product .lede {margin: 24px 0 30px;font-size: 17px;line-height: 1.7;color: var(--ink-soft) }.product-list {list-style: none;padding: 0;margin: 0;display: grid;gap: 18px }.product-list li {display: flex;align-items: flex-start;gap: 14px;font-size: 15.5px;color: var(--ink);line-height: 1.55;}.product-list .check {flex-shrink: 0;width: 28px;height: 28px;border-radius: 50%;background: rgba(27, 85, 102, .1);color: var(--teal);display: grid;place-items: center;}.who {background: var(--white) }.who-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px }@media(max-width:900px) {.who-grid {grid-template-columns: 1fr }}.who-card {background: var(--cream-soft);border-radius: 20px;padding: 36px 30px;border: 1px solid var(--border-soft);transition: transform .3s, box-shadow .3s;}.who-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-card) }.who-emoji {font-size: 42px;margin-bottom: 16px;display: block;line-height: 1 }.who-card h3 {text-transform: none;color: var(--teal);margin-bottom: 12px }.who-card p {font-size: 15px;line-height: 1.65 }.faq-section {background: var(--cream) }.faq {max-width: 820px;margin: 0 auto }.faq-item {background: var(--white);border: 1px solid var(--border-soft);border-radius: 16px;margin-bottom: 14px;overflow: hidden;transition: border-color .3s;}.faq-item[open] {border-color: var(--purple-light) }.faq-item summary {list-style: none;cursor: pointer;padding: 22px 28px;display: flex;justify-content: space-between;align-items: center;gap: 16px;font-family: 'Poppins', sans-serif;font-weight: 600;color: var(--teal);font-size: 16px;transition: color .25s;}.faq-item summary::-webkit-details-marker {display: none }.faq-item summary:hover {color: var(--purple) }.faq-item .plus {width: 28px;height: 28px;flex-shrink: 0;border-radius: 50%;background: rgba(123, 63, 158, .1);color: var(--purple);display: grid;place-items: center;font-weight: 700;transition: transform .3s, background .3s;}.faq-item[open] .plus {transform: rotate(45deg);background: var(--purple);color: var(--white) }.faq-item .answer {padding: 0 28px 24px;color: var(--ink-soft);font-size: 15px;line-height: 1.7;}.final {background: linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);color: var(--white);text-align: center;position: relative;overflow: hidden;padding: 120px 0;}.final::before {content: "";position: absolute;width: 600px;height: 600px;border-radius: 50%;background: radial-gradient(circle, rgba(244, 201, 93, .2), transparent 70%);top: -200px;left: -200px;}.final::after {content: "";position: absolute;width: 500px;height: 500px;border-radius: 50%;background: radial-gradient(circle, rgba(47, 126, 148, .3), transparent 70%);bottom: -200px;right: -150px;}.final-content {position: relative;z-index: 1 }.final h2 {color: var(--white);max-width: 14ch;margin: 0 auto 24px }.final h2 .purple {color: var(--accent) }.final p {color: rgba(255, 255, 255, .85);max-width: 54ch;margin: 0 auto;font-size: 18px;line-height: 1.65 }.final .btn-primary {background: var(--white);color: var(--purple);margin-top: 40px;padding: 22px 48px;font-size: 17px;}.final .btn-primary:hover {background: var(--accent);color: var(--teal-dark) }.menu-btn {display: none;}.final-note {margin-top: 24px;font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 13px;color: rgba(255, 255, 255, .7);text-transform: uppercase;letter-spacing: .08em;}footer {background: var(--teal-dark);color: rgba(255, 255, 255, .7);padding: 40px 0 0;text-align: center;}footer img {height: 40px;margin-bottom: 18px;background: #fff;padding: 8px 14px;border-radius: 8px;}footer p {color: rgba(255, 255, 255, .6);font-size: 13px;margin: 0 }.reveal {opacity: 0;transform: translateY(24px);transition: opacity .8s cubic-bezier(.22, .61, .36, 1), transform .8s cubic-bezier(.22, .61, .36, 1);}.reveal.in {opacity: 1;transform: none }.menu-btn {width: 40px;height: 40px;border: 1px solid var(--line);border-radius: 999px;display: none;align-items: center;justify-content: center;background: var(--line);}.menu-btn span {width: 14px;height: 1.5px;background: #fff;position: relative;}.menu-btn span::before, .menu-btn span::after {content: "";position: absolute;width: 14px;height: 1.5px;background: #fff;}.menu-btn span::before {top: -5px;left: 0;}.menu-btn span::after {top: 5px;left: 0;}@media screen and (max-width:1200px) {body {width: 100%;}.menu-btn {display: flex;cursor: pointer;}.nav-links, .nav-cta {display: none;}.nav-inner {padding: 18px 15px;}.nav-links {display: none;position: absolute;top: 100%;left: 0;right: 0;background: #ffffff;flex-direction: column;padding: 24px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);.nav-cta {display: flex;margin: 0 auto;padding: 10px;color: #fff;border-radius: 12px;&.login {padding: 0;}}}.nav-links.open {display: flex;gap: 10px;.btn {display: flex;padding: 0;text-decoration: underline;&.btn-primary {padding: 10px 20px;text-decoration: none;color: #4A3D33 !important;}}}}