@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#202b25;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#202b25;--muted:#788078;--line:#e8e7df;--paper:#f8f7f2;--green:#37694f;--lime:#d7ed79;--mono:"DM Mono", monospace;background:#f8f7f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{width:min(1200px,100% - 64px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;display:inline-flex}.brand-mark{width:28px;height:28px;color:var(--green);place-items:center;font-size:22px;display:grid}.brand-light{color:#81867d;font-weight:500}.main-nav{gap:36px;margin-left:55px;display:flex}.main-nav a,.header-note{color:#666f67;font-size:12px;font-weight:600;transition:color .2s}.main-nav a:hover,.header-note:hover{color:var(--green)}.header-note{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.header-note span{color:var(--green);padding-left:7px}.site-footer{border-top:1px solid var(--line);min-height:100px;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.footer-brand{color:var(--ink);font-size:14px}.footer-brand .brand-mark{width:22px;height:22px;font-size:18px}.footer-year{font-family:var(--mono);font-size:10px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;min-height:465px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:45px 0 58px 25px}.eyebrow{color:#788078;font-family:var(--mono);letter-spacing:.13em;margin:0 0 22px;font-size:10px}.eyebrow-dot{vertical-align:1px;background:#9dc46c;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-5px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(48px,6vw,75px);font-weight:600;line-height:.99}.hero h1 span{color:var(--green)}.hero-description{color:#707870;max-width:405px;margin:23px 0 24px;font-size:14px;line-height:1.8}.hero-link{color:var(--green);border:1px solid #dfe3d5;border-radius:4px;align-items:center;gap:13px;padding:11px 15px;font-size:11px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.hero-link:hover{background:#eef2e5;transform:translateY(-2px)}.hero-link span{font-size:16px}.hero-art{height:380px;position:relative}.art-orbit{border:1px solid #e8e9df;border-radius:50%;position:absolute}.orbit-one{width:430px;height:310px;top:43px;left:52px;transform:rotate(-24deg)}.orbit-two{width:350px;height:390px;top:-1px;left:98px;transform:rotate(38deg)}.art-card{background:#fffefa;border:1px solid #e6e5dc;border-radius:7px;width:315px;padding:0 22px 18px;position:absolute;top:99px;left:130px;transform:rotate(-5deg);box-shadow:0 24px 60px #38463712}.art-card-top{border-bottom:1px solid #efeee8;align-items:center;gap:5px;height:40px;display:flex}.art-card-top span{background:#d7d9cf;border-radius:50%;width:6px;height:6px}.art-card-top span:first-child{background:#a7c87d}.art-code{color:#818981;font-family:var(--mono);padding-top:13px;font-size:11px}.art-code i{color:#738c62;font-style:normal}.art-code b{color:#54745b;font-weight:500}.art-code em{color:#bb8b52;font-style:normal}.art-code.indent{padding-left:24px}.cursor{vertical-align:-3px;background:#8ca764;width:1px;height:13px;margin-left:3px;display:inline-block}.art-card-label{color:#a1a59b;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;padding-top:25px;font-size:8px}.art-star{z-index:1;color:#a4bb74;position:absolute}.star-one{font-size:25px;top:66px;left:99px}.star-two{color:#d3a66c;font-size:19px;top:277px;right:51px}.art-badge{background:var(--lime);color:#4a6040;width:83px;height:83px;font-family:var(--mono);text-align:center;letter-spacing:.08em;border-radius:50%;place-content:center;font-size:8px;line-height:1.6;display:grid;position:absolute;bottom:55px;right:14px;transform:rotate(10deg)}.hero-footnote{color:#9a9e95;font-family:var(--mono);letter-spacing:.04em;font-size:9px;position:absolute;bottom:24px;left:25px}.hero-footnote span{color:var(--green);margin-right:12px}.library{padding:67px 25px 62px}.library-heading{justify-content:space-between;align-items:end;display:flex}.library-heading .eyebrow{margin-bottom:12px;font-size:9px}.library-heading h2{letter-spacing:-1.2px;margin:0;font-family:Manrope,sans-serif;font-size:29px;font-weight:600}.search-wrap{background:#fbfaf6;border:1px solid #e2e2d9;border-radius:4px;align-items:center;gap:9px;width:258px;height:40px;padding:0 10px;display:flex}.search-icon{color:#7e887b;font-size:23px;line-height:1;transform:rotate(-20deg)}.search-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-wrap input::placeholder{color:#a0a49b}.search-wrap:focus-within{border-color:#9eaf8c;box-shadow:0 0 0 3px #78936714}.search-wrap kbd{color:#9ca196;width:19px;height:20px;font-family:var(--mono);border:1px solid #e9e9e2;border-radius:3px;place-items:center;font-size:10px;display:grid}.department-links{gap:8px;margin:25px 0 18px;display:flex}.department-chip{color:#747b72;border:1px solid #e8e8df;border-radius:3px;align-items:center;gap:10px;height:28px;padding:0 11px;font-size:10px;display:inline-flex}.department-chip span{color:#9da196;font-family:var(--mono);font-size:9px}.department-chip:hover,.department-chip.active{color:#43664a;background:#eff2e9;border-color:#d6dfcd}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.tool-card{min-height:206px;animation:.45s both card-in;animation-delay:calc(var(--card-index,0) * 55ms);background:#fbfaf6;border:1px solid #e8e7df;border-radius:4px;flex-direction:column;padding:17px 18px 14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.tool-card:hover{border-color:#c4d2b7;transform:translateY(-3px);box-shadow:0 10px 24px #253c2510}.tool-card[hidden]{display:none}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-card-top{justify-content:space-between;align-items:center;display:flex}.tool-icon{color:#58734d;min-width:39px;height:36px;font-family:var(--mono);background:#f1f3ea;border:1px solid #e6e9dc;border-radius:4px;place-items:center;padding:0 7px;font-size:11px;display:grid}.tool-arrow{color:#a8aca2;font-size:14px;transition:color .2s,transform .2s}.tool-card:hover .tool-arrow{color:var(--green);transform:translate(2px,-2px)}.tool-card-copy{margin-top:17px}.tool-category{color:#92988d;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.tool-card h3{letter-spacing:-.4px;margin:7px 0 5px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700}.tool-card p{color:#81877e;margin:0;font-size:10px;line-height:1.65}.card-bottom{color:#55704d;font-family:var(--mono);border-top:1px solid #efeee8;justify-content:space-between;margin-top:auto;padding-top:12px;font-size:9px;display:flex}.card-bottom span:last-child{font-size:13px;line-height:9px}.empty-state{color:var(--muted);text-align:center;border:1px dashed #dedfd5;padding:28px;font-size:12px}.library-foot{color:#a1a59b;font-family:var(--mono);letter-spacing:.1em;justify-content:space-between;margin-top:22px;font-size:8px;display:flex}.library-foot span:last-child{color:#99ad77;font-size:16px}.page-intro{padding:58px 25px 30px}.page-intro .eyebrow{margin-bottom:12px}.page-intro h1{letter-spacing:-2px;margin:0;font-family:Manrope,sans-serif;font-size:42px;font-weight:600}.page-intro p:last-child{color:#788078;max-width:540px;margin:12px 0 0;font-size:13px;line-height:1.7}.department-page{padding-bottom:70px}.department-page .tool-grid{padding:0 25px}.back-link{color:#64805a;font-family:var(--mono);margin-bottom:20px;font-size:10px;display:inline-block}.tool-page{max-width:850px;margin:0 auto;padding:46px 25px 80px}.tool-page-header{margin-bottom:27px}.tool-page-header .eyebrow{margin-bottom:11px}.tool-page-header h1{letter-spacing:-1.8px;margin:0;font-family:Manrope,sans-serif;font-size:38px;font-weight:600}.tool-page-header p:last-child{color:#778078;margin:10px 0 0;font-size:13px;line-height:1.7}.tool-workspace{border:1px solid var(--line);background:#fbfaf6;border-radius:5px;padding:22px}.tool-workspace label{color:#59645a;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px;font-size:9px;display:block}.tool-workspace textarea,.tool-workspace pre{resize:vertical;color:#354139;width:100%;min-height:190px;font-family:var(--mono);background:#fffefa;border:1px solid #e5e5dc;border-radius:3px;outline:none;padding:14px;font-size:12px;line-height:1.7}.tool-workspace textarea:focus{border-color:#a8ba9a;box-shadow:0 0 0 3px #78936712}.tool-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tool-button{color:#42644a;cursor:pointer;background:#eef2e8;border:1px solid #dce2d4;border-radius:3px;min-height:35px;padding:0 14px;font-size:11px;font-weight:700;transition:background .2s}.tool-button:hover{background:#e2ead8}.tool-button.secondary{color:#6f786e;background:0 0;border-color:#e6e5dc}.tool-message{color:#69805a;min-height:18px;margin:11px 0 0;font-size:11px}.tool-message.error{color:#a04d3e}.stats-row{color:#7a8379;font-family:var(--mono);flex-wrap:wrap;gap:25px;margin:14px 0 0;font-size:10px;display:flex}.stats-row strong{color:#36493a;font-size:12px}.case-actions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.json-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.json-output{margin:0;overflow:auto}.percentage-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:27px;padding-bottom:15px;display:flex}.percentage-tab{color:#737c72;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:8px 11px;font-size:10px}.percentage-tab:hover,.percentage-tab.active{color:#42644a;background:#eef2e8;border-color:#dce2d4}.percentage-question{color:#475449;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;line-height:2.4;display:flex}.percentage-question input{width:110px;height:39px;color:var(--ink);font-family:var(--mono);background:#fffefa;border:1px solid #e5e5dc;border-radius:3px;outline:none;padding:0 10px;font-size:13px}.percentage-question input:focus{border-color:#a8ba9a;box-shadow:0 0 0 3px #78936712}.percentage-result{background:#f3f5ed;border:1px solid #e6e9dc;border-radius:3px;align-items:center;gap:15px;min-height:78px;margin-top:22px;padding:13px 15px;display:flex}.percentage-result-label{color:#899184;font-family:var(--mono);letter-spacing:.08em;font-size:9px}.percentage-result strong{color:#42644a;font-family:Manrope,sans-serif;font-size:24px;font-weight:700}.percentage-error{color:#a04d3e;font-size:10px}@media (width<=760px){.site-shell{width:min(100% - 36px,600px)}.site-header{height:68px}.main-nav{gap:15px;margin-left:0}.main-nav a{font-size:10px}.header-note{display:none}.hero{grid-template-columns:1fr;min-height:650px}.hero-copy{padding:52px 4px 5px}.hero h1{letter-spacing:-3.8px;font-size:clamp(52px,12vw,70px)}.hero-art{height:300px;margin-top:-6px}.art-card{top:53px;left:50%;transform:translate(-50%)rotate(-5deg)}.orbit-one{top:15px;left:50%;transform:translate(-50%)rotate(-24deg)}.orbit-two{top:-17px;left:50%;transform:translate(-50%)rotate(38deg)}.star-one{top:17px;left:14%}.star-two{top:216px;right:8%}.art-badge{width:70px;height:70px;bottom:5px;right:7%}.hero-footnote{bottom:17px;left:4px}.library{padding:48px 4px}.library-heading{flex-direction:column;align-items:flex-start;gap:18px}.library-heading h2{font-size:25px}.search-wrap{width:100%}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.department-page .tool-grid{padding:0 4px}.page-intro{padding:43px 4px 24px}.page-intro h1{font-size:36px}.tool-page{padding:35px 4px 55px}.tool-page-header h1{font-size:32px}.json-columns{grid-template-columns:1fr}.site-footer{gap:8px;min-height:82px}.site-footer>p{display:none}}@media (width<=460px){.main-nav{gap:11px}.main-nav a{font-size:9px}.brand{font-size:14px}.brand-mark{width:23px;font-size:19px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:190px}.department-links{overflow-x:auto}.tool-workspace{padding:15px}}