@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b1e24;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:72px;background:#fff;border-bottom:1px solid #e9ebef;display:flex;align-items:center;padding:0 max(32px,calc((100vw - 1280px)/2));gap:18px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:700;letter-spacing:-1.4px;white-space:nowrap}.brand img{width:25px;height:30px;object-fit:contain}.brand-dot{color:#748bc9}.topbar-separator{height:25px;width:1px;background:#e4e7ec;margin-left:8px}.topbar-title{font-size:13px;color:#707681;font-weight:500}.topbar-spacer{flex:1}.topbar-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e8ebee;border-radius:99px;font-size:11px;color:#5d6771;background:#fafbfc}.live-dot{width:7px;height:7px;display:inline-block;background:#7cae83;border-radius:50%;box-shadow:0 0 0 3px #e4f1e6}.hero{max-width:1280px;margin:auto;padding:76px 32px 57px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.17em;font-weight:700;color:#8390a6}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow-line{display:block;width:22px;height:1px;background:#8da1c9}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.13;letter-spacing:-.057em;font-weight:600;margin:20px 0 18px}.hero h1 em{font-style:normal;color:#7187ba}.hero>p{max-width:680px;color:#6d7580;font-size:16px;line-height:1.7;margin:0}.hero-meta{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px;color:#5d6672;font-size:12px}.check{color:#74a87d;font-weight:700;margin-right:5px}.workspace{max-width:1280px;margin:0 auto;padding:0 32px 80px;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(325px,1fr);gap:24px;align-items:start}.input-panel,.result-card,.breakdown-card{background:#fff;border:1px solid #e6e9ed;border-radius:18px;box-shadow:0 7px 30px #17243a05}.input-panel{padding:28px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.section-heading h2,.method h2{font-size:23px;letter-spacing:-.035em;font-weight:600;margin:10px 0 6px}.section-heading p{font-size:12px;color:#8a929c;line-height:1.55;margin:0}.subtle-button{border:1px solid #e6e8ec;background:#fff;border-radius:8px;padding:8px 11px;white-space:nowrap;color:#6e7783;font-size:11px}.subtle-button:hover{background:#f5f7fa}.rate-card{margin-top:27px;border:1px solid #e1e7f2;background:#f7f9fd;border-radius:13px;padding:20px 20px 16px}.rate-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.rate-top label{display:block;font-size:13px;font-weight:600}.rate-top p{font-size:11px;color:#8c95a5;margin:6px 0 18px;line-height:1.4}.rate-top output{color:#607bb6;background:#e8eefb;padding:8px 10px;border-radius:8px;font-size:15px;font-weight:700;white-space:nowrap}.rate-card input[type=range],.rate-field input[type=range]{width:100%;accent-color:#7992c7;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#a0a8b5;margin-top:3px}.category-heading{margin:28px 3px 10px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#a1a7b1;font-weight:700}.categories{display:grid;gap:11px}.category{border:1px solid #e9ebef;border-radius:13px;padding:16px;transition:border-color .15s,box-shadow .15s}.category:focus-within{border-color:#a7b9df;box-shadow:0 0 0 3px #e6edf8}.category-main{display:flex;align-items:center;gap:12px}.category-icon{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:9px;background:#edf2fa;color:#7290bd;font-size:20px;font-weight:500}.category:nth-child(2) .category-icon{background:#eaf4ed;color:#6fa17d}.category:nth-child(3) .category-icon{background:#f6eee9;color:#b99778}.category:nth-child(4) .category-icon{background:#f3eefa;color:#987fb2}.category-name{min-width:0;flex:1}.category-name h3{font-size:13px;margin:0 0 4px;font-weight:600}.category-name p{font-size:11px;color:#a0a7af;margin:0}.volume-field{width:104px}.volume-field label{display:none}.volume{width:100%;border:1px solid #e2e6eb;background:#fff;border-radius:8px;padding:9px 10px;font-size:13px;text-align:right;font-weight:600;outline:none}.volume:focus,select:focus{border-color:#89a1d0}.category-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:17px;padding-top:15px;border-top:1px solid #f0f1f3}.field label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px;color:#7f8793}.field label strong{color:#647db3;font-weight:600}.field select{height:35px;width:100%;border:1px solid #e4e7eb;border-radius:7px;background:#fff;padding:0 8px;color:#323741;font-size:11px;outline:none}.rate-field input{margin:4px 0}.input-note{color:#a0a6ae;font-size:11px;line-height:1.6;margin:19px 2px 0}.results{display:grid;gap:13px;position:sticky;top:22px}.result-card{padding:25px}.result-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#9ca5b1;letter-spacing:.12em;font-size:10px;font-weight:700}.result-kicker{color:#6d8c74;display:flex;align-items:center;gap:8px}.result-card h2{font-size:14px;font-weight:600;letter-spacing:-.02em;margin:32px 0 12px}.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price>span:first-child{font-size:clamp(35px,4vw,49px);font-weight:600;letter-spacing:-.058em;color:#161a20}.price-period{color:#9ca4af;font-size:14px}.result-caption{font-size:11px;color:#98a1aa;margin:7px 0 26px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1;padding:20px 0;margin-bottom:25px}.metric-grid>div+div{border-left:1px solid #eceef1;padding-left:20px}.metric-grid span{display:block;font-size:23px;letter-spacing:-.04em;font-weight:600}.metric-grid small{display:block;color:#9da5ae;font-size:10px;margin-top:5px}.progress-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6f7783}.progress-head strong{font-size:12px;color:#536da7}.progress-track{height:7px;border-radius:99px;background:#edf1f7;margin:11px 0;overflow:hidden}.progress-track>div{height:100%;background:#839bcf;border-radius:99px;transition:width .2s}.progress-note{font-size:10px;color:#a1a9b3;margin:0}.breakdown-card{padding:22px 24px}.breakdown-card h3{font-size:13px;font-weight:600;margin:0 0 14px}.breakdown-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f1f2f4}.breakdown-row span{display:block;font-size:11px;color:#555d68}.breakdown-row small{display:block;font-size:10px;color:#a7adb5;margin-top:4px}.breakdown-row strong{font-size:11px;font-weight:600;white-space:nowrap}.breakdown-total{display:flex;justify-content:space-between;padding-top:17px;font-size:12px}.breakdown-total strong{font-size:14px}.result-disclaimer{color:#9da5b0;font-size:10px;line-height:1.65;margin:2px 3px}.result-disclaimer strong{font-weight:600;color:#6e7782}.method{border-top:1px solid #e7e9ed;max-width:1216px;margin:0 auto 80px;padding:46px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.method h2{font-size:29px;line-height:1.3;margin:15px 0 13px}.method p{max-width:470px;font-size:13px;color:#7c8590;line-height:1.7}.formula{border:1px solid #e6e9ed;background:#fff;border-radius:15px;padding:26px;align-self:center}.formula>span{font-size:10px;font-weight:700;letter-spacing:.13em;color:#98a4b6}.formula strong{font-weight:600;display:block;font-size:17px;margin-top:20px;letter-spacing:-.03em}.formula b{color:#90a3cb;font-weight:500}.formula>div{height:1px;background:#e8ebef;margin:23px 0}.formula .formula-result{color:#6881b5;margin:0}footer{border-top:1px solid #e9ebee;background:#fff;padding:25px max(32px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;color:#a1a9b2;font-size:10px}.footer-brand{font-size:18px;color:#272b30}.footer-brand img{width:20px;height:22px}@media(max-width:950px){.workspace{grid-template-columns:1fr}.results{position:static;grid-template-columns:1fr 1fr;align-items:start}.result-disclaimer{grid-column:1/-1}.method{margin:0 32px 50px}}@media(max-width:650px){.topbar{padding:0 20px;height:65px}.topbar-badge{display:none}.hero{padding:54px 20px 40px}.hero h1{font-size:39px}.hero h1 br{display:none}.hero>p{font-size:14px}.hero-meta{gap:10px 20px;font-size:11px}.workspace{padding:0 16px 60px}.input-panel{padding:20px}.section-heading h2{font-size:21px}.rate-top{display:block}.rate-top output{display:inline-block;margin-bottom:10px}.results{grid-template-columns:1fr}.category-options{gap:10px}.category-main{gap:9px}.method{grid-template-columns:1fr;gap:20px;margin:0 20px 50px;padding:35px 0}.method h2{font-size:25px}footer{padding:25px 20px;gap:20px}.footer-brand{font-size:17px}}@media(max-width:370px){.topbar-title,.topbar-separator{display:none}.category-options{grid-template-columns:1fr}.volume-field{width:82px}.category-name p{font-size:10px}}
.total-volume-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px;padding:18px 20px;border:1px solid #e6e9ed;border-radius:13px;background:#fff}.total-volume-card label{display:block;font-size:13px;font-weight:600}.total-volume-card p{font-size:11px;color:#97a0aa;margin:5px 0 0}.total-volume-card input{width:118px;border:1px solid #dfe4ec;border-radius:8px;padding:10px 12px;text-align:right;font-weight:600;font-size:16px;outline:none}.total-volume-card input:focus,.share-field input:focus{border-color:#89a1d0}.rate-card{margin-top:12px}.share-field{width:75px;flex:none}.share-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.share-field>div{height:35px;display:flex;align-items:center;border:1px solid #e2e6eb;border-radius:8px;padding:0 9px}.share-field input{min-width:0;width:100%;border:0;outline:none;text-align:right;font-weight:600;font-size:13px;background:transparent}.share-field span{color:#9ca6b2;font-size:12px;margin-left:3px}.share-detail{display:flex;align-items:center;gap:16px;margin-top:14px}.share-detail input{min-width:0;flex:1;accent-color:#8aa0ce;cursor:pointer}.share-detail span{color:#8994a4;font-size:10px;white-space:nowrap;min-width:95px;text-align:right}.category-options{margin-top:13px}.other-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;margin-top:12px;border:1px dashed #dce1e8;border-radius:12px;background:#fafbfd}.other-row>div:last-child{text-align:right}.other-row strong,.other-row span{display:block}.other-row strong{font-size:11px;font-weight:600;color:#5e6774}.other-row span{font-size:10px;color:#9fa8b2;margin-top:4px}@media(max-width:650px){.total-volume-card{padding:16px}.total-volume-card input{width:90px}.share-detail{gap:8px}.share-detail span{min-width:85px}}
input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:#e3e9f4;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#8099cf;box-shadow:0 1px 5px #4e6c9b5c;cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#8099cf;box-shadow:0 1px 5px #4e6c9b5c;cursor:pointer}