:root{font-family:Inter,Arial,sans-serif;color:#162c2a;background:#f5f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #174f43;border-radius:7px;padding:11px 16px;background:#174f43;color:white;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b47413;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:225px;background:#112e29;color:#fff;padding:36px 25px}.brand{font-size:23px;font-weight:750;color:white;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:13px;color:#a6bdb4}nav{margin-top:60px;display:grid;gap:10px}nav a{color:#adc5bc;text-decoration:none;font-size:14px;padding:14px;border-radius:6px}nav a.active{background:#29473d;color:#d7f68a}.aside-note{position:absolute;bottom:32px;font-size:12px;color:#b9ccbf;line-height:1.8}.aside-note p{color:#78978b}.dot{display:inline-block;width:7px;height:7px;background:#cfed8a;border-radius:50%;margin-right:7px}main{margin-left:225px;padding:0 44px;max-width:1650px}header{min-height:86px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #dbe2d9;font-size:10px;letter-spacing:1.4px;color:#60756b}header .badge{margin-left:auto}.badge{background:#e7ede4;border-radius:20px;padding:9px 13px;letter-spacing:.2px;font-size:11px}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#587366}h1{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-2.5px;margin:20px 0}h1 em{font-style:normal;color:#557e56}.intro p:not(.eyebrow){font-size:14px;line-height:1.7;color:#66776a}.hero-mark{background:#d8edb0;width:155px;height:160px;border-radius:75px 75px 8px 8px;text-align:center;font-size:90px;line-height:1.2;transform:rotate(5deg);margin-right:30px}.hero-mark small{display:block;font-size:9px;font-weight:bold;line-height:1.4;letter-spacing:1px}.connect{background:white;padding:25px;border:1px solid #dde4d8;border-radius:10px;display:flex;justify-content:space-between;gap:25px}.connect p{max-width:430px;font-size:13px;line-height:1.7;color:#63766a}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.inline{display:flex;gap:8px}input{display:block;width:100%;border:1px solid #becabd;border-radius:6px;background:#fbfcfa;color:#173d30;padding:12px;margin:8px 0 16px}label{display:block;font-size:12px;font-weight:600}.inline input{margin:0;min-width:170px}.connect label{margin-bottom:8px}#status{font-size:12px;color:#385943;overflow-wrap:anywhere;min-height:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0 30px}.metrics article{background:white;border:1px solid #dae2d7;border-radius:9px;padding:22px 18px}.metrics span{font-size:12px;color:#617266}.metrics strong{display:block;font-size:29px;letter-spacing:-1px;margin:16px 0}.metrics small{font-size:10px;color:#6e7c72}.metrics article.accent{background:#e0edc8;border-color:#d3e0b9}.panel{border:1px solid #dbe2d5;background:white;border-radius:10px;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px}.section-head h2{margin:7px 0 0}.actions{display:flex;gap:8px}.actions button{font-size:11px;padding:10px}.quiet{background:transparent;color:#315746;border-color:#ccd8ca}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;color:#698074;background:#f4f7f0;padding:14px}td{font-size:12px;border-top:1px solid #edf0e8;padding:20px 14px}td:first-child{font-weight:bold}.copy{background:#edf3e6;color:#36523f;font-size:10px;border:0;padding:8px}.footnote{font-size:11px;line-height:1.7;color:#6d7b70;padding:0 20px}#empty{padding:30px;color:#65796c}.method{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:38px 0}.number{font-size:11px;color:#708766}h3{font-size:16px}.method p{font-size:12px;color:#677b6c;line-height:1.8;max-width:290px}footer{border-top:1px solid #dce4d5;padding:20px 0;font-size:10px;color:#81917e;display:flex;justify-content:space-between}dialog{width:520px;max-width:95vw;border:0;border-radius:12px;padding:24px;color:#163c2b;box-shadow:0 20px 80px #122d2944}dialog::backdrop{background:#112d2966}dialog .section-head{padding:0 0 20px}dialog .footnote{padding:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#form-error{color:#9b3427;font-size:12px}[hidden]{display:none!important}@media(max-width:1000px){aside{width:185px;padding:28px 18px}.brand{font-size:20px}main{margin-left:185px;padding:0 24px}.metrics{grid-template-columns:repeat(2,1fr)}.connect{display:block}.hero-mark{margin:0;width:120px;height:140px;font-size:75px}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:650px){aside{position:static;width:auto;padding:20px}.brand span,.aside-note,nav{display:none}main{margin:0;padding:0 18px}header{min-height:65px;font-size:8px;gap:8px}.badge{font-size:9px}.intro{padding-top:30px}.hero-mark{display:none}h1{font-size:43px}.metrics{gap:10px}.metrics article{padding:15px}.metrics strong{font-size:23px}.metrics small{font-size:9px}.method{gap:18px}.method p{font-size:11px}.actions{flex-wrap:wrap}.connect{padding:20px}.inline{flex-direction:column}footer{gap:20px;line-height:1.7}.desktop{display:none}}

.repo-link{color:#315746;letter-spacing:0;font-size:12px;white-space:nowrap}.demo-banner{background:#e6efd9;border:1px solid #cbdcbc;border-radius:10px;padding:20px 24px;font-size:14px}.demo-banner p{font-size:12px;line-height:1.7;margin:8px 0 0}.simulator{margin-top:28px}.sim-fields{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:0 24px}select{width:100%;padding:12px;border:1px solid #becabd;border-radius:6px;background:#fbfcfa;color:#173d30;margin:8px 0 16px;font:inherit}.sim-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 24px}.simulator #sim-result{padding:8px 24px;font-size:13px;line-height:1.7;color:#315746}.simulator .footnote{padding:0 24px 12px}#storage-note{color:#506849}#reset-modal p{line-height:1.8;font-size:14px}@media(max-width:650px){.sim-fields{grid-template-columns:1fr;gap:0}.sim-actions{flex-direction:column}header{flex-wrap:wrap;padding:12px 0}header .badge{margin-left:0}.demo-banner{padding:18px}.sim-actions button{font-size:12px}}