@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#07130f;color:#e7f4ed;font-family:Manrope,Arial,sans-serif}main{max-width:1200px;margin:auto;padding:60px 30px}.eyebrow{font:12px 'DM Mono';letter-spacing:.18em;color:#72e1aa}h1{font-size:clamp(46px,7vw,90px);letter-spacing:-.08em;margin:4px 0}.sub{color:#a7b9af;font-size:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0}.metrics article,.card,.method{background:#0d2119;border:1px solid #1e3a2e;border-radius:16px;padding:22px}.metrics b{font-size:30px;display:block}.metrics span{font:12px 'DM Mono';text-transform:uppercase;color:#9bb3a6}.controls{display:flex;gap:10px;margin:24px 0}.controls input,.controls select,.controls button{border-radius:10px;border:1px solid #315644;padding:13px;background:#0d2119;color:#e7f4ed;font:14px Manrope}.controls input{flex:1}.controls button{cursor:pointer;background:#7ce4a9;color:#052113;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px}.card{min-height:175px;display:flex;flex-direction:column;justify-content:space-between}.card h2{margin:0;font-size:21px;letter-spacing:-.04em}.card p{margin:5px 0;color:#9bb3a6}.tags span{display:inline-block;background:#173b2b;color:#91efba;border-radius:50px;padding:4px 8px;margin:0 5px 7px 0;font:11px 'DM Mono'}.card a{color:#b3f6cc;text-decoration:none;font-size:13px}.method{margin-top:45px;color:#adc3b7}.method h2{color:#e7f4ed}@media(max-width:600px){main{padding:35px 18px}.metrics{grid-template-columns:1fr}.controls{flex-wrap:wrap}.controls input{min-width:100%}}