@font-face { font-family:'Inter Tight'; font-style:normal; font-weight:400 800; font-display:swap; src:url('/assets/mint/fonts/inter-tight-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter Tight'; font-style:normal; font-weight:400 800; font-display:swap; src:url('/assets/mint/fonts/inter-tight-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Inter Tight'; font-style:normal; font-weight:400 800; font-display:swap; src:url('/assets/mint/fonts/inter-tight-cyrillic.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
:root { color-scheme:light; --mint:#d5f7d9; --ink:#101613; --blue:#1646ef; --muted:#59615b; --line:#d8ded9; --soft:#f4f6f4; --pink:#cf5484; --green:#46ab78; --sky:#247eeb; --coral:#ff945d; font-family:'Inter Tight',Arial,system-ui,sans-serif; }
*,*::before,*::after { box-sizing:border-box; letter-spacing:0; }
html { scroll-behavior:smooth; scroll-padding-top:24px; -webkit-text-size-adjust:100%; }
body { margin:0; color:var(--ink); background:#fff; font-size:17px; line-height:1.55; }
body:has(dialog[open]) { overflow:hidden; }
button,input,select { font:inherit; }
button,a,select { -webkit-tap-highlight-color:transparent; }
button,a { touch-action:manipulation; }
a { color:inherit; text-decoration:none; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.5; }
button,input,select,a,summary { outline-offset:4px; }
:focus-visible { outline:2px solid var(--blue); }
[hidden] { display:none !important; }
img,iframe { display:block; max-width:100%; }
svg { flex-shrink:0; width:20px; height:20px; stroke-width:1.8; }
h1,h2,h3,p { margin:0; }
h2 { font-size:46px; font-weight:700; line-height:1.08; text-wrap:balance; overflow-wrap:break-word; }
h3 { font-size:24px; line-height:1.2; }
.content-width { width:min(1440px,calc(100% - 96px)); margin-inline:auto; }
.eyebrow { font-size:12px; font-weight:600; line-height:1.4; text-transform:uppercase; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:24px; min-height:52px; padding:14px 23px; border:1px solid var(--blue); border-radius:4px; background:var(--blue); color:#fff; font-size:16px; font-weight:600; line-height:1.25; text-align:center; transition:background 150ms ease,transform 150ms ease; }
.button:hover { background:#1036cb; transform:translateY(-1px); }
.button svg { width:21px; height:21px; }
.icon-button { display:inline-grid; place-items:center; width:42px; height:42px; padding:8px; border:1px solid transparent; border-radius:4px; color:inherit; background:transparent; }
.icon-button:hover { background:#1016130a; }
.text-link { display:inline-flex; align-items:center; gap:12px; min-height:42px; padding:0; border:0; background:transparent; color:inherit; font:inherit; line-height:1.35; text-decoration:underline; text-underline-offset:5px; }
.text-link:hover { color:var(--blue); }
.wordmark { display:flex; align-items:center; gap:6px; font-size:26px; font-weight:750; line-height:1; white-space:nowrap; }
.brand-dot { width:7px; height:7px; background:var(--blue); border-radius:50%; align-self:flex-end; margin-bottom:2px; }
.hero { position:relative; isolation:isolate; min-height:760px; background:var(--mint); overflow:hidden; }
.hero-photo { position:absolute; inset:96px 0 0; width:100%; height:calc(100% - 96px); object-fit:contain; object-position:right bottom; z-index:-1; }
.masthead { display:flex; align-items:center; justify-content:space-between; gap:28px; padding-top:26px; position:relative; z-index:2; }
.nav-links { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:500; margin-left:auto; }
.nav-links a { padding-block:12px; }
.nav-links a:hover { color:var(--blue); }
.nav-actions { display:flex; gap:20px; align-items:center; }
.language-control { position:relative; display:flex; align-items:center; }
.language-control select { appearance:none; border:0; background:transparent; padding:10px 25px 10px 5px; font-size:13px; min-height:44px; cursor:pointer; color:var(--ink); }
.language-control svg { position:absolute; pointer-events:none; right:1px; width:14px; }
.nav-cta { min-height:46px; font-size:13px; gap:20px; padding:12px 18px; }
.menu-button { display:none; }
.hero-copy { padding-top:66px; padding-bottom:80px; }
.hero-copy>.eyebrow { margin-bottom:18px; }
.hero h1 { font-size:142px; line-height:.89; font-weight:800; max-width:710px; }
.hero-tagline { font-size:32px; font-weight:600; line-height:1.2; margin-top:26px; max-width:650px; text-wrap:balance; }
.hero-sub { margin-top:14px; max-width:420px; font-size:19px; line-height:1.5; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:27px; max-width:590px; }
.hero-compatibility { font-size:12px; margin-top:22px; color:#364e3c; max-width:450px; }
.hero-compatibility span { margin:0 6px; color:#758a7a; }
.photo-caption { position:absolute; bottom:24px; right:48px; font-size:11px; color:#28412f; }
.section { padding:84px 0; }
.section-heading { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:80px; align-items:end; margin-bottom:32px; }
.section-heading>*,.product-grid>*,.questions-grid>*,.privacy-grid>* { min-width:0; }
.section-heading .eyebrow { margin-bottom:14px; }
.section-intro { color:var(--muted); max-width:44ch; font-size:17px; line-height:1.65; }
.demo-note { display:flex; align-items:center; gap:9px; font-size:12px; color:var(--muted); margin-bottom:24px; }
.demo-note svg { width:15px; height:15px; }
.phase-selector { display:flex; width:max-content; max-width:100%; gap:4px; margin-bottom:25px; border:1px solid var(--line); padding:4px; border-radius:5px; }
.phase-selector button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:40px; min-width:126px; padding:9px 14px; border:0; background:transparent; color:var(--ink); border-radius:3px; font-size:13px; font-weight:500; }
.phase-selector button[aria-selected="true"] { background:var(--ink); color:white; }
.phase-swatch { width:8px; height:8px; border-radius:50%; flex-shrink:0; background:var(--phase-color); }
.product-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:68px; align-items:start; }
.example-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:42px; margin-bottom:12px; }
.example-marker { display:inline-block; color:var(--muted); font-size:11px; font-weight:400; }
.agenda { background:white; border:1px solid #dce2e5; border-radius:6px; overflow:hidden; }
.agenda-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; border-bottom:1px solid #e1e5e8; }
.agenda-heading strong { font-size:18px; font-weight:600; }
.agenda-nav { display:flex; }
.agenda-nav .icon-button { width:32px; height:36px; }
.agenda-days { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.agenda-day { min-width:0; border-left:1px solid #e7e9eb; }
.agenda-day:first-child { border-left:0; }
.agenda-date { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:16px 4px; border-bottom:1px solid #e7e9eb; min-height:85px; color:#747b80; font-size:12px; }
.agenda-date strong { color:var(--ink); font-size:24px; font-weight:500; line-height:1; }
.agenda-day.is-current .agenda-date strong { color:white; background:var(--blue); border-radius:50%; width:34px; height:34px; display:grid; place-items:center; }
.agenda-all-day { padding:11px 8px; min-height:76px; border-bottom:1px solid #e7e9eb; }
.agenda-all-day>span { display:block; font-size:9px; color:#727b80; margin-bottom:5px; }
.cycle-event { display:block; width:100%; padding:5px 7px; border:0; border-left:3px solid #347fdc; border-radius:2px; color:#16498a; background:#dbeaff; font-size:12px; font-weight:600; text-align:left; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cycle-event:hover { background:#c5deff; }
.agenda-times { min-height:290px; position:relative; background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#edf0f1 47px,#edf0f1 48px); padding:10px 8px; }
.ordinary-event { border-radius:2px; border-left:3px solid #aa96c8; background:#efe8f7; font-size:11px; padding:5px; min-height:34px; overflow-wrap:anywhere; line-height:1.2; }
.ordinary-event time { display:block; color:#7e6f93; font-size:9px; margin-bottom:3px; }
.ordinary-event.dinner { margin-top:140px; background:#ecefeb; border-color:#a5b1a0; }
.example-description { color:var(--muted); font-size:13px; line-height:1.6; margin-top:18px; max-width:52ch; }
.calendar-example>.text-link { font-size:14px; margin-top:8px; }
.daily-frame { width:100%; height:520px; border:0; border-radius:6px; background:#fff; }
.setup-inline { margin-block:30px 32px; padding-block:24px; border-block:1px solid var(--line); }
.setup-intro { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:22px; }
.setup-intro h3 { font-size:21px; }
.setup-intro p { color:var(--muted); font-size:13px; }
.preview-context { display:flex; align-items:baseline; justify-content:space-between; gap:28px; margin-bottom:22px; }
.preview-context>p:first-child { flex-shrink:0; font-size:16px; }
.preview-context strong { font-weight:600; }
.preview-context .demo-note { margin:0; font-size:11px; max-width:52ch; }
.setup-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr); gap:24px; align-items:end; }
.setup-actions { min-width:0; display:grid; grid-template-rows:44px 58px; gap:8px; }
.setup-action-main { min-width:0; height:58px; }
.field { min-width:0; }
.field>label { display:block; margin-bottom:10px; font-size:14px; font-weight:500; }
.field>input { display:block; width:100%; min-width:0; min-height:58px; border:1px solid #b9c4bc; border-radius:4px; padding:14px 16px; background:#fff; color:var(--ink); font-size:17px; }
.field>input[aria-invalid="true"] { border-color:#b93b29; }
.cycle-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:10px; }
.cycle-heading label { min-width:0; font-size:14px; font-weight:500; }
.cycle-heading output { flex-shrink:0; white-space:nowrap; font-size:12px; color:var(--muted); line-height:20px; }
.cycle-heading output strong { color:var(--ink); font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; }
.period-heading { flex-wrap:wrap; gap:4px 12px; }
.period-heading output { display:flex; align-items:baseline; gap:8px; }
.cycle-slider { --range-progress:29.166667%; position:relative; height:58px; padding:0 12px; border:1px solid #b9c4bc; border-radius:4px; background:#fff; }
.slider-track { position:absolute; top:19px; left:26px; right:26px; height:6px; border-radius:3px; background:#d8ded9; pointer-events:none; }
.slider-fill { display:block; width:var(--range-progress); height:100%; background:var(--blue); border-radius:inherit; }
.cycle-slider input { position:relative; display:block; width:100%; height:44px; margin:0; padding:0; border:0; background:transparent; appearance:none; -webkit-appearance:none; cursor:pointer; }
.cycle-slider input::-webkit-slider-runnable-track { height:6px; background:transparent; }
.cycle-slider input::-webkit-slider-thumb { width:28px; height:28px; margin-top:-11px; border:3px solid #fff; border-radius:50%; background:var(--blue); box-shadow:0 1px 4px #10161340; appearance:none; -webkit-appearance:none; }
.cycle-slider input::-moz-range-track { height:6px; background:transparent; }
.cycle-slider input::-moz-range-progress { background:transparent; }
.cycle-slider input::-moz-range-thumb { width:28px; height:28px; border:3px solid #fff; border-radius:50%; background:var(--blue); box-shadow:0 1px 4px #10161340; box-sizing:border-box; }
.slider-limits { position:absolute; left:26px; right:26px; bottom:3px; display:flex; justify-content:space-between; color:var(--muted); font-size:10px; line-height:12px; pointer-events:none; }
.setup-submit { width:100%; height:58px; min-height:58px; justify-content:space-between; gap:12px; padding:10px 16px; font-size:15px; line-height:1.2; }
.setup-submit span { min-width:0; overflow-wrap:break-word; }
.setup-notes { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1fr) minmax(0,1fr); gap:26px; margin-top:26px; border-top:1px solid var(--line); padding-top:20px; color:var(--muted); font-size:12px; line-height:1.65; }
.setup-notes p:first-child { display:flex; align-items:flex-start; gap:10px; color:var(--ink); }
.setup-notes svg { width:17px; height:17px; margin-top:2px; }
.form-error { color:#a02e20; margin-top:14px; font-size:14px; }
.subscription-result { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr); gap:24px; align-items:start; margin-top:12px; }
.result-heading { grid-column:1/3; display:flex; gap:10px; align-items:center; flex-wrap:wrap; min-height:32px; }
.result-heading h3 { font-size:15px; line-height:1.4; font-weight:500; }
.result-heading>svg { color:#268052; }
.calendar-apps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; width:100%; height:44px; padding:3px; border:1px solid #cbd4cd; border-radius:5px; }
.calendar-apps button { min-width:0; border:0; padding:3px 6px; border-radius:3px; background:transparent; font-size:12px; line-height:1.2; }
.calendar-apps button[aria-checked="true"] { background:var(--ink); color:white; }
.subscription-details { min-width:0; }
.subscription-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:32px; list-style:none; cursor:pointer; font-size:12px; color:var(--muted); }
.subscription-details summary::-webkit-details-marker { display:none; }
.subscription-details summary svg { width:15px; height:15px; }
.subscription-details[open] summary svg { transform:rotate(180deg); }
.subscription-details-body { border-top:1px solid var(--line); margin-top:10px; padding-top:12px; }
.subscription-details-body>.text-link { display:flex; width:fit-content; font-size:12px; margin-top:8px; }
.app-instructions { max-width:72ch; font-size:13px; margin:0 0 16px; }
.app-instructions .button,.app-instructions .text-link { margin-top:14px; }
.link-label { display:block; font-size:12px; margin-bottom:6px; }
.copy-row { display:flex; align-items:center; gap:8px; }
.copy-row input { flex:1; min-width:0; padding:12px; min-height:48px; border:1px solid #b9c4bc; border-radius:4px; background:#fff; color:var(--ink); font:12px/1.5 ui-monospace,SFMono-Regular,monospace; }
.copy-row .icon-button { border-color:#b9c4bc; background:#fff; width:48px; height:48px; }
.copy-status { font-size:12px; color:#327343; }
.copy-status:empty { display:none; }
.subscription-details-body>.copy-status { margin-top:6px; }
.sync-note { color:var(--muted); font-size:13px; max-width:76ch; }
.subscription-result>.text-link { font-size:13px; margin-top:10px; }
.phase-timeline { display:grid; grid-template-columns:5fr 7fr 4fr 12fr; height:9px; margin-top:42px; }
.phase-timeline span:nth-child(1) { background:var(--pink); }.phase-timeline span:nth-child(2) { background:var(--green); }.phase-timeline span:nth-child(3) { background:var(--sky); }.phase-timeline span:nth-child(4) { background:var(--coral); }
.phase-descriptions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin-top:24px; }
.phase-descriptions h3 { font-size:25px; }
.phase-descriptions .medical { font-size:11px; color:var(--muted); margin:8px 0 16px; }
.phase-descriptions .description { font-size:14px; line-height:1.65; color:#4f5952; }
.small-note { color:var(--muted); font-size:12px; line-height:1.6; margin-top:25px; }
.care-section { background:var(--mint); }
.care-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px; counter-reset:care; padding:0; list-style:none; }
.care-actions li { counter-increment:care; border-top:1px solid #a8c9af; padding-top:20px; font-size:24px; font-weight:500; line-height:1.35; }
.care-actions li::before { content:'0' counter(care); display:block; font-size:12px; font-weight:400; color:#657c6a; margin-bottom:25px; }
.questions-grid { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:100px; }
.questions-grid h2 { margin:14px 0 26px; }
.questions-grid>.text-link { font-size:14px; }
.faq-list details { border-top:1px solid var(--line); }
.faq-list details:last-child { border-bottom:1px solid var(--line); }
.faq-list summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:23px 0; cursor:pointer; font-size:20px; font-weight:500; line-height:1.35; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary svg { width:19px; height:19px; transition:transform 160ms ease; }
.faq-list details[open] summary svg { transform:rotate(45deg); }
.faq-list details p { color:var(--muted); font-size:16px; line-height:1.65; padding:0 32px 25px 0; }
.privacy-section { padding-top:0; }
.privacy-grid { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:100px; border-top:1px solid var(--line); padding-top:44px; }
.privacy-grid h2 { font-size:30px; margin:10px 0 15px; }
.privacy-grid .text-link { font-size:13px; }
.privacy-points { padding:0; list-style:none; font-size:14px; color:var(--muted); margin:0; }
.privacy-points li { display:flex; gap:12px; margin-bottom:17px; }
.privacy-points svg { color:#438154; width:17px; height:17px; margin-top:3px; }
.final-section { background:var(--blue); color:white; }
.final-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.final-inner h2 { max-width:770px; font-size:54px; margin-top:18px; }
.final-inner p:not(.eyebrow) { opacity:.75; font-size:14px; margin-top:15px; }
.button-light { background:white; border-color:white; color:var(--blue); flex-shrink:0; }
.button-light:hover { background:#eef3ff; }
.footer { padding-block:46px 26px; }
.footer-top { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.social-links { display:flex; gap:7px; }
.footer-links { display:flex; flex-wrap:wrap; gap:26px; font-size:13px; margin-top:32px; }
.footer-links a:hover { text-decoration:underline; text-underline-offset:4px; }
.footer-bottom { display:flex; justify-content:space-between; gap:40px; border-top:1px solid var(--line); margin-top:26px; padding-top:22px; font-size:11px; color:var(--muted); }
.footer-bottom p { max-width:72ch; }
.footer-bottom span { white-space:nowrap; }
dialog { color:var(--ink); border:1px solid #d8ded9; border-radius:8px; padding:0; width:min(760px,calc(100% - 32px)); max-height:calc(100dvh - 40px); background:white; }
dialog::backdrop { background:#101613a8; }
.dialog-heading { position:sticky; top:0; z-index:1; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:18px 22px; border-bottom:1px solid var(--line); background:white; }
.dialog-heading h2 { font-size:24px; }
.dialog-content { padding:24px; }
.dialog-content .small-note { margin:0 0 22px; }
.dialog-content h3 { font-size:19px; margin:28px 0 10px; }
.dialog-content p { color:var(--muted); font-size:15px; margin-bottom:15px; }
.dialog-content a { text-decoration:underline; text-underline-offset:4px; color:var(--blue); }
.daily-dialog { width:min(620px,calc(100% - 24px)); height:min(900px,calc(100dvh - 40px)); overflow:hidden; }
.daily-dialog .dialog-heading { min-height:72px; }
.daily-dialog iframe { width:100%; height:calc(100% - 72px); border:0; background:#fff; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:1800px) { .hero { min-height:800px; }.hero-copy { padding-top:85px; } }
@media(max-width:1250px) {
  .content-width { width:calc(100% - 64px); }.nav-links { gap:18px; }.nav-actions { gap:15px; }.nav-cta { display:none; }
  .hero { min-height:720px; }.hero h1 { font-size:120px; max-width:580px; }.hero-tagline { font-size:27px; max-width:550px; }.hero-sub { max-width:350px; font-size:18px; }.hero-photo { object-position:58% center; }
  .hero-copy { padding-top:75px; }.hero-photo { object-position:right bottom; }.section-heading { gap:50px; }.product-grid { gap:42px; }.phase-selector button { min-width:115px; }.questions-grid,.privacy-grid { gap:60px; }
}
@media(max-width:980px) {
  .hero h1 { font-size:102px; max-width:480px; }.hero-tagline { font-size:25px; max-width:440px; }.hero-sub { font-size:17px; max-width:300px; }.hero-actions { gap:18px; }.hero-actions .button { font-size:14px; padding-inline:17px; }.hero-actions .text-link { font-size:14px; }.hero-photo { object-position:right bottom; }.hero-compatibility { max-width:290px; font-size:11px; }
  h2 { font-size:39px; }.section { padding-block:64px; }.phase-selector button { min-width:108px; }.product-grid { gap:24px; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }.agenda-heading { padding-inline:10px; }.agenda-heading strong { font-size:16px; }.daily-frame { height:505px; }
  .setup-fields { grid-template-columns:1fr 1fr; }.setup-actions { grid-column:1/-1; grid-template-columns:1fr 1fr; grid-template-rows:58px; align-items:center; }.subscription-result { grid-template-columns:1fr 1fr; }.result-heading { grid-column:auto; }.setup-notes { grid-template-columns:1fr 1fr; }.setup-notes p:first-child { grid-column:1/-1; }.phase-descriptions { gap:18px; }.phase-descriptions h3 { font-size:21px; }.care-actions { gap:28px; }.care-actions li { font-size:21px; }.questions-grid,.privacy-grid { gap:40px; }
  .preview-context { flex-direction:column; align-items:flex-start; gap:10px; }.preview-context>p:first-child { flex-shrink:1; }
}
@media(max-width:760px) {
  .content-width { width:calc(100% - 40px); }.masthead { padding-top:18px; gap:15px; }.wordmark { font-size:22px; }.nav-actions { gap:7px; }.menu-button { display:inline-grid; }.nav-links { display:none; position:absolute; top:75px; left:-20px; right:-20px; padding:12px 20px 20px; background:var(--mint); border-bottom:1px solid #a4c2aa; margin:0; font-size:16px; }
  .nav-links.is-open { display:flex; flex-direction:column; align-items:stretch; gap:4px; }.nav-links a { padding-block:10px; }.hero { min-height:0; padding-bottom:240px; }.hero-photo { top:auto; bottom:0; height:260px; object-fit:cover; object-position:75% center; }.hero-copy { padding:26px 0 16px; }.hero h1 { font-size:90px; max-width:100%; line-height:.9; }.hero-copy>.eyebrow { margin-bottom:14px; font-size:11px; }.hero-tagline { font-size:23px; margin-top:18px; max-width:550px; text-wrap:initial; }.hero-sub { font-size:16px; line-height:1.45; margin-top:10px; max-width:440px; }.hero-actions { gap:18px; margin-top:19px; }.hero-actions .button { font-size:14px; gap:18px; min-height:48px; padding:12px 16px; white-space:nowrap; }.hero-actions .text-link { font-size:13px; gap:8px; }.hero-actions .text-link svg { width:17px; }.hero-compatibility { max-width:none; font-size:11px; margin-top:14px; }.photo-caption { right:20px; bottom:14px; font-size:10px; }
  h2 { font-size:35px; }.section { padding-block:50px; }.product-section { padding-top:30px; }.section-heading { grid-template-columns:1fr; gap:18px; margin-bottom:25px; }.section-heading .eyebrow { margin-bottom:12px; }.section-intro { font-size:16px; max-width:none; }.demo-note { align-items:flex-start; font-size:11px; }.demo-note svg { margin-top:1px; }
  .phase-selector { display:grid; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }.phase-selector button { min-width:0; min-height:42px; }.product-grid { grid-template-columns:1fr; gap:35px; }.agenda-heading { padding:12px 14px; }.agenda-heading strong { font-size:18px; }.agenda-times { min-height:245px; }.ordinary-event.dinner { margin-top:98px; }.daily-frame { height:470px; }.example-description { max-width:none; }.calendar-example>.text-link { display:none; }
  .setup-fields { grid-template-columns:1fr; gap:20px; }.setup-actions { grid-column:auto; grid-template-columns:1fr; grid-template-rows:44px 58px; }.setup-notes { grid-template-columns:1fr; gap:12px; }.setup-notes p:first-child { grid-column:auto; }.setup-section h2 { max-width:15ch; }.subscription-result { grid-template-columns:1fr; gap:6px; }.result-heading h3 { font-size:14px; }.app-instructions { font-size:14px; }
  .setup-intro { flex-direction:column; align-items:flex-start; gap:6px; }.period-heading { gap:6px 12px; }.preview-context { gap:10px; }.preview-context>p:first-child { font-size:14px; }.preview-context .demo-note { max-width:none; }
  .phase-descriptions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 22px; }.phase-descriptions h3 { font-size:21px; }.phase-descriptions .description { font-size:13px; }.phase-descriptions .medical { font-size:10px; }.phase-timeline { margin-top:30px; }.care-actions { grid-template-columns:1fr; gap:28px; }.care-actions li { display:grid; grid-template-columns:26px minmax(0,1fr); gap:20px; font-size:24px; }.care-actions li::before { margin:5px 0 0; }
  .questions-grid,.privacy-grid { grid-template-columns:1fr; gap:28px; }.questions-grid h2 { margin-bottom:14px; }.faq-list summary { font-size:18px; padding-block:21px; }.faq-list details p { font-size:15px; }.privacy-section { padding-top:0; }.privacy-grid { padding-top:35px; }.final-inner { flex-direction:column; align-items:flex-start; gap:28px; }.final-inner h2 { font-size:40px; max-width:14ch; }.footer { padding-block:32px 24px; }.footer-links { gap:18px; font-size:12px; }.footer-bottom { flex-direction:column; gap:15px; }.dialog-heading { padding:12px 16px; }.dialog-content { padding:20px; }
}
@media(max-width:480px) { .hero h1 { font-size:76px; } }
@media(max-width:370px) { .hero h1 { font-size:64px; }.hero-tagline { font-size:21px; }.hero-actions { gap:13px; }.hero-actions .button { gap:12px; padding-inline:12px; font-size:13px; }.hero-actions .text-link { font-size:12px; gap:5px; }.wordmark { font-size:20px; }.hero { padding-bottom:180px; }.hero-photo { height:200px; }.phase-descriptions h3 { font-size:19px; }.agenda-all-day { padding-inline:5px; }.cycle-event { padding-left:4px; font-size:10px; }.calendar-apps button { font-size:11px; } }
@media(max-width:370px) { html[lang="ru"] .privacy-grid h2 { font-size:25px; }html[lang="ru"] .dialog-heading h2 { font-size:18px; } }
@media(min-width:761px) and (max-height:800px) { .hero { min-height:0; }.hero-copy { padding-top:30px; padding-bottom:35px; }.hero-copy>.eyebrow { margin-bottom:14px; }.hero h1 { font-size:108px; }.hero-tagline { font-size:27px; margin-top:20px; }.hero-sub { font-size:16px; line-height:1.4; margin-top:10px; }.hero-actions { margin-top:20px; }.hero-compatibility { margin-top:16px; }.product-section { padding-top:44px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { transition:none !important; animation:none !important; } }