:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
html { width: 100%; min-width: 100%; touch-action: manipulation; }
body { width: 100%; min-width: 100%; margin: 0; min-height: 100vh; background: #f3f1ec; color: #17191f; touch-action: manipulation; }
.home-shell { width: min(920px, calc(100% - 32px)); margin: 0 auto; padding: 34px 0 60px; }
.brand { display: flex; align-items: center; }
.brand-logo { display: block; width: min(290px, 72vw); height: auto; mix-blend-mode: multiply; }
.brand-mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 6px; background: #cf2434; color: white; font-weight: 900; }
.brand div { display: grid; line-height: 1; }
.brand strong { font-size: 19px; letter-spacing: .08em; }
.brand span:last-child { margin-top: 5px; font-size: 10px; letter-spacing: .28em; color: #666973; }
.home-intro { margin: 42px 0 28px; }
.eyebrow { margin: 0 0 8px; color: #a51e2c; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0; max-width: 620px; font-size: clamp(32px, 6vw, 58px); line-height: 1.02; letter-spacing: 0; }
.tool-grid { display: grid; gap: 10px; }
.tool-card { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 16px; min-height: 86px; padding: 16px 18px; border: 1px solid #d9d6cf; border-radius: 8px; background: #fff; color: inherit; text-decoration: none; transition: .15s ease; }
.tool-card:hover { border-color: #9d9a93; transform: translateY(-1px); }
.tool-card--date { background: #17191f; color: white; border-color: #17191f; }
.tool-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 6px; background: #ece9e2; color: #24262d; font-size: 13px; font-weight: 900; }
.tool-card--date .tool-icon { background: #cf2434; color: #fff; }
.tool-card > span:nth-child(2) { display: grid; gap: 5px; }
.tool-card strong { font-size: 17px; }
.tool-card small { color: #6a6d75; }
.tool-card--date small { color: #c8cad0; }
.arrow { font-size: 32px; font-weight: 300; }
@media (max-width: 520px) { .home-intro { margin-top: 52px; } .tool-card { grid-template-columns: 44px 1fr auto; padding: 14px; } .tool-icon { width: 44px; height: 44px; } }