:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101714;color:#e1e8df;font-family:"Helvetica Neue",Arial,"PingFang SC",sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#b2e5c5}a:focus-visible{outline:2px solid #b2e5c5;outline-offset:6px}header,main,footer{max-width:1250px;margin:auto;padding-left:46px;padding-right:46px}header{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a392f;font-size:11px;color:#90a395}.brand{display:flex;gap:12px;align-items:center;font-size:15px;letter-spacing:2px;color:#e1e8df;font-weight:700}.brand span{font-size:10px;font-weight:400;color:#90a395;letter-spacing:2px}.hero{padding:70px 0 43px}.eyebrow{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:2px;color:#90a395;margin:0 0 25px}h1{font-size:65px;line-height:1.3;letter-spacing:2px;font-weight:400;margin:0}h1>span{color:#b2e5c5}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:28px}.hero-bottom p{font-size:14px;line-height:1.9;color:#90a395;margin:0}.count,.micro{font:10px ui-monospace,monospace;color:#90a395;letter-spacing:1px}.tool{border:1px solid #354c3e;border-radius:10px;background:#17251c;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:315px;transition:border-color .15s}.tool:hover{border-color:#b2e5c5}.tool-copy{padding:35px 38px;display:flex;flex-direction:column;justify-content:center}.tool-heading{display:flex;gap:12px;align-items:center}.tool-heading h2{font-size:36px;font-weight:400;letter-spacing:-1px;margin:8px 0}.tool-heading span{color:#9db8a6;font-size:15px}.tool-copy>p{font-size:12px;color:#a4b7aa;line-height:1.9;max-width:355px;margin:7px 0 18px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:10px;border:1px solid #36513e;border-radius:3px;padding:2px 8px;color:#afc4b6}.launch{display:flex;justify-content:space-between;margin-top:26px;color:#b2e5c5;font-size:12px}.tool-art{min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(130deg,#253b2c66,#17251c);overflow:hidden}.tool-art svg{width:90%;max-width:440px;height:auto}.art-caption{position:absolute;bottom:24px;right:25px;font:9px ui-monospace,monospace;letter-spacing:2px;color:#6c8b75}.next{display:flex;align-items:center;gap:25px;padding:30px 35px;margin-top:17px;border:1px dashed #2a392f;border-radius:10px}.next h2{font-size:15px;font-weight:400;margin:0 0 5px}.next p{font-size:12px;color:#90a395;margin:0}.next .micro{margin-left:auto}.plus{font-size:30px;color:#6c8b75}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:60px 0}.principles span{font:10px ui-monospace,monospace;color:#90a395}.principles h3{font-size:15px;font-weight:400;margin:15px 0 7px}.principles p{font-size:12px;color:#90a395;margin:0;line-height:1.8}footer{display:flex;justify-content:space-between;border-top:1px solid #2a392f;padding-top:25px;padding-bottom:25px;font-size:9px;color:#90a395;letter-spacing:1px}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{height:76px}.brand span{display:none}.hero{padding:40px 0 28px}h1{font-size:43px}.hero-bottom{display:block}.count{display:block;margin-top:22px}.hero-bottom p{font-size:12px}.tool{grid-template-columns:1fr}.tool-art{grid-row:1;min-height:200px;max-height:215px}.tool-art svg{width:80%;max-width:330px}.tool-copy{padding:24px}.tool-heading h2{font-size:32px}.next{padding:22px;gap:15px}.next .micro{display:none}.principles{grid-template-columns:1fr;gap:27px;padding:38px 0}.principles h3{margin-top:6px}footer{gap:20px;flex-wrap:wrap;font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}