:root{--gold:#e6c36a;--line:#2a3a50;--txt:#e0e0e0;--muted:#a9b1bc;--bg:#0b1320}
*{box-sizing:border-box} body{margin:0;min-height:100vh;font-family:'Inter',sans-serif;color:var(--txt);background:var(--bg) url('../textura.png') repeat;background-size:1024px 1024px}
.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 60px}
.breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:20px;font-size:13px;color:var(--muted)} .breadcrumbs a{color:#f5deb0;text-decoration:none}
.section-hero{margin-bottom:20px;padding:24px;border:1px solid rgba(230,195,106,.22);border-radius:8px;background:linear-gradient(135deg,rgba(17,25,37,.98),rgba(14,18,27,.9))}
.eyebrow{margin:0 0 10px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}
.section-hero h1{margin:0;font-family:'Cinzel',serif;font-size:clamp(2rem,3vw,3.2rem)}
.hero-copy{margin:12px 0 0;color:var(--muted)}
.tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tool-card{border:1px solid var(--line);border-radius:8px;background:rgba(15,25,40,.95);padding:12px}
.tool-card h2{margin:0 0 8px;font-family:'Cinzel',serif;font-size:1.1rem;color:#fff4cd}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.badge{padding:5px 8px;border:1px solid rgba(230,195,106,.24);border-radius:6px;background:#11243d;color:#f5deb0;font-size:12px;font-weight:800}
.tool-card p{margin:0;color:#d6dde8;line-height:1.45}
footer{margin-top:44px;padding:30px 20px;text-align:center;border-top:2px solid var(--gold);background:linear-gradient(to top,#050a10,#0b1320)} footer p{margin:6px 0;font-size:13px;color:#888}
@media (max-width:860px){.tools-list{grid-template-columns:1fr}}