:root{color-scheme:dark;--credo-bg: #0b1118;--credo-surface: #101a23;--credo-surface-strong: #15232d;--credo-border: #1c2a34;--credo-border-soft: #263b45;--credo-text: #e8f0ef;--credo-muted: #8798a3;--credo-accent: #72e2d1;--credo-radius-sm: 10px;--credo-radius-md: 14px;--credo-radius-lg: 20px}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%}html,body{overflow-x:hidden}body{margin:0;background:var(--credo-bg);color:var(--credo-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;min-width:0;display:flex}.sidebar{width:240px;flex:0 0 240px;border-right:1px solid var(--credo-border);padding:28px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;background:#0d151d;z-index:2}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 46px;min-width:0}.brand h6{font-family:Space Grotesk,ui-sans-serif,sans-serif;letter-spacing:-.05em;font-size:25px}.brand-mark{display:grid;place-items:center;flex:0 0 32px;background:var(--credo-accent);color:#102129;width:32px;height:32px;border-radius:var(--credo-radius-sm);font-weight:800;font-family:Space Grotesk,sans-serif;font-size:20px}.sidebar nav{display:grid;gap:8px;min-width:0}.sidebar nav button{justify-content:flex-start;color:var(--credo-muted);padding:12px 14px;min-width:0}.sidebar nav button svg{font-size:21px}.sidebar nav .nav-active{background:#172b32;color:var(--credo-accent)}.side-note{margin-top:auto;padding:16px;border:1px solid #20313b;border-radius:var(--credo-radius-md);color:#80919b;min-width:0;overflow-wrap:anywhere}.side-note .MuiTypography-caption{color:var(--credo-accent);letter-spacing:.12em;font-weight:700}.side-note p{margin-top:8px}main{margin-left:240px;width:min(calc(100% - 240px),1100px);min-width:0;padding:40px 6vw 70px;overflow:hidden}header,.section-head{min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:58px}header>div{min-width:0}.eyebrow{font-size:11px!important;letter-spacing:.14em;font-weight:700!important;color:var(--credo-accent)!important;margin-bottom:10px!important;overflow-wrap:anywhere}h1{max-width:100%;font-size:clamp(42px,6vw,78px)!important;letter-spacing:-.07em!important;line-height:.98!important;margin:0 0 16px!important;overflow-wrap:anywhere}h2{font-size:26px!important;letter-spacing:-.04em;overflow-wrap:anywhere}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;min-width:0;padding:34px 0 52px;border-bottom:1px solid var(--credo-border)}.hero>div:first-child{min-width:0}.hero h1{font-size:clamp(54px,8vw,96px)!important;margin-bottom:8px!important}.hero-chart{display:flex;align-items:center;gap:4px;flex:0 0 auto;color:var(--credo-accent)}.spark{height:72px;display:flex;align-items:flex-end;gap:5px;margin-left:18px}.spark i{display:block;width:9px;border-radius:8px;background:#285a5b}.spark i:nth-child(1){height:22px}.spark i:nth-child(2){height:38px}.spark i:nth-child(3){height:28px}.spark i:nth-child(4){height:55px}.spark i:nth-child(5){height:43px}.spark i:nth-child(6),.spark i:nth-child(7){background:var(--credo-accent)}.spark i:nth-child(6){height:64px}.spark i:nth-child(7){height:72px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 20px}.section-head>*{min-width:0}.amount-head{align-items:flex-start}.amount-input{width:min(100%,340px);flex:0 1 340px}.amount-input .MuiInputBase-root{min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric,.module,.context-card,.empty,.result-row,.catalog-card,.match-card{min-width:0}.metric{padding:22px;border:1px solid var(--credo-border);border-radius:var(--credo-radius-md);background:var(--credo-surface);overflow:hidden}.metric h3{font-size:32px;margin:14px 0 2px;overflow-wrap:anywhere}.accent{color:var(--credo-accent)}.module{margin-top:38px;background:var(--credo-surface);border:1px solid var(--credo-border);border-radius:var(--credo-radius-lg);padding:24px;overflow:hidden}.module .section-head{margin:0 0 16px}.card-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:14px 0;border-top:1px solid var(--credo-border)}.card-row>*{min-width:0}.card-row>:last-child{text-align:right;white-space:nowrap}.card-row .MuiTypography-root{overflow-wrap:anywhere}.mini-card{width:62px;height:40px;flex:0 0 62px;border-radius:8px;display:grid;place-items:center;color:var(--credo-accent);font-weight:800;background-color:#244851;background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden}.mini-card p{font-weight:800}.bottom-nav{display:none}.result-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;text-align:left;padding:16px;border:1px solid var(--credo-border);margin:8px 0;border-radius:var(--credo-radius-md);background:var(--credo-surface);color:inherit;overflow:hidden}.result-row>*{min-width:0}.result-row .MuiTypography-root{overflow-wrap:anywhere}.result-row .MuiChip-root{max-width:100%}.code-pill{font-family:Space Grotesk,sans-serif;color:var(--credo-accent);background:#17363c;padding:10px;border-radius:9px;font-weight:700}.empty{padding:46px 20px;text-align:center;border:1px dashed #2a4049;border-radius:var(--credo-radius-md);background:var(--credo-surface);color:#71858f;overflow-wrap:anywhere}.empty svg{font-size:34px;color:var(--credo-accent);margin-bottom:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;align-items:stretch;min-width:0}.catalog-card{display:flex;flex-direction:column;border:1px solid var(--credo-border);border-radius:var(--credo-radius-md);background:var(--credo-surface);overflow:hidden}.catalog-card .MuiCardContent-root{min-width:0;flex:1;overflow-wrap:anywhere}.large-card{position:relative;height:clamp(130px,14vw,170px);min-height:0;margin:12px;border-radius:13px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background-color:#254851;color:var(--credo-accent);font-family:Space Grotesk,sans-serif;background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden}.large-card span,.large-card .MuiTypography-root{position:relative;z-index:1;overflow-wrap:anywhere}.large-card span{font-size:27px;font-weight:700}.match-card{display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);align-items:stretch;border-radius:var(--credo-radius-md);border:1px solid var(--credo-border);background:var(--credo-surface);overflow:hidden;margin-bottom:14px}.match-image{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px}.match-image .large-card{width:100%;margin:0}.match-image .MuiChip-root{align-self:flex-start;max-width:100%}.match-card .MuiCardContent-root{min-width:0;padding:20px;overflow-wrap:anywhere}.match-card .MuiTypography-root{overflow-wrap:anywhere}.match-content{display:flex;flex-direction:column;gap:14px}.match-heading{padding-bottom:14px;border-bottom:1px solid var(--credo-border)}.match-heading .MuiTypography-root+.MuiTypography-root{margin-top:3px}.match-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;align-items:end}.annual-fee,.estimate-block{min-width:0}.summary-label{display:block;color:var(--credo-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.annual-fee .MuiTypography-body2{margin-top:5px;color:var(--credo-muted)}.estimate-block{padding-left:14px;border-left:1px solid var(--credo-border)}.estimate-value{margin-top:3px;color:var(--credo-accent);font-size:clamp(24px,3vw,32px)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.1!important;overflow-wrap:anywhere}.cap-status{display:flex;align-items:flex-start;gap:7px;width:fit-content;max-width:100%;padding:6px 9px;border:1px solid color-mix(in srgb,var(--credo-accent) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--credo-accent) 10%,transparent);color:var(--credo-accent)}.cap-status svg{flex:0 0 auto;margin-top:1px}.condition-notes{display:grid;gap:8px;padding:12px 13px;border:1px solid var(--credo-border);border-radius:12px;background:color-mix(in srgb,var(--credo-surface-strong) 52%,transparent)}.notes-heading{color:var(--credo-muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.condition-note{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:7px;color:var(--credo-muted)}.condition-note svg{color:#aeb9b6;margin-top:2px}.context-card{padding:16px;margin:18px 0 28px;border-radius:var(--credo-radius-md);border:1px solid var(--credo-border);background:var(--credo-surface);overflow-wrap:anywhere}.pro-card{width:min(100%,620px);min-width:0;padding:38px;border:1px solid #2d5c5b;border-radius:24px;background:#102329;box-shadow:0 24px 80px #061114;overflow:hidden}.pro-icon{font-size:42px;color:var(--credo-accent);margin-bottom:38px}.pro-feature{display:flex;gap:12px;align-items:flex-start;min-width:0}.pro-feature span{color:var(--credo-accent);font-weight:800;flex:0 0 auto}.pro-feature .MuiTypography-root{min-width:0;overflow-wrap:anywhere}.pro-card button{background:var(--credo-accent);color:#102129}.pro-card button:hover{background:#9af1e3}@media(prefers-color-scheme:light){:root{color-scheme:light;--credo-bg: #f5f8f6;--credo-surface: #fff;--credo-border: #d8e4e1;--credo-text: #102129}body{background:var(--credo-bg);color:var(--credo-text)}.sidebar,.metric,.module,.context-card,.empty,.result-row,.catalog-card,.match-card{background:#fff;border-color:#d8e4e1}.sidebar{background:#fff}}@media(max-width:1100px){main{padding-left:4vw;padding-right:4vw}.match-card{grid-template-columns:minmax(140px,38%) minmax(0,1fr)}}@media(max-width:800px){.sidebar{display:none}main{margin:0;width:100%;padding:28px 24px 100px}header{margin-bottom:42px}.bottom-nav{display:flex;position:fixed;z-index:5;bottom:14px;left:14px;right:14px;justify-content:space-around;background:#15212aee;border:1px solid #2a3c46;border-radius:18px;padding:5px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{flex:1;min-width:0}.bottom-nav svg{font-size:20px}.hero{padding-top:0}.hero-chart{display:none}}@media(max-width:600px){main{padding-left:18px;padding-right:18px}h1{font-size:clamp(38px,13vw,60px)!important}.hero h1{font-size:clamp(46px,14vw,72px)!important}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head h2{max-width:100%}.metric-grid{grid-template-columns:1fr}.module{padding:18px}.card-row{grid-template-columns:52px minmax(0,1fr);gap:12px}.mini-card{width:52px;height:36px;flex-basis:52px}.card-row>:last-child{grid-column:2;text-align:left}.result-row{grid-template-columns:auto minmax(0,1fr) auto}.result-row .MuiChip-root{grid-column:2;justify-self:start}.result-row>svg{grid-column:3;grid-row:1 / span 2}.match-card{grid-template-columns:1fr}.match-image{padding-bottom:0}.match-image .large-card{height:150px}.match-card .MuiCardContent-root{padding:18px}.match-summary{gap:10px}.pro-card{padding:28px 22px}}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.module{padding:14px}.card-row{grid-template-columns:46px minmax(0,1fr)}.mini-card{width:46px;flex-basis:46px}.result-row{padding:12px;gap:8px}.bottom-nav{left:8px;right:8px}.match-summary{grid-template-columns:1fr;gap:12px}.estimate-block{padding:12px 0 0;border-left:0;border-top:1px solid var(--credo-border)}.cap-status{border-radius:12px}}