.ux2-hero{background:var(--bg-white);border-bottom:1px solid var(--border-light);padding:80px 0 64px}.ux2-hero-inner{max-width:640px}.ux2-badge{display:inline-block;background:var(--primary-light);color:var(--primary-darker);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:24px}.ux2-hero h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--text-dark);margin:0 0 20px}.ux2-hero h1 span{color:var(--primary)}.ux2-hero .lead{font-size:1.05rem;color:var(--text-body);line-height:1.65;margin:0 0 32px;max-width:580px}.ux2-tools-section{padding:64px 0;background:var(--bg-light)}.ux2-section-intro{margin-bottom:32px}.ux2-section-intro h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text-dark);margin:0}.ux2-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}@media(max-width:1024px){.ux2-categories-grid{grid-template-columns:1fr}}.ux2-category{background:var(--bg-white);border:1.5px solid var(--border-medium);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.ux2-category-header{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1.5px solid var(--border-medium);background-size:cover;background-position:center;background-color:#f3f4f6}.ux2-cat-calculators{background-image:url(/category-calculators-lm.jpg)}.ux2-cat-explainers{background-image:url(/category-explainers-lm.jpg)}.ux2-cat-broker{background-image:url(/category-broker-tools-lm.jpg)}[data-theme=dark] .ux2-cat-calculators{background-image:url(/category-calculators.jpg)}[data-theme=dark] .ux2-cat-explainers{background-image:url(/category-explainers.jpg)}[data-theme=dark] .ux2-cat-broker{background-image:url(/category-broker-tools.jpg)}.ux2-category-header:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 45%,transparent 75%);z-index:1;pointer-events:none}[data-theme=dark] .ux2-category-header:after{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.25) 45%,transparent 75%)}.ux2-category-header-content{position:absolute;bottom:0;left:0;right:0;padding:18px 20px;z-index:2}.ux2-category-header h3{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffeb;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.ux2-tool-row{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1.5px solid var(--border-medium);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.ux2-tool-row:last-child{border-bottom:none}.ux2-tool-row:hover{background:var(--bg-lighter)}.ux2-tool-row.coming-soon{opacity:.45;pointer-events:none;cursor:default}.ux2-tool-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ux2-tool-icon svg{width:20px;height:20px;stroke:var(--text-muted);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ux2-tool-info{flex:1;min-width:0;transition:transform var(--transition-fast)}.ux2-tool-row:hover .ux2-tool-info{transform:translate(3px)}.ux2-tool-name{display:block;font-size:.88rem;font-weight:700;color:var(--text-dark);margin-bottom:1px}.ux2-tool-desc{display:block;font-size:.76rem;color:var(--text-muted);line-height:1.35}.ux2-tool-arrow{flex-shrink:0;width:16px;height:16px;opacity:0;transform:translate(-5px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.ux2-tool-arrow svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ux2-tool-row:hover .ux2-tool-arrow{opacity:1;transform:translate(0)}[data-theme=dark] .ux2-hero{background:var(--bg-dark);border-bottom-color:#ffffff14}[data-theme=dark] .ux2-hero h1{color:#f9fafb}[data-theme=dark] .ux2-badge{background:#417be933;color:#93c5fd}[data-theme=dark] .ux2-tools-section{background:#111827}[data-theme=dark] .ux2-category{background:#1f2937cc;border-color:#ffffff1f}[data-theme=dark] .ux2-category-header{border-bottom-color:#ffffff1f}[data-theme=dark] .ux2-tool-row{border-bottom-color:#ffffff14}[data-theme=dark] .ux2-tool-row:hover{background:#ffffff0a}[data-theme=dark] .ux2-tool-icon svg{stroke:#ffffff80}[data-theme=dark] .ux2-tool-arrow svg{stroke:#ffffff80}[data-theme=dark] .ux2-tool-name{color:#f3f4f6}