:root{--category-primary:#f59e0b;--category-primary-dark:#d97706;--category-surface:#ffffff;--category-muted:#5b6b95;--category-border:rgba(255, 255, 255, 0.25);--category-dark-color:#2B3443;--category-light-color:#475467;--category-light-border:#cdd0d8;}
.category-hero{color:var(--category-dark-color);padding-top:88px;padding-bottom:88px;border-radius:0 0 32px 32px;}
.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.08) 1px, transparent 0);background-size:32px 32px;opacity:0.35;}
.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;border:1px solid var(--category-light-border);color:var(--category-dark-color);padding:0.4rem 1rem;border-radius:999px;font-size:0.75rem;letter-spacing:0.08em;}
.hero-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--category-light-color);}
.category-title{font-size:clamp(2rem, 4vw, 3.1rem);font-weight:700;line-height:1.1;margin-top:1.25rem;margin-bottom:1.5rem;}
.category-lead{font-size:1.1rem;color:var(--category-light-color);max-width:680px;}
.hero-meta{margin-top:2rem;}
.meta-card{border:1px solid var(--category-light-border);backdrop-filter:blur(10px);border-radius:18px;padding:1rem 1.25rem;min-width:180px;}
.meta-label{display:block;font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--category-light-color);margin-bottom:0.35rem;}
.meta-value{font-size:1.1rem;font-weight:600;}
.hero-actions .btn{border-radius:999px;border-width:2px;}
.hero-preview{background:rgba(10, 19, 56, 0.85);border:1px solid var(--category-light-border);border-radius:24px;overflow:hidden;padding:1.25rem;color:#cddafa;}
.preview-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;}
.preview-dot{width:10px;height:10px;border-radius:50%;display:inline-flex;}
.preview-code{background:rgba(8, 15, 45, 0.75);border-radius:20px;padding:1.25rem;font-size:0.95rem;line-height:1.6;white-space:pre-wrap;}
.preview-footer{margin-top:1rem;}
.section-title{font-size:clamp(1.75rem, 3vw, 2.5rem);font-weight:700;color:#101840;}
.section-subtitle,.category-overview p{font-size:1.05rem;color:#445274;}
.feature-card{background:#ffffff;border-radius:20px;padding:1.75rem;box-shadow:0 12px 40px rgba(15, 23, 42, 0.08);}
.feature-list li{display:flex;align-items:flex-start;gap:0.75rem;font-size:0.98rem;color:#293657;padding:0.35rem 0;}
.feature-list li::before{content:"•";font-size:1.4rem;line-height:1;color:var(--category-primary);margin-top:-0.1rem;}
.tool-section{padding-bottom:6rem;}
.section-eyebrow{text-transform:uppercase;font-size:0.75rem;letter-spacing:0.2em;color:#5b6b95;}
.tool-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;text-decoration:none;background:var(--category-surface);border-radius:20px;padding:1.75rem 1.5rem;box-shadow:0 8px 30px rgba(13, 22, 60, 0.08);border:1px solid var(--category-light-border);transition:transform 0.25s ease, box-shadow 0.25s ease;}
.tool-card:hover,.tool-card:focus{transform:translateY(-6px);box-shadow:0 18px 40px rgba(13, 22, 60, 0.14);}
.tool-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg, rgba(245, 158, 11, 0.18), rgba(245, 158, 11, 0.05));display:grid;place-items:center;margin-bottom:1.25rem;}
.tool-icon img{width:36px;height:36px;object-fit:contain;}
.tool-name{font-size:1.1rem;font-weight:600;color:#101840;margin-bottom:0.75rem;}
.tool-description{font-size:0.97rem;color:#4b5a7c;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3rem;}
.tool-link{font-size:0.9rem;font-weight:600;color:var(--category-primary);display:inline-flex;align-items:center;gap:0.4rem;}
.tool-link::after{content:"→";transition:transform 0.2s ease;}
.tool-card:hover .tool-link::after{transform:translateX(4px);}
.insights-section{padding:80px 0;}
.content-card{background:#ffffff;border-radius:24px;padding:2.5rem;box-shadow:0 14px 48px rgba(15, 23, 42, 0.12);height:100%;}
.content-card h2,.content-card h3{color:#101840;}
.content-card p{color:#46567c;}
.bullet-list li{display:flex;gap:0.75rem;align-items:baseline;padding:0.4rem 0;color:#2b3a5d;}
.bullet-icon{font-weight:700;color:var(--category-primary);margin-right:0.5rem;}
.insight-callout{margin-top:2.5rem;padding:1.75rem 2rem;border-radius:20px;background:rgba(245, 158, 11, 0.08);border:1px solid rgba(245, 158, 11, 0.2);color:#0d1f4f;font-weight:600;}
@media (max-width:991.98px){.category-hero{border-radius:0 0 24px 24px;padding-top:72px;padding-bottom:72px;}.hero-meta{gap:1rem;}.meta-card{flex:1 1 calc(50% - 1rem);}}
@media (max-width:767.98px){.hero-actions .btn{width:100%;}.meta-card{min-width:100%;}.feature-card{padding:1.5rem;}.content-card{padding:2rem;}}