:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#243b35;background:#f6f8f5;font-synthesis:none;font-size:15px;line-height:1.6;--green: #214e40;--muted: #798780;--line: #e1e7df}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fae55;outline-offset:4px}.shell{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:26px;font-weight:750;letter-spacing:-1px;gap:10px}.brand-dot{margin-left:-8px;color:#93b66f}.brand-icon{display:grid;place-items:center;background:var(--green);color:#daedb9;width:37px;height:37px;border-radius:11px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px}.portfolio-link{color:var(--muted);display:flex;gap:6px;align-items:center}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:94px;font-size:11px;color:#8b968e;border-top:1px solid var(--line)}.footer-credit{margin-left:12px}.privacy-note{display:flex;align-items:center;gap:6px}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:1000}.skip-link:focus{top:10px}.hero{min-height:435px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:50px 0 56px}.hero-badge{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:650;letter-spacing:2px;color:#628066}.hero-badge>span{width:6px;height:6px;background:#719861;border-radius:50%}.hero h1{font-size:46px;line-height:1.4;letter-spacing:-1.8px;margin:19px 0 14px;font-weight:650}.hero h1>span{color:#739461}.hero-copy>p{font-size:13px;color:#809083;line-height:2}.button{min-height:44px;padding:10px 18px;display:inline-flex;gap:10px;align-items:center;justify-content:center;border:1px solid #d6dfd5;border-radius:8px;background:#fff;color:var(--green);font-weight:550;font-size:13px}.button.primary{background:var(--green);color:#f0f8e6;border-color:var(--green)}.button:hover{filter:brightness(.96)}.hero .button{margin-top:25px}.hero-proof{display:flex;gap:9px;align-items:center;font-size:10px;color:#83937f;margin-top:17px}.hero-art{position:relative;height:322px;background:radial-gradient(ellipse at center,#dfeacd 0,transparent 65%)}.art-grid{position:absolute;inset:10px;background-image:linear-gradient(#c0cdb328 1px,transparent 1px),linear-gradient(90deg,#c0cdb328 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse,black,transparent 70%);mask-image:radial-gradient(ellipse,black,transparent 70%)}.art-orbit{position:absolute;border:1px solid #dae5d3;border-radius:50%;inset:15px 72px;transform:rotate(-30deg)}.orbit-two{inset:46px 24px;transform:rotate(25deg)}.art-tile{position:absolute;width:132px;height:133px;border:1px solid #e5e9e0;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;box-shadow:0 14px 28px #2947270c;font-size:12px;color:#567348}.art-tile svg{width:35px;height:35px;stroke-width:1.5}.tile-loan{left:48px;top:27px;transform:rotate(-10deg);background:#f6fbf0}.tile-image{right:38px;top:89px;transform:rotate(10deg);background:#fff7e8;color:#b18d51}.tile-editor{left:123px;bottom:5px;transform:rotate(-3deg);background:#eef4f9;color:#66849d}.art-spark{position:absolute;right:66px;top:31px;color:#9aaf7b}.art-caption{position:absolute;bottom:-15px;right:32px;font-size:8px;letter-spacing:2px;color:#9aa592}.catalog{padding:8px 0 42px;scroll-margin-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#8a9889;text-transform:uppercase}.section-heading h2{font-size:21px;font-weight:600;letter-spacing:-.5px;margin-top:5px;display:flex;align-items:center;gap:10px}.count{font-size:10px;color:#7a8c73;background:#eaf0e4;border:1px solid #dce5d4;border-radius:6px;padding:0 6px;line-height:20px}.tool-search{width:220px;border:1px solid #dde4da;border-radius:8px;background:#fff;padding:10px 13px;font-size:12px;color:var(--green)}.tool-search::placeholder{color:#9aa498}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px 20px 17px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;flex-direction:column;min-width:0}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #214e400b;border-color:#bfd0b7}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.tool-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#edf5e9;color:#638659}.tone-image .tool-icon{background:#fbf2e3;color:#b99757}.tone-editor .tool-icon{background:#eaf2f8;color:#6c8dad}.card-number{font-size:10px;color:#b5bfb3;font-variant-numeric:tabular-nums}.card-category{font-size:10px;color:#9baa95;margin-bottom:4px}.tool-card h3{font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:-.4px}.tool-card>p{font-size:11px;color:#8a9789;line-height:1.95;min-height:66px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:8px;padding-top:14px;border-top:1px solid #eef1eb}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:8px;color:#889682;background:#f4f7f1;border-radius:4px;padding:3px 6px}.card-arrow{display:grid;place-items:center;color:#84987a}.home-note{margin:0 0 52px;border:1px dashed #d5e0cb;background:#eff4eacc;border-radius:9px;padding:20px 24px;display:flex;align-items:center;gap:16px}.note-mark{color:#849e62;font-size:30px}.home-note strong{font-size:12px;font-weight:550}.home-note p{font-size:11px;color:#8d9b84;margin-top:3px}.note-label{margin-left:auto;font-size:10px;letter-spacing:2px;color:#9ba98e}.empty{padding:35px;text-align:center;color:var(--muted)}.loading{padding-top:70px;padding-bottom:150px}.tool-page{min-height:calc(100vh - 186px);padding-top:28px;padding-bottom:55px}.back-link{display:inline-flex;align-items:center;gap:6px;color:#81917b;font-size:11px;margin-bottom:28px}.tool-heading h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin:7px 0 8px}.tool-heading>p{font-size:13px;color:#879480}.tool-heading{margin-bottom:32px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.panel h2{font-size:17px;font-weight:550;display:flex;align-items:center;gap:10px;margin-bottom:7px}.muted{font-size:12px;color:#899581}.loan-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:960px}.loan-form{padding:30px}.loan-fields{margin-top:25px}.field{margin-bottom:20px}.field>label{display:block;margin-bottom:8px;font-size:12px;font-weight:550}.input-unit{display:flex;align-items:center;background:#fbfcf9;border:1px solid #dfe7d9;border-radius:8px;overflow:hidden}.input-unit input{width:100%;min-width:0;border:0;background:transparent;padding:13px;color:#234536;outline-offset:-3px}.input-unit>span{flex-shrink:0;padding:0 14px;color:#98a18d;font-size:12px}.input-unit.invalid{border-color:#c67059}.field-error{font-size:11px;color:#b66350;margin-top:6px}.form-note{display:flex;gap:7px;align-items:center;font-size:11px;color:#8f9a85}.loan-result{background:#224c3d;border:1px solid #224c3d;border-radius:14px;padding:30px;color:#edf5e5;display:flex;flex-direction:column;min-width:0}.result-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#c1d3b5;gap:10px}.result-badge{display:flex;align-items:center;gap:5px;border:1px solid #567558;padding:3px 7px;border-radius:5px;font-size:10px}.monthly{font-size:clamp(30px,4vw,49px);line-height:1.3;letter-spacing:-1.5px;font-weight:550;margin-top:26px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.monthly>span{font-size:24px;margin-right:8px;color:#aec2a3}.result-hint{font-size:11px;color:#a5b99a;margin:11px 0 30px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #456747;padding-top:25px;margin-top:auto}.result-stats span,.result-total span{font-size:10px;color:#a8bd9e}.result-stats strong{display:block;font-size:17px;font-weight:500;margin-top:6px;overflow-wrap:anywhere}.result-total{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #456747;padding-top:18px;margin-top:22px}.result-total strong{font-weight:500}.result-foot{display:flex;align-items:center;gap:7px;color:#bdd3aa;font-size:10px;margin-top:25px}.tool-disclaimer{max-width:960px;margin-top:20px;color:#94a18a;font-size:10px;line-height:1.9}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notice{padding:13px 16px;background:#edf3e8;border:1px solid #dce8d4;border-radius:8px;color:#6d855d;font-size:12px}.error{color:#a35644;background:#fff1eb;border:1px solid #f0d3c6;border-radius:8px;padding:12px 15px;font-size:12px}.status-text{font-size:11px;color:#6f8564}.help{font-size:11px;color:#94a18a}.file-picker{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.file-label{cursor:pointer}.file-label:focus-within{outline:3px solid #8fae55;outline-offset:4px}@media(max-width:1050px){.shell{padding-left:28px;padding-right:28px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:39px}.hero-art{transform:scale(.88);transform-origin:center}.hero{gap:10px}.tool-card>p{min-height:auto}.card-bottom{margin-top:24px}.monthly{font-size:38px}}@media(max-width:720px){.shell{padding-left:22px;padding-right:22px}.site-header{height:76px}.brand{font-size:23px}.site-header nav{gap:18px;font-size:11px}.hero{grid-template-columns:1fr;padding:42px 0;min-height:auto}.hero h1{font-size:38px}.hero-art{display:none}.hero-proof{font-size:9px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.tool-search{width:100%}.section-heading h2{font-size:20px}.loan-grid{grid-template-columns:1fr}.loan-form,.loan-result{padding:24px}.monthly{font-size:42px}.result-hint{margin-bottom:28px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;padding-top:20px;padding-bottom:20px}.footer-credit,.note-label{display:none}.home-note{padding:18px;gap:10px}.tool-page{padding-top:22px}.tool-heading h1{font-size:27px}.tool-heading>p{font-size:12px}.tool-grid{gap:12px}.tool-card{padding:18px 15px}.tool-card h3{font-size:16px}.tool-card>p{font-size:11px}.card-bottom{gap:3px}.card-arrow{display:none}.tags{gap:4px}.tags span{padding:3px 4px;font-size:8px}}@media(max-width:370px){.tool-grid{grid-template-columns:1fr}.site-header nav{gap:12px}.portfolio-link{font-size:10px}.hero h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}