/* A consistent enterprise card and icon system for Bull. */
:root,[data-theme=blue]{--surface:#121c32;--surface-2:#1a2842;--soft:#0c1428;--line:#354158;--accent-text:#9acbff}
.ui-line-icon{flex-shrink:0;display:block;width:26px;height:26px;color:inherit}.benefit-icon{width:36px;height:36px;border:0;border-radius:0;background:transparent;color:#8ac6ff;place-items:start}.benefit-icon .ui-line-icon{width:32px;height:32px}.card-label{display:flex;align-items:center;gap:13px;margin-bottom:25px}.card-icon{display:grid;place-items:center;width:36px;height:36px;background:transparent;color:#8bc5ff}.card-label .num{font-size:11px;font-weight:600;letter-spacing:.7px;color:#a6b4cb}.service h3,.catalog-grid h3,.package-grid h3,.delivery-grid h3{margin-top:0}.service h3,.catalog-grid h3{font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.4px}.service,.service+.service,.catalog-grid article,.hero-benefits>a,.package-grid article,.delivery-grid article,.step,.values-grid article,.app-gallery>article,.project{border-radius:6px;border:1px solid #354158;background:#121c32;backdrop-filter:none;box-shadow:none}.service,.service+.service,.catalog-grid article{padding:30px;transition:border-color .2s,background .2s}.hero-benefits>a{border-color:#354158;background:#111a30f5;transition:border-color .2s,background .2s}.hero-benefits>a:hover,.catalog-grid article:hover,.service:hover{background:#18253c;border-color:#6c8ab6}.hero-benefits h3{font-size:25px;font-weight:500;margin-top:21px}.hero-benefits p,.service p,.catalog-grid p,.package-grid p,.delivery-grid p{color:#bac7db}.benefit-link{color:#a8d2ff;font-weight:500;text-underline-offset:6px}.tag{padding:4px 9px;font-size:12px;border-radius:3px;background:#1d2b43;color:#b6c8e1;border:1px solid #34435e}.btn,.app-info .btn,.contact .btn{border-radius:4px;transition:background .2s,border-color .2s;box-shadow:none}.btn:hover{transform:none}.btn.outline{border-color:#5b6d89}.btn.outline:hover{background:#1f304b;border-color:#9dc4f5}.ignite-announcement{border-radius:6px}.hero-product{transform:none;border-radius:8px;box-shadow:0 16px 45px #0005!important;border-color:#4c638a}.hero-product-head{background:#17243c}.hero-product-nav{background:#0f1c32}.hero-product .compact-preview,.software-preview{background:#111e35}.hero-product .preview-kpis>div,.preview-kpis>div{background:#1d2f4a;border-radius:4px;box-shadow:none;border-color:#3b5579}.hero-product-foot{background:#101b30}.software-showcase,.live-build,.technical-workbench{border-radius:6px;border-color:#3c4d69;box-shadow:none}.showcase-head,.live-build-head{background:#19263e}.technical-tabs{background:#142038}.system-map article,.architecture-flow article{border-radius:5px;background:#142039;border-color:#3b4c69}.tech-row span{border-radius:4px;background:#18253c;border-color:#3b4b65}.build-stages span,.preview-controls button{border-radius:4px}.app-image{background:#132139}.app-info{background:#121c32}.app-category{border-radius:3px}.app-scope,.connected-business,.more-products{border-radius:6px;background:#17263e;border-color:#3a5071}.values-grid article{background:#142039;backdrop-filter:none}.company .principles span{border-radius:4px;background:#17253b;border-color:#3c4c67}.project-body{background:#121c32}.project-body p{color:#bac7db}.client-logos>a{border-radius:6px!important}.mock{border-radius:0!important}.process{gap:22px}.step .num{display:grid;place-items:center;width:32px;height:32px;color:#9fc9ff;background:#1d2f4b;border:1px solid #3e577c;border-radius:4px;font-size:14px}.step h3{font-size:25px}.package-grid article,.delivery-grid article{padding:28px}.package-grid h3,.delivery-grid h3{font-size:24px}.package-grid small{color:#a5b6cf;border-color:#3d4c65}.contact form{border-radius:6px;background:#121e35;border-color:#3b4e6c}.contact input,.contact select,.contact textarea{border-radius:4px;background:#0d172a}.product-menu>div{border-radius:6px;background:#142039;border-color:#3d5274}.product-menu>div>a{border-radius:3px}.product-menu>div>a:hover{background:#243858}
/* Demo controls retain their status palette and readable layouts. */
.demo-shell{border-radius:8px;box-shadow:0 12px 36px #0003}.demo-toolbar{background:#1a2b46}.demo-tabs{gap:25px;background:#111d33}.demo-tabs button{display:flex;align-items:center;gap:9px}.demo-tabs .ui-line-icon{width:18px;height:18px;opacity:.9}.demo-tabs button[aria-selected=true]{background:transparent}.demo-intro h3{font-weight:500;font-size:28px}.metric{border-radius:5px;background:#1a2a43;box-shadow:none}.metric::before{width:3px}.analysis-grid>div,.project-analysis>div{border-radius:6px;background:#15243c;box-shadow:none}.clock-panel,.results-grid form,.scenario-grid form,#saleForm,.task-form,.project-demo-context{border-radius:6px;background:#14233b;border-color:#3f5375}.table-scroll,.decision-note,.project-insight{border-radius:5px;box-shadow:none}.task-column{border-radius:6px;background:#0f1c32}.task-card{border-radius:4px;background:#1a2c45;box-shadow:none}.task-priority,.task-overdue{border-radius:3px}.task-card select,.task-legend button,.chart-types button,.chart-legend button,.preview-controls button{border-radius:4px}.task-legend button{background:#12213a}.report-actions .btn{border-radius:4px}input,select,textarea{border-radius:4px}.clock-buttons button{border-radius:4px}.weekly-summary span{border-radius:4px}.chart-legend button{background:#12213a}.track,.track span{border-radius:3px}.statement-row.total{border-radius:4px;background:#193653}.demo-badge{border-radius:3px}
@media(max-width:800px){.service,.service+.service,.catalog-grid article{padding:27px}.hero-benefits h3{font-size:25px}.demo-tabs{gap:22px}.hero-product{border-radius:6px}.package-grid article,.delivery-grid article{padding:25px}}
@media(max-width:520px){.card-label{margin-bottom:20px;gap:10px}.card-label .num{font-size:11px;letter-spacing:.4px}.card-icon{width:30px;height:30px}.card-icon .ui-line-icon{width:25px;height:25px}.service,.service+.service,.catalog-grid article{padding:25px}.service h3,.catalog-grid h3{font-size:25px}.hero-benefits>a{padding:25px}.hero-benefits h3{font-size:24px}.demo-tabs button{font-size:14px;gap:7px}.demo-tabs .ui-line-icon{width:17px;height:17px}.hero-product .preview-kpis b{font-size:23px}.demo-shell{border-radius:6px}.demo-intro h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hero-benefits>a,.catalog-grid article,.service{transition:none}}