:root{--ink:#10213c;--paper:#f5f8f9;--accent:#77e4ec;--surface:#e8eff2;--muted:#546575;--line:#cedbe2}.fintech header{background:#10213c;color:#edf7fa;border-color:#ffffff20}.fintech nav{font-family:ui-monospace,monospace}.fintech .logo{font-weight:650;letter-spacing:-.07em}.fintech header select{color:inherit}.fintech header select option{color:#10213c}.fin-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:center;background:#10213c;color:#edf7fa;padding-top:65px;padding-bottom:80px}.fin-hero h1{font-size:clamp(3rem,5.3vw,6.2rem)}.fin-hero h1 em{color:#77e4ec;font-style:normal}.fin-hero p{color:#bdcdda}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.fin-hero .button{background:#77e4ec;color:#10213c;border-color:#77e4ec}.hero-caption{font:9px ui-monospace,monospace;letter-spacing:.14em;margin:35px 0 0}.matrix-hero{border:1px solid #85b7c944;background:#0b172b;box-shadow:0 30px 80px #0003;transform:perspective(1200px) rotateY(-5deg)}.terminal-head{display:flex;justify-content:space-between;gap:15px;font:9px/1.6 ui-monospace,monospace;color:#adc7d5;padding:18px;border-bottom:1px solid #77e4ec20}.matrix-art{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:20px;min-height:310px}.matrix-art i{display:flex;align-items:center;justify-content:center;font:9px ui-monospace,monospace;font-style:normal;color:#86afb9;background:#153d5855;border:1px solid #77e4ec0d;transition:background .5s}.matrix-art i.lit{background:#3e8fa040;color:#b9f1f4}.matrix-art i.hot{background:#77e4ec;color:#10314a}.terminal-footer{padding:20px;display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #77e4ec20}.terminal-footer b{color:#77e4ec;font-size:30px;line-height:1}.fin-photo-band{position:relative;height:310px;overflow:hidden}.architecture-photo{height:100%}.architecture-photo img{object-position:center 60%;filter:brightness(.55)}.fin-photo-band>p{position:absolute;left:6vw;bottom:25px;color:white;font-size:clamp(26px,3vw,45px);line-height:1.15;letter-spacing:-.04em;margin:0}.fin-feature{background:#e8eff2}.timing-visual{padding:40px;background:#10213c;color:#77e4ec}.timing-visual>span{font:10px ui-monospace,monospace;letter-spacing:.1em}.timing-visual>div{font-size:72px;line-height:1.3;display:flex;justify-content:space-between;padding:35px 0}.timing-visual i{display:block;width:1px;background:#77e4ec44}.city-photo{height:480px}.matrix-section .tool-box{background:#10213c;color:#eef4e9;border:0}.matrix-section p,.matrix-section label{color:#b9cfdb}.matrix-section input[type=range]{accent-color:#77e4ec}.matrix-section output{color:#77e4ec}.matrix-section .tool-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.matrix-summary{display:flex;gap:60px;border-block:1px solid #77e4ec30;margin-top:30px;padding:25px 0}.matrix-summary span{display:block;font-size:11px;color:#a9c4d3}.matrix-summary strong{font-size:32px;font-weight:450;color:#77e4ec;letter-spacing:-.04em}.scenario-badge{font:12px ui-monospace,monospace;border:1px solid #77e4ec60;padding:10px 16px}.matrix-wrap{margin-top:30px}.matrix-wrap table{min-width:1200px;font-family:ui-monospace,monospace;white-space:nowrap;font-size:10px}.matrix-wrap caption{text-align:left;padding-bottom:18px;font-size:12px}.matrix-wrap th,.matrix-wrap td{border:1px solid #77e4ec20;padding:15px 10px}.matrix-wrap th{background:#142d46}.matrix-wrap .positive{background:#77e4ec18;color:#9debf0}.matrix-wrap .negative{background:#713531;color:#ffe0da}.matrix-section .button{color:#10213c;background:#77e4ec;border-color:#77e4ec}.matrix-section .text-link{color:#edf7ed}.fee-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.fee-layout .tool-controls{grid-template-columns:1fr 1fr}.fee-results{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;display:grid;gap:15px}.fee-results>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.fee-results span{font-size:11px}.fee-results strong{font-size:24px;letter-spacing:-.04em}.fee-results>div:last-child{background:#c7eef2;padding:20px}.fintech footer{background:#10213c;color:#edf6fa}.fintech footer p{color:#b5c9d8}.fintech footer .footer-bottom{border-color:#ffffff25}
@media(max-width:950px){.fintech nav{background:#10213c}.fin-hero{gap:4vw}.fin-hero h1{font-size:4.9vw}.matrix-art{min-height:270px;padding:12px;gap:4px}.matrix-art i{font-size:8px}.matrix-section .tool-controls{grid-template-columns:1fr 1fr}.fee-layout{grid-template-columns:1fr}.matrix-hero{transform:none}}
@media(max-width:700px){.fin-hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.fin-hero h1{font-size:clamp(2.8rem,10vw,4rem)}.hero-actions{gap:20px}.hero-actions .button{gap:20px;padding:14px 18px}.matrix-art{min-height:260px;padding:14px;gap:5px}.terminal-head{font-size:8px;padding:14px}.hero-caption{font-size:8px}.fin-photo-band{height:250px}.fin-photo-band>p{left:22px;bottom:25px}.timing-visual{padding:25px}.timing-visual>div{font-size:60px}.city-photo{height:340px}.matrix-section .section-heading h2{font-size:2.2rem}.scenario-badge{display:inline-block;margin-top:20px}.matrix-section .tool-controls{grid-template-columns:1fr}.matrix-summary{gap:25px;justify-content:space-between}.matrix-summary strong{font-size:25px}.matrix-summary span{font-size:9px}.fee-layout .tool-controls{grid-template-columns:1fr}.fee-results strong{font-size:22px}}