.calc-container{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;width:min(1440px,calc(100% - 64px));margin:28px auto 60px}
.calc-breadcrumb,.calc-platform-bar,.calc-why-section,.calc-bottom-banner{grid-column:1/-1;margin:0}
.calc-platform-bar{padding:8px;gap:4px;border-radius:18px;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.calc-p-btn{flex:1;justify-content:center;padding:12px 10px;font-size:13px;border-radius:11px;min-height:48px}
.calc-p-btn.active{background:color-mix(in srgb,var(--calc-accent,#0066ff) 8%,white);box-shadow:none}
.calc-hero-grid{display:contents}.calc-hero-grid>div:first-child{grid-column:1;grid-row:3;align-self:end}
.calc-hero-h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px}.calc-hero-sub{font-size:17px}.calc-hero-desc{margin-bottom:0;font-size:14px}.calc-badge{margin-bottom:12px}
.calc-hero-graphic{grid-column:2;grid-row:3/5;min-height:510px;border:0;border-radius:24px;background-size:cover;box-shadow:none;padding:20px;align-self:stretch;justify-content:flex-end;background-position:center}
.calc-hero-graphic:before{background:linear-gradient(0deg,rgba(239,246,255,.7),transparent 40%)}
.hero-graphic-card{padding:15px 20px;max-width:270px;align-self:flex-end;border-radius:16px;box-shadow:0 10px 28px #16335b12}.graphic-brand-logo{max-width:95px;max-height:30px;margin-bottom:8px}.hero-graphic-card>div:nth-child(2){font-size:9px!important}.hero-graphic-card #preview-profit{font-size:26px!important}
.calc-main-grid{grid-column:1;grid-row:4;gap:15px;align-items:start;margin:0;grid-template-columns:1fr 1fr;min-width:0}
.calc-card{padding:20px 17px;border-radius:16px;box-shadow:0 8px 30px #10234806}.calc-card-header{font-size:15px;margin-bottom:18px}.calc-field{margin-bottom:13px}.calc-field label{font-size:12px}.calc-input,.calc-select{min-height:40px;font-size:12px;padding:9px 10px}.calc-radio-group{flex-direction:column;align-items:flex-start;gap:7px}.calc-radio-label{font-size:11px!important}.calc-btn-action{font-size:12px;padding:12px 6px;min-height:44px}.calc-btn-action svg{display:none}
.calc-results-table{font-size:12px}.calc-results-table td{padding:10px 0}.calc-results-table td.val{white-space:nowrap}.calc-profit-box{padding:15px 12px}.profit-row{font-size:13px}.profit-row strong{font-size:18px}.calc-info-note{font-size:11px;line-height:1.6}.calc-num{background:var(--calc-accent,#06f)}
.fee-settings{margin-top:14px;border-top:1px solid #e2e8f0;padding-top:12px;font-size:12px}.fee-settings summary{cursor:pointer;font-weight:700;color:#234a79}.fee-settings p{font-size:11px;color:#64748b;line-height:1.6}.fee-settings .calc-field{margin-top:12px}.calc-error{font-size:12px;color:#b91c1c;line-height:1.5}.calc-input[aria-invalid=true]{border-color:#dc2626}.calc-source{display:inline-block;margin-top:10px;font-size:11px;color:#2563eb}.calc-profit-box.loss{background:#fff1f2}.calc-profit-box.loss strong{color:#be123c!important}
.calc-why-section{margin-top:12px}.calc-why-title{font-size:23px}.calc-why-grid{gap:12px}.why-card{padding:16px 12px;border-radius:12px}.why-body h4{font-size:13px}.why-body p{font-size:12px}.calc-bottom-banner{border-radius:16px;padding:26px 30px;margin-top:0}.calc-bottom-banner h3{font-size:24px}
.calc-p-btn:focus-visible,.fee-settings summary:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.calculators-dropdown-flyout{border-radius:18px!important;box-shadow:0 22px 70px #16335b26!important;border:1px solid #e2e8f0!important}.calc-sub-panel>a{border-radius:10px!important;min-height:52px}.calc-sub-panel>a:hover{background:#eff6ff!important}.calc-logo-badge{background:#fff!important;border:1px solid #e5edf7;border-radius:10px!important}.calc-item-title{font-size:13px!important}
@media(min-width:1700px){.calc-hero-graphic{min-height:650px}}
@media(max-width:1100px){.calc-container{width:calc(100% - 36px);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.calc-p-btn{flex:0 0 auto}.calc-card{padding:17px 12px}.calc-hero-graphic{min-height:450px}.hero-graphic-card{max-width:220px}}
@media(max-width:800px){.calc-container{display:flex;flex-direction:column;gap:20px}.calc-hero-grid{display:flex;flex-direction:column;gap:20px;margin:0;align-items:stretch}.calc-hero-graphic{min-height:300px;aspect-ratio:3/2}.calc-main-grid{grid-template-columns:1fr 1fr}.calc-why-grid{grid-template-columns:1fr 1fr}.calc-platform-bar{position:relative;top:auto}.calc-breadcrumb{font-size:11px}.calc-bottom-banner{padding:24px}.calc-bottom-banner h3{font-size:22px}}
@media(max-width:520px){.calc-container{width:calc(100% - 28px)}.calc-main-grid{grid-template-columns:1fr}.calc-card{padding:22px}.calc-hero-h1{font-size:33px}.calc-hero-graphic{min-height:260px}.hero-graphic-card{max-width:190px;padding:10px}.calc-why-grid{grid-template-columns:1fr}.calc-bottom-banner .banner-actions{flex-wrap:wrap}.calc-breadcrumb{flex-wrap:wrap}}
.calc-page-bg{background:linear-gradient(120deg,#f7fbff,#fffaf5 65%,#f4f8ff)}
.dark-mode.calc-page-bg{background:#0d192c}.dark-mode .calc-card,.dark-mode .calc-platform-bar,.dark-mode .why-card{background:#16263e;border-color:#2a3e59}.dark-mode .calc-hero-h1,.dark-mode .calc-hero-sub,.dark-mode .calc-card-header,.dark-mode .calc-why-title,.dark-mode .why-body h4,.dark-mode .calc-field label,.dark-mode .calc-results-table td,.dark-mode .calc-p-btn{color:#e7f0ff}.dark-mode .calc-input,.dark-mode .calc-select{background-color:#0d192c;color:#e7f0ff;border-color:#3a5171}.dark-mode .calc-p-btn.active{background:#244367}.dark-mode .calc-hero-desc,.dark-mode .why-body p,.dark-mode .fee-settings p{color:#b9c9df}.dark-mode .fee-settings summary{color:#93c5fd}
.calc-hero-graphic{transition:none}
/* Keep the supplied illustration's complete composition, without cover zoom. */
.calc-container{width:min(1240px,calc(100% - 48px));grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:18px}
.calc-hero-graphic{min-height:0!important;height:auto;aspect-ratio:var(--art-ratio,3 / 2);background-size:contain;background-position:center top;background-color:transparent;border-radius:0;padding:0;align-self:start;overflow:hidden}
.calc-hero-graphic.original-artwork{background-size:var(--art-size);background-position:right top}
.calc-hero-graphic::before,.calc-hero-graphic .hero-graphic-card{display:none}
.calc-hero-h1{font-size:clamp(28px,2.6vw,38px)}
.calc-bottom-banner{position:relative;overflow:hidden;min-height:120px;padding:22px 26px}
.calc-bottom-banner .banner-content{position:relative;z-index:1;max-width:70%}.calc-bottom-banner h3{font-size:22px}
#banner-original-art{position:absolute;right:0;bottom:0;width:38%;height:100%;background-position:right bottom;background-repeat:no-repeat;background-size:250% auto;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 18%)}
@media(max-width:800px){.calc-container{width:calc(100% - 28px)}.calc-hero-graphic{width:min(100%,500px);margin:auto;flex:none}.calc-bottom-banner .banner-content{max-width:100%}#banner-original-art{opacity:.22;width:55%}.calc-hero-grid{gap:16px}}