/* Home do Short to Track — apresentação central + duas ferramentas lado a lado.
   Tokens e regras gerais ficam em base.css; menu e rodapé em site.css. */

.wrap{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:32px;padding-top:clamp(24px,8vh,88px)}

.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.hero h1{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;line-height:1.05}
.hero .lead{font-family:var(--display);font-weight:600;font-size:clamp(1.1rem,2.6vw,1.35rem);margin:0}
.hero .sub{color:var(--muted);margin:0;max-width:56ch}

.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0;display:flex;flex-direction:column;gap:14px}
.tool-head{display:flex;align-items:center;gap:12px}
.tool-icon{width:44px;height:44px;border-radius:8px;background:var(--soft);display:flex;align-items:center;justify-content:center;flex:none}
.tool-icon svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tool h2{font-size:1.45rem;font-weight:800}
.tool p{margin:0;color:var(--muted);flex:1}
.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--soft);color:var(--accent);border-radius:4px;padding:2px 7px;margin-left:6px;vertical-align:middle}

.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 14px;cursor:pointer;font:inherit;font-weight:700;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);padding:12px 22px;font-size:1.05rem}
.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.btn[aria-disabled="true"]:hover{border-color:var(--line)}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.tool.off .tool-icon svg{stroke:var(--muted)}

@media (max-width:640px){
  .tools{grid-template-columns:minmax(0,1fr)}
  .card{padding:18px}
}

/* Na home o menu não tem espaço extra abaixo: a apresentação já tem seu próprio respiro. */
.page-home .sh-head{margin-bottom:0}