.parenthood-planner-root{--sage: #5c7a5f;--sage-light: #8faf92;--sage-pale: #ebf2ec;--cream: #f9f5ee;--warm-white: #fdfbf7;--charcoal: #1c2321;--muted: #6b7b6d;--amber: #c17f3b;--amber-pale: #fbf0e2;--rose: #a85c5c;--rose-pale: #f5eaea;--sky: #3b6f8a;--sky-pale: #e5f0f6;--border: rgba(92, 122, 95, .15);--shadow: 0 2px 24px rgba(28, 35, 33, .07);scroll-behavior:smooth}.parenthood-planner-root,.parenthood-planner-root *{box-sizing:border-box}.parenthood-planner-root{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--charcoal);min-height:100vh;font-size:15px;margin:0}.parenthood-planner-root .prototype-pill{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:100px;border:1px solid rgba(255,255,255,.35);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;vertical-align:middle}.parenthood-planner-root .header{background:var(--charcoal);color:#fff;padding:2.5rem 2rem 2rem;position:relative;overflow:hidden}.parenthood-planner-root .header:before{content:"";position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:#5c7a5f2e}.parenthood-planner-root .header:after{content:"";position:absolute;bottom:-40px;left:30%;width:160px;height:160px;border-radius:50%;background:#c17f3b1f}.parenthood-planner-root .header-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}.parenthood-planner-root .header-tag{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-light);margin-bottom:12px}.parenthood-planner-root .header h1{font-family:Fraunces,serif;font-size:clamp(28px,5vw,44px);font-weight:300;line-height:1.15;margin:0 0 10px}.parenthood-planner-root .header h1 em{font-style:italic;color:var(--sage-light)}.parenthood-planner-root .header-sub{font-size:14px;color:#ffffff8c;font-weight:300;max-width:480px;margin:0}.parenthood-planner-root .header-time-link{margin-top:14px;font-size:13px}.parenthood-planner-root .header-time-link a{color:#ffffffbf;text-decoration:underline;text-underline-offset:3px}.parenthood-planner-root .header-time-link a:hover{color:#fff}.parenthood-planner-root .nav{background:var(--warm-white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #1c23210d}.parenthood-planner-root .nav-inner{max-width:1100px;margin:0 auto;display:flex;overflow-x:auto;scrollbar-width:none}.parenthood-planner-root .nav-inner::-webkit-scrollbar{display:none}.parenthood-planner-root .nav-tab{padding:16px 22px;font-size:13px;font-weight:500;color:var(--muted);border:none;background:none;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s;letter-spacing:.01em;font-family:inherit}.parenthood-planner-root .nav-tab:hover{color:var(--charcoal)}.parenthood-planner-root .nav-tab.active,.parenthood-planner-root .nav-tab[data-state=active]{color:var(--sage);border-bottom-color:var(--sage)}.parenthood-planner-root .main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.parenthood-planner-root .section-head{margin-bottom:1.5rem}.parenthood-planner-root .section-head h2{font-family:Fraunces,serif;font-size:26px;font-weight:300;margin:0 0 4px}.parenthood-planner-root .section-head p{font-size:13px;color:var(--muted);margin:0}.parenthood-planner-root .card{background:var(--warm-white);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1rem}.parenthood-planner-root .card-title{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:1.25rem}.parenthood-planner-root .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:1.5rem}.parenthood-planner-root .metric-box{background:var(--warm-white);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem}.parenthood-planner-root .metric-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.parenthood-planner-root .metric-val{font-family:Fraunces,serif;font-size:26px;font-weight:500;line-height:1}.parenthood-planner-root .metric-val.green{color:var(--sage)}.parenthood-planner-root .metric-val.amber{color:var(--amber)}.parenthood-planner-root .metric-val.blue{color:var(--sky)}.parenthood-planner-root .metric-val.rose{color:var(--rose)}.parenthood-planner-root .metric-note{font-size:11px;color:var(--muted);margin-top:4px}.parenthood-planner-root .slider-row{display:flex;align-items:center;gap:14px;margin-bottom:1.1rem}.parenthood-planner-root .slider-label{font-size:13px;color:var(--muted);width:200px;flex-shrink:0}.parenthood-planner-root .slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}.parenthood-planner-root .slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sage);cursor:pointer;border:2px solid white;box-shadow:0 1px 6px #5c7a5f66}.parenthood-planner-root .slider-val{font-size:13px;font-weight:500;min-width:90px;text-align:right;color:var(--charcoal)}.parenthood-planner-root .toggle-group{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.5rem}.parenthood-planner-root .toggle-group-secondary{flex-direction:column;align-items:flex-start;gap:8px}.parenthood-planner-root .toggle-group-in-card{margin-bottom:1rem}.parenthood-planner-root .toggle-group-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.parenthood-planner-root .toggle-group-row{display:flex;flex-wrap:wrap;gap:6px}.parenthood-planner-root .toggle-group-hint{margin:0;font-size:12px;color:var(--muted);line-height:1.45;max-width:48rem}.parenthood-planner-root .toggle-btn{padding:8px 18px;font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:100px;background:none;cursor:pointer;color:var(--muted);transition:all .2s;font-family:DM Sans,sans-serif}.parenthood-planner-root .toggle-btn:hover{border-color:var(--sage-light);color:var(--sage)}.parenthood-planner-root .toggle-btn.active{background:var(--sage);border-color:var(--sage);color:#fff}.parenthood-planner-root .toggle-btn.active-amber{background:var(--amber);border-color:var(--amber);color:#fff}.parenthood-planner-root .stages-grid{display:grid;gap:10px}.parenthood-planner-root .stage-card{background:var(--warm-white);border:1px solid var(--border);border-radius:14px;padding:1rem 1.25rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;transition:box-shadow .2s}.parenthood-planner-root .stage-card:hover{box-shadow:var(--shadow)}.parenthood-planner-root .stage-icon{font-size:22px;margin-bottom:4px}.parenthood-planner-root .stage-name{font-weight:500;font-size:15px}.parenthood-planner-root .stage-age{font-size:12px;color:var(--muted);margin-top:2px}.parenthood-planner-root .stage-bar-wrap{margin-top:10px}.parenthood-planner-root .bar-track{height:5px;border-radius:3px;background:#5c7a5f1f;overflow:hidden}.parenthood-planner-root .bar-fill-green{height:100%;border-radius:3px;background:var(--sage);transition:width .5s}.parenthood-planner-root .bar-fill-amber{height:100%;border-radius:3px;background:var(--amber);transition:width .5s}.parenthood-planner-root .bar-fill-sky{height:100%;border-radius:3px;background:var(--sky);transition:width .5s}.parenthood-planner-root .stage-right{text-align:right}.parenthood-planner-root .stage-cost{font-family:Fraunces,serif;font-size:22px;font-weight:500}.parenthood-planner-root .stage-monthly{font-size:11px;color:var(--muted);margin-top:3px}.parenthood-planner-root .compare-row{display:flex;gap:8px;font-size:12px;margin-top:8px}.parenthood-planner-root .compare-pill{padding:3px 10px;border-radius:100px;font-weight:500}.parenthood-planner-root .pill-green{background:var(--sage-pale);color:var(--sage)}.parenthood-planner-root .pill-sky{background:var(--sky-pale);color:var(--sky)}.parenthood-planner-root .budget-bar-wrap{margin:1rem 0}.parenthood-planner-root .budget-bar{height:36px;border-radius:10px;overflow:hidden;display:flex}.parenthood-planner-root .seg{height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:#fff;transition:width .5s;white-space:nowrap;overflow:hidden}.parenthood-planner-root .seg-cpf{background:#4a5568}.parenthood-planner-root .seg-housing{background:var(--sky)}.parenthood-planner-root .seg-living{background:var(--sage)}.parenthood-planner-root .seg-child{background:var(--amber)}.parenthood-planner-root .seg-save{background:#2d6a4f}.parenthood-planner-root .seg-deficit{background:var(--rose)}.parenthood-planner-root .legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.parenthood-planner-root .legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.parenthood-planner-root .legend-dot{width:10px;height:10px;border-radius:3px}.parenthood-planner-root .afford-list{display:grid;gap:8px}.parenthood-planner-root .afford-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.parenthood-planner-root .afford-row:last-child{border-bottom:none}.parenthood-planner-root .afford-status{font-size:11px;font-weight:500;padding:3px 10px;border-radius:100px}.parenthood-planner-root .status-ok{background:var(--sage-pale);color:var(--sage)}.parenthood-planner-root .status-tight{background:var(--amber-pale);color:var(--amber)}.parenthood-planner-root .status-hard{background:var(--rose-pale);color:var(--rose)}.parenthood-planner-root .invest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:1.5rem}.parenthood-planner-root .invest-card{background:var(--warm-white);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem}.parenthood-planner-root .invest-name{font-weight:500;font-size:14px;margin-bottom:6px}.parenthood-planner-root .risk-badge{font-size:10px;font-weight:500;letter-spacing:.05em;padding:2px 10px;border-radius:100px;display:inline-block;margin-bottom:6px;text-transform:uppercase}.parenthood-planner-root .risk-low{background:var(--sage-pale);color:var(--sage)}.parenthood-planner-root .risk-med{background:var(--amber-pale);color:var(--amber)}.parenthood-planner-root .invest-return{font-family:Fraunces,serif;font-size:20px;color:var(--sage);margin-bottom:6px}.parenthood-planner-root .invest-desc{font-size:12px;color:var(--muted);line-height:1.6}.parenthood-planner-root .proj-table{width:100%;border-collapse:collapse;font-size:13px}.parenthood-planner-root .proj-table th{text-align:left;padding:8px 0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border)}.parenthood-planner-root .proj-table td{padding:10px 0;border-bottom:1px solid var(--border)}.parenthood-planner-root .proj-table tr:last-child td{border-bottom:none}.parenthood-planner-root .proj-val{font-family:Fraunces,serif;font-size:16px;font-weight:500}.parenthood-planner-root .grants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.parenthood-planner-root .grant-card{background:var(--warm-white);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem}.parenthood-planner-root .grant-name{font-size:13px;font-weight:500;margin-bottom:4px;color:var(--charcoal)}.parenthood-planner-root .grant-amount{font-family:Fraunces,serif;font-size:22px;color:var(--sky);margin-bottom:4px}.parenthood-planner-root .grant-desc{font-size:11px;color:var(--muted);line-height:1.5}.parenthood-planner-root .chart-wrap{position:relative;width:100%;height:280px}.parenthood-planner-root .chart-wrap-tall{height:300px}.parenthood-planner-root .alert{border-radius:12px;padding:12px 16px;font-size:13px;margin-top:12px;line-height:1.6}.parenthood-planner-root .alert-green{background:var(--sage-pale);color:var(--sage);border-left:3px solid var(--sage)}.parenthood-planner-root .alert-rose{background:var(--rose-pale);color:var(--rose);border-left:3px solid var(--rose)}.parenthood-planner-root .alert-amber{background:var(--amber-pale);color:var(--amber);border-left:3px solid var(--amber)}.parenthood-planner-root .info-note{font-size:11px;color:var(--muted);margin-top:12px;font-style:italic}.parenthood-planner-root .lifestyle-info{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-top:-.75rem;margin-bottom:1.5rem;max-width:640px}.parenthood-planner-root .lifestyle-info-note{font-size:11px;font-style:italic;margin-top:2px}.parenthood-planner-root .slider-val-note{font-size:11px;color:var(--muted);white-space:nowrap}.parenthood-planner-root .two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:680px){.parenthood-planner-root .two-col{grid-template-columns:1fr}}.parenthood-planner-root .footer{text-align:center;padding:2rem;font-size:11px;color:var(--muted);border-top:1px solid var(--border);margin-top:3rem}.parenthood-planner-root .footer a{color:var(--sky)}.parenthood-planner-root .two-col-mb{margin-bottom:1.5rem}.parenthood-planner-root .card-mt{margin-top:1rem}.parenthood-planner-root .invest-section-label{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:1rem}.parenthood-planner-root .grant-strategy-grid{display:grid;gap:12px;font-size:13px;line-height:1.7;color:var(--muted)}.parenthood-planner-root .grant-strategy-box{padding:12px;border-radius:10px}.parenthood-planner-root .grant-strategy-box strong{color:var(--charcoal);font-weight:600}.parenthood-planner-root .mb-grants-metrics{margin-bottom:1.5rem}.parenthood-planner-root .mt-note{margin-top:1rem}.parenthood-planner-root .toggle-row{margin-bottom:0;flex:1}.parenthood-planner-root .invest-wrap{margin-top:1.5rem;margin-bottom:1rem}