/* Home page: hero, category grid, Get Listed CTA */
/* ---------- hero ---------- */
.hero{background:var(--paper-2);border-bottom:1px solid var(--rule);padding:96px 0 104px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;right:0;bottom:0;width:38%;background:linear-gradient(135deg,rgba(124,29,36,.035),rgba(16,20,24,.05));border-left:1px solid var(--rule);pointer-events:none}
@media (max-width:900px){.hero::before{display:none}}
.hero__inner{position:relative;max-width:860px}
.hero__headline{font-size:clamp(36px,6.2vw,68px);line-height:1.04;letter-spacing:-.03em;margin-bottom:26px;max-width:17ch}
.hero__copy{font-size:clamp(17px,1.9vw,20px);line-height:1.6;color:var(--body);max-width:58ch;margin-bottom:38px}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero__rule{width:64px;height:2px;background:var(--accent);margin:0 0 30px}

/* ---------- category grid ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
.cat-card{display:flex;flex-direction:column;padding:38px 32px 34px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#fff;text-decoration:none;position:relative;transition:background .22s var(--ease);min-height:260px}
.cat-card::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.cat-card:hover{background:var(--paper-2)}
.cat-card:hover::before{transform:scaleX(1)}
.cat-card__index{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--muted-2);margin-bottom:auto}
.cat-card h3{font-size:26px;margin:34px 0 12px;letter-spacing:-.02em}
.cat-card p{font-size:15px;color:var(--muted);line-height:1.62;margin-bottom:24px;max-width:34ch}
.cat-card__cta{font-size:13px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:7px;margin-top:auto;transition:gap .2s var(--ease)}
.cat-card:hover .cat-card__cta{gap:11px}

/* ---------- CTA ---------- */
.cta{background:var(--ink);color:#fff;padding:88px 0;position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 82% 18%,rgba(124,29,36,.34),transparent 58%);pointer-events:none}
.cta__inner{position:relative;max-width:660px}
.cta h2{color:#fff;font-size:clamp(28px,4.2vw,44px);line-height:1.1;letter-spacing:-.028em;margin-bottom:18px}
.cta p{font-size:17px;color:rgba(255,255,255,.74);line-height:1.65;margin-bottom:34px;max-width:52ch}
.cta__note{margin-top:22px;font-size:12.5px;color:rgba(255,255,255,.5)}

@media (max-width:960px){
  .cat-grid{grid-template-columns:1fr}
  .cat-card{min-height:auto;padding:30px 26px}
  .cat-card h3{margin-top:22px}
  .hero{padding:64px 0 72px}
  .cta{padding:64px 0}
}