.t-hibiscus{--app: var(--hibiscus);--app-soft: var(--hibiscus-soft);--app-btn: #B8325A}.t-olive{--app: #5B6E2E;--app-soft: #F0F2EC;--app-btn: #5B6E2E}.t-ocean{--app: #1E6A8A;--app-soft: #EBF2F4;--app-btn: #1E6A8A}.t-clay{--app: #8F4A22;--app-soft: #F7EEE8;--app-btn: #8F4A22}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .t-olive{--app: #A8BE6A;--app-soft: #30371E}:root:not([data-theme=light]) .t-ocean{--app: #7CC0DD;--app-soft: #21363F}:root:not([data-theme=light]) .t-clay{--app: #E8A57C;--app-soft: #3C2A1F}}:root[data-theme=dark] .t-olive{--app: #A8BE6A;--app-soft: #30371E}:root[data-theme=dark] .t-ocean{--app: #7CC0DD;--app-soft: #21363F}:root[data-theme=dark] .t-clay{--app: #E8A57C;--app-soft: #3C2A1F}.family-section{margin:72px 0 24px}.family-section>p{max-width:640px;color:var(--mute)}.app-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media(min-width:640px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.app-grid.four{grid-template-columns:repeat(4,1fr)}}.app-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 20px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--app);border-radius:22px;color:var(--plum-ink);text-decoration:none;transition:transform .22s var(--ease),box-shadow .22s ease,border-color .2s ease}.app-card:hover{color:var(--plum-ink);border-color:var(--app)}@media(hover:hover){.app-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px #2b182290}}.app-card .app-icon{width:56px;height:56px;border-radius:16px;display:block}.app-card h3{margin:4px 0 0;font-size:1.2rem;color:var(--plum-ink)}.app-card .app-kind{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--app)}.app-card p{margin:0;color:var(--mute);font-size:16px;line-height:1.5}.app-card .app-status{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;color:var(--app)}.app-card .app-status:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--app);vertical-align:middle}.app-card.here{box-shadow:0 0 0 2px var(--app) inset}.app-hero{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding:56px 0 40px}@media(min-width:900px){.app-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px}}.app-hero h1{font-size:clamp(2.3rem,4.4vw,3.4rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 22px}.app-hero h1 em{color:var(--app);font-weight:400}.app-hero .hero-lede{max-width:480px}.app-hero .app-id{display:flex;align-items:center;gap:12px;margin-bottom:22px}.app-hero .app-id img{width:48px;height:48px;border-radius:14px}.app-hero .app-id span{font-family:var(--accent);font-weight:700;font-size:1.1rem}.app-hero .app-id small{display:block;font:600 13px var(--body);color:var(--app);letter-spacing:.04em}.app-hero .btn{background:var(--app-btn)}.app-hero .btn:hover{background:var(--app-btn);filter:brightness(.9);box-shadow:none}.app-hero-art{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:center;gap:16px;padding:36px 20px;background:var(--app-soft);border-radius:180px 180px 32px 32px}.app-hero-art img{width:210px;max-width:46%;height:auto;border:5px solid var(--card-edge);border-radius:24px;box-shadow:0 24px 40px -18px #2b182260}.app-hero-art img+img{margin-top:48px}.app-hero-art:before{content:"";position:absolute;width:380px;height:380px;left:-170px;top:80px;border:1px solid var(--app);opacity:.25;border-radius:50%;z-index:-1}.hero-copy>.app-id{animation:rise .55s var(--ease) both}.app-hero h1,.app-hero-art{animation:slide .6s var(--ease) both}.feature-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:24px 0 8px;padding:0;list-style:none}@media(min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-grid li{padding:18px 18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.feature-grid h3{margin:0 0 6px;font-size:1.08rem;color:var(--app)}.feature-grid p{margin:0;color:var(--mute);font-size:16px;line-height:1.5}.app-section{margin-top:64px}.app-section h2{margin-top:0}.app-section>p{max-width:680px}.app-split{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}@media(min-width:720px){.app-split{grid-template-columns:1fr 1fr}}.app-split>div{padding:22px;border-radius:20px;background:var(--app-soft)}.app-split h3{margin-top:0;color:var(--app)}.app-split ul{margin:0;padding-left:1.2em}.app-split li{margin-bottom:.35em}.app-shots{display:flex;gap:18px;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x mandatory}.app-shots figure{flex:0 0 auto;margin:0;scroll-snap-align:start}.app-shots img{width:220px;height:auto;border:5px solid var(--card-edge);border-radius:24px;box-shadow:0 18px 30px -20px #2b182270;display:block}.app-shots figcaption{margin-top:10px;font-size:15px;color:var(--mute);text-align:center}.family-links{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0 0;padding:0;list-style:none;counter-reset:link}@media(min-width:720px){.family-links{grid-template-columns:repeat(3,1fr)}}.family-links li{padding:18px;border:1px dashed var(--line);border-radius:18px;background:var(--surface)}.family-links strong{display:block;font-family:var(--display);font-weight:500;font-size:1.1rem;margin-bottom:4px}.family-links p{margin:0;color:var(--mute);font-size:16px}.mock-phone{width:236px;max-width:70%;padding:18px 14px 22px;background:#f6f9fa;border:5px solid var(--card-edge);border-radius:26px;box-shadow:0 24px 40px -18px #2b182260;color:#07171e;font-family:var(--accent)}.mock-phone .m-title{font-size:22px;font-weight:700;margin:2px 4px 12px}.mock-phone .m-card{background:#fff;border:1px solid #DCE6EA;border-radius:16px;padding:12px 12px 10px;margin-bottom:10px}.mock-phone .m-name{font-size:12px;font-weight:700;color:#1e6a8a;background:#ebf2f4;border-radius:999px;padding:2px 10px;display:inline-block;margin-bottom:6px}.mock-phone .m-row{display:flex;justify-content:space-between;font:500 14px var(--body);color:#3d545d;padding:3px 0}.mock-phone .m-row b{color:#07171e;font-weight:600}.mock-phone .m-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mock-phone .m-btns span{text-align:center;font-size:13px;font-weight:700;padding:10px 4px;border-radius:12px;background:#1e6a8a;color:#fff}.mock-phone .m-btns span.alt{background:#ebf2f4;color:#1e6a8a}.mock-phone.night{background:#0a1418;color:#e8f1f4;margin-top:48px}.mock-phone.night .m-card{background:#121f25;border-color:#22333b}.mock-phone.night .m-row{color:#afc0c7}.mock-phone.night .m-row b{color:#e8f1f4}.mock-phone.night .m-name{background:#21363f;color:#7cc0dd}.mock-phone.night .m-btns span{background:#7cc0dd;color:#0a1418}.app-hero-art{padding:72px 20px 36px;border-radius:160px 160px 32px 32px}.mock-phone .m-row b{white-space:nowrap}@media(max-width:540px){.app-hero-art{padding-top:64px;border-radius:120px 120px 28px 28px}.mock-phone{width:260px;max-width:100%}.mock-phone.night{display:none}}.family-fan{display:flex;justify-content:center;align-items:flex-end;padding:56px 12px 36px}.family-fan img{height:auto;border:5px solid var(--card-edge);border-radius:22px;box-shadow:0 24px 40px -18px #65374960}.family-fan .fan{width:150px;max-width:30%;position:relative;z-index:0}.family-fan .fan-left{transform:rotate(-6deg) translate(26px);margin-bottom:14px}.family-fan .fan-right{transform:rotate(6deg) translate(-26px);margin-bottom:14px}.family-fan .fan-mid{position:relative;z-index:1;width:200px;max-width:42%}.hero-ctas .hero-link{font-family:var(--accent);font-weight:600;text-decoration:none;padding:8px 0;min-height:44px;display:inline-flex;align-items:center}.hero-ctas .hero-link:hover{text-decoration:underline}.stage-path{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}@media(min-width:720px){.stage-path{grid-template-columns:repeat(4,1fr)}}.stage-path li{position:relative;padding:16px 16px 14px 56px;border-radius:18px;background:var(--app-soft)}.stage-path li>span{position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--app-btn);color:#fff;font:700 15px var(--accent)}.stage-path strong{display:block;font-family:var(--display);font-weight:500;font-size:1.08rem;color:var(--app)}.stage-path p{margin:2px 0 0;font-size:15px;line-height:1.45;color:var(--plum-ink)}.period-lead{max-width:760px;margin:88px auto 0;text-align:center}.period-lead h2{margin-top:0;font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.12;letter-spacing:-.03em}.period-lead h2 em{color:var(--hibiscus);font-weight:400}.period-lead p{font-size:19px;color:var(--mute);max-width:620px;margin-inline:auto}.period-lead+.intro-note{margin-top:24px}.app-row{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;padding:48px 0;border-top:1px solid var(--line)}@media(min-width:900px){.app-row{grid-template-columns:.8fr 1.2fr;gap:64px;padding:64px 0}.app-row.reverse .app-row-art{order:2}}.app-row-art{display:flex;justify-content:center;padding:32px 20px;background:var(--app-soft);border-radius:28px}.app-row-art img{width:210px;max-width:60%;height:auto;border:5px solid var(--card-edge);border-radius:24px;box-shadow:0 24px 40px -18px #2b182260}.app-row-art .mock-phone{width:220px}.app-row-text .feature-eyebrow{color:var(--app);display:block}.app-row-text h2{margin-top:0;font-size:clamp(1.7rem,3vw,2.2rem)}.app-row-text p{color:var(--mute);max-width:560px}.app-row-text ul{margin:0 0 22px;padding-left:1.2em}.app-row-text li{margin-bottom:.3em}.app-row-text .btn{background:var(--app-btn)}.app-row-text .btn:hover{background:var(--app-btn);filter:brightness(.9);box-shadow:none}.family-section+.app-row{margin-top:48px}.app-bar{border-bottom:1px solid var(--line);background:var(--surface);font-size:14px}.app-bar .wrap{max-width:960px;display:flex;align-items:center;gap:4px 18px;overflow-x:auto;padding-top:6px;padding-bottom:6px;scrollbar-width:none}.app-bar .wrap::-webkit-scrollbar{display:none}.app-bar-label{color:var(--mute);font-weight:600;white-space:nowrap;margin-right:4px}.app-bar a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 4px;color:var(--plum-ink);font-weight:600;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}.app-bar a i{width:9px;height:9px;border-radius:50%;background:var(--app)}.app-bar a:hover,.app-bar a[aria-current=page]{color:var(--app);border-bottom-color:var(--app)}@media(max-width:719.98px){.js .nav a[href="/period-app/"],.js .nav a[href="/pregnancy-app/"],.js .nav a[href="/baby-app/"],.js .nav a[href="/partner-app/"]{padding-left:18px;font-size:18px}}@media(min-width:720px){.nav a[href="/period-app/"],.nav a[href="/pregnancy-app/"],.nav a[href="/baby-app/"],.nav a[href="/partner-app/"]{display:none}}.status-section{margin-top:40px}.status-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px;max-width:760px}.status-list li{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}