.calculator{max-width:980px}.calculator-form{grid-template-columns:1fr 1fr;gap:18px}.calculator-form label:last-child{max-width:calc(50% - 9px)}select{width:100%;background:#151923;border:1px solid var(--line);border-radius:9px;padding:10px;color:#fff;font:inherit}.deposit{margin-top:28px;max-width:710px;border-top:1px solid var(--line);padding-top:20px}.deposit>small{display:block;color:#fff}.deposit>strong{display:block;font-size:30px;margin:4px 0 10px}.deposit input[type=range]{padding:0;accent-color:#627fff}.range-labels{display:flex;justify-content:space-between;color:#aab4c5;font:600 10px Inter}.deposit-controls{display:flex;gap:10px;align-items:center;margin:12px 0}.deposit-controls>input{width:150px}.deposit-controls button{background:#151923;color:#fff;border:1px solid #455168;border-radius:9px;padding:8px 10px;font-weight:700;cursor:pointer}.deposit-controls button.selected{background:#5676ef;border-color:#5676ef}.credit-card{border:1px solid #314a7e;border-radius:12px;background:#111827;padding:17px}.credit-card b,.credit-card strong,.credit-card span{display:block}.credit-card b{color:#fff;font-size:12px}.credit-card strong{font-size:30px;line-height:1.15;margin:5px 0}.credit-card span{font-size:12px}.credit-card p,.deposit-note{font-size:12px;color:var(--muted);margin:10px 0 0}.deposit-note{max-width:700px}#usage-result{max-width:710px;line-height:1.8}#usage-result hr{border:0;border-top:1px solid #303a4e;margin:10px 0}#usage-result .result-line{display:block;font-size:15px;color:#e9efff}#usage-result small{color:#8b99b0}
/* Final hero preview layout: natural height, no crop, no inherited section spacing. */
section.preview{padding:12px!important;aspect-ratio:auto!important;display:block!important;overflow:visible!important}.preview .desk{display:grid!important;grid-template-columns:88px 132px minmax(0,1fr) 145px!important;min-height:420px!important}.preview .thread,.preview .inbox-list,.preview .copilot{min-width:0;overflow:hidden}
@media(max-width:1050px){.preview .desk{grid-template-columns:88px 145px minmax(0,1fr)!important}.preview .copilot{display:none}}@media(max-width:680px){.preview .desk{grid-template-columns:84px minmax(0,1fr)!important}.preview .inbox-list{display:none}.preview .thread{min-height:360px}}
@media(max-width:560px){.calculator-form{grid-template-columns:1fr}.calculator-form label:last-child{max-width:none}.deposit-controls{display:block}.deposit-controls>input{margin-bottom:10px}.deposit-controls button{margin:2px}}

/* Compact, readable marketing demo and a balanced estimator on desktop. */
@media(hover:hover){.preview.card:hover{transform:none}}
.preview .desk{grid-template-columns:210px minmax(0,1fr)!important;min-height:390px!important}.preview aside,.preview .copilot{display:none!important}.preview .inbox-list{padding:18px 14px}.preview .inbox-list small{font-size:10px}.preview .inbox-list input{font-size:11px;padding:10px}.preview .inbox-list article{padding:12px 10px;margin:7px 0}.preview .inbox-list article b,.preview .inbox-list article strong{font-size:12px}.preview .inbox-list article p{font-size:10px}.preview .thread{padding:18px}.preview .thread-head h3{font-size:17px}.preview .context{font-size:10px;padding:10px}.preview .bubble{max-width:76%;padding:12px}.preview .bubble b,.preview .bubble p{font-size:12px}.preview .reply-box{font-size:11px}.calculator{max-width:none!important;width:100%}.calculator-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}.calculator-form label:last-child{max-width:none}.deposit{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);column-gap:34px;align-items:start}.deposit>small,.deposit>strong,.deposit>input,.deposit>.range-labels,.deposit>.deposit-controls,.deposit>.deposit-note{grid-column:1}.deposit>.credit-card{grid-column:2;grid-row:1 / span 5;align-self:stretch;margin-top:0}.deposit-note{max-width:none}.deposit-controls{flex-wrap:wrap}#usage-result{max-width:none;margin-top:22px}.credit-card{min-height:185px;display:flex;flex-direction:column;justify-content:center}
@media(max-width:850px){.preview .desk{grid-template-columns:170px minmax(0,1fr)!important}.calculator-form{grid-template-columns:1fr 1fr!important}.deposit{grid-template-columns:1fr}.deposit>.credit-card{grid-column:1;grid-row:auto;margin-top:16px}}
@media(max-width:560px){.preview .desk{grid-template-columns:1fr!important}.preview .inbox-list{display:none!important}.calculator-form{grid-template-columns:1fr!important}}