:root{--ink:#222a43;--muted:#59627b;--line:#dce1f0;--accent:#5843d6;--accent-dark:#4831b8;--paper:#f7f8ff;--green:#256448;--loss:#9c302e}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f3f5ff,#faf9ff 65%,#fffaf2);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--accent-dark);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2e66b7;outline-offset:4px}header,footer{max-width:1100px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}header{border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:19px;font-weight:750;letter-spacing:-.04em;text-decoration:none}.brand:before{content:'$';display:grid;place-items:center;width:30px;height:32px;border-radius:9px;color:var(--accent);background:#ebe7ff;font-family:Georgia,serif;font-size:19px;font-weight:400}nav{display:flex;gap:8px;align-items:center}nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:13px}nav a:hover{background:#efedff;border-color:#aaa0dc}main{max-width:1000px;margin:auto;padding:28px 24px 42px}h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.04em;line-height:1.2;margin:8px 0 12px;max-width:780px}h2{font-size:20px;line-height:1.35;margin:0 0 10px;letter-spacing:-.02em}p{margin:8px 0 14px}.eyebrow{font-size:12px;color:var(--accent-dark);font-weight:650;letter-spacing:.035em;margin:0 0 6px}.eyebrow a{display:inline-flex;align-items:center;min-height:30px}.intro{max-width:760px;color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 18px}.note{font-size:12px;color:var(--muted);line-height:1.65}.hub-hero{max-width:650px;padding:4px 0 10px}.hub-hero h1{font-size:34px}:is(.tools-list,.future-feature){display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;background:#fff;border:1px solid #d7d5ef;border-top:4px solid #9d8be5;border-radius:18px;padding:26px;margin:8px 0 20px;box-shadow:0 8px 24px #35357506}.tool-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#eeebff;color:#6550c5}.tool-icon svg{width:32px;height:32px}:is(.tools-list,.future-feature) h2{font-size:23px;max-width:520px;margin:6px 0 10px}:is(.tools-list,.future-feature) p{font-size:14px;color:var(--muted);max-width:590px;margin-bottom:16px}.tool-kind{font-size:11px;font-weight:650;letter-spacing:.07em;color:#6550b7}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 18px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:#fff;text-decoration:none;font-size:14px;font-weight:650;box-shadow:0 3px 0 #3d2a9b;transition:background .15s,transform .15s}.button:hover{background:var(--accent-dark);transform:translateY(-1px)}.button:active{transform:translateY(2px);box-shadow:0 1px 0 #3d2a9b}.hub-footer{padding:2px 0 12px}.hub-footer>a{display:inline-flex;min-height:44px;align-items:center;font-size:14px}.calculator-heading{margin-bottom:18px}.calculator-heading .intro{margin-bottom:10px}.live-note{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#256448;margin:0}.live-note:before{content:'';width:6px;height:6px;border-radius:50%;background:#359a70}.calculator-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start;margin:18px 0 24px}form{display:grid;gap:14px;min-width:0}fieldset{min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}legend{padding:0 8px;font-size:15px;font-weight:700;color:var(--ink)}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.input-field{min-width:0}.input-field:last-child:nth-child(odd){grid-column:1/-1}.input-field label{display:block;font-size:13px;font-weight:650;line-height:1.5;min-height:40px}input{width:100%;min-width:0;min-height:48px;margin-top:5px;padding:11px 12px;border:1px solid #9da8c1;border-radius:9px;background:#fbfbff;color:var(--ink);font:inherit;font-size:16px;font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s}input:hover{border-color:#7867c8}input:focus{background:#fff}input[aria-invalid=true]{border-color:var(--loss);background:#fff8f7}.field-note{display:block;font-size:12px;line-height:1.55;color:var(--muted);margin-top:6px}.error{color:var(--loss);font-size:13px;font-weight:550;margin:6px 0}.input-limits{margin:0 2px}.breakdown{background:#fff;border:1px solid #d7d5ec;border-top:4px solid #8872dd;border-radius:15px;padding:20px;min-width:0}.breakdown h2{font-size:20px}.breakdown dl{margin:16px 0 12px}.breakdown dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #e9eaf3;min-width:0}.breakdown dt{font-size:13px;min-width:0}.breakdown dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;text-align:right;font-weight:650;font-size:16px}.breakdown .gross{color:#286347}.breakdown .expenses{border-bottom:0}.breakdown .total{display:block;padding:14px 16px;background:#f1edff;border:1px solid #e2dafb;border-radius:11px;margin:10px 0}.total dt{font-size:13px;color:#514084}.total dd{font-size:30px;line-height:1.35;margin-top:4px;text-align:left;color:#44309e;letter-spacing:-.025em}.breakdown .hourly{display:flex;background:#f6f8fc;border-color:#e3e7f1;align-items:center;gap:12px}.hourly dd{font-size:21px;text-align:right;margin:0}.hourly dt{color:var(--muted)}.breakdown:has(#lossNote:not([hidden])) .profit{background:#fff1ec;border-color:#ebc2b5}.breakdown:has(#lossNote:not([hidden])) .profit dt,.breakdown:has(#lossNote:not([hidden])) .profit dd{color:#9c302e}.breakdown:has(#lossNote:not([hidden])) .hourly dd{color:#9c302e}.breakdown>a{display:inline-flex;align-items:center;min-height:44px}.breakdown>p:last-of-type{margin-bottom:0}.cta{border:1px solid var(--line);border-left:4px solid #a9d4c1;border-radius:14px;padding:20px;background:#fff;margin:16px 0 24px}.cta h2{font-size:19px;margin-bottom:16px}.cta .note{margin:14px 0 0;max-width:700px}section.copy{padding:18px 0;border-top:1px solid var(--line)}.copy h2{font-size:18px}.copy p{font-size:14px;max-width:780px;margin-bottom:0}.copy details{border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:14px;font-weight:600}.copy details p{margin:0 0 18px}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer a{min-height:44px;display:inline-flex;align-items:center}.skip{position:absolute;top:-100px;left:16px}.skip:focus{top:8px;background:#fff;padding:10px;z-index:2}[hidden]{display:none!important}
fieldset:first-of-type .input-field label,.input-field:last-child:nth-child(odd) label{min-height:20px}
@media(max-width:700px){header,footer{padding:14px 16px}.brand{font-size:18px}nav{gap:6px}nav a{font-size:12px;padding:7px 9px}main{padding:20px 16px 32px}.calculator-layout{grid-template-columns:1fr;gap:18px;margin-top:14px}h1{font-size:26px;line-height:1.25;max-width:520px}.hub-hero h1{font-size:29px}.intro{font-size:13px;line-height:1.6;margin-bottom:12px}:is(.tools-list,.future-feature){grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px;border-radius:15px}.tool-icon{width:42px;height:42px;border-radius:12px}.tool-icon svg{width:25px;height:25px}:is(.tools-list,.future-feature) h2{font-size:20px;margin:6px 0 10px}:is(.tools-list,.future-feature) p{font-size:13px;line-height:1.6}:is(.tools-list,.future-feature) .button{width:100%}.tool-kind{font-size:10px}.calculator-heading{margin-bottom:12px}fieldset{padding:14px;border-radius:13px}.input-grid{gap:14px 12px}.input-field label{font-size:12px}.field-note{font-size:12px;line-height:1.55}.breakdown{padding:18px}.breakdown .total{padding:12px 14px}.total dd{font-size:28px}.hourly dd{font-size:20px}.cta{padding:18px}.cta .button{width:100%;text-align:center}.cta h2{font-size:18px}.copy h2{font-size:17px}.copy p{font-size:13px}.hub-footer .note{font-size:12px}}
@media(max-width:350px){header{gap:8px}.brand{font-size:17px}nav a{padding:6px 8px}:is(.tools-list,.future-feature){grid-template-columns:1fr;gap:10px}.tool-icon{width:40px;height:40px}.input-grid{column-gap:10px}input{padding:10px;font-size:16px}.input-field label{min-height:36px}.hourly{flex-wrap:wrap}.breakdown .hourly dd{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

header nav .tools-account-link{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:650}header nav .tools-account-link:hover{background:var(--accent-dark)}@media(max-width:700px){header nav{margin-left:auto}header nav .tools-account-link{padding-left:12px;padding-right:12px}}