@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#17303b;--muted:#60747a;--blue:#1b5969;--teal:#157f82;--teal2:#e2f2ef;--paper:#f5f7f4;--white:#fff;--line:#dce5e2;--gold:#d99b48;--shadow:0 18px 55px rgba(23,48,59,.09)}
.prototype-note{display:inline-block;background:#fff5df;color:#8a5e1f;border:1px solid #f2d8a5;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:800;margin-bottom:17px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.work-layout>div,.form-card,.table-wrap{min-width:0}
@media(max-width:880px){.workspace .work-layout{grid-template-columns:minmax(0,1fr)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8dcbc5;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-head{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.head-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{height:39px;width:39px;border-radius:12px;background:var(--blue);color:#fff;font-weight:700;display:grid;place-items:center;letter-spacing:-3px;padding-right:3px;font-size:19px}.brand-txt{line-height:1.2}.brand-txt strong{display:block;font-size:16px;letter-spacing:.04em}.brand-txt small{display:block;font-size:10px;letter-spacing:.22em;color:var(--muted);margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.desktop-nav a{color:#4d6369}.desktop-nav a:hover,.desktop-nav a.active{color:var(--teal)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:11px 19px;font-weight:700;border:1px solid transparent;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover,.nav-cta:hover{transform:translateY(-2px)}.nav-cta,.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover,.nav-cta:hover{background:#116b70;box-shadow:0 8px 22px rgba(21,127,130,.2)}.btn-outline{background:transparent;color:var(--blue);border-color:#bad4d2}.btn-outline:hover{background:#e8f3f1}.menu-btn{display:none;background:none;border:0;color:var(--ink);font-size:23px}.mobile-nav{display:none;padding:0 20px 18px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:10px 0;font-weight:600}.eyebrow{color:var(--teal);font-size:12px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#edf5f2 0%,#f9faf6 55%,#edf4f0 100%);border-bottom:1px solid var(--line)}.hero:after{content:'';position:absolute;right:-140px;top:-180px;width:640px;height:640px;border:1px solid rgba(21,127,130,.13);border-radius:50%;box-shadow:0 0 0 85px rgba(21,127,130,.025),0 0 0 175px rgba(21,127,130,.022)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:550px;padding:80px 0}.hero h1,.tool-hero h1{font-size:clamp(36px,4.4vw,62px);line-height:1.19;letter-spacing:-.04em;margin:19px 0 23px}.hero h1 em,.tool-hero h1 em{font-style:normal;color:var(--teal)}.hero p,.tool-hero p{font-size:17px;line-height:1.85;color:#51686e;max-width:620px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:12px;color:#70848a;margin-top:24px}.hero-visual{position:relative;height:366px}.visual-panel{position:absolute;background:white;border:1px solid #dce8e4;box-shadow:var(--shadow);border-radius:16px}.visual-panel.main{inset:25px 15px 38px 24px;padding:27px 29px}.visual-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.pill{border-radius:99px;background:#e7f4ef;color:#13816e;font-size:11px;padding:5px 10px}.chart-bars{height:166px;display:flex;align-items:end;gap:13px;border-bottom:1px solid #dae5e2;margin-top:29px;padding:0 18px}.chart-bars span{display:block;width:18%;border-radius:6px 6px 0 0;background:#cae2dc}.chart-bars span:nth-child(1){height:46%}.chart-bars span:nth-child(2){height:63%}.chart-bars span:nth-child(3){height:56%}.chart-bars span:nth-child(4){height:80%;background:#81beb8}.chart-bars span:nth-child(5){height:96%;background:var(--teal)}.visual-labels{display:flex;justify-content:space-around;font-size:10px;color:#8a9b9d;margin-top:12px}.visual-panel.float{right:-5px;bottom:10px;padding:15px 20px;min-width:190px}.float strong{font-size:24px;color:var(--teal);display:block;line-height:1.3}.float small{font-size:11px;color:var(--muted)}.dots{position:absolute;left:-5px;bottom:15px;display:grid;grid-template-columns:repeat(6,5px);gap:9px}.dots i{width:5px;height:5px;background:#b6d9d3;border-radius:50%}.section{padding:84px 0}.section-head{max-width:720px;margin-bottom:37px}.section-head h2{font-size:clamp(28px,3vw,41px);line-height:1.3;margin:12px 0 14px;letter-spacing:-.03em}.section-head p{color:var(--muted);margin:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:29px;min-height:330px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-icon{width:51px;height:51px;display:grid;place-items:center;background:var(--teal2);color:var(--teal);border-radius:12px;font-size:23px;margin-bottom:33px}.tool-card small{font-weight:800;color:var(--teal);letter-spacing:.13em;font-size:10px}.tool-card h3{font-size:23px;letter-spacing:-.025em;line-height:1.4;margin:8px 0}.tool-card p{color:var(--muted);font-size:13px;margin:0 0 30px}.tool-card a{margin-top:auto;color:var(--teal);font-weight:800;font-size:13px}.muted-section{background:#ecf2ef;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:1px solid #bbd3cd;padding-top:22px}.step b{font-size:11px;color:var(--teal)}.step h3{font-size:18px;margin:9px 0}.step p{color:var(--muted);font-size:13px;margin:0}.cta-block{background:var(--blue);border-radius:18px;padding:46px 52px;display:flex;justify-content:space-between;align-items:center;gap:36px;color:#fff}.cta-block h2{font-size:29px;line-height:1.35;margin:8px 0}.cta-block p{color:#c9dedf;margin:0;font-size:13px}.cta-block .btn{background:white;color:var(--blue);white-space:nowrap}.site-foot{background:#17303b;color:#cbdbde;padding:42px 0 24px}.foot-main{display:flex;justify-content:space-between;gap:30px;align-items:start}.site-foot .brand-mark{background:#257787}.site-foot .brand-txt strong{color:white}.site-foot .brand-txt small{color:#a9c1c4}.foot-links{display:flex;gap:25px;font-size:12px}.foot-links a:hover{color:#fff}.foot-bottom{border-top:1px solid #36545c;margin-top:30px;padding-top:17px;font-size:11px;color:#a8bec1;display:flex;justify-content:space-between;gap:20px}.tool-hero{background:linear-gradient(135deg,#eaf4f1,#f8faf6);padding:58px 0 54px;border-bottom:1px solid var(--line)}.tool-hero h1{font-size:clamp(32px,3.8vw,51px);margin:12px 0 17px}.tool-hero p{font-size:15px;margin-bottom:0}.crumb{font-size:11px;color:#779094}.crumb a{color:var(--teal)}.workspace{padding:47px 0 85px}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:25px}.form-card,.result-card,.info-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:29px;box-shadow:0 5px 25px rgba(23,48,59,.035)}.form-card h2,.result-card h2{font-size:20px;line-height:1.35;margin:0 0 5px}.subtle{color:var(--muted);font-size:12px;margin:0 0 24px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:12px}.field input,.field select{width:100%;height:42px;border:1px solid #ccd9d5;background:#fcfdfc;border-radius:7px;padding:8px 11px;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--teal);outline:2px solid #d4eeea}.field small{font-size:10px;color:#7b8c91;line-height:1.5}.divider{height:1px;background:var(--line);margin:27px 0}.section-mini{font-size:14px;font-weight:800;margin:0 0 15px}.result-card{position:sticky;top:100px;background:#173d48;color:white;border-color:#173d48}.result-card h2{color:#fff}.result-card .subtle{color:#bad2d4}.metric-label{font-size:11px;color:#b2d2d0}.metric-value{display:block;font-size:35px;line-height:1.2;font-weight:800;letter-spacing:-.04em;margin:5px 0}.metric-value.gold{color:#f2cb88}.result-card .divider{background:#3e6970;margin:22px 0}.metric-row{display:flex;justify-content:space-between;gap:10px;margin:13px 0;font-size:12px;color:#d4e7e5}.metric-row b{color:white;font-size:14px}.result-card .btn{width:100%;margin-top:15px}.result-card .btn-outline{border-color:#7aa7a6;color:white}.result-card .btn-outline:hover{background:#285761}.hint{font-size:11px;color:#b8d1d1;margin:16px 0 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.data-table{border-collapse:collapse;width:100%;min-width:510px;font-size:12px}.data-table th,.data-table td{text-align:right;padding:11px 13px;border-bottom:1px solid #e8eeeb;white-space:nowrap}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{background:#f3f7f5;color:#607b79;font-weight:800}.data-table tbody tr:last-child td{border:0}.data-table input{width:82px;border:1px solid #d4dfdb;border-radius:6px;padding:6px;text-align:right}.note-box{background:#edf5f2;border-left:3px solid var(--teal);padding:14px 17px;border-radius:4px;color:#4b6566;font-size:12px;margin-top:20px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.info-card h3{font-size:15px;margin:0 0 8px}.info-card p,.info-card li{font-size:12px;color:var(--muted);margin:0}.info-card ul{padding-left:18px;margin:5px 0}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.action-row .btn{font-size:12px}.error{color:#b93333;font-size:12px;min-height:18px}.compact-chart{height:115px;display:flex;gap:7px;align-items:end;margin:20px 0 2px}.compact-chart span{flex:1;min-width:0;background:#73b7b1;border-radius:4px 4px 0 0}.compact-chart span:nth-child(even){background:#b9dcd5}.chart-key{display:flex;justify-content:space-between;font-size:10px;color:#c6d9da}.section-title-small{font-size:13px;font-weight:800;margin:26px 0 12px}.badge{display:inline-block;border-radius:20px;padding:4px 9px;background:#e4f3ef;color:#167e79;font-weight:700;font-size:10px}.print-only{display:none}@media(max-width:880px){.desktop-nav,.nav-cta{display:none}.menu-btn{display:block}.mobile-nav.open{display:block}.hero-inner{grid-template-columns:1fr;padding:65px 0;gap:22px}.hero-visual{height:300px;max-width:520px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:0}.steps{grid-template-columns:1fr;gap:25px}.work-layout{grid-template-columns:1fr}.result-card{position:static}.info-grid{grid-template-columns:1fr}.cta-block{padding:35px;display:block}.cta-block .btn{margin-top:24px}}@media(max-width:560px){.wrap{width:min(100% - 28px,1160px)}.head-inner{height:65px}.hero h1{font-size:36px}.hero p{font-size:14px}.hero-visual{height:250px}.visual-panel.main{inset:15px 5px 25px 8px;padding:18px}.visual-panel.float{right:0;bottom:0}.section{padding:60px 0}.form-card,.result-card{padding:20px}.field-grid{grid-template-columns:1fr}.foot-main,.foot-bottom{display:block}.foot-links{display:flex;flex-wrap:wrap;margin-top:23px}.cta-block{padding:28px}.tool-hero{padding:40px 0}}@media print{.site-head,.site-foot,.hero-actions,.action-row,.menu-btn,.note-box{display:none!important}.tool-hero{padding:12px 0;background:white}.workspace{padding:10px 0}.work-layout{display:block}.form-card,.result-card,.info-card{box-shadow:none;break-inside:avoid;margin-bottom:14px}.result-card{background:white;color:var(--ink);border-color:var(--line)}.result-card h2,.result-card .metric-row b{color:var(--ink)}.result-card .metric-row,.result-card .metric-label,.result-card .subtle,.result-card .hint{color:var(--muted)}.result-card .divider{background:var(--line)}.print-only{display:block}}
