:root{--bg: #f5f2ed;--paper: #fffdf9;--paper-soft: #f9f6f1;--ink: #2e2925;--muted: #706861;--faint: #a49b92;--line: #e4ddd4;--line-strong: #d8cec3;--terracotta: #c96f50;--terracotta-deep: #a94f34;--terracotta-soft: #f6e4dc;--green: #547c68;--green-soft: #e5efe9;--serif: Iowan Old Style, Baskerville, Charter, Georgia, "Songti SC", "STSong", serif;--sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color:var(--ink);background:var(--bg);font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 82% 6%,rgb(201 111 80 / 9%),transparent 28rem),var(--bg)}.topbar{position:sticky;z-index:20;top:0;height:72px;border-bottom:1px solid rgb(228 221 212 / 88%);background:#f5f2ede0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-inner{width:min(1320px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:flex;flex:0 0 auto;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgb(201 111 80 / 35%);border-radius:13px;color:var(--terracotta-deep);background:var(--terracotta-soft);box-shadow:0 5px 14px #a94f341c}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-family:var(--serif);font-size:17px;letter-spacing:-.03em}.brand-copy small{color:var(--faint);font:8px var(--mono);letter-spacing:.12em}.desktop-nav{display:flex;align-self:stretch;align-items:center;gap:3px}.desktop-nav button{height:100%;position:relative;padding:0 12px;border:0;color:var(--muted);background:transparent;font-size:12px;font-weight:650}.desktop-nav button:after{position:absolute;right:12px;bottom:-1px;left:12px;height:2px;border-radius:2px 2px 0 0;background:transparent;content:""}.desktop-nav button:hover{color:var(--ink)}.desktop-nav button.active{color:var(--terracotta-deep)}.desktop-nav button.active:after{background:var(--terracotta)}.header-meta{margin-left:auto;color:var(--faint);font-size:11px}.header-meta span{display:flex;align-items:center;gap:7px}.header-meta i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #547c681a}.menu-button{display:none;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--paper)}main{width:min(1320px,calc(100% - 48px));margin:0 auto}.hero{min-height:570px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);align-items:center;gap:72px;padding:72px 22px 64px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--terracotta-deep);font:650 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow span{width:18px;height:1px;background:var(--terracotta)}.hero h1{max-width:670px;margin:0;font-family:var(--serif);font-size:clamp(42px,5.1vw,70px);font-weight:600;line-height:1.08;letter-spacing:-.055em}.hero h1 em{color:var(--terracotta-deep);font-style:normal}.hero-description{max-width:610px;margin:23px 0 0;color:var(--muted);font-size:15px;line-height:1.85}.search-box{max-width:610px;height:56px;display:flex;align-items:center;gap:12px;margin-top:30px;padding:0 15px;border:1px solid var(--line-strong);border-radius:16px;background:#fffdf9e3;box-shadow:0 12px 30px #4a33220f;transition:border .18s ease,box-shadow .18s ease}.search-box:focus-within{border-color:var(--terracotta);box-shadow:0 0 0 4px #c96f501a,0 16px 34px #4a332212}.search-box>svg{flex:0 0 auto;color:var(--terracotta)}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.search-box input::placeholder{color:var(--faint)}.search-box button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--faint);background:var(--paper-soft)}.hero-facts{display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--faint);font-size:10px}.hero-facts span{white-space:nowrap}.hero-facts b{color:var(--muted);font-family:var(--mono)}.hero-facts i{width:3px;height:3px;border-radius:50%;background:var(--line-strong)}.hero-visual{min-width:0}.visual-grid{position:relative;height:390px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(rgb(228 221 212 / 42%) 1px,transparent 1px),linear-gradient(90deg,rgb(228 221 212 / 42%) 1px,transparent 1px),#fffdf9b0;background-size:48px 48px;box-shadow:0 22px 60px #4a332214}.visual-grid:before{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border:1px solid rgb(228 221 212 / 62%);border-radius:19px;content:""}.axis-label{position:absolute;z-index:2;color:var(--faint);font:9px var(--mono);letter-spacing:.08em}.axis-y{top:38px;left:39px;writing-mode:vertical-lr;transform:rotate(180deg)}.axis-x{right:38px;bottom:34px}.visual-grid svg{position:absolute;z-index:0;top:42px;right:28px;bottom:44px;left:45px;width:calc(100% - 73px);height:calc(100% - 86px);overflow:visible}.visual-grid path{fill:none;stroke:var(--terracotta);stroke-width:3;stroke-linecap:round}.visual-grid path.area{fill:url(#none);stroke:none;opacity:.06}.visual-card{position:absolute;z-index:3;display:grid;border:1px solid var(--line);background:#fffdf9e8;box-shadow:0 14px 36px #412b1c1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.visual-card small{color:var(--muted);font-size:10px}.visual-card strong{font:500 28px var(--mono);letter-spacing:-.06em}.visual-card>span{color:var(--faint);font-size:9px}.visual-card .positive{color:var(--green)}.card-a{top:42px;right:34px;width:162px;gap:5px;padding:17px;border-radius:17px;transform:rotate(2deg)}.card-a strong{color:var(--green)}.card-b{bottom:56px;left:45px;width:150px;gap:5px;padding:16px;border-radius:17px;transform:rotate(-2deg)}.card-b strong{color:var(--terracotta-deep)}.card-c{right:46px;bottom:87px;grid-template-columns:auto auto auto auto;align-items:center;gap:8px;padding:11px 13px;border-radius:999px;color:var(--muted);font-size:10px}.card-c>span{color:var(--muted)}.card-c b{color:var(--ink);font-weight:700}.card-c>svg:first-child{color:var(--terracotta)}.tool-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:30px;padding:38px 0 90px;border-top:1px solid var(--line);scroll-margin-top:72px}.category-panel{position:sticky;top:96px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fffdf9c2;box-shadow:0 12px 32px #4a33220d}.category-heading{display:flex;align-items:baseline;justify-content:space-between;padding:4px 6px 13px}.category-heading span{font-family:var(--serif);font-size:16px;font-weight:650}.category-heading small{color:var(--faint);font-size:9px}.category-list{display:grid;gap:3px}.category-list>button{min-height:60px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:13px;background:transparent;text-align:left}.category-list>button:hover{background:var(--paper-soft)}.category-list>button.active{border-color:#c96f5038;background:var(--terracotta-soft)}.category-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:var(--muted);background:var(--paper-soft)}.category-list>button.active .category-icon{color:var(--terracotta-deep);background:var(--paper)}.category-copy{min-width:0;display:grid;gap:2px}.category-copy b{font-size:11px}.category-copy small{overflow:hidden;color:var(--faint);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.category-list em{min-width:24px;padding:3px 6px;border-radius:999px;color:var(--terracotta-deep);background:var(--paper);font:normal 9px var(--mono);text-align:center}.category-list em.empty-count{color:var(--faint);background:transparent}.category-note{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:12px;border-radius:13px;color:var(--terracotta-deep);background:#f6e4dc94}.category-note svg{flex:0 0 auto;margin-top:1px}.category-note p{display:grid;gap:2px;margin:0}.category-note b{color:var(--ink);font-size:9px}.category-note span{color:var(--muted);font-size:8px;line-height:1.5}.tools-content{min-width:0}.section-heading{min-height:105px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:5px 2px 24px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{margin:0;font-family:var(--serif);font-size:clamp(27px,3.3vw,41px);font-weight:600;line-height:1.14;letter-spacing:-.045em}.section-heading>div>p:last-child{margin:8px 0 0;color:var(--muted);font-size:11px}.result-count{color:#c96f503b;font:500 56px var(--mono);line-height:1;letter-spacing:-.08em}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{min-height:375px;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:23px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 9px 28px #412b1c0d;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tool-card:before{position:absolute;top:-115px;right:-95px;width:260px;height:260px;border-radius:50%;background:var(--terracotta-soft);content:"";opacity:.68;transition:transform .25s ease}.tool-card.green:before{background:var(--green-soft)}.tool-card:hover{transform:translateY(-4px);border-color:#c96f5061;box-shadow:0 18px 44px #412b1c1a}.tool-card:hover:before{transform:scale(1.08)}.tool-card.green:hover{border-color:#547c686b}.tool-card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between}.tool-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgb(201 111 80 / 25%);border-radius:15px;color:var(--terracotta-deep);background:#fffdf9cc;box-shadow:0 8px 22px #412b1c12}.green .tool-icon{border-color:#547c6842;color:var(--green)}.tool-index{color:#a94f3466;font:11px var(--mono)}.green .tool-index{color:#547c687f}.tool-tag{align-self:flex-start;margin-top:34px;padding:4px 8px;border-radius:999px;color:var(--terracotta-deep);background:var(--terracotta-soft);font-size:8px;font-weight:700;letter-spacing:.06em}.green .tool-tag{color:var(--green);background:var(--green-soft)}.tool-card h3{max-width:390px;margin:12px 0 8px;font-family:var(--serif);font-size:clamp(22px,2.2vw,29px);font-weight:600;line-height:1.25;letter-spacing:-.035em}.tool-card>p{max-width:430px;margin:0 0 24px;color:var(--muted);font-size:11px;line-height:1.7}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line)}.tool-card-footer>span{min-width:0;display:grid;gap:3px}.tool-card-footer b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tool-card-footer small{color:var(--faint);font-size:8px}.tool-card-footer i{width:37px;height:37px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fffaf6;background:var(--terracotta-deep);transition:transform .18s ease}.green .tool-card-footer i{background:var(--green)}.tool-card:hover .tool-card-footer i{transform:translate(3px)}.empty-state{min-height:350px;display:grid;place-items:center;align-content:center;padding:40px;border:1px dashed var(--line-strong);border-radius:22px;color:var(--faint);background:#fffdf985;text-align:center}.empty-state h3{margin:15px 0 5px;color:var(--ink);font-family:var(--serif);font-size:21px}.empty-state p{margin:0 0 18px;color:var(--muted);font-size:11px}.empty-state button{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:10px;font-weight:650}footer{width:min(1320px,calc(100% - 48px));min-height:92px;display:flex;align-items:center;gap:20px;margin:0 auto;border-top:1px solid var(--line);color:var(--faint);font-size:10px}footer span{color:var(--ink);font-family:var(--serif);font-size:14px;font-weight:650}footer p{margin:0}footer a{margin-left:auto;text-decoration:none}footer a:hover{color:var(--terracotta-deep)}.mobile-menu-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#2e292552;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu{width:min(340px,calc(100% - 40px));height:100%;padding:18px;background:var(--paper);box-shadow:-16px 0 44px #2e29252e}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:4px 4px 13px;border-bottom:1px solid var(--line)}.mobile-menu-head strong{font-family:var(--serif);font-size:18px}.mobile-menu-head button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--paper-soft)}.mobile-menu>button{width:100%;min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:0;border-radius:13px;background:transparent;text-align:left}.mobile-menu>button.active{color:var(--terracotta-deep);background:var(--terracotta-soft)}.mobile-menu>button>span{display:grid;gap:2px}.mobile-menu>button b{color:var(--ink);font-size:12px}.mobile-menu>button small{color:var(--faint);font-size:9px}@media(max-width:1040px){.desktop-nav{display:none}.menu-button{display:grid}.hero{grid-template-columns:minmax(0,1fr) 390px;gap:38px;padding-inline:0}.visual-grid{height:350px}.tool-workspace{grid-template-columns:235px minmax(0,1fr);gap:22px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:330px}}@media(max-width:780px){.topbar-inner,main,footer{width:calc(100% - 28px)}.topbar{height:64px}.header-meta{display:none}.hero{min-height:auto;display:block;padding:54px 0}.hero-copy{max-width:660px}.hero-visual{display:none}.hero h1{font-size:clamp(40px,11vw,58px)}.tool-workspace{display:block;padding-top:26px;scroll-margin-top:64px}.category-panel{position:static;margin-bottom:28px;padding:11px}.category-heading,.category-note{display:none}.category-list{display:flex;overflow-x:auto;gap:6px;padding-bottom:2px;scrollbar-width:none}.category-list::-webkit-scrollbar{display:none}.category-list>button{min-width:auto;min-height:40px;display:flex;flex:0 0 auto;gap:7px;padding:5px 10px 5px 6px;border-radius:999px}.category-icon{width:28px;height:28px;border-radius:50%}.category-copy b{font-size:10px}.category-copy small,.category-list em{display:none}.section-heading{min-height:92px}}@media(max-width:520px){.topbar-inner,main,footer{width:calc(100% - 20px)}.brand-mark{width:34px;height:34px;border-radius:11px}.brand-copy strong{font-size:15px}.brand-copy small{display:none}.hero{padding:42px 2px 48px}.hero h1{font-size:39px;line-height:1.12}.hero-description{margin-top:18px;font-size:13px}.search-box{height:52px;margin-top:24px}.hero-facts{flex-wrap:wrap;gap:7px 10px;line-height:1.55}.hero-facts i{display:none}.hero-facts span{padding-right:10px;border-right:1px solid var(--line)}.hero-facts span:last-child{border-right:0}.tool-workspace{padding-bottom:58px}.category-panel{margin-bottom:22px}.section-heading{min-height:82px;padding-bottom:18px}.section-heading h2{font-size:28px}.result-count{display:none}.tool-grid{gap:13px}.tool-card{min-height:360px;padding:19px;border-radius:19px}.tool-tag{margin-top:30px}.tool-card h3{font-size:24px}footer{min-height:112px;flex-wrap:wrap;align-content:center;gap:5px 12px}footer p{width:100%;order:3}footer a{margin-left:auto}}