.tools-showcase-section{position:relative;padding:6rem 1.5rem;background:radial-gradient(ellipse at 50% 0,rgba(14,165,233,.08) 0,transparent 70%);border-top:1px solid hsla(0,0%,100%,.06);border-bottom:1px solid hsla(0,0%,100%,.06)}.sabrixa-light .tools-showcase-section{background:radial-gradient(ellipse at 50% 0,rgba(2,132,199,.05) 0,transparent 70%),#fafbfc;border-top-color:#e2e8f0;border-bottom-color:#e2e8f0}.tools-showcase-inner{max-width:1140px;margin:0 auto}.tools-showcase-header{text-align:center;max-width:780px;margin:0 auto 3.5rem}.tools-editorial-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .95rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(14,165,233,.1);border:1px solid rgba(56,189,248,.3);color:#38bdf8;margin-bottom:1.25rem}.tools-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 6px #38bdf8}.tools-showcase-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.03em;color:#f8fafc;line-height:1.15;margin-bottom:1rem}.sabrixa-light .tools-showcase-title{color:#0f172a}.tools-showcase-subtitle{font-size:1rem;line-height:1.65;color:#94a3b8;margin:0 auto}.sabrixa-light .tools-showcase-subtitle{color:#475569}.tools-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.tools-bento-card{position:relative;background:rgba(15,23,42,.45);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid hsla(0,0%,100%,.09);border-top-color:hsla(0,0%,100%,.2);border-radius:20px;padding:2.25rem;box-shadow:0 16px 36px -10px rgba(0,0,0,.45);transition:all .25s cubic-bezier(.16,1,.3,1)}.tools-bento-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.4)}.tools-bento-card--hero{grid-column:span 12;display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center;background:linear-gradient(135deg,rgba(14,165,233,.1),rgba(15,23,42,.55) 60%);border-color:rgba(14,165,233,.28)}.tools-bento-card--side{grid-column:span 6;display:flex;flex-direction:column}.bento-card-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .75rem;border-radius:9999px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:#34d399;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.1rem}.badge-live-pulse{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.bento-card-title{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:#f8fafc;margin-bottom:.75rem}.bento-card-desc{font-size:.92rem;line-height:1.6;color:#94a3b8;margin-bottom:1.5rem}.bento-highlights-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.65rem}.bento-highlights-list li{display:flex;align-items:center;gap:.65rem;font-size:.86rem;color:#cbd5e1}.bento-highlights-list li strong{color:#f1f5f9}.bento-actions-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.bento-primary-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.6rem;border-radius:12px;font-size:.9rem;font-weight:600;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff!important;text-decoration:none!important;border:1px solid rgba(56,189,248,.6);border-top-color:hsla(0,0%,100%,.4);box-shadow:0 4px 16px rgba(2,132,199,.4),inset 0 1px 0 hsla(0,0%,100%,.35);transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.bento-primary-btn:hover{transform:translateY(-1.5px);background:linear-gradient(180deg,#0369a1,#075985);box-shadow:0 8px 24px rgba(2,132,199,.55)}.bento-ghost-btn{display:inline-flex;align-items:center;padding:.85rem 1.4rem;border-radius:12px;font-size:.88rem;font-weight:600;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);color:#f1f5f9!important;text-decoration:none!important;transition:all .2s ease}.bento-ghost-btn:hover{background:hsla(0,0%,100%,.1);border-color:rgba(56,189,248,.4);color:#38bdf8!important}.bento-preview-console{background:rgba(10,15,30,.85);border:1px solid rgba(56,189,248,.25);border-top-color:rgba(56,189,248,.5);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 24px rgba(14,165,233,.15)}.console-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(15,23,42,.9);border-bottom:1px solid hsla(0,0%,100%,.07);font-size:.75rem}.console-dots{display:flex;gap:.35rem}.dot{width:9px;height:9px;border-radius:50%}.dot--red{background:#ef4444}.dot--yellow{background:#eab308}.dot--green{background:#22c55e}.console-title{color:#94a3b8;font-weight:600;font-size:.72rem}.console-tag{color:#38bdf8;font-weight:700;font-size:.68rem;text-transform:uppercase}.console-viewport{padding:1.25rem}.viewport-split-preview{position:relative;display:flex;height:190px;border-radius:10px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08)}.split-half{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative}.split-half--before{background:radial-gradient(circle at center,rgba(239,68,68,.08) 0,rgba(15,23,42,.95) 100%)}.split-half--after{background:radial-gradient(circle at center,rgba(14,165,233,.18) 0,rgba(15,23,42,.95) 100%)}.split-divider-line{width:2px;background:#fff;box-shadow:0 0 10px rgba(56,189,248,.8)}.split-label{position:absolute;top:10px;font-size:.68rem;font-weight:700;text-transform:uppercase;color:#94a3b8}.split-label--clean{color:#38bdf8}.mock-artifact-box,.mock-clean-box{display:flex;flex-direction:column;align-items:center;gap:.45rem}.mock-wm-indicator{font-size:.74rem;font-weight:600;color:#f87171;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);padding:.25rem .55rem;border-radius:6px}.mock-meta-tag{font-size:.68rem;color:#f59e0b}.mock-clean-badge{font-size:.74rem;font-weight:700;color:#34d399;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);padding:.25rem .65rem;border-radius:6px;box-shadow:0 0 12px rgba(16,185,129,.25)}.mock-res-tag{font-size:.68rem;color:#38bdf8;font-weight:600}.console-bottombar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:rgba(15,23,42,.9);border-top:1px solid hsla(0,0%,100%,.07);font-size:.72rem;color:#94a3b8}.console-metric{color:#34d399;font-weight:600}.side-card-badge{display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:9999px;background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.25);color:#94a3b8;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.side-card-badge--cyan{background:rgba(14,165,233,.1);border-color:rgba(56,189,248,.3);color:#38bdf8}.side-card-title{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:.65rem;letter-spacing:-.015em}.side-card-desc{font-size:.88rem;line-height:1.6;color:#94a3b8;margin-bottom:1.5rem;flex:1}.side-card-metric{display:flex;align-items:baseline;justify-content:space-between;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.08)}.side-card-metric .metric-val{font-size:.85rem;font-weight:700;color:#38bdf8}.side-card-metric .metric-lbl{font-size:.74rem;color:#64748b}.sabrixa-light .tools-bento-card{background:#fff;border-color:rgba(15,23,42,.1);box-shadow:0 8px 30px rgba(15,23,42,.05)}.sabrixa-light .tools-bento-card--hero{background:linear-gradient(135deg,rgba(2,132,199,.04),#fff 70%);border-color:rgba(2,132,199,.3)}.sabrixa-light .bento-card-title{color:#0f172a}.sabrixa-light .bento-card-desc,.sabrixa-light .bento-highlights-list li{color:#475569}.sabrixa-light .bento-highlights-list li strong{color:#0f172a}.sabrixa-light .bento-ghost-btn{background:#f8fafc;border-color:#cbd5e1;color:#0f172a!important}.sabrixa-light .bento-ghost-btn:hover{background:#f1f5f9;border-color:#0284c7;color:#0284c7!important}.sabrixa-light .side-card-title{color:#0f172a}.sabrixa-light .side-card-desc{color:#475569}.sabrixa-light .side-card-metric{border-top-color:#e2e8f0}@media (max-width:900px){.tools-bento-card--hero{grid-template-columns:1fr}.tools-bento-card--side{grid-column:span 12}}