:root{--cs-brand:#4b0082;--cs-brand-dark:#35005c;--cs-accent:#f6a54f;--cs-accent-soft:#fff2df;--cs-ink:#171321;--cs-muted:#615b6f;--cs-border:#e8e2ee;--cs-bg:#fcfbfd;--cs-panel:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%}body{margin:0;color:var(--cs-ink);background:var(--cs-bg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6;max-width:100%;overflow-x:hidden}img,svg,canvas{max-width:100%;height:auto}a{color:var(--cs-brand);text-decoration-thickness:1px;text-underline-offset:0.18em}a:hover{color:var(--cs-brand-dark)}.site-header{background:var(--cs-brand)}.navbar-brand{font-weight:800}.navbar-brand img{width:36px;height:36px;border-radius:8px}.nav-link{font-weight:600}.hero{color:#fff;background:linear-gradient(110deg,var(--cs-brand),#6d2a94);border-radius:8px;padding:clamp(2rem,4vw,4.5rem)}.hero p{color:rgba(255,255,255,0.88)}.hero-media{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.22);border-radius:8px;padding:1rem}.hero-media img{display:block;margin-inline:auto;max-height:210px;object-fit:contain}.eyebrow{display:inline-flex;width:fit-content;margin-bottom:0.85rem;padding:0.3rem 0.65rem;color:#7a3300;background:var(--cs-accent-soft);border:1px solid rgba(246,165,79,0.45);border-radius:8px;font-size:0.875rem;font-weight:800}.section-kicker{color:var(--cs-brand);font-size:0.9rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.card,.panel{background:var(--cs-panel);border:1px solid var(--cs-border);border-radius:8px;box-shadow:0 10px 28px rgba(23,19,33,0.06)}.calculator-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}@media (min-width:992px){.calculator-grid{grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr)}}.panel{padding:clamp(1rem,3vw,1.5rem)}.form-control,.form-select,.btn{border-radius:8px}.btn{min-height:48px}.form-control:focus,.form-select:focus{border-color:var(--cs-brand);box-shadow:0 0 0 0.2rem rgba(75,0,130,0.15)}.btn-primary{background:var(--cs-brand);border-color:var(--cs-brand);font-weight:700}.btn-primary:hover,.btn-primary:focus{background:var(--cs-brand-dark);border-color:var(--cs-brand-dark)}.btn-outline-primary{color:var(--cs-brand);border-color:var(--cs-brand);font-weight:700}.btn-outline-primary:hover,.btn-outline-primary:focus{background:var(--cs-brand);border-color:var(--cs-brand)}.btn-accent{color:#331900;background:var(--cs-accent);border-color:var(--cs-accent);font-weight:800}.btn-accent:hover,.btn-accent:focus{color:#231000;background:#e69136;border-color:#e69136}.result-box{min-height:164px;padding:1rem;background:rgba(75,0,130,0.07);border:1px solid rgba(75,0,130,0.14);border-radius:8px}.result-value{color:var(--cs-brand);font-size:clamp(1.65rem,4vw,2.35rem);font-weight:850;line-height:1.15}.metric-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0.75rem;margin:1rem 0 0}@media (min-width:576px){.metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric{padding:0.75rem;background:#fff;border:1px solid var(--cs-border);border-radius:8px}.metric span{display:block;color:var(--cs-muted);font-size:0.875rem}.metric strong{display:block;color:var(--cs-ink);font-size:1.05rem}.insights{padding:1rem;background:var(--cs-accent-soft);border:1px solid rgba(246,165,79,0.42);border-radius:8px}.insights ul{padding-left:1.2rem;margin-bottom:0}.insights li + li{margin-top:0.45rem}.content-block{max-width:780px}.category-icon{display:inline-grid;width:42px;height:42px;margin-bottom:0.85rem;color:#fff;background:var(--cs-brand);border-radius:8px;font-weight:850;place-items:center}.breadcrumb{--bs-breadcrumb-divider-color:var(--cs-muted)}.breadcrumb-item.active{color:var(--cs-muted)}.text-brand{color:var(--cs-brand)}.text-muted-smart{color:var(--cs-muted)}.site-footer{color:#fff;background:#21142e}.site-footer a{color:#ffd9ad}.skip-link{position:absolute;left:-999px;z-index:1000;padding:0.5rem 0.75rem;color:#fff;background:var(--cs-brand)}.skip-link:focus{left:1rem;top:1rem}@media (max-width:767.98px){.container,.container-fluid{overflow-x:clip}.calculator-grid{grid-template-columns:minmax(0,1fr);gap:1rem}form .row{--bs-gutter-x:1rem;--bs-gutter-y:1rem}.form-control,.form-select,.btn,.input-group,.input-group>.form-control,.input-group>.form-select,.input-group>.btn{width:100%}.input-group{flex-wrap:wrap;gap:1rem}.input-group>.form-control,.input-group>.form-select,.input-group>.btn{flex:0 0 100%;border-radius:8px !important}}