:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#24392f;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #68ac89;outline-offset:5px}.header,main,footer{max-width:1200px;margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde3da}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:750;letter-spacing:1px}.brand-mark{display:grid;place-items:center;background:#285440;color:#fff;width:34px;height:34px;border-radius:10px;font-size:22px}.brand-divider{width:1px;height:21px;background:#ced8ce;margin:0 4px}.brand-label{font-size:15px;letter-spacing:0;font-weight:500}.header-link{font-size:14px}.header-link span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:475px;gap:40px;padding:46px 0 58px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:#62806b;display:flex;align-items:center;gap:10px}.eyebrow>span{height:7px;width:7px;border-radius:50%;background:#68976b}h1{font-size:64px;letter-spacing:-3px;line-height:1.18;margin:24px 0}h1 span{color:#698d5c}.hero-copy>p{font-size:16px;line-height:1.9;color:#748075;margin:0 0 28px}.primary{display:inline-flex;align-items:center;gap:46px;background:#2d513d;color:white;border-radius:9px;padding:14px 22px;font-size:14px}.primary:hover{background:#3c694e}.hero-art{height:345px;position:relative;background:radial-gradient(ellipse,#e5ecd9 0,transparent 68%);overflow:hidden}.orbit{position:absolute;width:330px;height:220px;border:1px solid #d2dec9;border-radius:50%;top:64px;left:80px;transform:rotate(-35deg)}.orbit-two{transform:rotate(35deg);width:280px;height:300px;left:104px;top:30px}.tile{position:absolute;width:123px;height:127px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid #fff;box-shadow:0 18px 30px #33482e10;font-size:13px}.tile svg{width:44px;height:44px}.tile-a{top:50px;left:82px;transform:rotate(-12deg);background:#dce8d6;color:#456a43}.tile-b{top:100px;left:220px;transform:rotate(10deg);background:#edf1e9;color:#556758;z-index:2}.tile-c{top:185px;left:126px;transform:rotate(-6deg);background:#f4e4d4;color:#a37a50}.art-label{position:absolute;right:12px;top:25px;font-size:9px;letter-spacing:2px;color:#8b9682}.art-note{position:absolute;right:15px;bottom:24px;color:#8a967f;font-size:13px;line-height:1.8}.spark{position:absolute;top:38px;left:290px;color:#93aa79;font-size:37px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.small{font-size:10px}h2{font-size:27px;font-weight:650;letter-spacing:-.6px;margin:12px 0 0}.tool-count{color:#899187;font-size:13px}.tool-count strong{color:#36583e;font-weight:600}.tools-section{scroll-margin-top:25px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:28px 0 22px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{cursor:pointer;border:0;color:#778272;background:transparent;border-radius:7px;padding:10px 17px;font-size:13px}.filter.active{background:#e3e9dc;color:#3c5b3c;font-weight:650}.filter:hover{background:#eaf0e4}.search{display:flex;align-items:center;gap:10px;border:1px solid #dee4d8;background:#fafbf7;border-radius:8px;padding:10px 13px}.search svg{width:18px;height:18px;color:#84927e}.search input{border:0;background:transparent;min-width:0;width:200px;color:#345039;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e6dc;border-radius:16px;padding:26px;transition:transform .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #33452b0d}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.tool-icon{height:51px;width:51px;border-radius:14px;display:grid;place-items:center;background:#edf3e8;color:#54794b}.tool-icon svg{width:27px;height:27px}.blue .tool-icon{background:#edf1f9;color:#6885a8}.orange .tool-icon{background:#fcf0e5;color:#b58b61}.tag{font-size:10px;color:#8c9587;border:1px solid #e5e9df;padding:5px 9px;border-radius:20px}h3{font-size:19px;font-weight:650;margin:23px 0 11px}.tool-card>p{font-size:13px;line-height:1.9;color:#83907e;margin:0 0 28px;flex:1}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2ed;padding-top:18px;font-size:11px;color:#919a8b}.open{color:#547346;font-weight:600}.open>span{margin-left:12px;font-size:18px}.coming{display:flex;align-items:center;gap:18px;border:1px dashed #d4deca;border-radius:14px;padding:24px;margin-top:22px;background:#eff2e9}.plus{height:42px;width:42px;display:grid;place-items:center;border-radius:50%;background:#e3e9db;font-size:24px;color:#7e9270}.coming h3{font-size:14px;margin:0 0 7px}.coming p{font-size:12px;color:#8c9781;margin:0;line-height:1.8}.coming-label{margin-left:auto;font-size:10px;letter-spacing:2px;color:#a0ac93}.new-tab-note{font-size:11px;color:#969f90;margin:18px 0 44px}footer{border-top:1px solid #dce3d5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 35px;color:#929b8c;font-size:11px}.footer-brand{color:#48603d;font-size:13px;font-weight:700}.footer-brand span{font-size:11px;font-weight:400;margin-left:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}#empty{padding:40px 20px;text-align:center;color:#7b8a72;border:1px dashed #d4deca;border-radius:12px;font-size:14px}@media(max-width:1260px){.header,main,footer{margin-left:32px;margin-right:32px}}@media(max-width:850px){h1{font-size:51px}.hero{gap:0;grid-template-columns:1fr 1fr}.hero-art{transform:scale(.85);transform-origin:center}.tile-a{left:30px}.tile-b{left:156px}.tile-c{left:66px}.orbit{left:5px}.orbit-two{left:30px}.spark{left:240px}.grid{gap:12px}.tool-card{padding:20px}.tag{display:none}.coming-label{display:none}}@media(max-width:640px){.header,main,footer{margin-left:20px;margin-right:20px}.header{height:80px}.brand{font-size:17px;gap:8px}.brand-label{font-size:13px}.header-link{font-size:12px}.header-link span{margin-left:4px}.hero{grid-template-columns:1fr;min-height:auto;padding:40px 0 35px}.hero-art{display:none}h1{font-size:52px;margin:22px 0}.hero-copy>p{font-size:14px}.section-top{display:block}h2{font-size:23px}.tool-count{margin-top:12px}.toolbar{flex-direction:column;align-items:stretch;gap:16px;margin-top:20px}.search input{width:100%}.grid{grid-template-columns:1fr;gap:16px}.tool-card{padding:24px}.tag{display:block}.tool-card>p{margin-bottom:20px}.coming{padding:20px;gap:13px}.plus{flex-shrink:0}footer{flex-wrap:wrap;line-height:1.7;gap:12px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none}}