*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#183b3a;background:linear-gradient(180deg,#f0fdfa,#fff 35%,#f8fafc);line-height:1.65}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100% - 1120px)/2));background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #d8eeee;box-shadow:0 5px 20px #0f766e12}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#0f766e;font-weight:850;font-size:20px}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0f766e;color:#fff;font-size:13px;box-shadow:0 7px 18px #0f766e33}.topbar nav{display:flex;gap:18px}.topbar nav a{color:#24504e;text-decoration:none;font-weight:650}.menu-btn{display:none;border:0;background:#e6fffb;border-radius:10px;font-size:23px;padding:7px 11px;color:#0f766e}.hearts{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.hearts span{position:absolute;color:#ec4899;opacity:.12;font-size:28px;animation:float 12s linear infinite}.hearts span:nth-child(1){left:7%;animation-delay:-2s}.hearts span:nth-child(2){left:30%;animation-delay:-8s}.hearts span:nth-child(3){left:60%;animation-delay:-5s}.hearts span:nth-child(4){left:78%;animation-delay:-10s}.hearts span:nth-child(5){left:91%;animation-delay:-1s}@keyframes float{from{transform:translateY(105vh) rotate(0)}to{transform:translateY(-15vh) rotate(360deg)}}main{position:relative;z-index:1;max-width:1120px;margin:auto;padding:22px 16px 55px}.hero{min-height:300px;display:flex;align-items:center;justify-content:space-between;padding:42px 18px 30px}.hero-copy{max-width:730px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:850;color:#0f766e}.hero h1{font-size:clamp(36px,7vw,64px);line-height:1.02;margin:8px 0 15px;color:#123c3b}.hero p{font-size:19px;color:#4b6463;max-width:700px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px}.hero-pills span,.badge,.confidence{background:#e6fffb;color:#0f766e;border:1px solid #bcece4;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:750}.egg-orb{position:relative;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#fff,#fce7f3 42%,#d9f7f2 70%);box-shadow:0 20px 55px #0f766e22;display:grid;place-items:center;animation:breathe 4s ease-in-out infinite}.egg{font-size:90px;filter:drop-shadow(0 10px 12px #9f123933);animation:bob 3s ease-in-out infinite}.orbit{position:absolute;inset:20px;border:1px dashed #ec489977;border-radius:50%;animation:spin 15s linear infinite}.spark{position:absolute;color:#ec4899;font-size:30px;animation:spark 2s ease-in-out infinite}.s1{top:20px;right:35px}.s2{bottom:28px;left:32px}@keyframes breathe{50%{transform:scale(1.03)}}@keyframes bob{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spark{50%{transform:scale(1.3);opacity:.45}}.card{background:#fff;border:1px solid #dcefed;border-radius:22px;box-shadow:0 12px 35px #134e4a0c;padding:24px;margin:18px 0}.section-title,.result-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-title h2,.result-head h2{margin:2px 0;font-size:25px}.form-grid,.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.form-grid label,.advanced-grid label{font-weight:750;color:#285250}.form-grid input,.form-grid select,.advanced-grid select{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #b9deda;border-radius:13px;font-size:16px;background:#fbffff;color:#173c3a;outline:none}.form-grid input:focus,.form-grid select:focus,.advanced-grid select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e18}.form-grid small{display:block;font-size:12px;font-weight:500;color:#6b7e7d;margin-top:5px}.advanced{margin-top:20px;border-top:1px solid #e1eeee;padding-top:15px}.advanced summary{cursor:pointer;font-weight:800;color:#0f766e}.actions,.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions button,.button-row button{border:0;border-radius:13px;padding:12px 17px;font-weight:800;cursor:pointer}.primary{background:#0f766e;color:#fff;box-shadow:0 8px 20px #0f766e2e}.secondary{background:#e9fbf8;color:#0f766e;border:1px solid #bce7e1!important}.ghost{background:#fff;color:#4b6463;border:1px solid #d4e6e4!important}.actions button:active,.button-row button:active{transform:translateY(1px)}.results-wrap{display:none}.results-wrap.show{display:block;animation:rise .6s ease}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-result{display:flex;align-items:center;justify-content:center;gap:25px;text-align:center;padding:25px 0}.hero-result span{display:block;color:#59706e}.hero-result strong{display:block;font-size:clamp(28px,6vw,45px);color:#0f766e;line-height:1.2}.hero-result small{color:#667d7b}.egg-result{font-size:54px;animation:bob 2.8s ease-in-out infinite}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#f6fffd;border:1px solid #dcefed;border-radius:15px;padding:15px}.metric span{display:block;font-size:12px;color:#647a78}.metric b{font-size:16px;color:#174e4b}.progress{height:11px;background:#e8f1ef;border-radius:20px;overflow:hidden;margin:20px 0 10px}.progress div{height:100%;width:0;background:linear-gradient(90deg,#ec4899,#0f766e);border-radius:20px;transition:width 1s}.status{background:#fff8fc;border-left:4px solid #ec4899;padding:11px 14px;border-radius:9px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-head{font-size:11px;text-align:center;font-weight:800;color:#78908e}.cal-day{min-height:54px;border:1px solid #e4eeee;border-radius:11px;padding:6px;font-size:12px;position:relative;background:#fff}.cal-day.empty{border-color:transparent;background:transparent}.cal-day.period{background:#fff0f6;border-color:#f7bfd5}.cal-day.fertile{background:#effcf7;border-color:#b9e9da}.cal-day.ov{background:#dff8f2;border:2px solid #0f766e;box-shadow:0 5px 14px #0f766e18}.cal-day.today{outline:2px dashed #f59e0b}.cal-day .dot{position:absolute;right:6px;bottom:6px;font-size:12px}.legend{font-size:11px;color:#607775}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin:0 3px 0 8px}.legend .period{background:#f7bfd5}.legend .fertile{background:#b9e9da}.legend .ov{background:#0f766e}.timeline{display:grid;gap:10px}.event{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:13px;border-radius:14px;background:#f8fffe;border:1px solid #e0efed}.event strong{color:#0f766e}.audit-card{background:#f8fffe}.audit-card ul{margin:8px 0 0;padding-left:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#fff;border:1px solid #dcefed;border-radius:20px;padding:22px;box-shadow:0 10px 25px #134e4a08}.feature .icon{font-size:30px}.feature h3{margin:8px 0 5px}.content h2,.faq h2{font-size:27px;color:#164a47}.content h3{color:#0f766e;margin-top:25px}.content p{color:#445f5d}.faq details{border-bottom:1px solid #dfedeb;padding:14px 0}.faq summary{cursor:pointer;font-weight:800}.disclaimer{background:#fff7ed;border:1px solid #fed7aa;border-radius:17px;padding:18px;margin:20px 0;color:#7c3d0a}footer{background:#103c3a;color:#d8f4f0;display:flex;justify-content:space-between;gap:20px;padding:28px max(16px,calc((100% - 1120px)/2));font-size:13px}@media(max-width:760px){.topbar{padding:10px 14px}.menu-btn{display:block}.topbar nav{display:none;position:absolute;top:61px;left:10px;right:10px;background:#fff;border:1px solid #dcefed;border-radius:15px;padding:12px;box-shadow:0 15px 35px #134e4a18;flex-direction:column}.topbar nav.open{display:flex}.hero{padding:25px 5px;min-height:auto}.hero h1{font-size:42px}.hero p{font-size:16px}.egg-orb{width:135px;height:135px;margin-left:10px;flex:0 0 135px}.egg{font-size:48px}.orbit{inset:10px}.spark{font-size:17px}.form-grid,.advanced-grid,.feature-grid,.metric-grid{grid-template-columns:1fr}.card{padding:18px;border-radius:18px}.section-title{align-items:flex-start;flex-direction:column}.badge{align-self:flex-start}.hero-result{padding:18px 0}.calendar{gap:4px}.cal-day{min-height:45px;padding:4px}.event{grid-template-columns:90px 1fr}.button-row button{flex:1 1 42%}footer{flex-direction:column}}@media(max-width:430px){.hero{display:block}.egg-orb{margin:22px auto 0}.hero h1{font-size:38px}.hero-pills span{font-size:11px}.cal-day{font-size:11px}.legend{line-height:2}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.topbar,.hearts,.actions,.button-row,.advanced,.feature-grid,footer{display:none!important}.card{box-shadow:none;break-inside:avoid}.results-wrap{display:block!important}body{background:#fff}}