.macro-desk{padding:110px max(24px,calc((100% - 1180px)/2));background:#fff}.macro-desk>header{display:grid;grid-template-columns:180px minmax(0,760px);gap:35px}.macro-desk>header>span,.spread-copy>span{padding-top:10px;color:#0071e3;font-size:9px;font-weight:800;letter-spacing:.14em}.macro-desk h2,.spread-lab h2{margin:0;font-size:clamp(45px,6vw,76px);font-weight:650;letter-spacing:-.06em;line-height:.96}.macro-desk>header p{max-width:650px;margin:20px 0 0;color:#68686d;font-size:16px;line-height:1.5}.macro-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid #101820}.macro-grid article{min-height:340px;padding:25px 22px;border-right:1px solid #c7c7cc;display:flex;flex-direction:column}.macro-grid article:last-child{border-right:0}.macro-grid article>div{display:flex;justify-content:space-between;gap:12px}.macro-grid article>div span{color:#0071e3;font-size:9px;font-weight:800}.macro-grid article>div a{color:#657580;font-size:8px;text-align:right}.macro-grid article>p{margin:auto 0 10px;color:#62717b;font-size:12px}.macro-grid article>strong{font-size:clamp(42px,4vw,58px);font-weight:650;letter-spacing:-.055em}.macro-grid footer{margin-top:16px;display:flex;flex-direction:column;gap:7px;color:#687680;font-size:9px;line-height:1.35}.macro-grid footer small{font-size:9px}.macro-grid article>em{margin-top:16px;padding-top:13px;border-top:1px solid #d2d2d7;color:#496579;font-size:9px;font-style:normal;line-height:1.4}
.spread-lab{padding:115px max(24px,calc((100% - 1180px)/2));background:#06111a;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.spread-copy p{max-width:520px;margin:28px 0 0;color:#9cabb6;font-size:15px;line-height:1.65}.spread-console{padding:35px 38px;background:#0d1e2a;border:1px solid #29404f}.spread-console>label{color:#66bfff;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.rate-input{margin:12px 0 38px;display:flex;align-items:center;border-bottom:2px solid #fff}.rate-input input{min-width:0;width:100%;padding:0 0 9px;border:0;background:transparent;color:#fff;font:inherit;font-size:64px;font-weight:650;letter-spacing:-.055em;outline:none}.rate-input b{font-size:25px}.spread-row{position:relative;margin:20px 0 28px;padding-bottom:13px;display:grid;grid-template-columns:1fr auto;gap:15px;color:#adbac3;font-size:11px}.spread-row b{color:#fff}.spread-row i{position:absolute;bottom:0;left:0;height:4px;background:#547487}.spread-row.offer i{background:#00a6ff}.spread-results{margin-top:35px;padding-top:25px;border-top:1px solid #29404f;display:grid;grid-template-columns:1fr 1fr;gap:25px}.spread-results div{display:flex;flex-direction:column;gap:8px}.spread-results span{color:#8396a3;font-size:9px}.spread-results strong{font-size:24px}.spread-console>p{margin:30px 0 18px;color:#8295a2;font-size:10px;line-height:1.55}.spread-console>a{color:#5bbcff;font-size:11px;font-weight:700}.reference-reading>div{grid-template-columns:repeat(4,1fr);row-gap:0}.reference-reading article:nth-child(n+5){border-top:1px solid #aab3ba}
@media(max-width:900px){.macro-desk>header{grid-template-columns:1fr;gap:17px}.macro-grid{grid-template-columns:repeat(2,1fr)}.macro-grid article:nth-child(2){border-right:0}.macro-grid article:nth-child(n+3){border-top:1px solid #c7c7cc}.spread-lab{grid-template-columns:1fr;gap:50px}}
@media(max-width:560px){.macro-desk,.spread-lab{padding-left:18px;padding-right:18px}.macro-grid{grid-template-columns:1fr}.macro-grid article,.macro-grid article:nth-child(2){min-height:250px;border-right:0;border-top:1px solid #c7c7cc}.spread-lab h2,.macro-desk h2{font-size:45px}.spread-console{margin-left:-18px;margin-right:-18px;padding:28px 18px}.spread-results{grid-template-columns:1fr}.reference-reading>div{grid-template-columns:1fr}.reference-reading article:nth-child(n+5){border-top:0}}