:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#17283c;background:#f4f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,input,select{accent-color:#087bed}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;background:#fff;padding:10px;z-index:20}.skip-link:focus{top:10px}.site-header{background:#fff;border-bottom:1px solid #e5eaf0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.brand{font-size:22px;font-weight:800;color:#162e48;white-space:nowrap}.brand span{display:block;font-size:9px;letter-spacing:.2em;color:#748399}.site-header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;font-weight:650;color:#50647c}.site-header nav a:hover,.site-header nav .active{color:#087bed}.hero{padding:70px 0 50px}.eyebrow,.section-heading>span,.next-step span{color:#087bed;font-size:12px;font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.05em;line-height:1.1;margin:12px 0 18px}.hero>p:last-of-type{max-width:740px;color:#5c6e83;line-height:1.9;font-size:17px}.hero-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.hero-links a,.next-step>a{padding:11px 17px;background:#e6f1ff;color:#086ad0;border-radius:10px;font-weight:700;font-size:14px}.hero-links a:first-child,.next-step>a{background:#087bed;color:#fff}.tool-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px;padding-bottom:60px}.tool-card{background:#fff;border:1px solid #e4eaf2;border-radius:20px;padding:30px;box-shadow:0 12px 32px #1f48700b}.section-heading h2{font-size:27px;margin:8px 0 8px}.section-heading p,.source-note{color:#6d7c8d;font-size:13px;line-height:1.75}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.field-grid label{display:flex;flex-direction:column;gap:7px;color:#45566a;font-size:13px;font-weight:700}.field-grid input,.field-grid select{width:100%;min-height:43px;padding:9px 11px;border:1px solid #d7e0e9;border-radius:9px;background:#fafcff;color:#142c46}.field-grid input:focus,.field-grid select:focus{outline:3px solid #bfdfff;border-color:#087bed}.mode-switch{border:0;padding:0;margin:5px 0 0;display:flex;align-items:center;gap:18px}.mode-switch legend{float:left;margin-right:17px;color:#45566a;font-size:13px;font-weight:700}.mode-switch label{font-size:14px;white-space:nowrap}.loan-fields{padding:18px;background:#f4f8fc;border-radius:12px;margin-bottom:0}.result{background:#112f50;color:#fff;border-radius:15px;padding:24px;margin-top:20px;min-height:158px}.result span{display:block;color:#adcee9;font-size:13px}.result strong{display:block;font-size:clamp(26px,3vw,38px);margin:9px 0 5px}.result p{margin:0;color:#d9e6f3;font-size:13px;line-height:1.7}.source-note{margin-bottom:0}.source-note a{color:#087bed;text-decoration:underline}.next-step{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 36px;margin-bottom:70px;border:1px solid #dbe7f4;border-radius:18px;background:#eaf3fd}.next-step h2{margin:8px 0;font-size:25px}.next-step p{margin:0;color:#61738a;line-height:1.7}.next-step>a{white-space:nowrap}.site-footer{background:#142a42;color:#dce5ef;padding:40px 0}.site-footer .shell{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.site-footer strong{color:#fff;font-size:19px}.site-footer p,.site-footer small{color:#aebfd1;font-size:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:13px;font-size:13px}.site-footer a:hover{text-decoration:underline}
@media(max-width:900px){.tool-layout{grid-template-columns:1fr}.header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.site-header nav{gap:12px 18px}.hero{padding:48px 0 32px}}
@media(max-width:560px){.shell{width:min(100% - 28px,1160px)}.tool-card{padding:21px}.field-grid{grid-template-columns:1fr}.hero>p:last-of-type{font-size:15px}.next-step{align-items:flex-start;flex-direction:column;padding:24px}.site-header nav{font-size:12px;gap:10px 14px}.brand{font-size:20px}}