:root{--blue:#2563eb;--blue2:#eff6ff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--green:#10b981}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.03em}.brand em{color:var(--blue);font-style:normal}.brandmark{width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px;box-shadow:0 6px 16px #2563eb40}.desktop-nav{display:flex;gap:28px;font-size:14px;font-weight:650}.desktop-nav a:hover{color:var(--blue)}.menu-btn{display:none;border:0;background:none;font-size:22px}.mobile-menu{position:fixed;inset:64px 0 auto;background:#fff;padding:18px 20px;z-index:19;box-shadow:0 16px 30px #0f172a18}.mobile-menu a{display:block;padding:11px;border-bottom:1px solid var(--line)}main{max-width:1180px;margin:auto;padding:0 22px 80px}.hero{text-align:center;padding:86px 0 54px}.eyebrow{display:inline-block;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.14em}.hero h1,.page-hero h1{font-size:clamp(40px,6vw,70px);line-height:1.02;letter-spacing:-.055em;margin:14px 0}.hero h1 span{color:var(--blue)}.hero p,.page-hero p{max-width:680px;margin:0 auto 28px;color:var(--muted);font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--blue);color:#fff;padding:14px 20px;font-weight:750;box-shadow:0 8px 22px #2563eb30}.button:hover{background:#1d4ed8}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 35px #0f172a0a}.universal{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:center;padding:30px;margin-bottom:72px}.universal h2{margin:5px 0}.universal p,.hint{color:var(--muted);margin:0}.quick-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-form .button{grid-column:1/-1}.quick-form label,.calc-card label{font-size:13px;font-weight:700}.money-input,.field,select{display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;margin-top:6px;padding:0 13px;height:50px}.money-input input,.field input{width:100%;border:0;outline:0;padding:0 8px;background:transparent}.quick-form select{width:100%}.quick-result{background:var(--blue2);border-radius:17px;padding:20px;text-align:center}.quick-result small,.result-card small{display:block;color:var(--blue);font-weight:800;font-size:10px;letter-spacing:.12em}.quick-result>strong{display:inline-block;font-size:32px;letter-spacing:-.04em;margin:5px}.quick-result>span{color:var(--muted)}.breakdown{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;gap:7px}.breakdown div{background:#fff;border-radius:8px;padding:6px}.breakdown strong,.breakdown span{display:block;font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:52px 0 22px}.section-head h2{font-size:30px;margin:5px 0 0;letter-spacing:-.035em}.section-head>a{color:var(--blue);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card,.tool-card{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;transition:.2s}.category-card:hover,.tool-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 12px 25px #0f172a0d}.cat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--blue2);color:var(--blue);display:grid;place-items:center}.cat-icon svg{width:22px;height:22px}.category-card strong,.category-card small,.category-card em,.tool-card strong,.tool-card small,.tool-card em{display:block}.category-card small,.tool-card small{font-size:13px;color:var(--muted);margin:4px 0}.category-card em,.tool-card em{font-size:12px;color:var(--blue);font-style:normal;font-weight:700}.trust{display:flex;justify-content:center;gap:34px;color:var(--muted);font-size:13px;padding:55px 0}.page-hero{text-align:center;padding:65px 0 40px}.search-box{max-width:650px;height:58px;border:1px solid var(--line);background:#fff;border-radius:15px;margin:25px auto;display:flex;align-items:center;padding:0 20px;font-size:22px}.search-box input{border:0;outline:0;width:100%;padding:10px;font-size:15px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;padding-top:28px}.calc-title{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:32px 0 28px}.calc-title h1{font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.05em;margin:9px 0}.calc-title p{color:var(--muted);font-size:17px;max-width:730px;margin:0}.save-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font-weight:700;white-space:nowrap}.save-btn.saved{color:#dc2626;background:#fff1f2}.calc-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:stretch}.calc-card{padding:28px}.calc-card h2{margin:0}.calc-card form{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}.calc-card label:has(.field):first-child:last-of-type{grid-column:1/-1}.field.percent span:last-child{color:var(--muted)}.full{grid-column:1/-1;width:100%}.result-card{background:linear-gradient(145deg,#1d4ed8,#2563eb);border-radius:22px;color:#fff;padding:38px;box-shadow:0 20px 38px #2563eb35;display:flex;flex-direction:column;justify-content:center;text-align:center}.result-card small{color:#bfdbfe}.result-card>div:nth-of-type(1){margin:12px 0}.result-card #main-result{font-size:clamp(42px,6vw,68px);letter-spacing:-.055em}.result-card #main-period{color:#bfdbfe}.result-card p{color:#dbeafe}.result-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-breakdown div{background:#ffffff17;border:1px solid #ffffff25;border-radius:10px;padding:10px}.result-breakdown span,.result-breakdown strong{display:block;font-size:12px}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.result-actions button{background:#fff;color:var(--blue);border:0;border-radius:10px;padding:10px 14px;font-weight:700}.scenarios{padding:24px;margin-top:20px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scenario-grid>div{background:var(--bg);border-radius:12px;padding:16px}.scenario-grid span,.scenario-grid small,.scenario-grid strong{display:block}.scenario-grid small,.scenario-grid span{color:var(--muted)}.scenario-grid strong{font-size:22px;margin:4px 0}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:45px;margin-top:55px}.content-grid article{font-size:16px;color:#334155}.content-grid h2{color:var(--ink);margin-top:38px}.formula-box{background:#eef6ff;border-left:4px solid var(--blue);padding:18px;border-radius:0 12px 12px 0}.content-grid details{border-bottom:1px solid var(--line);padding:14px 0}.content-grid summary{font-weight:750;cursor:pointer}.content-grid aside h3{margin-top:0}.related{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 0}.related svg{width:17px}.related>span:nth-child(2){flex:1}.related small{display:block;color:var(--muted);font-size:11px}.static{max-width:760px;margin:70px auto;padding:40px}.static h1{font-size:40px}.scroll-cards{display:flex;gap:12px;overflow:auto}.mini-card{min-width:230px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}.mini-card strong,.mini-card span{display:block}.mini-card span{color:var(--blue);font-size:12px;margin-top:8px}footer{background:#0f172a;color:#cbd5e1;padding:42px max(22px,calc((100% - 1180px)/2)) 110px;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer .brand{color:#fff}footer p,footer small{color:#94a3b8}.footer-links{display:flex;justify-content:end;gap:25px}.bottom-nav{display:none}.install-sheet{position:fixed;z-index:50;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 20px 50px #0f172a35;display:flex;align-items:center;gap:14px;max-width:560px;width:calc(100% - 30px)}.install-sheet[hidden]{display:none}.install-sheet p{margin:2px 0;color:var(--muted);font-size:12px}.close-install{border:0;background:transparent;font-size:20px;position:absolute;right:5px;top:0}@media(max-width:850px){.desktop-nav{display:none}.menu-btn{display:block}.universal{grid-template-columns:1fr}.category-grid,.tool-grid{grid-template-columns:1fr 1fr}.calc-layout,.content-grid{grid-template-columns:1fr}.result-card{min-height:390px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:66px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:#fff;color:var(--muted);font-size:10px;gap:1px}.bottom-nav span{font-size:20px}.trust{flex-wrap:wrap;gap:15px}.install-sheet{bottom:78px}}@media(max-width:560px){main{padding:0 16px 82px}.topbar{padding:0 16px}.hero{padding:52px 0 35px}.hero h1{font-size:43px}.universal{padding:20px;margin-bottom:48px}.quick-form{grid-template-columns:1fr}.category-grid,.tool-grid{grid-template-columns:1fr}.section-head{align-items:start}.section-head>a{display:none}.calc-title{padding:24px 0}.calc-title .save-btn span{display:none}.calc-card{padding:20px}.calc-card form{grid-template-columns:1fr}.calc-card form>*{grid-column:1}.result-card{padding:26px 18px;min-height:350px}.result-breakdown,.scenario-grid{grid-template-columns:1fr}.scenario-grid>div{display:flex;justify-content:space-between;align-items:center}.content-grid{gap:15px}.trust{font-size:11px}.footer-links{justify-content:start;flex-wrap:wrap}footer{grid-template-columns:1fr}.install-sheet .button{padding:10px}}
