:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--card:#f5f5f7;--nested:#fff;--label:#1d1d1f;--secondary:#8a8a8e;--secondary-text:#6c6c70;--separator:#c6c6c8;--accent:#c2365c;--fill:#7878801f;--thumb:#fff;--bar:#ffffff8c;--shadow:#0000000f;--menstrual:#e5577a;--follicular:#1fa38f;--mid-cycle:#efa51e;--luteal:#6e6ce0;--font:-apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-rounded:ui-rounded, var(--font);--large-title:2.125rem;--title-1:1.75rem;--title-3:1.25rem;--body:1.0625rem;--subheadline:.9375rem;--footnote:.8125rem;--radius:1.625rem;--margin:1rem;--column:42.5rem;--spring:cubic-bezier(.2, .8, .2, 1)}@supports (transition-timing-function:linear(0, 1)){:root{--spring:linear(0, .114, .334, .55, .722, .843, .921, .967, .991, 1.002, 1.006, 1.006, 1.005, 1.004, 1.002, 1.001, 1)}}*,:before,:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;scroll-padding-top:4rem}::selection{background:var(--fill)}body{background:var(--bg);min-height:100dvh;color:var(--label);font:400 var(--body) / 1.35 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}h1,h2,h3,p,ul,dl,dd,fieldset{margin:0;padding:0}ul{list-style:none}fieldset{border:0;min-width:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}img,svg{display:block}a{color:inherit}:focus-visible{outline:2px solid var(--label);outline-offset:2px}main{flex:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:20;top:.5rem;left:var(--margin);background:var(--label);color:var(--bg);border-radius:999px;padding:.5rem 1rem;font-weight:600;text-decoration:none;position:fixed;translate:0 -200%}.skip-link:focus{translate:0}.column{width:min(100% - 2 * var(--margin), var(--column));margin-inline:auto}.large-title{font-size:var(--large-title);letter-spacing:-.01em;font-weight:700;line-height:1.15}.section .large-title,.sheet .large-title{font-size:clamp(var(--large-title), 1.25rem + 2vw, 2.75rem)}.section-line{color:var(--secondary-text);margin-top:.5rem}.footnote{color:var(--secondary-text);font-size:var(--footnote);margin-top:1rem;padding-inline:1rem}.lead{color:var(--label);font-size:var(--title-3);text-wrap:pretty;font-weight:600;line-height:1.3}.lead h3,.lead p{font:inherit;display:inline}.lead h3{color:var(--accent)}.lead p{font-weight:400}.capsule{min-height:3rem;font-size:var(--body);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.capsule-small{min-height:2rem;font-size:var(--footnote);padding:.25rem .875rem}.capsule-primary{background:var(--label);color:var(--bg);transition:scale .2s var(--spring), opacity .15s ease-out}.capsule-primary:active{scale:.96}.capsule-quiet{background:var(--fill)}.nav-bar{width:min(100% - 2 * var(--margin), var(--column));align-items:center;min-height:3.25rem;margin-inline:auto;display:flex}.nav-pill{z-index:10;width:min(100% - 2 * var(--margin), 32rem);background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);opacity:0;visibility:hidden;min-height:3rem;transition:opacity .25s ease-out, translate .5s var(--spring), visibility 0s .25s;border-radius:999px;justify-content:space-between;align-items:center;padding-inline:1rem .5rem;display:flex;position:fixed;top:.625rem;left:50%;translate:-50% -.75rem;box-shadow:0 .25rem 1.5rem #0000001a,inset 0 0 0 .5px #ffffffb3}.nav-pill[data-shown]{opacity:1;visibility:visible;transition:opacity .25s ease-out, translate .5s var(--spring);translate:-50%}.nav-home{align-items:center;gap:.375rem;min-height:2.75rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-back{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem;margin-left:-.375rem}.nav-title{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 13rem);font-weight:600;position:absolute;left:50%;overflow:hidden;translate:-50%}.hero{padding:3rem var(--margin) 0;text-align:center;flex-direction:column;align-items:center;display:flex}.hero-title span{display:block}.hero-title{max-width:13em;font-size:clamp(var(--large-title), 1.25rem + 3.75vw, 4.5rem);letter-spacing:-.012em;margin-top:1.5rem;font-weight:700;line-height:1.08}.hero-line{text-wrap:balance;max-width:26em;color:var(--secondary-text);font-size:clamp(var(--body), .9rem + .6vw, var(--title-3));margin-block:1rem 2rem}.hero .phone{margin-top:3.5rem}.phone{aspect-ratio:1350/2760;flex:none;width:min(20rem,76vw);position:relative}.phone img{background:var(--bg);border-radius:14.5%/6.67%;width:89.3333%;height:95%;position:absolute;top:2.5%;left:5.3333%}.phone .phone-frame{background:0 0;border-radius:0;width:100%;height:100%;top:0;left:0}.section{padding-top:clamp(5rem,12vw,8rem)}.stack{gap:1rem;margin-top:2rem;display:grid}.demo{margin-top:2rem}.segmented{background:var(--fill);border-radius:999px;grid-template-columns:repeat(4,1fr);padding:2px;display:grid;position:relative}.segmented-thumb{background:var(--thumb);width:calc(25% - 1px);box-shadow:0 1px 3px var(--shadow);translate:calc(var(--selected) * 100%);transition:translate .5s var(--spring);border-radius:999px;position:absolute;inset:2px auto 2px 2px}.segmented label{display:grid;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{min-height:2rem;font-size:var(--footnote);border-radius:999px;justify-content:center;align-items:center;padding-inline:.25rem;font-weight:500;display:flex}.segmented input:checked+span{font-weight:600}.segmented input:focus-visible+span{outline:2px solid var(--label);outline-offset:1px}.today{border-radius:var(--radius);background:var(--card);margin-top:.5rem;padding:.5rem}.today-top{justify-content:space-between;align-items:center;padding:.75rem .75rem 0;display:flex}.today .bean path:first-child{transition:fill .4s ease-in-out}.today-day{color:var(--secondary-text);font-size:var(--subheadline)}.today-cell{display:grid}.today-cell>*{grid-area:1/1}.today-rest{visibility:hidden}.today-top+.today-cell>.today-rest{display:none}.today-swap{animation:rise .35s var(--spring) both}@keyframes rise{0%{opacity:0;translate:0 .5rem}}.today-top+.today-cell{padding:1rem .75rem 0}.today-headline{font-size:var(--title-1);font-weight:700;line-height:1.2}.today-line{margin-top:.25rem}.today-for{font-size:var(--title-3);padding:0 .75rem .5rem;font-weight:600}.today-status{font-size:var(--subheadline);align-items:baseline;gap:.5rem;margin-top:.75rem;display:flex}.dot{background:var(--phase);border-radius:50%;flex:none;width:.5rem;height:.5rem;translate:0 -.0625rem}[data-phase=menstrual]{--phase:var(--menstrual)}[data-phase=follicular]{--phase:var(--follicular)}[data-phase=mid-cycle]{--phase:var(--mid-cycle)}[data-phase=luteal]{--phase:var(--luteal)}.path{align-items:center;height:1.125rem;margin:.75rem .75rem 1rem;display:grid;position:relative}.path-strip{border-radius:999px;gap:1px;height:.5rem;display:flex;overflow:hidden}.path-strip span{background:var(--phase)}.path-marker{left:clamp(.5625rem, calc(var(--share) * 100%), calc(100% - .5625rem));border:2px solid var(--card);background:var(--label);width:1.125rem;height:1.125rem;transition:left .5s var(--spring);border-radius:50%;position:absolute;translate:-50%}.idea{border-radius:calc(var(--radius) - .5rem);background:var(--nested);padding:.75rem}.idea>*{align-items:center;gap:.75rem;display:flex}.list{--leading:1rem;border-radius:var(--radius);background:var(--card);overflow:hidden}.list+.list,.glow+.list{margin-top:1rem}.list-icons{--leading:3.25rem}.row{align-items:center;gap:.75rem;min-height:3rem;padding:.75rem 1rem;display:flex;position:relative}.list>*+:before,.row+.row:before{content:"";z-index:1;right:0;left:var(--leading);background:var(--separator);height:.5px;position:absolute}.list>*+*{position:relative}.row+.row:before{top:0}@media (max-resolution:1x){.list>*+:before,.row+.row:before{height:1px}}.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.5rem;height:1.5rem}.row-title{font-weight:600}.row-detail{color:var(--secondary-text);font-size:var(--subheadline)}.row-text{display:block}.row-link{color:inherit;cursor:pointer;text-decoration:none}@media (hover:hover){.row-link{transition:background-color .15s ease-out}.row-link:hover{background:#7878800f}.row-link:hover .row-trailing{color:var(--label)}.capsule-primary:hover{opacity:.8}.footer-links a:hover{text-decoration:underline}}.row-link:active{background:var(--fill)}.row-link:active .row-trailing{color:var(--label)}.row-link:focus-visible{outline-offset:-2px;border-radius:var(--radius)}.row-trailing{color:var(--secondary-text);overflow-wrap:anywhere}.chevron{fill:none;width:.875rem;height:.875rem;stroke:var(--secondary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transition:rotate .3s var(--spring);flex:none;margin-left:auto}.row-value{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.125rem 1rem}.row-link>.row-value{flex:1;min-width:0;display:flex}.row-value dt{font-weight:600}.row-value dd{color:var(--secondary-text)}.screen{padding-block:1.5rem 4rem}.screen-intro{margin-top:.75rem}.screen .footnote{margin-top:.75rem;padding-inline:0}.group{margin-top:2rem}.group-label{color:var(--secondary-text);font-size:var(--footnote);text-transform:uppercase;letter-spacing:.01em;margin-bottom:.5rem;padding-inline:1rem;font-weight:600}summary{list-style:none}summary::-webkit-details-marker{display:none}details[open] .chevron{rotate:90deg}details .row-text{color:var(--secondary-text);padding-top:0}details>.row+.row-text:before{content:none}.missing{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding-top:5rem;display:flex}.missing .capsule{margin-top:1.5rem}.feature{border-radius:var(--radius);background:var(--card);padding:1.5rem 1.25rem 0;overflow:hidden}.feature-screen{justify-content:center;height:19rem;margin-top:1.5rem;display:flex}.screen-slice{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:24rem;overflow:hidden;box-shadow:0 .75rem 2rem #0000001a}.screen-slice img{background:var(--bg);width:100%;height:auto;margin-top:-14%}.glow{border-radius:var(--radius);text-align:center;background:radial-gradient(120% 100% at 50% 120%,#ff9db299,#ffaabe70 25%,#ffbecd42 50%,#ffd2dc1c 72%,#ffe1e800),#fff6f7;padding:3rem 1.25rem}.glow>.icon{width:3rem;height:3rem;color:var(--accent);margin:0 auto 1rem}.glow .section-line{color:var(--label)}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.tile{border-radius:var(--radius);background:var(--card);padding:1.5rem 1.25rem}.plans{gap:2rem .5rem;margin-top:2rem;display:grid}.prices{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem;display:grid}.price{border-radius:var(--radius);background:var(--card);color:var(--secondary-text);font-size:var(--footnote);padding:1rem}.price b{color:var(--label);font-family:var(--font-rounded);font-size:var(--title-1);margin-block:.125rem;font-weight:700;line-height:1.2;display:block}.sheet{padding:.5rem var(--margin) 4rem;background:var(--card);text-align:center;border-radius:2.375rem 2.375rem 0 0;flex-direction:column;align-items:center;margin-top:clamp(5rem,12vw,8rem);display:flex}.sheet .capsule{margin-top:1.5rem}.sheet-grabber{background:var(--label);opacity:.3;border-radius:999px;width:2.25rem;height:.3125rem;margin-bottom:3rem}.beans{gap:.75rem;margin-bottom:1.5rem;display:flex}.footer{background:var(--card);text-align:center;border-radius:2.375rem 2.375rem 0 0;padding-block:2rem}main:has(>.sheet)+.footer{border-radius:0;padding-top:0}.footer .footnote{margin-top:.75rem;padding-inline:0}.footer-links{font-size:var(--footnote);flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;font-weight:600;display:flex}.footer-links a{padding-block:.25rem;text-decoration:none;display:inline-block}@media (min-width:48rem){.feature{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;padding:0 2.5rem;display:grid}.feature-screen{align-self:end;height:21rem;margin-top:2.5rem}.feature:nth-of-type(2n) .lead{order:1}.glow{padding-block:4rem}.tile{padding:2rem}.today-top+.today-cell>.today-rest{display:block}.plans{grid-template-columns:1fr 1fr}.plans>div{flex-direction:column;display:flex}.plans .list{flex:1;grid-auto-rows:1fr;display:grid}}@supports (corner-shape:superellipse(1.5)){.list,.today,.idea,.feature,.glow,.screen-slice,.tile,.price,.sheet,.footer{corner-shape:superellipse(1.5)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.screen-slice{animation:linear both slice-rises;animation-timeline:view();animation-range:entry entry 70%}@keyframes slice-rises{0%{transform:translateY(1.5rem)scale(.98)}}}}@supports selector(::details-content){@media (prefers-reduced-motion:no-preference){:root{interpolate-size:allow-keywords}details::details-content{block-size:0;transition:block-size .35s var(--spring), content-visibility .35s allow-discrete;overflow:clip}details[open]::details-content{block-size:auto}}}@media (prefers-reduced-motion:reduce){.segmented-thumb,.path-marker,.chevron,.capsule-primary{transition:none}.nav-pill{translate:-50%}@keyframes rise{0%{opacity:0}}}
