.loan-welcome{max-width:1480px}.loan-welcome .intro>.loan-cover{grid-template-columns:.75fr 1.25fr;align-items:start;padding:46px 40px;gap:40px}.loan-cover-copy{padding-top:60px;position:sticky;top:30px}.loan-cover-copy h1{font-size:clamp(52px,5.6vw,78px);margin:32px 0}.loan-cover-copy .eyebrow{display:inline-block;border:1px solid #b5c88a55;padding:10px 12px;background:#05291fcc;border-radius:6px}.loan-cover-copy .loan-cover-line{font-size:clamp(30px,3vw,41px)}
.loan-preview{padding:20px;background:linear-gradient(135deg,#0a2c23e8,#163e2d9c);border:1px solid #d9ca8b66;border-radius:16px;box-shadow:0 25px 40px #00140db3,inset 0 1px #fff3c34d}.loan-preview>header{border:0;background:transparent;padding:0 0 18px;margin:0;border-bottom:1px solid #d4dfaa33}.loan-preview>header span{font-size:10px}.loan-preview>header small{font-size:9px}.preview-principal{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 0 25px;color:#f8f1dc}.preview-principal>span{font-size:8px;letter-spacing:.08em;max-width:100px;line-height:1.6}.preview-principal>b{font-size:25px;letter-spacing:-.03em;color:#d5ed8b}.preview-principal>small{font-size:10px;margin-left:auto;max-width:120px;line-height:1.5}
.preview-contracts{gap:22px;padding:10px 2px}.preview-contract{padding:21px 18px 17px;transform:rotate(-2deg);border-radius:3px 3px 10px 10px}.preview-contract:nth-child(2){transform:rotate(2deg);background:linear-gradient(115deg,#fffdf1,#eee3c9)}.preview-contract>header{gap:12px;margin-bottom:18px;padding-bottom:13px}.preview-payment{font-size:clamp(24px,2.7vw,39px);line-height:1.2;margin:6px 0 18px}.preview-contract>small{font-size:8px}.preview-calendar{grid-template-columns:repeat(6,1fr);height:50px;margin:16px 0 8px;gap:4px}.preview-calendar i{height:13px;background:#274c35;border-top-color:#b3c77d}.preview-contract:nth-child(2) .preview-calendar i{background:#9f7e42;border-top-color:#d9bc7d}
.preview-slider,.preview-fixed{height:83px;display:block;padding:10px 0;margin-bottom:14px;border-top:1px dashed #92a079;font-size:10px;font-weight:700}.preview-slider input{display:block;width:100%;height:20px;margin:6px 0;accent-color:#315d3a;cursor:ew-resize}.preview-slider>span{display:flex;justify-content:space-between;font-weight:400}.preview-slider small{font-size:9px}.preview-fixed{display:flex;align-items:center;gap:12px}.preview-fixed>b{white-space:nowrap;font-family:monospace;font-size:16px}.preview-fixed>span{font-size:9px;font-weight:400;line-height:1.6}.preview-contract .preview-open{min-height:42px;font-size:11px}.preview-contract footer{margin-top:14px;padding-top:13px}.preview-contract output{font-size:25px}.preview-fee{min-height:42px;margin-top:10px;font-size:11px}
.preview-comparison{background:#f6f0dc;color:#163e30;border-radius:8px;padding:18px;margin-top:21px;box-shadow:0 4px 0 #b2a67a}.preview-comparison[hidden]{display:none}.preview-comparison>header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.preview-comparison>header>span{font-size:8px;font-weight:800;letter-spacing:.06em}.preview-comparison>header>strong{font-size:15px;line-height:1.3}.preview-bar-row{display:grid;grid-template-columns:18px minmax(0,1fr) 90px;gap:10px;align-items:center;margin:12px 0}.preview-bar-row>b{font-size:12px}.preview-bar-row>strong{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.preview-bar-track{height:17px;border-radius:3px;background:#d8dec3;overflow:hidden}.preview-bar-track i{display:block;height:100%;background:linear-gradient(90deg,#315e3e,#8caa50);transition:width .25s}.preview-bar-row:last-child i{background:linear-gradient(90deg,#9a783b,#d6b36a)}.preview-conclusion{margin-top:16px;min-height:0;font-size:12px;line-height:1.7;padding:14px 16px;background:#052a20;color:#e7eccd}.preview-conclusion.revealed{background:#cddd9c;color:#163e30}.preview-disclaimer{font-size:9px}.loan-start-steps{padding-block:20px}
@media(max-width:1100px){.loan-welcome .intro>.loan-cover{grid-template-columns:1fr;gap:25px}.loan-cover-copy{position:static;padding-top:0}.loan-cover-copy h1{margin:22px 0}.loan-preview{max-width:740px}.loan-cover-meta{max-width:500px}.preview-payment{font-size:34px}}
@media(max-width:650px){.loan-welcome .intro>.loan-cover{padding:28px 16px}.loan-preview{padding:16px 10px}.preview-principal{gap:10px}.preview-principal>b{font-size:23px}.preview-principal>small{max-width:none;width:100%;margin-left:0}.preview-contracts{gap:12px}.preview-contract{padding:17px 10px 13px;transform:none}.preview-contract:nth-child(2){transform:none}.preview-payment{font-size:23px}.preview-fixed{display:block}.preview-fixed>b{display:block;margin-bottom:4px}.preview-contract output{font-size:20px}.preview-comparison{padding:14px 12px}.preview-comparison>header{display:grid;gap:6px}.preview-bar-row{grid-template-columns:14px minmax(0,1fr) 83px;gap:6px}.preview-bar-row>strong{font-size:11px}.preview-conclusion{padding:12px;font-size:11px}.preview-contract .preview-open{font-size:10px;padding:10px 4px}}
@media(max-width:380px){.preview-contracts{grid-template-columns:1fr;gap:32px}.preview-contract{padding:20px}.preview-contract>header>span{font-size:10px}.preview-payment{font-size:34px}.preview-contract output{font-size:26px}.preview-contract .preview-open{font-size:12px}.preview-fixed,.preview-slider{height:78px}.preview-principal>span{max-width:85px}.loan-cover-copy h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){.preview-bar-track i{transition:none}}