@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-var.woff2) format("woff2")}:root{--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-2xl: 32px;--sp-3xl: 48px;--sp-4xl: 72px;--r-md: 12px;--r-lg: 16px;--r-card: 20px;--r-xl: 28px;--r-pill: 999px;--maxw: 1120px}:root,[data-theme=light]{--bg: #fbf8f2;--surface: #ffffff;--surface-alt: #f4efe6;--primary: #0e7c7b;--primary-pressed: #0a6160;--on-primary: #ffffff;--text: #12302f;--text-secondary: #4a615f;--text-muted: #7c918f;--border: #e7decf;--aqua: #34c7c0;--aqua-soft: #a7e5e1;--period: #d65c7a;--fertile: #2bb3ac;--ovulation: #e0a93b;--shadow: 0 8px 28px rgba(14, 124, 123, .1), 0 2px 6px rgba(18, 48, 47, .04);--shadow-lg: 0 24px 60px rgba(14, 124, 123, .16), 0 6px 16px rgba(18, 48, 47, .06)}[data-theme=dark]{--bg: #0c1817;--surface: #142625;--surface-alt: #1b302e;--primary: #34c7c0;--primary-pressed: #5fd6cf;--on-primary: #04201f;--text: #eaf2f0;--text-secondary: #a9c0bd;--text-muted: #6e8682;--border: #234240;--aqua: #5fd6cf;--aqua-soft: #234240;--period: #f08aa3;--fertile: #5fd6cf;--ovulation: #f2c66b;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c1817;--surface: #142625;--surface-alt: #1b302e;--primary: #34c7c0;--primary-pressed: #5fd6cf;--on-primary: #04201f;--text: #eaf2f0;--text-secondary: #a9c0bd;--text-muted: #6e8682;--border: #234240;--aqua: #5fd6cf;--aqua-soft: #234240;--period: #f08aa3;--fertile: #5fd6cf;--ovulation: #f2c66b;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}img{max-width:100%;display:block}section{position:relative}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--primary)}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;line-height:1.1}h2.section-title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-top:14px}.lead{color:var(--text-secondary);font-size:clamp(16px,2vw,19px);max-width:620px}.section-head{text-align:center;margin:0 auto var(--sp-3xl);max-width:680px}.section-head .lead{margin:14px auto 0}.btn{font-family:var(--font-display);font-weight:700;font-size:16px;border:none;border-radius:var(--r-pill);padding:15px 26px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn svg{width:20px;height:20px}.btn.primary{background:var(--primary);color:var(--on-primary);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 38%,transparent)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 46%,transparent)}.btn.ghost{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{transform:translateY(-2px)}.nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em}.brand .logo{width:38px;height:38px;border-radius:11px;box-shadow:var(--shadow)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:15px;font-weight:500;color:var(--text-secondary);transition:color .15s ease}.nav-links a:hover{color:var(--primary)}.theme-toggle{width:40px;height:40px;border-radius:var(--r-pill);background:var(--surface-alt);border:1px solid var(--border);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,color .15s ease}.theme-toggle:hover{color:var(--primary);transform:rotate(12deg)}.theme-toggle svg{width:19px;height:19px}@media(max-width:720px){.nav-links a:not(.btn){display:none}}.hero{padding:clamp(48px,7vw,96px) 0 clamp(40px,6vw,80px);overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero h1{font-size:clamp(38px,6vw,62px);font-weight:800;margin:18px 0 0}.hero h1 .accent{color:var(--primary)}.hero .lead{margin-top:22px}.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.trust-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);padding:8px 13px;border-radius:var(--r-pill);box-shadow:var(--shadow)}.trust-chip svg{width:15px;height:15px;color:var(--primary)}.hero-visual{display:flex;justify-content:center;position:relative}.blob{position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;z-index:0}.blob.b1{width:340px;height:340px;background:var(--aqua-soft);top:-30px;right:10px}.blob.b2{width:260px;height:260px;background:color-mix(in srgb,var(--period) 35%,transparent);bottom:0;left:-10px}@media(max-width:880px){.hero .wrap{grid-template-columns:1fr;text-align:center}.hero .lead{margin-left:auto;margin-right:auto}.hero-cta,.trust-row{justify-content:center}.hero-visual{margin-top:20px}}.phone{position:relative;z-index:2;width:300px;height:612px;border-radius:42px;padding:11px;background:#0c0c0e;box-shadow:var(--shadow-lg),inset 0 0 0 2px #2a2a2e}.phone .screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;padding:22px 18px 0}.phone .notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:104px;height:26px;background:#0c0c0e;border-radius:16px;z-index:3}.m-appbar{display:flex;align-items:center;justify-content:space-between}.m-appbar .eyebrow{font-size:11px;letter-spacing:.5px;text-transform:none;color:var(--text-muted);font-weight:500}.m-appbar h4{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--text);margin-top:2px}.m-shield{width:36px;height:36px;border-radius:var(--r-pill);background:var(--surface-alt);border:1px solid var(--border);display:grid;place-items:center;color:var(--primary)}.m-shield svg{width:17px;height:17px}.m-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:15px;box-shadow:var(--shadow);margin-top:14px}.m-card .row{display:flex;align-items:center;justify-content:space-between}.m-pill{font-size:10px;font-weight:700;padding:5px 10px;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary)}.m-big{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--text);margin:10px 0 2px}.m-sub{font-size:12px;color:var(--text-secondary)}.m-conf{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:10px;font-weight:600;color:var(--text-secondary)}.m-conf .bars{display:flex;gap:3px;align-items:flex-end;height:13px}.m-conf .bars i{width:4px;border-radius:2px;background:var(--primary)}.m-conf .bars i:nth-child(1){height:6px}.m-conf .bars i:nth-child(2){height:9px}.m-conf .bars i:nth-child(3){height:13px;opacity:.3}.m-week{display:flex;justify-content:space-between;margin-top:16px}.m-day{width:30px;text-align:center;font-size:11px;font-weight:600;color:var(--text-muted)}.m-day .dot{width:30px;height:30px;border-radius:var(--r-pill);display:grid;place-items:center;margin-top:6px;color:var(--text-secondary);font-size:13px}.m-day .dot.period{background:var(--period);color:#fff}.m-day .dot.fertile{background:color-mix(in srgb,var(--fertile) 22%,transparent);color:var(--fertile)}.m-day .dot.today{border:2px solid var(--primary);color:var(--primary)}.m-chips{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.m-chip{font-size:11px;font-weight:600;padding:7px 11px;border-radius:var(--r-pill);border:1.5px solid var(--border);color:var(--text-secondary)}.m-chip.sel{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.m-tabbar{display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border);padding:12px 8px;margin:auto -18px 0}.m-tab{color:var(--text-muted)}.m-tab.active{color:var(--primary)}.m-tab svg{width:21px;height:21px}.m-fab{width:50px;height:50px;border-radius:var(--r-pill);background:var(--primary);display:grid;place-items:center;color:var(--on-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 45%,transparent);margin-top:-22px}.m-fab svg{width:22px;height:22px}.section{padding:clamp(56px,8vw,104px) 0}.section.alt{background:var(--surface-alt)}.grid{display:grid;gap:22px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:28px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card .ic{width:50px;height:50px;border-radius:14px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);display:grid;place-items:center;margin-bottom:18px}.card .ic svg{width:25px;height:25px}.card h3{font-size:19px;font-weight:700;margin-bottom:8px}.card p{color:var(--text-secondary);font-size:15px}.card ul{list-style:none;margin-top:12px}.card ul li{position:relative;padding-left:24px;margin-top:9px;font-size:14.5px;color:var(--text-secondary)}.card ul li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;border-radius:50%;background:color-mix(in srgb,var(--fertile) 22%,transparent)}.card ul li svg{position:absolute;left:1px;top:4px;width:12px;height:12px;color:var(--fertile)}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.promise-grid{grid-template-columns:1fr}}.promise{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow)}.promise .pic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.promise .pic svg{width:21px;height:21px}.promise h3{font-family:var(--font-display);font-weight:700;font-size:16px;margin-bottom:3px}.promise p{color:var(--text-secondary);font-size:14px;line-height:1.5}.why{text-align:center;max-width:760px;margin:0 auto}.why .quote{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,3.4vw,32px);line-height:1.32;letter-spacing:-.02em;color:var(--text)}.why .quote .accent{color:var(--primary)}.why .sig{margin-top:22px;color:var(--text-muted);font-size:15px}.faq{max-width:760px;margin:0 auto}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:4px 22px;margin-bottom:14px;box-shadow:var(--shadow)}.faq summary{list-style:none;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:17px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary .chev{flex:none;width:20px;height:20px;color:var(--primary);transition:transform .2s ease}.faq details[open] summary .chev{transform:rotate(180deg)}.faq details p{color:var(--text-secondary);font-size:15px;padding:0 0 20px}.faq details[open]>p{animation:faqReveal .28s cubic-bezier(.22,1,.36,1)}@keyframes faqReveal{0%{opacity:0;transform:translateY(-6px)}}.cta-band{text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-pressed));border-radius:var(--r-xl);padding:clamp(40px,6vw,64px) 28px;color:var(--on-primary);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.cta-band h2{color:var(--on-primary);font-size:clamp(26px,4vw,40px);font-weight:800}.cta-band p{color:color-mix(in srgb,var(--on-primary) 86%,transparent);font-size:17px;margin:14px auto 28px;max-width:540px}.cta-band .btn.primary{background:var(--on-primary);color:var(--primary-pressed);box-shadow:0 12px 28px #0003}.cta-band .badge-note{margin-top:16px;font-size:13px;color:color-mix(in srgb,var(--on-primary) 78%,transparent)}.footer{border-top:1px solid var(--border);padding:56px 0 40px}.footer .wrap{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer .brand{font-size:19px}.footer .tag{color:var(--text-muted);font-size:14px;margin-top:12px;max-width:280px}.footer .cols{display:flex;gap:64px;flex-wrap:wrap}.footer .col h3{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.footer .col a,.footer .col span{display:block;color:var(--text-secondary);font-size:15px;margin-bottom:10px;transition:color .15s ease}.footer .col a:hover{color:var(--primary)}.footer .legal{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.wave{display:block;width:100%;height:60px;color:var(--surface-alt)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.faq details[open]>p{animation:none}html{scroll-behavior:auto}}
