@font-face{font-family:Oxanium;src:url('/assets/oxanium.ttf') format('truetype');font-weight:300;font-display:swap}@font-face{font-family:Oxanium;src:url('/assets/oxanium-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Space;src:url('/assets/space-grotesk.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#060e0b;--card:#0d1b15;--text:#d9eacb;--muted:#acc0ae;--border:#304638;--accent:#477653;--accent-dark:#375f42;--info-bg:#10251d;--info-border:#345644;--info-text:#cee5c2;--shadow:0 12px 40px #0002;color-scheme:dark}
body{background:#060e0b;color:var(--text);font-family:Space,system-ui,sans-serif}h1,h2,h3,.tool-tile h3{font-family:Oxanium,Space,sans-serif;font-weight:300}a{color:#c8e7b0}header{background:linear-gradient(#040c09a6,#07120be8),url('/assets/emerald-landscape.webp') center 43%/cover;color:#d9edc8}header p{color:#bcd0b5}.site-links a{color:#c2d7b7;font-weight:400}.site-brand img{width:215px!important;max-width:55vw!important;height:auto!important}.site-nav{margin-bottom:32px}.site-links a:hover{color:#e3f9ce}footer{background:#07100c;color:#9db39f;border-top:1px solid #253a2e}footer a{color:#bdd4b3}input,select,textarea{background:#09140f!important;color:#d9eacb!important;border-color:#3d5545!important}button{background:#477653;color:#f1ffe6}button.secondary{background:#15271c;color:#d9eacb}.lead,.small,.hint{color:#b4c9b5}.notice,.formula,.metric{background:#102219;color:#d4e8c7;border-color:#35513e}.flow-warning,.warning{background:#302c16;color:#f3dfa2;border-color:#776b32}.error{background:#351c1c;color:#ffbdbd}.success{background:#163523;color:#cef6d2}.tool-card,.fitting-row{background:#102017;color:#d4e8c7;border-color:#35513e}th,td{border-color:#314536}thead th{background:#14271c;color:#d9eacb}pre,code{color:#d9eacb}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #d7f6b8;outline-offset:5px}
.tools-home{background:#050d09 url('/assets/emerald-landscape.webp') center top/auto 1040px no-repeat}.tools-home .container,.tools-home main{max-width:1200px}.home-header{padding:26px 32px 0;background:transparent}.home-header .site-nav{margin:0}.home-header .site-links{gap:30px}.home-header .site-links a:first-child{color:#e3f4cd;border-bottom:1px solid #b7d89e;padding-bottom:7px}.tools-home main{padding:0 32px 70px}.hero{padding:100px 0 94px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.23em;color:#b3d29e}.hero h1{font-size:clamp(42px,5.6vw,74px);line-height:1.12;letter-spacing:-.035em;margin:24px 0;color:#d8edc4;text-shadow:0 0 40px #adf38716}.hero h1 span{color:#b6d99d}.hero-description{font-size:16px;line-height:1.8;color:#c1d4ba}.byline{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#a7bda0;margin-top:26px}.byline-line{width:26px;height:1px;background:#afcd95}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.collection-heading .eyebrow{margin-bottom:10px}.collection-heading h2{font-size:32px;letter-spacing:-.02em;margin:0}.search-label{width:265px;margin:0}.search-label input{background:#08150ed9!important;border:1px solid #476442!important;border-radius:6px;padding:12px 16px;font-size:13px;font-weight:400}.search-label input::placeholder{color:#b0c2a7}.filter-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:25px 0 24px}.filter{width:auto;min-height:35px;padding:7px 14px;border-radius:5px;background:#0b1912cc;border:1px solid #39523b;color:#b9ceb0;font-size:12px;font-weight:400}.filter:hover,.filter.active{background:#c1dfa8;color:#11200e;border-color:#c1dfa8}.tool-count{margin-left:auto;font-size:11px;color:#b5c5ac}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-tile{display:flex;flex-direction:column;min-height:254px;padding:24px;background:linear-gradient(140deg,#13251ce8,#0b1812f5);border:1px solid #425640;border-radius:8px;text-decoration:none;box-shadow:0 10px 32px #0002;transition:border-color .18s,transform .18s}.tool-tile:hover{border-color:#b6d398;transform:translateY(-3px)}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.tool-icon{font-family:Oxanium,sans-serif;color:#c8e9aa;font-size:21px;line-height:1}.category{font-size:10px;color:#a8bea0;letter-spacing:.04em}.tool-tile h3{font-size:21px;color:#d4eac0;line-height:1.3;margin:0 0 12px}.tool-tile p{font-size:12px;line-height:1.75;color:#b5c7af;margin:0 0 22px}.open-tool{margin-top:auto;display:flex;justify-content:space-between;color:#bfdca7;font-size:11px}.open-tool span{font-size:17px}.personal-note{max-width:710px;margin:80px auto 0;text-align:center}.personal-note h2{font-size:32px;margin:16px 0}.personal-note p:not(.eyebrow){color:#adc3a8;font-size:14px;line-height:1.9}.personal-note a{font-size:12px;display:inline-block;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:800px){.home-header{padding:22px 22px 0}.home-header .site-nav{flex-direction:row;align-items:center;flex-wrap:wrap;gap:22px}.home-header .site-links{gap:20px}.tools-home main{padding:0 22px 50px}.hero{padding:75px 0}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-heading{align-items:start;flex-direction:column}.search-label{width:100%}.tools-home{background-size:auto 950px}.collection-heading h2{font-size:28px}}
@media(max-width:520px){.tools-grid{grid-template-columns:1fr}.hero{padding:60px 0}.hero h1{font-size:43px}.hero-description{font-size:14px}.eyebrow{font-size:9px;letter-spacing:.16em}.byline{font-size:10px}.desktop-break{display:none}.site-links a{font-size:12px}.tool-tile{min-height:225px}.tool-count{width:100%;margin:5px 0 0}.filter{font-size:11px;padding:7px 10px}.personal-note{margin-top:55px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.tool-tile:hover{transform:none}}
.metric.total-pressure{background:#193124;border-color:#bcdba6}button.danger{background:#321d1d;color:#ffc0b5}header .container,main{min-width:0}.metric .value{overflow-wrap:anywhere}

.site-brand img{width:250px!important;max-width:62vw!important}.site-brand{line-height:1}.home-header .site-brand img{width:250px!important}