
:root{--bg:#fff7fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--pink:#ec5f8f;--pink-soft:#fde7f0;--purple:#7c3aed;--purple-dark:#5b21b6;--line:#f4c9da;--shadow:0 18px 50px rgba(124,58,237,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;background:linear-gradient(180deg,#fff7fb 0%,#fff 45%,#fff7fb 100%);color:var(--text)}
a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.nav{position:sticky;top:0;z-index:50;background:rgba(255,247,251,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(244,201,218,.55)}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:22px}.logo{width:44px;height:44px;object-fit:contain;border-radius:14px}.logo-lg{width:118px;height:118px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-weight:700;font-size:14px}.nav-links a:hover{color:var(--purple)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;font-weight:850;border:1px solid transparent;cursor:pointer;transition:.2s ease}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 14px 30px rgba(124,58,237,.24)}.btn-primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--purple);border-color:#eadcff}.btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.hero{padding:82px 0 56px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--pink);font-weight:850;font-size:14px}
h1{font-size:clamp(44px,6vw,74px);line-height:.98;margin:22px 0 18px;letter-spacing:-2.4px}.lead{font-size:20px;line-height:1.7;color:var(--muted);max-width:650px;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.trust{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-weight:700;font-size:14px;margin-top:24px}
.phone-wrap{position:relative;display:flex;justify-content:center}.glow{position:absolute;inset:40px 0 auto 0;margin:auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(236,95,143,.22),rgba(124,58,237,.10),transparent 65%);filter:blur(10px)}.phone{position:relative;width:min(360px,100%);border-radius:42px;padding:16px;background:#111827;box-shadow:0 28px 80px rgba(31,41,55,.22)}.phone-screen{min-height:640px;border-radius:32px;background:linear-gradient(180deg,#fff7fb,#fff);padding:28px 22px;overflow:hidden}
.mock-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.mock-title{font-weight:900;font-size:28px;line-height:1}.card{background:#fff;border:1px solid rgba(244,201,218,.78);border-radius:var(--radius);box-shadow:var(--shadow)}.mock-card{padding:20px;margin-bottom:14px}.mock-cycle{display:flex;align-items:center;justify-content:space-between}.circle{width:76px;height:76px;border-radius:50%;background:var(--pink-soft);border:10px solid rgba(236,95,143,.25);display:grid;place-items:center}.dot{width:22px;height:22px;border-radius:50%;background:var(--pink)}.mock-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.mock-small{padding:16px}
.section{padding:74px 0}.section-title{text-align:center;max-width:780px;margin:0 auto 44px}.section-title h2{font-size:clamp(32px,4vw,50px);margin:0 0 14px;letter-spacing:-1.4px}.section-title p{color:var(--muted);font-size:18px;line-height:1.7;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{padding:26px}.icon{width:50px;height:50px;border-radius:16px;background:var(--pink-soft);display:grid;place-items:center;font-size:24px;margin-bottom:18px}.feature h3{font-size:21px;margin:0 0 10px}.feature p{color:var(--muted);line-height:1.65;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.panel{padding:32px}.list{display:grid;gap:14px;margin-top:20px}.list-item{display:flex;gap:12px;align-items:flex-start;color:var(--muted);line-height:1.6}.check{color:var(--pink);font-weight:900}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.price-card{padding:30px;position:relative}.price-card.popular{border:2px solid var(--purple);transform:translateY(-8px)}.tag{position:absolute;top:18px;right:18px;background:var(--purple);color:white;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.price{font-size:42px;font-weight:950;margin:16px 0 8px;letter-spacing:-1px}.price span{font-size:16px;color:var(--muted);font-weight:700}
.footer{padding:46px 0;border-top:1px solid var(--line);background:#fff}.footer-grid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-weight:700}.legal{padding:70px 0}.legal .card{padding:34px}.legal h1{font-size:42px;line-height:1.1;letter-spacing:-1px}.legal h2{margin-top:32px}.legal p,.legal li{color:var(--muted);line-height:1.75}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font:inherit;background:#fff;color:var(--text)}textarea{min-height:130px;resize:vertical}.notice{padding:16px;border-radius:18px;background:var(--pink-soft);color:#9d174d;line-height:1.6}.mobile-menu{display:none}
@media (max-width:860px){.nav-links{display:none}.mobile-menu{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero{padding:50px 0 34px}.grid-3,.pricing{grid-template-columns:1fr}.price-card.popular{transform:none}.phone-screen{min-height:560px}h1{letter-spacing:-1.5px}}


.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.54);display:none;align-items:center;justify-content:center;padding:20px;z-index:999}
.modal-backdrop.active{display:flex}
.modal{width:min(520px,100%);background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 90px rgba(31,41,55,.32);border:1px solid var(--line)}
.modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}
.modal h2{margin:0;font-size:30px;letter-spacing:-.8px}
.modal p{color:var(--muted);line-height:1.65}
.close-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:22px;cursor:pointer}
.form-grid{display:grid;gap:12px;margin-top:18px}
.form-note{font-size:13px;color:var(--muted);line-height:1.5;margin-top:12px}
.baby-fund-card{background:linear-gradient(135deg,#fff,#fff1f7);border:2px solid var(--line)}
.fund-amount{font-size:clamp(46px,7vw,78px);font-weight:950;color:var(--purple);letter-spacing:-2px;margin:12px 0}


/* Final responsive fixes */
.modal-backdrop{overflow-y:auto}
.modal{max-height:calc(100vh - 32px);overflow-y:auto}
.form-note{font-size:16px;color:var(--muted);line-height:1.55;margin-top:16px}
@media (max-width:860px){
  .nav-inner{height:72px}
  .brand{font-size:26px}
  .logo{width:58px;height:58px}
  .mobile-menu{min-height:48px;padding:0 22px;font-size:17px}
  .hero{padding-top:34px}
  h1{font-size:clamp(44px,12vw,58px);line-height:1.02;margin-top:18px}
  .lead{font-size:21px;line-height:1.65}
  .hero-actions{gap:12px}
  .hero-actions .btn{width:auto;min-height:54px;padding:0 22px;font-size:17px}
  .modal-backdrop{align-items:flex-start;padding:18px}
  .modal{margin-top:18px;border-radius:24px;padding:24px;max-height:calc(100vh - 36px)}
  .modal h2{font-size:34px;line-height:1.08}
  .modal p{font-size:19px}
  .close-btn{flex:0 0 auto}
  input,textarea,select{font-size:18px;padding:16px 18px}
}
@media (max-width:430px){
  .container{width:min(100% - 28px,1120px)}
  .nav-inner{height:68px}
  .brand{font-size:24px;gap:8px}
  .logo{width:52px;height:52px}
  .mobile-menu{min-height:44px;padding:0 18px;font-size:16px}
  h1{font-size:42px;letter-spacing:-1px}
  .lead{font-size:19px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .hero-actions .btn{width:100%;padding:0 12px;font-size:15px}
  .modal{padding:22px}
  .modal h2{font-size:31px}
  .modal p{font-size:17px}
}


/* Journey launch / store / FOMO updates */
.store-badges{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 8px}.store-badges.centered{justify-content:center;margin:22px 0}.store-badge{display:inline-flex;flex-direction:column;justify-content:center;min-width:168px;min-height:58px;padding:10px 18px;border-radius:18px;background:#111827;color:#fff;box-shadow:0 14px 30px rgba(17,24,39,.14)}.store-badge span{font-size:12px;color:#d1d5db;font-weight:750}.store-badge strong{font-size:20px;line-height:1.1}.fomo-strip{margin:18px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--muted);line-height:1.6;box-shadow:var(--shadow)}.fomo-strip strong{color:var(--purple)}.coming-card{text-align:center;background:linear-gradient(135deg,#fff,#f7efff)}.coming-card p{color:var(--muted);font-size:18px;line-height:1.7;max-width:760px;margin:14px auto 0}.app-coming-soon{padding-top:40px}
@media (max-width:860px){.nav-inner{justify-content:space-between}.mobile-menu{display:inline-flex;align-items:center;justify-content:center;text-align:center;margin-left:auto}.store-badges{justify-content:flex-start}.store-badge{min-width:150px}.fomo-strip{font-size:15px}}
@media (max-width:430px){.store-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}.store-badge{min-width:0;padding:10px 12px}.store-badge strong{font-size:17px}.store-badge span{font-size:11px}.fomo-strip{font-size:14px}}
