.landing{--landing-paper:#faf8f2;--landing-ivory:#f2efe5;--landing-sage:#e9eee3;--landing-line:#d9dfd2;--landing-soft:#465442;background:var(--landing-paper);color:var(--ink);font-size:16px;overflow:clip}.landing-frame{width:min(1248px,100% - 112px);margin-inline:auto}.landing h1,.landing h2,.landing h3{text-wrap:balance}.landing h2{letter-spacing:-.045em;font-size:clamp(34px,3.6vw,50px);line-height:1.15}.landing p{text-wrap:pretty}.landing-nav{justify-content:space-between;align-items:center;height:100px;display:flex}.landing-nav>a,.landing-footer>div>a{align-items:center;min-height:44px;display:inline-flex}.landing-nav nav{align-items:center;gap:38px;display:flex}.landing-nav nav>a:not(.landing-button),.landing-footer nav a{align-items:center;min-height:44px;display:inline-flex}.landing a:not(.landing-button):hover{text-underline-offset:5px;text-decoration:underline}.landing-button{background:var(--forest);min-height:54px;color:var(--surface);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:24px;padding:14px 26px;font-size:15px;font-weight:500;transition:background .18s,transform .18s;display:inline-flex}.landing-button:hover{background:var(--ink);transform:translateY(-2px)}.landing-button:active{transform:translateY(0)}.landing-nav .landing-button{gap:20px;min-height:46px;padding:11px 23px}.landing-hero{isolation:isolate;background:var(--landing-ivory);min-height:660px;position:relative}.landing-hero-media{z-index:-2;background:var(--landing-ivory);position:absolute;inset:0;overflow:hidden}.landing-hero-media picture,.landing-hero-media img,.landing-hero-media video{width:100%;height:100%;position:absolute;inset:0}.landing-hero-media img,.landing-hero-media video{object-fit:cover;object-position:72% center}.landing-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f5f2e9f7 0%,#f5f2e9eb 31%,#f5f2e975 50%,#f5f2e900 66%);position:absolute;inset:0}.landing-hero-inner{min-height:inherit;align-items:center;padding-block:90px;display:flex}.landing-hero-copy{width:53%;max-width:610px}.landing-hero h1{letter-spacing:-.055em;font-size:clamp(64px,6.4vw,88px);line-height:1.07}.landing-hero-copy>p{max-width:390px;margin-top:30px;font-size:18px;line-height:1.7}.landing-actions{align-items:center;gap:30px;margin-top:34px;display:flex}.landing-text-link{text-underline-offset:5px;align-items:center;min-height:48px;font-size:15px;text-decoration:underline;display:inline-flex}.landing-hero-note{color:var(--landing-soft);align-items:center;gap:9px;margin-top:42px;font-size:13px;display:flex}.landing-motion{border:1px solid var(--landing-line);background:var(--landing-paper);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:13px;display:flex;position:absolute;bottom:24px;right:32px}.landing-motion:hover{background:var(--landing-sage)}.landing-section{padding-block:112px;scroll-margin-top:32px}.landing-section-intro{justify-content:space-between;align-items:end;gap:64px;margin-bottom:48px;display:flex}.landing-section-intro>p{max-width:365px;color:var(--landing-soft);padding-bottom:4px;line-height:1.8}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-feature{border:1px solid var(--landing-line);background:var(--surface);border-radius:4px;overflow:hidden}.landing-feature-art{background:var(--landing-sage);pointer-events:none;height:236px;margin:14px 14px 0;padding:28px 26px;overflow:hidden}.landing-preview-heading{align-items:center;gap:10px;margin-bottom:18px;font-size:14px;font-weight:500;display:flex}.landing-week,.landing-dates{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;font-size:13px;display:grid}.landing-week{color:var(--landing-soft);margin-bottom:10px}.landing-dates>span{place-items:center;width:27px;height:27px;margin:auto;display:grid}.landing-dates .marked{background:var(--period-bg);color:var(--period-ink);border-radius:50%}.landing-symptoms{background:var(--landing-ivory);flex-direction:column;justify-content:center;display:flex}.landing-symptom-list{flex-wrap:wrap;gap:9px;display:flex}.landing-symptom-list>span{border:1px solid var(--control);background:var(--surface);border-radius:999px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.landing-symptom-list .selected{background:var(--forest);color:var(--surface);border-color:var(--forest)}.landing-preview-note{color:var(--landing-soft);margin-top:19px;font-size:13px}.landing-history{background:var(--raised)}.landing-history-row{border-bottom:1px solid var(--landing-line);justify-content:space-between;align-items:center;min-height:43px;font-size:14px;display:flex}.landing-feature-copy{padding:26px 28px 30px}.landing-feature-copy>svg{margin-bottom:16px}.landing-feature h3{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:14px;font-size:25px;font-weight:400;line-height:1.2}.landing-feature p{color:var(--landing-soft);font-size:15px;line-height:1.8}.landing-preview-caption{color:var(--landing-soft);margin-top:18px;font-size:13px}.landing-how{background:var(--landing-sage);padding-block:94px}.landing-how-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.landing-how-grid>div>p{color:var(--landing-soft);margin-top:28px;line-height:1.8}.landing-steps{gap:34px;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{grid-template-columns:40px 1fr;gap:21px;display:grid}.landing-step-number{font-family:var(--serif);color:var(--forest);font-size:32px;line-height:1.2}.landing-steps h3{margin-bottom:9px;font-size:19px}.landing-steps p{color:var(--landing-soft);max-width:420px;font-size:16px;line-height:1.75}.landing-faq{grid-template-columns:1fr 1.2fr;gap:80px;display:grid}.landing-faq>div>p{color:var(--landing-soft);margin-top:24px}.landing-faq-list{border-top:1px solid var(--landing-line)}.landing-faq details{border-bottom:1px solid var(--landing-line)}.landing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding-block:22px;font-size:17px;font-weight:500;list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary svg{transition:transform .18s}.landing-faq details[open] summary svg{transform:rotate(45deg)}.landing-faq summary:hover{color:var(--forest);background:var(--landing-sage)}.landing-faq details>p{color:var(--landing-soft);padding:0 30px 26px 0;font-size:16px;line-height:1.8}.landing-final{background:var(--forest);color:var(--surface);padding-block:78px}.landing-final-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.landing-final-inner>.landing-button{justify-self:start}.landing-final h2{font-size:clamp(38px,4vw,54px)}.landing-final p{color:var(--landing-sage);margin-top:20px}.landing-final .landing-button{background:var(--landing-paper);color:var(--forest)}.landing-final .landing-button:hover{background:var(--landing-sage)}.landing-final :focus-visible{outline-color:var(--surface)}.landing-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;padding-block:54px;display:grid}.landing-footer .brand{font-size:34px}.landing-footer .brand svg{width:31px;height:31px}.landing-footer>div>p{color:var(--landing-soft);margin-top:8px;font-size:13px}.landing-footer nav{flex-wrap:wrap;gap:24px;font-size:14px;display:flex}.landing-footer-note{text-align:right;color:var(--landing-soft);font-size:13px}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.landing-hero-copy{animation:.7s ease-out both landing-enter}@keyframes landing-enter{0%{opacity:.3;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:1100px){.landing-frame{width:calc(100% - 72px)}.landing-feature-grid{gap:16px}.landing-feature-art{margin:10px 10px 0;padding:24px 16px}.landing-feature-copy{padding:24px 20px}.landing-feature h3{font-size:23px}.landing-how-grid,.landing-faq{gap:48px}.landing-footer{grid-template-columns:1fr auto}.landing-footer-note{text-align:left;grid-column:1/-1}}@media (max-width:899px){.landing-frame{width:calc(100% - 48px)}.landing-nav{height:86px}.landing-nav nav{gap:24px}.landing-nav .landing-nav-cta{display:none}.landing-hero{min-height:800px}.landing-hero-inner{align-items:flex-start;padding-block:60px}.landing-hero-copy{width:100%;max-width:600px}.landing-hero h1{font-size:64px}.landing-hero-copy>p{max-width:390px}.landing-hero-media picture{height:390px;top:auto}.landing-hero-media img{object-position:78% center}.landing-hero:after{background:linear-gradient(180deg, var(--landing-ivory) 0%, var(--landing-ivory) 48%, #f2efe500 66%)}.landing-hero-note{margin-top:26px}.landing-section{padding-block:80px}.landing-section-intro{align-items:start;gap:32px}.landing-section-intro>p{max-width:280px}.landing-feature-grid{grid-template-columns:1fr;gap:20px}.landing-feature{grid-template-columns:1fr 1fr;align-items:center;display:grid}.landing-feature-art{height:240px;margin:12px;padding:24px}.landing-feature-copy{padding:24px}.landing-feature h3{font-size:26px}.landing-feature p{font-size:16px}.landing-how{padding-block:72px}.landing-how-grid{grid-template-columns:1fr;gap:48px}.landing-steps{gap:30px}.landing-steps p{max-width:550px}.landing-faq{grid-template-columns:1fr;gap:36px}.landing-final{padding-block:64px}.landing-final-inner{flex-direction:column;align-items:flex-start;gap:30px;display:flex}}@media (max-width:540px){.landing-nav{height:80px}.landing-nav .brand{font-size:34px}.landing-nav .brand svg{width:31px;height:31px}.landing-nav nav{gap:20px;font-size:14px}.landing-hero{min-height:750px}.landing-hero-inner{padding-block:45px}.landing-hero h1{font-size:clamp(45px,12.3vw,64px);line-height:1.09}.landing-hero-copy>p{max-width:330px;margin-top:24px;font-size:17px}.landing-actions{flex-wrap:wrap;gap:22px;margin-top:27px}.landing-button{gap:18px;min-height:52px;padding-inline:22px;font-size:14px}.landing-text-link{font-size:14px}.landing-hero-note{margin-top:23px}.landing-hero-media picture{height:355px}.landing-hero:after{background:linear-gradient(180deg, var(--landing-ivory) 0%, var(--landing-ivory) 51%, #f2efe500 65%)}.landing h2{font-size:36px}.landing-section{padding-block:64px}.landing-section-intro{flex-direction:column;gap:24px;margin-bottom:32px}.landing-section-intro>p{max-width:none}.landing-feature{display:block}.landing-feature-art{height:228px;padding:24px 30px}.landing-feature-copy{padding:20px 24px 28px}.landing-feature-copy>svg{display:none}.landing-feature h3{font-size:27px}.landing-preview-caption{margin-top:20px}.landing-how{padding-block:60px}.landing-how-grid{gap:36px}.landing-how-grid>div>p{margin-top:22px}.landing-steps li{grid-template-columns:28px 1fr;gap:16px}.landing-steps h3{font-size:18px}.landing-faq{gap:28px}.landing-faq summary{min-height:74px;font-size:16px}.landing-final{padding-block:56px}.landing-final h2{font-size:37px}.landing-footer{grid-template-columns:1fr;gap:26px;padding-block:38px}.landing-footer nav{gap:10px 24px}}@media (max-width:360px){.landing-frame{width:calc(100% - 40px)}.landing-actions{gap:14px}.landing-button{gap:12px;padding-inline:18px}.landing-feature-art{padding-inline:20px}.landing h2{font-size:32px}}@media (min-width:541px) and (max-width:899px){.landing-hero-media picture{height:350px}.landing-hero-media img{object-fit:contain;object-position:right bottom}.landing-final-inner{flex-direction:row;justify-content:space-between;align-items:center}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
