:root{color:#121826;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#101522;--muted:#667085;--subtle:#8a94a6;--line:#e3e8ef;--soft:#f6f8fb;--surface:#fff;--blue:#145df5;--blue-soft:#eef4ff;--green:#149b5f;--green-soft:#ebf8f1;--amber:#8f5c00;--amber-soft:#fff4d6;--coral:#d94b3d;--coral-soft:#fff0ed;--violet:#6a54dc;--violet-soft:#f2efff;--shadow:0 22px 55px #10182814;--ease:cubic-bezier(.2, .8, .2, 1);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff;min-width:320px}body{background:#fff;min-height:100vh;margin:0}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;color:var(--ink)}.skip-link{z-index:100;background:var(--ink);color:#fff;transition:top .16s var(--ease);border-radius:8px;padding:10px 14px;font-size:14px;font-weight:760;position:absolute;top:-72px;left:16px}.skip-link:focus{top:12px}.site-header,.hero-section,.tools-section,.updates-section,.about-section,.site-footer{width:min(1160px,100% - 48px);margin:0 auto}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;justify-content:space-between;align-items:center;min-height:70px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:2px;font-size:24px;font-weight:850;display:inline-flex}.brand strong{color:var(--blue);font-size:22px}.site-nav{color:#263244;align-items:center;gap:38px;font-size:15px;font-weight:720;display:flex}.site-nav a{transition:color .16s var(--ease)}.site-nav a:hover{color:var(--blue)}.hero-section{grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:56px;min-height:520px;padding:74px 0 48px;display:grid}.hero-copy h1{color:#090d16;letter-spacing:0;max-width:760px;margin:0;font-size:clamp(50px,5.8vw,70px);font-weight:860;line-height:1.06}.hero-copy p{color:#4c596b;width:min(650px,100%);margin:25px 0 0;font-size:clamp(18px,2vw,23px);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:34px;display:flex}.button{min-height:52px;transition:transform .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:780;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(#216cff,#145df5);border:1px solid #0d52e8;padding:0 26px;box-shadow:0 16px 34px #145df53d}.button-ghost{color:var(--blue);padding:0 4px}.hero-preview{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:28px}.preview-title{color:#1c2636;margin-bottom:16px;font-size:15px;font-weight:780;display:block}.preview-list{gap:12px;display:grid}.preview-row{border:1px solid var(--line);color:#293447;min-height:74px;transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);background:#fff;border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto 16px;align-items:center;gap:14px;padding:12px 14px;display:grid}.preview-row:hover{border-color:#145df538;transform:translateY(-2px);box-shadow:0 12px 26px #10182814}.preview-row strong,.preview-row small{display:block}.preview-row strong{color:#121826;font-size:17px;font-weight:800;line-height:1.25}.preview-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;line-height:1.35;overflow:hidden}.preview-row em{color:#596579;font-size:14px;font-style:normal}.preview-icon,.tool-icon{color:var(--blue);background:var(--blue-soft);border-radius:8px;place-items:center;display:grid}.preview-icon{width:52px;height:52px}.preview-icon[data-accent=green],.tool-icon[data-accent=green]{color:var(--green);background:var(--green-soft)}.preview-icon[data-accent=amber],.tool-icon[data-accent=amber]{color:var(--amber);background:var(--amber-soft)}.preview-icon[data-accent=coral],.tool-icon[data-accent=coral]{color:var(--coral);background:var(--coral-soft)}.preview-icon[data-accent=violet],.tool-icon[data-accent=violet]{color:var(--violet);background:var(--violet-soft)}.tools-section,.updates-section,.about-section{border-top:1px solid var(--line);padding:48px 0}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.section-head.compact{margin-bottom:18px}.section-head h2,.about-section h2{color:#111827;margin:0;font-size:clamp(26px,3vw,36px);font-weight:820;line-height:1.15}.section-head p,.about-section p{max-width:620px;color:var(--muted);margin:9px 0 0;font-size:16px;line-height:1.72}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;align-items:center;gap:10px;width:min(390px,100%);min-height:46px;padding:0 14px;display:flex}.search-box svg{color:#7a8495;flex:none}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.category-row{scrollbar-width:none;gap:8px;margin:0 0 18px;padding-bottom:2px;display:flex;overflow-x:auto}.category-row::-webkit-scrollbar{display:none}.category-chip{border:1px solid var(--line);color:#5b6678;background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;min-height:34px;padding:0 13px;font-size:13px;font-weight:740;display:inline-flex}.category-chip[data-active=true]{border-color:var(--blue);color:#fff;background:var(--blue)}.tool-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.tool-card{border:1px solid var(--line);background:var(--surface);min-height:252px;transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:8px;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.tool-card:hover{border-color:#145df538;transform:translateY(-3px);box-shadow:0 16px 36px #10182814}.tool-card-top{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;display:grid}.tool-icon{width:52px;height:52px}.tool-card h3{color:#101522;margin:0;font-size:18px;font-weight:820;line-height:1.25}.tool-card-top span:not(.tool-icon){width:fit-content;color:var(--blue);background:var(--blue-soft);border-radius:8px;margin-top:7px;padding:4px 8px;font-size:12px;font-weight:740;display:inline-flex}.tool-card p{color:#49566a;margin:22px 0;font-size:15px;line-height:1.7}.tool-card-bottom{border-top:1px solid var(--line);gap:14px;padding-top:15px;display:grid}.status-pill,.tool-card-bottom a,.about-link{align-items:center;display:inline-flex}.status-pill{color:#0d7d4b;background:var(--green-soft);border-radius:8px;gap:6px;width:fit-content;padding:5px 9px;font-size:12px;font-weight:780}.status-preview{color:#0b57d0;background:var(--blue-soft)}.status-building{color:#596579;background:#f2f4f7}.tool-card-bottom a{color:var(--blue);gap:7px;font-size:14px;font-weight:760}.empty-state{border:1px solid var(--line);color:var(--muted);background:var(--soft);border-radius:8px;margin:18px 0 0;padding:18px;font-size:15px}.updates-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.update-item{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;padding:16px 18px;display:grid}.update-dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.update-item h3{color:#263244;margin:0;font-size:15px;font-weight:760;line-height:1.45}.update-item time{color:var(--subtle);white-space:nowrap;font-size:13px}.about-section{justify-content:space-between;align-items:center;gap:32px;display:flex}.about-link{border:1px solid var(--line);color:#253047;background:#fff;border-radius:8px;flex:none;gap:8px;min-height:42px;padding:0 14px;font-size:14px;font-weight:760}.site-footer{border-top:1px solid var(--line);color:#687386;justify-content:space-between;align-items:center;gap:18px;min-height:76px;font-size:14px;display:flex}@media (width<=1050px){.hero-section{grid-template-columns:1fr;gap:42px;min-height:auto}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=780px){.site-header,.hero-section,.tools-section,.updates-section,.about-section,.site-footer{width:min(100% - 32px,1160px)}.site-header{min-height:66px}.site-nav{gap:18px;font-size:14px}.hero-section{padding:52px 0 36px}.hero-copy h1{font-size:clamp(40px,12vw,56px)}.hero-actions,.section-head,.about-section,.site-footer{flex-direction:column;align-items:flex-start}.search-box{width:100%}.preview-row{grid-template-columns:48px minmax(0,1fr) 16px}.preview-row em{display:none}.tool-grid,.updates-list{grid-template-columns:1fr}.tool-card{min-height:220px}.update-item{grid-template-columns:8px minmax(0,1fr)}.update-item time{grid-column:2}}@media (width<=520px){.brand{font-size:21px}.brand strong{font-size:19px}.site-nav{gap:13px}.button{width:100%}.button-ghost{justify-content:flex-start;padding:0}.hero-preview{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}