:root { --cd-bg: #07111f; --cd-bg-soft: #0f1d2f; --cd-panel: #12233a; --cd-line: rgba(255, 255, 255, .12); --cd-text: #f7fafc; --cd-muted: #aab7c7; --cd-blue: #1b76d1; --cd-blue-2: #35a7ff; --cd-red: #e1262f; --cd-yellow: #f5b301; --cd-green: #1fbf75; } body { color: var(--cd-text); background: var(--cd-bg); } .cd-topbar { background: #050b14; color: var(--cd-muted); font-size: 13px; border-bottom: 1px solid var(--cd-line); } .cd-header { background: rgba(7, 17, 31, .96); border-bottom: 1px solid var(--cd-line); backdrop-filter: blur(10px); } .cd-hero { min-height: 640px; background: linear-gradient(90deg, rgba(7, 17, 31, .96), rgba(7, 17, 31, .72), rgba(7, 17, 31, .38)), url("https://www.car-diag.hr/wp-content/uploads/2026/05/CAR-0002-bf1929-1.png"); background-size: cover; background-position: center right; } .cd-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--cd-blue-2); font-weight: 700; text-transform: uppercase; letter-spacing: 0; font-size: 13px; } .cd-title { color: var(--cd-text); font-size: clamp(38px, 6vw, 72px); line-height: 1.02; letter-spacing: 0; max-width: 920px; } .cd-lead { color: #d7e0ea; font-size: 19px; line-height: 1.65; max-width: 760px; } .cd-button-primary .elementor-button, .cd-btn-primary { background: var(--cd-red); color: #fff; border-radius: 6px; font-weight: 800; box-shadow: 0 14px 30px rgba(225, 38, 47, .24); } .cd-button-secondary .elementor-button, .cd-btn-secondary { background: transparent; color: var(--cd-text); border: 1px solid var(--cd-line); border-radius: 6px; font-weight: 800; } .cd-trust-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .cd-trust { border: 1px solid var(--cd-line); background: rgba(18, 35, 58, .72); padding: 16px; border-radius: 8px; color: var(--cd-text); } .cd-section-dark {