:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15352a;background:#f6f8f5;font-synthesis:none;text-rendering:optimizeLegibility;--green: #087a4b;--green-dark: #075b3a;--green-soft: #e8f4ed;--mint: #f0f7f2;--ink: #15352a;--muted: #6d7e76;--line: #dfe8e2;--white: #ffffff;--shadow: 0 18px 45px rgba(26, 72, 53, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f8f5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{width:min(1180px,calc(100% - 32px));margin:0 auto;height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:850;color:var(--green);cursor:pointer;letter-spacing:-.8px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:10px;font-size:18px;box-shadow:0 7px 15px #087a4b2e}.brand-dot{font-size:14px;margin-left:2px}.topnav{display:flex;gap:8px}.topnav button{border:0;background:transparent;color:#587067;padding:10px 14px;border-radius:10px;font-weight:700}.topnav button:hover{background:var(--green-soft);color:var(--green)}.menu-button{display:none;border:0;background:#fff;padding:9px;border-radius:10px;color:var(--green)}.onboarding,.planner-page{width:min(1120px,calc(100% - 32px));margin:12px auto 28px;flex:1}.progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.step-pill{background:var(--green);color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.progress-dots{display:flex;gap:7px;margin-right:5px}.dot{width:7px;height:7px;background:#cbd5cf;border-radius:50%}.dot.active{background:var(--green);transform:scale(1.25)}.hero-panel{min-height:650px;background:#ffffffd1;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.slide-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;padding:44px;align-items:center}.copy{max-width:610px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}h1,h2{margin:12px 0;color:var(--ink);letter-spacing:-1.5px;line-height:1.05}h1{font-size:clamp(39px,5vw,63px)}h2{font-size:clamp(32px,4vw,50px)}h1 span,h2 span{color:var(--green)}.lead{font-size:17px;line-height:1.65;color:var(--muted);max-width:530px}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.category-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;padding:10px;border-radius:13px}.icon-bubble,.mini-icon{display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:10px;flex:0 0 auto}.icon-bubble{width:35px;height:35px}.category-item strong{display:block;font-size:12px}.category-item small{display:block;color:var(--muted);font-size:10px;line-height:1.25;margin-top:2px}.visual-card{min-height:470px;position:relative;border-radius:28px;background:linear-gradient(145deg,#e7f5ec,#f9fcfa);border:1px solid #dcebe1;overflow:hidden;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px dashed rgba(8,122,75,.18);border-radius:50%}.orbit-a{width:340px;height:340px}.orbit-b{width:480px;height:480px}.wallet-illustration{width:160px;height:160px;display:grid;place-items:center;border-radius:38% 62% 55% 45%;background:#fff;color:var(--green);box-shadow:0 25px 50px #087a4b24;transform:rotate(-5deg);z-index:2}.floating-note{position:absolute;z-index:3;padding:9px 13px;border-radius:12px;background:#fff;box-shadow:0 10px 25px #00000012;font-size:12px;font-weight:800}.note-one{top:25%;left:14%}.note-two{top:18%;right:14%}.note-three{bottom:30%;right:12%}.visual-caption{position:absolute;bottom:25px;left:25px;right:25px;padding:17px;border-radius:16px;background:#ffffffd4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4}.visual-caption strong,.visual-caption span{display:block}.visual-caption strong{font-size:15px}.visual-caption span{margin-top:4px;color:var(--muted);font-size:12px}.allocation{padding:42px 46px}.section-heading{text-align:center;max-width:700px;margin:0 auto 25px}.section-heading p{color:var(--muted);margin:0}.allocation-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center}.donut-card{min-height:350px;border:1px solid var(--line);border-radius:20px;background:#fff;display:grid;place-items:center;align-content:center;position:relative}.donut{width:210px;height:210px;border-radius:50%;background:conic-gradient(#45a66f 0,#45a66f 8.1%,#ef8a57 8.1%,#ef8a57 41.3%,#f6c451 41.3%,#f6c451 59.2%,#a8c88f 59.2%,#a8c88f 77.1%,#7776bd 77.1%,#7776bd 85.7%,#63b5b3 85.7%,#63b5b3 89.6%,#c285a2 89.6%,#c285a2);display:grid;place-items:center}.donut-hole{width:125px;height:125px;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px}.donut-hole small{color:var(--muted);font-size:10px}.donut-hole strong{margin-top:4px;font-size:14px}.donut-label{margin-top:18px;font-size:13px;font-weight:850}.allocation-table{border:1px solid var(--line);border-radius:20px;padding:14px;background:#fff}.allocation-row{display:grid;grid-template-columns:10px 1fr auto 42px;gap:8px;align-items:center;padding:9px 8px;border-bottom:1px solid #edf1ee;font-size:12px}.allocation-row:last-child{border-bottom:0}.allocation-row strong{font-size:12px}.allocation-row>span:not(.legend){color:#344c42}.allocation-row small{color:var(--muted);text-align:right}.legend{width:9px;height:9px;border-radius:50%}.l0{background:#45a66f}.l1{background:#ef8a57}.l2{background:#f6c451}.l3{background:#a8c88f}.l4{background:#7776bd}.l5{background:#63b5b3}.l6{background:#c285a2}.l7{background:#087a4b}.free-row{background:#eff8f2;border-radius:10px;border-bottom:0;margin-top:4px}.quote-card{margin-top:17px;padding:17px 20px;border-radius:16px;background:#eef6ef;display:flex;gap:12px;align-items:center}.quote-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff}.quote-card strong,.quote-card span{display:block}.quote-card strong{font-size:13px}.quote-card span{color:var(--muted);font-size:11px;margin-top:2px}.start-grid{min-height:650px;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;padding:48px}.start-copy p{color:var(--muted);line-height:1.6;max-width:430px}.primary-button,.secondary-button{border-radius:12px;border:1px solid var(--line);padding:11px 16px;display:inline-flex;align-items:center;gap:8px;font-weight:800;transition:.2s}.primary-button{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 8px 18px #087a4b29}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.secondary-button{color:#315246;background:#fff}.secondary-button:hover{background:#f0f5f1}.large{margin-top:15px;padding:13px 18px}.flow-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 30px #1a48350d}.flow-title{font-weight:850;font-size:16px;margin-bottom:18px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-item{min-height:112px;border:1px solid var(--line);border-radius:15px;padding:12px 9px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}.flow-number{position:absolute;top:7px;right:8px;width:19px;height:19px;border-radius:50%;background:#f0f4f1;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:900}.flow-icon{color:var(--green)}.flow-item strong{font-size:11px}.ready-card{margin-top:15px;display:flex;gap:11px;align-items:center;background:#eff8f2;color:var(--green);border-radius:14px;padding:13px}.ready-card div{display:flex;flex-direction:column}.ready-card strong{font-size:13px}.ready-card span{color:var(--muted);font-size:10px;margin-top:2px}.carousel-actions{display:flex;justify-content:space-between;margin-top:12px}.footer{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:20px 0 28px;display:flex;justify-content:space-between;color:#819087;font-size:11px}.planner-header{display:flex;justify-content:space-between;align-items:flex-end;margin:25px 0}.planner-header h1{font-size:clamp(36px,5vw,54px);margin-bottom:7px}.planner-header p{color:var(--muted);margin:0;font-size:13px}.planner-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 30px #1a48350d}.planner-form{padding:20px}.card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:850;margin-bottom:15px}.input-row{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid #edf1ee;gap:15px}.input-row:last-child{border-bottom:0}.input-label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.mini-icon{width:30px;height:30px}.input-row input{width:180px;text-align:right;border:1px solid var(--line);background:#fafcfb;border-radius:10px;padding:9px 10px;outline:none;color:var(--ink);font-weight:800}.input-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px #087a4b14}.summary-stack{display:flex;flex-direction:column;gap:15px}.summary-card{padding:20px}.summary-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700}.summary-card>strong{display:block;margin:7px 0 15px;font-size:25px;letter-spacing:-.6px}.summary-bar,.breakdown-track{height:7px;border-radius:99px;background:#e9efeb;overflow:hidden}.summary-bar span,.breakdown-track span{display:block;height:100%;border-radius:inherit;background:var(--green)}.summary-card small{color:var(--muted);display:block;margin-top:7px;font-size:10px}.free-money{background:linear-gradient(135deg,#edf8f1,#fff)}.free-money strong{color:var(--green)}.free-money p{margin:0;color:var(--muted);font-size:11px}.breakdown{padding:18px}.breakdown-row{display:grid;grid-template-columns:1fr 40px;gap:7px;align-items:center;font-size:11px;margin:12px 0}.breakdown-row strong{text-align:right;color:var(--green)}.breakdown-track{grid-column:1 / -1;height:5px}.breakdown-track span{background:#75b58f}@media(max-width:820px){.topbar{height:66px}.menu-button{display:block}.topnav{display:none;position:absolute;top:60px;right:16px;left:16px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:20}.topnav.open{display:flex;flex-direction:column}.onboarding,.planner-page{width:min(100% - 20px,650px);margin-top:8px}.hero-panel{min-height:0;border-radius:18px}.slide-grid,.start-grid{grid-template-columns:1fr;min-height:0;padding:28px 22px}.visual-card{min-height:330px;order:-1}.category-list{grid-template-columns:1fr}.allocation{padding:28px 20px}.allocation-grid{grid-template-columns:1fr}.donut-card{min-height:290px}.start-grid{gap:20px}.flow-grid{grid-template-columns:repeat(4,1fr)}.planner-layout{grid-template-columns:1fr}.planner-header{align-items:flex-start;gap:15px}}@media(max-width:520px){.brand{font-size:20px}.hero-panel{border-radius:16px}.slide-grid{padding:23px 17px}h1{font-size:39px}h2{font-size:32px}.lead{font-size:15px}.visual-card{min-height:285px}.wallet-illustration{width:125px;height:125px}.orbit-a{width:260px;height:260px}.orbit-b{width:350px;height:350px}.allocation-row{grid-template-columns:9px 1fr auto}.allocation-row small{display:none}.flow-grid{grid-template-columns:repeat(2,1fr)}.flow-item{min-height:92px}.footer{flex-direction:column;gap:6px;padding-bottom:18px}.carousel-actions{padding:0 2px}.planner-header{flex-direction:column}.input-row{align-items:flex-start;flex-direction:column;gap:7px}.input-row input{width:100%;text-align:left}}