:root{--navy:#062b3f;--lime:#d2ea75;--ink:#17313d;--muted:#57707a;--cream:#f4f6ef}.planner-page{min-height:100vh;color:var(--ink);background:#fbfcf8;font:16px/1.55 Arial,Helvetica,sans-serif}.planner-header{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:auto;padding:24px 38px;display:flex}.planner-brand img{width:205px;height:auto;display:block}.back{color:var(--navy);align-items:center;gap:7px;font-weight:700;text-decoration:none;display:flex}.planner-hero{background:var(--navy);color:#fff;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:end;gap:80px;padding:58px max(38px,50vw - 620px);display:grid}.planner-kicker{color:var(--lime);letter-spacing:2px;font-size:13px;font-weight:800}.planner-hero h1{letter-spacing:-2.5px;max-width:870px;margin:17px 0;font-size:clamp(38px,5vw,66px);line-height:1.03}.planner-hero p{color:#dbe6e3;max-width:750px;margin:0;font-size:20px}.planner-promise{border-left:3px solid var(--lime);grid-template-columns:26px 1fr;gap:5px 9px;padding-left:22px;display:grid}.planner-promise svg{color:var(--lime)}.planner-promise span{color:#ccdad7;grid-column:2;font-size:14px}.planner-layout{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:34px;max-width:1320px;margin:0 auto;padding:48px 38px 70px;display:grid}.planner-form,.plan-panel{background:#fff;border:1px solid #dce4dc;border-radius:24px;padding:34px;box-shadow:0 12px 34px #062b3f0a}.planner-form h2,.plan-panel h2{letter-spacing:-.6px;margin:0 0 8px;font-size:28px;line-height:1.15}.form-intro{color:var(--muted);margin:0 0 26px}.planner-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.planner-form label{margin-bottom:18px;font-size:14px;font-weight:800;display:block}.planner-form input,.planner-form textarea,.planner-form select{width:100%;color:var(--ink);background:#fff;border:1px solid #c9d5cf;border-radius:11px;min-height:48px;margin-top:7px;padding:11px 12px;font:400 16px/1.4 Arial,Helvetica,sans-serif;display:block}.planner-form textarea{resize:vertical;min-height:108px}.planner-form select{-webkit-appearance:auto;appearance:auto}.planner-form input:focus,.planner-form textarea:focus,.planner-form select:focus{border-color:#6e8b45;outline:3px solid #d2ea7588}.planner-fine{color:var(--muted);margin:2px 0 19px;font-size:13px}.generate,.email-plan{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex;background:var(--navy)!important;color:#fff!important;border-radius:12px!important;height:auto!important;min-height:49px!important;padding:12px 20px!important;font-weight:800!important}.generate:hover,.email-plan:hover{background:#194c5e!important}.generate:disabled{opacity:.7}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.planner-error{color:#8c2e24;background:#fff0ee;border-radius:10px;padding:12px 15px}.plan-panel{background:var(--cream);border-color:#dce6cc;position:sticky;top:24px}.empty-plan{padding:30px 10px}.spark{background:var(--navy);width:54px;height:54px;color:var(--lime);border-radius:16px 16px 16px 4px;justify-content:center;align-items:center;margin-bottom:22px;font-size:28px;display:flex}.empty-plan p{color:var(--muted)}.empty-plan ul{margin:0;padding:8px 0 0;list-style:none}.empty-plan li{align-items:center;gap:10px;margin:13px 0;font-weight:700;display:flex}.empty-plan li svg{color:#688b45;width:18px}.plan-heading span{color:#5f7c43;letter-spacing:1.5px;font-size:12px;font-weight:800}.plan-heading h2{margin-top:8px}.plan-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #d2ddcc;margin-top:22px;padding-top:22px;font:15px/1.65 Arial,Helvetica,sans-serif}.plan-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.plan-actions button{gap:7px;height:auto;min-height:49px;display:flex}.direct{color:var(--muted);margin:18px 0 0;font-size:13px}@media (max-width:900px){.planner-hero{grid-template-columns:1fr;gap:32px}.planner-layout{grid-template-columns:1fr}.plan-panel{position:static}}@media (max-width:620px){.planner-header{align-items:flex-start;padding:18px 20px}.planner-brand img{width:160px}.back{font-size:13px}.planner-hero{padding:40px 22px}.planner-hero h1{letter-spacing:-1.5px;font-size:40px}.planner-hero p{font-size:17px}.planner-layout{padding:28px 16px 48px}.planner-form,.plan-panel{padding:24px 20px}.planner-fields{grid-template-columns:1fr}.planner-form label{margin-bottom:16px}}