:root{--bg:#fff;--surface:#fff;--surface-muted:#f5f7f5;--text-strong:#111412;--text-muted:#5f6b63;--text-faint:#8a948d;--border:#e2e7e3;--shadow-soft:0 18px 48px #1114120f;--shadow-menu:0 22px 60px #11141229;color:var(--text-muted);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:linear-gradient(#f8faf8d9 0,#fff0 420px),#fff;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0f51323d}::selection{color:#fff;background:#0f5132}.app-shell{width:min(1180px,100% - 40px);margin:0 auto}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand,.main-nav,.select-control,.asset-trigger,.share-actions button,.primary-button,.scenario-card,.compare-row{align-items:center;display:inline-flex}.brand{color:var(--text-strong);letter-spacing:0;gap:10px;font-weight:760;text-decoration:none}.brand-logo{object-fit:contain;width:auto;height:40px;display:block}.main-nav{gap:26px}.main-nav a{color:var(--text-muted);font-size:14px;font-weight:620;text-decoration:none}.main-nav a:hover{color:var(--text-strong)}.select-control{height:40px;color:var(--text-strong);background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:8px;padding:0 10px 0 12px}.select-control select,.amount-field select,.amount-field input,.search-field input,.date-field input{color:inherit;font:inherit;background:0 0;border:0;outline:0}.select-control select{appearance:none;min-width:112px;font-size:14px;font-weight:650}.hero-section{padding:64px 0 32px}.hero-copy{grid-template-columns:minmax(0,760px) minmax(280px,1fr);align-items:end;gap:32px;margin-bottom:34px;display:grid}.hero-copy h1{max-width:760px;color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(42px,6vw,78px);font-weight:760;line-height:.96}.hero-copy p{max-width:400px;color:var(--text-muted);margin:0 0 8px;font-size:17px;line-height:1.55}.workspace{grid-template-columns:minmax(0,1fr) minmax(470px,.78fr);gap:18px;display:grid}.calculator-panel,.result-panel,.chart-card,.methodology-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px}.calculator-panel{padding:24px}.sentence-form{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:17px;font-weight:620;display:flex}.amount-field,.date-field,.asset-trigger,.search-field{min-height:50px;color:var(--text-strong);border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:10px;display:inline-flex}.amount-field{padding:0 14px}.amount-field select{width:58px;font-size:13px;font-weight:760}.amount-field input{width:122px;font-size:24px;font-weight:780}.date-field{padding:0 14px}.date-field input{min-width:144px;font-weight:700}.asset-picker{position:relative}.asset-trigger{cursor:pointer;justify-content:space-between;min-width:214px;padding:0 12px}.asset-trigger span:not(.asset-icon),.asset-option span,.scenario-card span,.asset-name{text-align:left;gap:2px;display:grid}.asset-trigger strong,.asset-option strong,.asset-name strong{color:var(--text-strong);font-size:14px}.asset-trigger small,.asset-option small,.asset-name small,.scenario-card small{color:var(--text-faint);font-size:12px;font-weight:650}.asset-menu{z-index:20;opacity:0;visibility:hidden;border:1px solid var(--border);width:min(360px,100vw - 48px);box-shadow:var(--shadow-menu);background:#fff;border-radius:8px;padding:10px;transition:all .15s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}.asset-picker:focus-within .asset-menu,.asset-picker:hover .asset-menu{opacity:1;visibility:visible;transform:translateY(0)}.search-field{box-sizing:border-box;background:var(--surface-muted);width:100%;min-height:42px;padding:0 10px}.search-field input{width:100%;font-size:14px}.asset-list{gap:4px;max-height:296px;margin-top:8px;display:grid;overflow:auto}.asset-option{width:100%;min-height:52px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.asset-option:hover,.asset-option.selected{background:var(--surface-muted)}.asset-icon{width:34px;height:34px;color:var(--asset-accent);background:color-mix(in srgb, var(--asset-accent) 12%, white);border:1px solid color-mix(in srgb, var(--asset-accent) 28%, white);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.primary-button{color:#fff;cursor:pointer;background:#0f5132;border:1px solid #0f5132;border-radius:8px;gap:8px;min-height:50px;padding:0 18px;font-weight:760}.primary-button:disabled{cursor:not-allowed;opacity:.48}.form-errors{color:#b42318;min-height:28px;margin:12px 0 8px;font-size:13px;font-weight:650}.ad-banner{border:1px solid var(--border);width:100%;box-shadow:var(--shadow-soft);background:#05070b;border-radius:8px;margin:0 0 18px;display:block;position:relative;overflow:hidden}.ad-banner img{width:100%;height:auto;display:block}.ad-banner span{color:#fff;letter-spacing:.04em;background:#00000094;border:1px solid #ffffff38;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.chart-card{padding:18px}.section-kicker{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:760}.chart-card h2,.section-heading h2,.methodology-section h2{color:var(--text-strong);letter-spacing:0;margin:0;font-size:26px;font-weight:740}.chart-shell{margin-top:18px;position:relative}.growth-chart{width:100%;height:270px;overflow:visible}.chart-y-axis{z-index:1;color:var(--text-faint);pointer-events:none;flex-direction:column;justify-content:space-between;font-size:11px;font-weight:720;display:flex;position:absolute;top:22px;bottom:26px;left:2px}.chart-grid{stroke:#e5e9e7;stroke-width:.5px;vector-effect:non-scaling-stroke}.chart-grid.vertical{stroke-dasharray:2 4;opacity:.55}.chart-area{fill:url(#chartAreaGradient)}.chart-line-shadow{fill:none;stroke:#0f513224;stroke-linecap:round;stroke-linejoin:round;stroke-width:7px;vector-effect:non-scaling-stroke}.chart-line{fill:none;stroke:#0f5132;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;vector-effect:non-scaling-stroke}.chart-dot{fill:#fff;stroke:#0f5132;stroke-width:1.5px;vector-effect:non-scaling-stroke}.chart-axis{color:var(--text-faint);justify-content:space-between;gap:12px;font-size:12px;font-weight:700;display:flex}.result-panel{align-self:stretch;padding:24px}.template-result-panel{box-shadow:none;background:0 0;border:0;padding:0}.positive-template-card{aspect-ratio:1122/1402;border-radius:8px;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.template-background{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.template-layer,.template-box,.template-ideas,.template-idea{position:absolute}.template-layer{color:#111412;pointer-events:none;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,system-ui,sans-serif;inset:0}.template-asset-icon{object-fit:contain;width:16%;height:14.4%;position:absolute;top:2.4%;left:44.4%}.template-box{text-align:center;place-items:center;line-height:1.08;display:grid;overflow:hidden}.template-asset-name{width:32.5%;height:9.8%;top:27.4%;left:6.2%;transform:rotate(-7deg)}.template-asset-name strong{color:#176a1f;overflow-wrap:normal;word-break:normal;-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;max-width:100%;font-size:clamp(15px,6.1cqw,31px);font-weight:950;line-height:.95;display:-webkit-box;overflow:hidden}.template-invested{gap:.55em;width:34.2%;height:11.6%;top:11.2%;left:61.4%}.template-invested strong{color:#111412;white-space:nowrap;max-width:100%;font-size:clamp(13px,5.2cqw,27px);font-weight:900}.template-invested span{color:#111412;white-space:nowrap;font-size:clamp(11px,3.8cqw,20px);font-weight:850}.template-worth{align-content:center;width:40.4%;height:20.8%;top:42.6%;left:56.4%}.template-worth strong{color:#176a1f;white-space:nowrap;max-width:100%;font-size:clamp(14px,4cqw,21px);font-weight:950}.template-takeaway{align-content:center;width:86%;height:10.4%;padding:1.7% 8% 1.25%;top:74.4%;left:6.5%}.template-takeaway strong{color:#176a1f;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(13px,4.1cqw,21px);font-weight:950;line-height:1.08;display:-webkit-box;overflow:hidden}.template-takeaway.short strong{-webkit-line-clamp:2;font-size:clamp(16px,5cqw,26px)}.template-takeaway.medium strong{font-size:clamp(14px,4.3cqw,22px)}.template-takeaway.long strong{font-size:clamp(12px,3.65cqw,19px)}.template-ideas{width:100%;height:2.55%;top:95.72%;left:0}.template-idea{text-align:center;place-items:center;min-width:0;height:100%;display:grid;top:0;overflow:hidden}.template-idea:first-child{width:14%;left:4.55%}.template-idea:nth-child(2){width:14.1%;left:24.1%}.template-idea:nth-child(3){width:13.9%;left:44.4%}.template-idea:nth-child(4){width:14%;left:62.85%}.template-idea:nth-child(5){width:14%;left:82.75%}.template-idea strong{color:#176a1f;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(7px,2.8cqw,14px);font-weight:950;line-height:1;overflow:hidden}.template-idea small{display:none}.result-poster{padding:8px 0 6px}.poster-meta{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:820}.result-story{color:var(--text-strong);letter-spacing:0;margin:0;font-size:24px;font-weight:840;line-height:1.08}.result-value{color:#0f5132;letter-spacing:0;white-space:nowrap;margin-top:18px;font-size:clamp(54px,6vw,86px);font-weight:920;line-height:.9}.poster-conclusion{color:var(--text-strong);letter-spacing:0;margin:18px 0 0;font-size:28px;font-weight:860;line-height:1.05}.poster-subline{max-width:390px;color:var(--text-muted);margin:10px 0 0;font-size:14px;font-weight:650;line-height:1.45}.share-teaser{background:#f7fbf8;border:1px solid #dce9df;border-radius:8px;gap:10px;margin:0 0 18px;padding:14px;display:grid}.experience-lead{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:780}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.experience-item{background:#fff;border:1px solid #dce9df;border-radius:8px;align-content:center;gap:4px;min-height:76px;padding:10px;display:grid}.experience-item strong{color:#0f5132;font-size:24px;line-height:1.05}.experience-item small{color:var(--text-muted);font-size:11px;font-weight:760;line-height:1.2}.share-teaser>span:not(.experience-lead){color:var(--text-muted);font-size:13px;font-weight:650;line-height:1.45}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 20px;display:grid}.metric{background:var(--surface-muted);border-radius:8px;align-content:center;gap:8px;min-height:84px;padding:14px;display:grid}.metric span,.detail-row span{color:var(--text-faint);font-size:12px;font-weight:760}.metric strong{color:var(--text-strong);overflow-wrap:anywhere;font-size:24px;line-height:1.05}.positive{color:#087443!important}.negative{color:#b42318!important}.price-details{border:1px solid var(--border);border-radius:8px;gap:1px;display:grid;overflow:hidden}.detail-row{background:#fff;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.detail-row strong{color:var(--text-strong);text-align:right;font-size:13px}.amount-limit-dialog{z-index:80;background:#11141247;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.amount-limit-card{border:1px solid var(--border);width:min(360px,100%);box-shadow:var(--shadow-menu);background:#fff;border-radius:8px;gap:18px;padding:22px;display:grid}.amount-limit-card p{color:var(--text-strong);margin:0;font-size:18px;font-weight:780;line-height:1.35}.amount-limit-card button{color:#fff;cursor:pointer;background:#0f5132;border:0;border-radius:8px;justify-self:end;height:38px;padding:0 16px;font-size:14px;font-weight:760}.share-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.share-actions button{height:40px;color:var(--text-strong);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;gap:8px;padding:0 12px;font-size:13px;font-weight:720}.supporting-details{margin-top:14px}.supporting-details summary{cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:760}.supporting-details[open] summary{margin-bottom:10px}.compare-section,.scenario-section{padding:44px 0 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.section-heading h2{text-align:right;max-width:560px}.compare-table{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.compare-row{width:100%;min-height:70px;color:var(--text-muted);border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;grid-template-columns:34px 42px minmax(130px,1fr) minmax(150px,.9fr) 94px 70px;align-items:center;gap:12px;padding:10px 16px;display:grid}.compare-row:last-child{border-bottom:0}.compare-row:hover,.compare-row.active{background:#f8fbf9}.rank{color:var(--text-faint);font-size:13px;font-weight:800}.compare-value{color:var(--text-strong);font-size:21px;font-weight:780}.compare-row>span:last-child{color:var(--text-strong);font-weight:760}.scenario-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.scenario-card{min-height:92px;color:var(--text-strong);border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;gap:12px;padding:16px}.scenario-card:hover{box-shadow:var(--shadow-soft);border-color:#b9c4bd}.methodology-section{grid-template-columns:auto 1fr;gap:14px;margin:44px 0 18px;padding:20px;display:grid}.methodology-section svg{color:#0f5132}.methodology-section p{max-width:820px;color:var(--text-muted);margin:8px 0 0;line-height:1.6}.site-footer{color:var(--text-faint);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding:0 0 48px;font-size:12px;font-weight:620;display:flex}.site-footer a{color:#0f5132;font-weight:760;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (width<=980px){.app-shell{width:min(100% - 28px,680px)}.topbar{flex-wrap:wrap;gap:12px;padding:12px 0}.main-nav{order:3;justify-content:space-between;width:100%}.hero-section{padding-top:40px}.hero-copy,.workspace{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(38px,11vw,56px)}.hero-copy p{max-width:none}.sentence-form{grid-template-columns:1fr;align-items:stretch;display:grid}.amount-field,.date-field,.asset-trigger,.primary-button{box-sizing:border-box;width:100%}.asset-trigger{justify-content:flex-start}.asset-trigger svg{margin-left:auto}.amount-field input{width:100%}.growth-chart{height:210px}.section-heading{display:block}.section-heading h2{text-align:left;margin-top:4px}.compare-row{grid-template-columns:26px 38px 1fr;gap:10px}.compare-value,.compare-row>span:nth-last-child(-n+3){grid-column:3}.scenario-grid{grid-template-columns:1fr}}@media (width<=520px){.language-control{justify-content:space-between;width:100%}.result-panel,.calculator-panel{padding:18px}.result-story{font-size:20px}.result-value{font-size:clamp(42px,13vw,56px)}.poster-conclusion{font-size:24px}.poster-subline{font-size:13px}.experience-grid,.metric-grid{grid-template-columns:1fr}.share-actions button{flex:auto;justify-content:center}.detail-row{gap:4px;display:grid}.detail-row strong{text-align:left}}