/* ════════════════════════════════════════════════════════════
   █ PAGE 3 · SEO FOR CAR DETAILING
   █ prefix: obltech-cd-*
   █ Polychrome; own margin-zero deltas; gradient text (not under obltech-lp).
   ════════════════════════════════════════════════════════════ */
/* ============================================================
   18. CAR-DETAILING COMPONENT SET (obltech-cd-*)
   Polychrome page: colors are per-card by design and live in
   these component rules (locally scoped vars), so this set has
   no theme-variable block. It deliberately does NOT use the
   .obltech-lp reset — these components rely on gradient text
   (-webkit-text-fill-color: transparent), which the obltech-lp
   fill neutralizer would erase. The set carries its own scoped
   reset instead. Theme marker: obltech-theme-cardetail.
   ============================================================ */
/* ── SHARED: reset, container, heading weight (was repeated 15×) ── */
.obltech-cd-hero *,
.obltech-cd-hero *::before,
.obltech-cd-hero *::after,
.obltech-cd-cs *,
.obltech-cd-cs *::before,
.obltech-cd-cs *::after,
.obltech-cd-why *,
.obltech-cd-why *::before,
.obltech-cd-why *::after,
.obltech-cd-pkg *,
.obltech-cd-pkg *::before,
.obltech-cd-pkg *::after,
.obltech-cd-opt *,
.obltech-cd-opt *::before,
.obltech-cd-opt *::after,
.obltech-cd-mob *,
.obltech-cd-mob *::before,
.obltech-cd-mob *::after,
.obltech-cd-cm *,
.obltech-cd-cm *::before,
.obltech-cd-cm *::after,
.obltech-cd-gbp *,
.obltech-cd-gbp *::before,
.obltech-cd-gbp *::after,
.obltech-cd-lb *,
.obltech-cd-lb *::before,
.obltech-cd-lb *::after,
.obltech-cd-ds *,
.obltech-cd-ds *::before,
.obltech-cd-ds *::after,
.obltech-cd-bn *,
.obltech-cd-bn *::before,
.obltech-cd-bn *::after,
.obltech-cd-pr *,
.obltech-cd-pr *::before,
.obltech-cd-pr *::after,
.obltech-cd-faq *,
.obltech-cd-faq *::before,
.obltech-cd-faq *::after{box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--obltech-font-body) !important;}
.obltech-cd-hero,
.obltech-cd-cs,
.obltech-cd-why,
.obltech-cd-pkg,
.obltech-cd-opt,
.obltech-cd-mob,
.obltech-cd-cm,
.obltech-cd-gbp,
.obltech-cd-lb,
.obltech-cd-ds,
.obltech-cd-bn,
.obltech-cd-pr,
.obltech-cd-faq{font-family: var(--obltech-font-body) !important; color: #0f172a; line-height: 1.75; font-size: 16px;}
.obltech-cd-hero .obltech-cd-container,
.obltech-cd-cs .obltech-cd-container,
.obltech-cd-why .obltech-cd-container,
.obltech-cd-pkg .obltech-cd-container,
.obltech-cd-opt .obltech-cd-container,
.obltech-cd-mob .obltech-cd-container,
.obltech-cd-cm .obltech-cd-container,
.obltech-cd-gbp .obltech-cd-container,
.obltech-cd-lb .obltech-cd-container,
.obltech-cd-ds .obltech-cd-container,
.obltech-cd-bn .obltech-cd-container,
.obltech-cd-pr .obltech-cd-container,
.obltech-cd-faq .obltech-cd-container{280px; margin: 0 auto; padding: 0 28px; position: relative; z-index: 2;}
.obltech-cd-hero h1,
.obltech-cd-hero h2,
.obltech-cd-hero h3,
.obltech-cd-hero h4,
.obltech-cd-hero h1,
.obltech-cd-hero h2,
.obltech-cd-hero h3,
.obltech-cd-hero h4,
.obltech-cd-cs h1,
.obltech-cd-cs h2,
.obltech-cd-cs h3,
.obltech-cd-cs h4,
.obltech-cd-why h1,
.obltech-cd-why h2,
.obltech-cd-why h3,
.obltech-cd-why h4,
.obltech-cd-pkg h1,
.obltech-cd-pkg h2,
.obltech-cd-pkg h3,
.obltech-cd-pkg h4,
.obltech-cd-opt h1,
.obltech-cd-opt h2,
.obltech-cd-opt h3,
.obltech-cd-opt h4,
.obltech-cd-mob h1,
.obltech-cd-mob h2,
.obltech-cd-mob h3,
.obltech-cd-mob h4,
.obltech-cd-cm h1,
.obltech-cd-cm h2,
.obltech-cd-cm h3,
.obltech-cd-cm h4,
.obltech-cd-gbp h1,
.obltech-cd-gbp h2,
.obltech-cd-gbp h3,
.obltech-cd-gbp h4,
.obltech-cd-lb h1,
.obltech-cd-lb h2,
.obltech-cd-lb h3,
.obltech-cd-lb h4,
.obltech-cd-ds h1,
.obltech-cd-ds h2,
.obltech-cd-ds h3,
.obltech-cd-ds h4,
.obltech-cd-bn h1,
.obltech-cd-bn h2,
.obltech-cd-bn h3,
.obltech-cd-bn h4,
.obltech-cd-pr h1,
.obltech-cd-pr h2,
.obltech-cd-pr h3,
.obltech-cd-pr h4,
.obltech-cd-faq h1,
.obltech-cd-faq h2,
.obltech-cd-faq h3,
.obltech-cd-faq h4,
.obltech-cd-service-title,
.obltech-cd-service-card h3,
.obltech-cd-cta-left h2,
.obltech-cd-cta-offer h3{font-family: var(--obltech-font-head) !important;}
.obltech-cd-cs h1,
.obltech-cd-cs h2,
.obltech-cd-cs h3,
.obltech-cd-cs h4,
.obltech-cd-why h1,
.obltech-cd-why h2,
.obltech-cd-why h3,
.obltech-cd-why h4,
.obltech-cd-pkg h1,
.obltech-cd-pkg h2,
.obltech-cd-pkg h3,
.obltech-cd-pkg h4,
.obltech-cd-opt h1,
.obltech-cd-opt h2,
.obltech-cd-opt h3,
.obltech-cd-opt h4,
.obltech-cd-mob h1,
.obltech-cd-mob h2,
.obltech-cd-mob h3,
.obltech-cd-mob h4,
.obltech-cd-cm h1,
.obltech-cd-cm h2,
.obltech-cd-cm h3,
.obltech-cd-cm h4,
.obltech-cd-gbp h1,
.obltech-cd-gbp h2,
.obltech-cd-gbp h3,
.obltech-cd-gbp h4,
.obltech-cd-lb h1,
.obltech-cd-lb h2,
.obltech-cd-lb h3,
.obltech-cd-lb h4,
.obltech-cd-ds h1,
.obltech-cd-ds h2,
.obltech-cd-ds h3,
.obltech-cd-ds h4,
.obltech-cd-bn h1,
.obltech-cd-bn h2,
.obltech-cd-bn h3,
.obltech-cd-bn h4,
.obltech-cd-pr h1,
.obltech-cd-pr h2,
.obltech-cd-pr h3,
.obltech-cd-pr h4,
.obltech-cd-faq h1,
.obltech-cd-faq h2,
.obltech-cd-faq h3,
.obltech-cd-faq h4{font-weight: 800 !important;}
/* ── SHARED: section header pattern (was repeated 12×) ── */
.obltech-cd-cs .obltech-cd-section-header,
.obltech-cd-why .obltech-cd-section-header,
.obltech-cd-pkg .obltech-cd-section-header,
.obltech-cd-opt .obltech-cd-section-header,
.obltech-cd-mob .obltech-cd-section-header,
.obltech-cd-cm .obltech-cd-section-header,
.obltech-cd-gbp .obltech-cd-section-header,
.obltech-cd-lb .obltech-cd-section-header,
.obltech-cd-ds .obltech-cd-section-header,
.obltech-cd-bn .obltech-cd-section-header,
.obltech-cd-pr .obltech-cd-section-header,
.obltech-cd-faq .obltech-cd-section-header{text-align: center; max-width: 820px; margin: 0 auto 60px; position: relative; z-index: 2;}
.obltech-cd-cs .obltech-cd-badge-wrap,
.obltech-cd-why .obltech-cd-badge-wrap,
.obltech-cd-pkg .obltech-cd-badge-wrap,
.obltech-cd-opt .obltech-cd-badge-wrap,
.obltech-cd-mob .obltech-cd-badge-wrap,
.obltech-cd-cm .obltech-cd-badge-wrap,
.obltech-cd-gbp .obltech-cd-badge-wrap,
.obltech-cd-lb .obltech-cd-badge-wrap,
.obltech-cd-ds .obltech-cd-badge-wrap,
.obltech-cd-bn .obltech-cd-badge-wrap,
.obltech-cd-pr .obltech-cd-badge-wrap,
.obltech-cd-faq .obltech-cd-badge-wrap{display: flex; justify-content: center; margin-bottom: 14px;}
.obltech-cd-cs .obltech-cd-section-badge,
.obltech-cd-why .obltech-cd-section-badge,
.obltech-cd-pkg .obltech-cd-section-badge,
.obltech-cd-opt .obltech-cd-section-badge,
.obltech-cd-mob .obltech-cd-section-badge,
.obltech-cd-cm .obltech-cd-section-badge,
.obltech-cd-gbp .obltech-cd-section-badge,
.obltech-cd-lb .obltech-cd-section-badge,
.obltech-cd-ds .obltech-cd-section-badge,
.obltech-cd-bn .obltech-cd-section-badge,
.obltech-cd-pr .obltech-cd-section-badge,
.obltech-cd-faq .obltech-cd-section-badge{display: inline-flex !important; align-items: center !important; width: auto !important; max-width: max-content !important; background: rgba(14,165,233,.10) !important; color: #0284c7 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; padding: 6px 16px !important; border-radius: 50px !important; border: 1px solid rgba(14,165,233,.30) !important; text-align: left !important;}
.obltech-cd-cs .obltech-cd-section-header h2,
.obltech-cd-why .obltech-cd-section-header h2,
.obltech-cd-pkg .obltech-cd-section-header h2,
.obltech-cd-opt .obltech-cd-section-header h2,
.obltech-cd-mob .obltech-cd-section-header h2,
.obltech-cd-cm .obltech-cd-section-header h2,
.obltech-cd-gbp .obltech-cd-section-header h2,
.obltech-cd-lb .obltech-cd-section-header h2,
.obltech-cd-ds .obltech-cd-section-header h2,
.obltech-cd-bn .obltech-cd-section-header h2,
.obltech-cd-pr .obltech-cd-section-header h2,
.obltech-cd-faq .obltech-cd-section-header h2{font-size: 43px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 14px !important; line-height: 1.22 !important; text-transform: none !important; letter-spacing: -0.8px !important;}
.obltech-cd-cs .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-why .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-pkg .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-opt .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-mob .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-cm .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-gbp .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-lb .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-ds .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-bn .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-pr .obltech-cd-section-header h2 .obltech-cd-accent,
.obltech-cd-faq .obltech-cd-section-header h2 .obltech-cd-accent{background: linear-gradient(120deg,#0ea5e9 0%,#0284c7 50%,#1d4ed8 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important;}
.obltech-cd-cs .obltech-cd-section-header p,
.obltech-cd-why .obltech-cd-section-header p,
.obltech-cd-pkg .obltech-cd-section-header p,
.obltech-cd-opt .obltech-cd-section-header p,
.obltech-cd-mob .obltech-cd-section-header p,
.obltech-cd-cm .obltech-cd-section-header p,
.obltech-cd-gbp .obltech-cd-section-header p,
.obltech-cd-lb .obltech-cd-section-header p,
.obltech-cd-ds .obltech-cd-section-header p,
.obltech-cd-bn .obltech-cd-section-header p,
.obltech-cd-pr .obltech-cd-section-header p,
.obltech-cd-faq .obltech-cd-section-header p{font-size: 16px !important; font-weight: 600 !important; color: #505458 !important; max-width: 760px; margin: 0 auto !important; line-height: 1.75 !important;}
/* ── Per-section deltas (exact values from the original file) ── */
.obltech-cd-cs .obltech-cd-section-header p{max-width: 720px;}
.obltech-cd-gbp .obltech-cd-section-header{max-width: 840px;}
.obltech-cd-lb .obltech-cd-section-header{margin-bottom: 70px;}
.obltech-cd-lb .obltech-cd-section-header p{max-width: 720px;}
.obltech-cd-mob .obltech-cd-section-header p,
.obltech-cd-cm .obltech-cd-section-header p{max-width: 780px;}
.obltech-cd-ds .obltech-cd-section-header{max-width: 760px;}
.obltech-cd-ds .obltech-cd-section-header p{max-width: 640px;}
.obltech-cd-bn .obltech-cd-section-header{max-width: 760px; margin-bottom: 50px;}
.obltech-cd-bn .obltech-cd-section-header p{max-width: 640px;}
.obltech-cd-pr .obltech-cd-section-header{max-width: 760px; margin-bottom: 70px;}
.obltech-cd-pr .obltech-cd-section-header p{max-width: 640px;}
.obltech-cd-faq .obltech-cd-section-header{max-width: 760px;}
.obltech-cd-faq .obltech-cd-section-header p{max-width: 640px;}
/* Website Optimisation section: teal badge + teal accent gradient */
.obltech-cd-opt .obltech-cd-section-badge{background: rgba(20,184,166,.10) !important; color: #0f766e !important; border-color: rgba(20,184,166,.30) !important;}
.obltech-cd-opt .obltech-cd-section-header h2 .obltech-cd-accent{background-image: linear-gradient(120deg,#0d9488 0%,#0891b2 50%,#0284c7 100%) !important;}
/* background-image longhand — the background shorthand resets background-clip and kills the gradient-text effect */
/* ============================================================
   01. HERO
   ============================================================ */
.obltech-cd-hero{color: #fff;}
.obltech-cd-hero{position: relative; background: linear-gradient(135deg,#0a1628 0%,#0f2552 50%,#0d1e44 100%); padding: 0 0 60px; overflow: hidden;}
.obltech-cd-hero::before{content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 60% 50% at 80% 50%,rgba(56,189,248,.20) 0%,transparent 65%),radial-gradient(ellipse 50% 50% at 10% 80%,rgba(14,165,233,.15) 0%,transparent 60%);}
.obltech-cd-hero::after{content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 50px 50px; mask-image: radial-gradient(ellipse at center,black 30%,transparent 80%); -webkit-mask-image: radial-gradient(ellipse at center,black 30%,transparent 80%); pointer-events: none;}
.obltech-cd-hero .obltech-cd-hero-inner{display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;}
.obltech-cd-hero .obltech-cd-hero-left{position: relative; z-index: 2;}
.obltech-cd-hero .obltech-cd-hero-eyebrow{display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(56,189,248,.15) !important; border: 1px solid rgba(56,189,248,.40) !important; color: #7dd3fc !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; padding: 7px 18px !important; border-radius: 50px !important; margin-bottom: 22px !important; backdrop-filter: blur(10px);}
.obltech-cd-hero .obltech-cd-hero-eyebrow .obltech-cd-dot{width: 7px; height: 7px; border-radius: 50%; background: #22c55e; animation: cdt-pulse 2s infinite;}
@keyframes cdt-pulse { 0%,100% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 0 rgba(34,197,94,.6); } 50% { transform: scale(1.4); opacity: .6; box-shadow: 0 0 0 8px rgba(34,197,94,0); } }
.obltech-cd-hero h1{font-size: clamp(28px,3.4vw,48px) !important; font-weight: 800 !important; color: #fff !important; letter-spacing: -1px !important; line-height: 1.12 !important; margin-bottom: 18px !important; text-transform: none !important;}
.obltech-cd-hero h1 .obltech-cd-accent{background: linear-gradient(120deg,#7dd3fc 0%,#38bdf8 50%,#0ea5e9 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important;}
.obltech-cd-hero .obltech-cd-hero-sub{font-size: 17px !important; font-weight: 700 !important; color: #7dd3fc !important; margin-bottom: 14px !important; letter-spacing: 0.3px !important;}
.obltech-cd-hero .obltech-cd-hero-para{color: rgba(255,255,255,.85) !important; font-size: 16px !important; font-weight: 600 !important; margin-bottom: 32px !important; line-height: 1.75 !important; max-width: 560px;}
.obltech-cd-hero .obltech-cd-hero-btns{display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 40px;}
.obltech-cd-hero .obltech-cd-hero-btns .obltech-cd-btn-primary,
.obltech-cd-hero a.obltech-cd-btn-primary,
.obltech-cd-hero .obltech-cd-btn-primary{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%) !important; color: #fff !important; border: none !important; border-radius: 10px !important; padding: 16px 36px !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; cursor: pointer !important; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; transition: all .25s ease !important; min-height: auto !important; height: auto !important; width: auto !important; box-shadow: 0 10px 28px rgba(14,165,233,.45) !important;}
.obltech-cd-hero .obltech-cd-hero-btns .obltech-cd-btn-primary:hover,
.obltech-cd-hero .obltech-cd-btn-primary:hover{background: linear-gradient(135deg,#0284c7 0%,#1d4ed8 100%) !important; color: #fff !important; transform: translateY(-3px); box-shadow: 0 14px 36px rgba(14,165,233,.60) !important;}
.obltech-cd-hero .obltech-cd-hero-btns .obltech-cd-btn-ghost,
.obltech-cd-hero a.obltech-cd-btn-ghost,
.obltech-cd-hero .obltech-cd-btn-ghost{display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgba(255,255,255,.08) !important; color: #fff !important; border: 2px solid rgba(255,255,255,.30) !important; border-radius: 10px !important; padding: 16px 36px !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; cursor: pointer !important; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; transition: all .25s ease !important; min-height: auto !important; height: auto !important; width: auto !important; backdrop-filter: blur(10px);}
.obltech-cd-hero .obltech-cd-hero-btns .obltech-cd-btn-ghost:hover,
.obltech-cd-hero .obltech-cd-btn-ghost:hover{background: rgba(255,255,255,.16) !important; border-color: #fff !important; color: #fff !important; transform: translateY(-3px);}
.obltech-cd-hero .obltech-cd-hero-visual{position: relative; display: flex; justify-content: center; align-items: center; min-width: 0; overflow: visible; padding: 30px 30px 50px;}
.obltech-cd-hero .obltech-cd-hero-visual::before{content: ""; position: absolute; width: 80%; height: 80%; background: radial-gradient(circle,rgba(56,189,248,.30) 0%,transparent 60%); filter: blur(60px); z-index: 0;}
.obltech-cd-hero .obltech-cd-hero-img-wrap{position: relative; width: 100%; max-width: 560px; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1); z-index: 2;}
.obltech-cd-hero .obltech-cd-hero-img-wrap img{width: 100%; height: auto; display: block; aspect-ratio: 4/3; object-fit: cover; transform: translateZ(0);}
.obltech-cd-hero .obltech-cd-hero-img-wrap::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 50%,rgba(10,22,40,.5) 100%); pointer-events: none; border-radius: 24px;}
.obltech-cd-hero .obltech-cd-hero-chip{position: absolute; background: rgba(10,22,40,.85); backdrop-filter: blur(12px); border: 1px solid rgba(56,189,248,.40); border-radius: 12px; padding: 10px 16px; font-size: 13px !important; font-weight: 700 !important; color: #fff !important; display: flex; align-items: center; gap: 8px; white-space: nowrap; z-index: 5; box-shadow: 0 8px 24px rgba(0,0,0,.4);}
.obltech-cd-hero .obltech-cd-hero-chip .obltech-cd-chip-icon{font-size: 18px;}
.obltech-cd-hero .obltech-cd-chip1{top: -12px; right: 24px; animation: cdt-float 3.5s ease-in-out infinite;}
.obltech-cd-hero .obltech-cd-chip2{top: 38px; left: -14px; animation: cdt-float 3.5s ease-in-out infinite .8s;}
@keyframes cdt-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.obltech-cd-hero .obltech-cd-hero-info-bar{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%); border-radius: 14px; padding: 16px 20px; display: flex; align-items: center; gap: 18px; box-shadow: 0 14px 32px rgba(14,165,233,.40); z-index: 5; width: 90%; max-width: 480px; justify-content: space-around;}
.obltech-cd-hero .obltech-cd-info-item{display: flex; flex-direction: column; align-items: center; gap: 2px; flex: 1;}
.obltech-cd-hero .obltech-cd-info-item strong{font-size: 18px !important; font-weight: 800 !important; color: #fff !important; line-height: 1 !important;}
.obltech-cd-hero .obltech-cd-info-item small{font-size: 10.5px !important; color: rgba(255,255,255,.85) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; text-align: center;}
.obltech-cd-hero .obltech-cd-info-divider{width: 1px; height: 32px; background: rgba(255,255,255,.30);}
/* ============================================================
   02. CASE STUDIES
   ============================================================ */
.obltech-cd-cs.obltech-cd-cs-section{position: relative; background: linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-cs.obltech-cd-cs-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(14,165,233,.10); filter: blur(120px); top: -150px; left: -150px; pointer-events: none;}
.obltech-cd-cs.obltech-cd-cs-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(20,184,166,.10); filter: blur(120px); bottom: -150px; right: -150px; pointer-events: none;}
.obltech-cd-cs .obltech-cd-cs-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; position: relative; z-index: 2;}
.obltech-cd-cs .obltech-cd-cs-card{position: relative; background: var(--cs-card-bg); border: 1.5px solid var(--cs-border); border-radius: 18px; overflow: hidden; box-shadow: 0 8px 24px rgba(15,23,42,.07); transition: all .35s ease; display: flex; flex-direction: column;}
.obltech-cd-cs .obltech-cd-cs-card:hover{transform: translateY(-8px); box-shadow: 0 24px 54px rgba(15,23,42,.13); border-color: var(--cs-border-hover);}
.obltech-cd-cs .obltech-cd-cs-card::before{content: ""; position: absolute; width: 280px; height: 280px; border-radius: 50%; background: var(--cs-orb); top: -130px; right: -130px; filter: blur(50px); opacity: .5; pointer-events: none; transition: opacity .35s ease; z-index: 0;}
.obltech-cd-cs .obltech-cd-cs-card:hover::before{opacity: .85;}
.obltech-cd-cs .obltech-cd-cs-img{position: relative; height: 200px; overflow: hidden; background: #e2e8f0; margin: 14px 14px 0; border-radius: 12px; z-index: 1;}
.obltech-cd-cs .obltech-cd-cs-img img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .55s ease;}
.obltech-cd-cs .obltech-cd-cs-card:hover .obltech-cd-cs-img img{transform: scale(1.06);}
.obltech-cd-cs .obltech-cd-cs-banner{margin: 14px 14px 0; background: var(--cs-banner-gradient); padding: 14px 18px; border-radius: 10px; text-align: center; box-shadow: var(--cs-banner-shadow); transition: all .3s ease; position: relative; z-index: 1;}
.obltech-cd-cs .obltech-cd-cs-card:hover .obltech-cd-cs-banner{box-shadow: var(--cs-banner-shadow-hover);}
.obltech-cd-cs .obltech-cd-cs-banner h3{font-size: 16px !important; font-weight: 800 !important; color: #fff !important; line-height: 1.2 !important; letter-spacing: 0.4px !important; margin: 0 !important; text-transform: none !important;}
.obltech-cd-cs .obltech-cd-cs-body{padding: 18px 22px 22px; flex: 1; display: flex; flex-direction: column; position: relative; z-index: 1;}
.obltech-cd-cs .obltech-cd-cs-metrics{list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 12px; flex: 1;}
.obltech-cd-cs .obltech-cd-cs-metric{display: flex; align-items: center; gap: 11px; font-size: 14.5px !important; font-weight: 700 !important; color: #0a1628 !important; line-height: 1.4 !important;}
.obltech-cd-cs .obltech-cd-cs-metric-icon{flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px; background: var(--cs-icon-bg); display: flex; align-items: center; justify-content: center; color: var(--cs-icon-color); transition: all .3s ease; box-shadow: var(--cs-icon-shadow);}
.obltech-cd-cs .obltech-cd-cs-card:hover .obltech-cd-cs-metric-icon{transform: scale(1.08); box-shadow: var(--cs-icon-shadow-hover);}
.obltech-cd-cs .obltech-cd-cs-metric-icon svg{width: 14px; height: 14px;}
.obltech-cd-cs .obltech-cd-cs-metric strong{color: #0a1628 !important; font-weight: 800 !important;}
.obltech-cd-cs .obltech-cd-cs-card.obltech-cd-cs-blue{--cs-card-bg: linear-gradient(180deg,#f0f9ff 0%,#ffffff 70%); --cs-border: rgba(14,165,233,.18); --cs-border-hover: rgba(14,165,233,.45); --cs-orb: rgba(14,165,233,.35); --cs-banner-gradient: linear-gradient(135deg,#0ea5e9,#0284c7); --cs-banner-shadow: 0 6px 14px rgba(14,165,233,.30); --cs-banner-shadow-hover: 0 12px 26px rgba(14,165,233,.45); --cs-icon-bg: linear-gradient(135deg,#0ea5e9,#0284c7); --cs-icon-color: #fff; --cs-icon-shadow: 0 3px 8px rgba(14,165,233,.30); --cs-icon-shadow-hover: 0 5px 12px rgba(14,165,233,.45);}
.obltech-cd-cs .obltech-cd-cs-card.obltech-cd-cs-green{--cs-card-bg: linear-gradient(180deg,#f0fdf4 0%,#ffffff 70%); --cs-border: rgba(34,197,94,.18); --cs-border-hover: rgba(34,197,94,.45); --cs-orb: rgba(34,197,94,.35); --cs-banner-gradient: linear-gradient(135deg,#22c55e,#15803d); --cs-banner-shadow: 0 6px 14px rgba(34,197,94,.30); --cs-banner-shadow-hover: 0 12px 26px rgba(34,197,94,.45); --cs-icon-bg: linear-gradient(135deg,#22c55e,#15803d); --cs-icon-color: #fff; --cs-icon-shadow: 0 3px 8px rgba(34,197,94,.30); --cs-icon-shadow-hover: 0 5px 12px rgba(34,197,94,.45);}
.obltech-cd-cs .obltech-cd-cs-card.obltech-cd-cs-orange{--cs-card-bg: linear-gradient(180deg,#fff7ed 0%,#ffffff 70%); --cs-border: rgba(249,115,22,.18); --cs-border-hover: rgba(249,115,22,.45); --cs-orb: rgba(249,115,22,.35); --cs-banner-gradient: linear-gradient(135deg,#f97316,#ea580c); --cs-banner-shadow: 0 6px 14px rgba(249,115,22,.30); --cs-banner-shadow-hover: 0 12px 26px rgba(249,115,22,.45); --cs-icon-bg: linear-gradient(135deg,#f97316,#ea580c); --cs-icon-color: #fff; --cs-icon-shadow: 0 3px 8px rgba(249,115,22,.30); --cs-icon-shadow-hover: 0 5px 12px rgba(249,115,22,.45);}
/* ============================================================
   03. WHY SEO MATTERS
   ============================================================ */
.obltech-cd-why.obltech-cd-why-section{position: relative; background: linear-gradient(180deg,#f8fafc 0%,#f0f9ff 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-why.obltech-cd-why-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(56,189,248,.10); filter: blur(120px); top: -150px; right: -150px; pointer-events: none;}
.obltech-cd-why.obltech-cd-why-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(14,165,233,.08); filter: blur(120px); bottom: -150px; left: -150px; pointer-events: none;}
.obltech-cd-why .obltech-cd-why-inner{display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: stretch;}
.obltech-cd-why .obltech-cd-why-img-wrap{position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 60px rgba(15,23,42,.15),0 0 0 1px rgba(15,23,42,.05); min-height: 100%; display: flex;}
.obltech-cd-why .obltech-cd-why-img-wrap img{width: 100%; height: 100%; object-fit: cover; display: block; transform: translateZ(0); backface-visibility: hidden;}
.obltech-cd-why .obltech-cd-why-img-badge{position: absolute; bottom: 24px; left: 24px; background: #fff; border-radius: 14px; padding: 16px 20px; display: flex; align-items: center; gap: 14px; box-shadow: 0 12px 28px rgba(15,23,42,.20); z-index: 3;}
.obltech-cd-why .obltech-cd-why-img-badge-icon{width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 22px; box-shadow: 0 6px 14px rgba(14,165,233,.35);}
.obltech-cd-why .obltech-cd-why-img-badge-text{display: flex; flex-direction: column; line-height: 1.3;}
.obltech-cd-why .obltech-cd-why-img-badge-text strong{font-size: 20px !important; font-weight: 800 !important; color: #0a1628 !important; letter-spacing: -0.3px !important;}
.obltech-cd-why .obltech-cd-why-img-badge-text small{font-size: 11.5px !important; color: #505458 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important;}
.obltech-cd-why .obltech-cd-why-right{display: flex; flex-direction: column; gap: 14px;}
.obltech-cd-why .obltech-cd-why-point{display: flex; align-items: flex-start; gap: 18px; background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 16px; padding: 22px; transition: all .28s ease; box-shadow: 0 4px 14px rgba(15,23,42,.05);}
.obltech-cd-why .obltech-cd-why-point:hover{transform: translateX(6px); border-color: rgba(14,165,233,.25); box-shadow: 0 10px 30px rgba(14,165,233,.12);}
.obltech-cd-why .obltech-cd-why-point-num{flex-shrink: 0; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%); display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; font-weight: 800 !important; color: #fff !important; box-shadow: 0 6px 14px rgba(14,165,233,.30); letter-spacing: -0.5px !important;}
.obltech-cd-why .obltech-cd-why-point-body{flex: 1; min-width: 0;}
.obltech-cd-why .obltech-cd-why-point-body h3{font-size: 18px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 6px !important; line-height: 1.3 !important; text-transform: none !important; letter-spacing: -0.3px !important;}
.obltech-cd-why .obltech-cd-why-point-body p{font-size: 15.5px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.65 !important; margin: 0 !important;}
/*=========================================================
  04. SEO SERVICES  (sfcd — kept verbatim, own scoping)
=========================================================*/
.obltech-cd-service-section{position:relative; overflow:hidden; padding:100px 0; font-family:var(--obltech-font-body); color:#fff; line-height:1.7; background: linear-gradient(rgba(7,17,31,.78),rgba(7,17,31,.88)), url("https://images.unsplash.com/photo-1607860108855-64acf2078ed9?w=2000&q=80&auto=format&fit=crop"); background-size:cover; background-position:center; background-repeat:no-repeat;}
.obltech-cd-service-section::before{content:""; position:absolute; inset:0; background: radial-gradient(circle at top right, rgba(249,115,22,.12), transparent 45%); pointer-events:none;}
.obltech-cd-service-container{max-width:1320px; margin:0 auto; padding:0 30px; position:relative; z-index:2;}
.obltech-cd-service-wrapper{display:grid; grid-template-columns:420px 1fr; gap:55px; align-items:center;}
.obltech-cd-service-content{position:sticky; top:40px;}
.obltech-cd-service-eyebrow{display:flex; align-items:center; gap:10px; color:#ff7a18; font-size:15px; font-weight:800; margin-bottom:18px;}
.obltech-cd-service-eyebrow svg{flex-shrink:0;}
.obltech-cd-service-title{font-size:54px; line-height:1.08; font-weight:800; margin:0 0 24px; color:#fff;}
.obltech-cd-service-text{font-size:21px; color:rgba(255,255,255,.88); line-height:1.8; margin-bottom:35px;}
.obltech-cd-service-button{display:inline-flex; align-items:center; gap:12px; padding:18px 38px; background:#ff7a18; color:#fff; text-decoration:none; font-weight:800; border-radius:60px; transition:.35s ease;}
.obltech-cd-service-button:hover{background:#ff8d35; transform:translateY(-3px); color:#fff;}
.obltech-cd-service-button-icon{width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center;}
.obltech-cd-service-button-icon svg{width:14px; height:14px;}
.obltech-cd-service-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid rgba(255,255,255,.22); border-radius:22px; overflow:hidden; backdrop-filter:blur(5px);}
.obltech-cd-service-card{position:relative; padding:42px 32px; min-height:245px; display:flex; flex-direction:column; justify-content:flex-start; background:rgba(7,17,31,.34); border-right:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); transition:.35s ease;}
.obltech-cd-service-card:nth-child(3),
.obltech-cd-service-card:nth-child(6){border-right:none;}
.obltech-cd-service-card:nth-child(4),
.obltech-cd-service-card:nth-child(5),
.obltech-cd-service-card:nth-child(6){border-bottom:none;}
.obltech-cd-service-card:hover{background:rgba(249,115,22,.15); transform:translateY(-6px);}
.obltech-cd-service-icon{width:72px; height:72px; border-radius:50%; border:2px solid #ff7a18; color:#ff7a18; display:flex; align-items:center; justify-content:center; margin-bottom:24px;}
.obltech-cd-service-icon svg{width:34px; height:34px;}
.obltech-cd-service-card h3{font-size:28px; line-height:1.3; margin:0 0 18px; color:#fff; font-weight:800;}
.obltech-cd-service-card p{font-size:18px; line-height:1.8; color:rgba(255,255,255,.82); margin:0;}
@media (max-width:1100px){
  .obltech-cd-service-wrapper{ grid-template-columns:1fr; }
  .obltech-cd-service-content{ position:relative; top:auto; margin-bottom:50px; }
}
@media (max-width:768px){
  .obltech-cd-service-section{ padding:70px 0; }
  .obltech-cd-service-container{ padding:0 20px; }
  .obltech-cd-service-grid{ grid-template-columns:1fr; }
  .obltech-cd-service-card{ min-height:auto; padding:35px 25px; border-right:none !important; border-bottom:1px solid rgba(255,255,255,.15); }
  .obltech-cd-service-card:last-child{ border-bottom:none; }
  .obltech-cd-service-title{ font-size:38px; }
  .obltech-cd-service-text{ font-size:17px; }
  .obltech-cd-service-card h3{ font-size:24px; }
}
/* ============================================================
   05. SEO PACKAGES
   ============================================================ */
.obltech-cd-pkg.obltech-cd-pkg-section{position: relative; background: linear-gradient(180deg,#faf5ff 0%,#ede9fe 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-pkg.obltech-cd-pkg-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(168,85,247,.15); filter: blur(120px); top: -150px; right: -150px; pointer-events: none;}
.obltech-cd-pkg.obltech-cd-pkg-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(14,165,233,.12); filter: blur(120px); bottom: -150px; left: -150px; pointer-events: none;}
.obltech-cd-pkg .obltech-cd-pkg-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; align-items: stretch; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;}
.obltech-cd-pkg .obltech-cd-pkg-card{position: relative; background: var(--pkg-card-bg); border: 1.5px solid rgba(15,23,42,.06); border-radius: 22px; padding: 36px 30px; box-shadow: 0 8px 26px rgba(15,23,42,.07); transition: all .35s ease; display: flex; flex-direction: column; overflow: hidden;}
.obltech-cd-pkg .obltech-cd-pkg-card:hover{transform: translateY(-8px); box-shadow: 0 22px 50px rgba(15,23,42,.12); border-color: var(--pkg-border-hover);}
.obltech-cd-pkg .obltech-cd-pkg-card:not(.obltech-cd-featured) .obltech-cd-pkg-popular-spacer{display: block; height: 26px; margin-bottom: 18px;}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-featured .obltech-cd-pkg-popular-spacer{display: none;}
.obltech-cd-pkg .obltech-cd-pkg-card::before{content: ""; position: absolute; width: 280px; height: 280px; border-radius: 50%; background: var(--pkg-orb); top: -130px; right: -130px; filter: blur(50px); opacity: .5; pointer-events: none; transition: opacity .35s ease; z-index: 0;}
.obltech-cd-pkg .obltech-cd-pkg-card:hover::before{opacity: .85;}
.obltech-cd-pkg .obltech-cd-pkg-card::after{content: ""; position: absolute; width: 200px; height: 200px; border-radius: 50%; background: var(--pkg-orb); bottom: -100px; left: -100px; filter: blur(50px); opacity: .3; pointer-events: none; z-index: 0;}
.obltech-cd-pkg .obltech-cd-pkg-top-line{position: absolute; top: 0; left: 0; right: 0; height: 5px; background: var(--pkg-gradient); border-radius: 22px 22px 0 0; z-index: 2;}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-featured{border: 2px solid #c4b5fd; transform: scale(1.05); box-shadow: 0 24px 58px rgba(168,85,247,.20);}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-featured:hover{transform: scale(1.05) translateY(-8px); box-shadow: 0 30px 70px rgba(168,85,247,.30);}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-featured .obltech-cd-pkg-top-line{height: 6px; background: linear-gradient(90deg,#a855f7,#0ea5e9,#a855f7); background-size: 200% 100%; animation: pkg-shine 3s linear infinite;}
@keyframes pkg-shine { 0% { background-position: 0% 0%; } 100% { background-position: 200% 0%; } }
.obltech-cd-pkg .obltech-cd-pkg-popular-badge{display: inline-flex !important; align-items: center !important; gap: 6px !important; background: linear-gradient(135deg,#a855f7,#7c3aed) !important; color: #fff !important; padding: 7px 16px !important; border-radius: 50px !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; box-shadow: 0 6px 16px rgba(168,85,247,.40); width: auto !important; max-width: max-content !important; white-space: nowrap; line-height: 1 !important; margin-bottom: 18px !important; align-self: flex-start; position: relative; z-index: 3;}
.obltech-cd-pkg .obltech-cd-pkg-popular-badge svg{width: 11px; height: 11px; flex-shrink: 0;}
.obltech-cd-pkg .obltech-cd-pkg-header{position: relative; z-index: 2; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--pkg-border);}
.obltech-cd-pkg .obltech-cd-pkg-icon{width: 56px; height: 56px; border-radius: 14px; background: var(--pkg-gradient); display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: var(--pkg-shadow); margin-bottom: 18px; transition: all .35s ease; position: relative; z-index: 2;}
.obltech-cd-pkg .obltech-cd-pkg-card:hover .obltech-cd-pkg-icon{transform: scale(1.08) rotate(-5deg);}
.obltech-cd-pkg .obltech-cd-pkg-icon svg{width: 28px; height: 28px; color: #fff;}
.obltech-cd-pkg .obltech-cd-pkg-name{font-size: 13px !important; color: var(--pkg-text) !important; font-weight: 800 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 6px !important; position: relative; z-index: 2;}
.obltech-cd-pkg .obltech-cd-pkg-tagline{font-size: 14px !important; color: #505458 !important; font-weight: 600 !important; line-height: 1.55 !important; margin-bottom: 20px !important; min-height: 66px; position: relative; z-index: 2;}
.obltech-cd-pkg .obltech-cd-pkg-price-wrap{display: flex; align-items: baseline; gap: 6px; position: relative; z-index: 2;}
.obltech-cd-pkg .obltech-cd-pkg-currency{font-size: 22px !important; font-weight: 800 !important; color: #0a1628 !important; line-height: 1 !important;}
.obltech-cd-pkg .obltech-cd-pkg-price{font-size: 50px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: -2px !important; background: var(--pkg-price-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.obltech-cd-pkg .obltech-cd-pkg-period{font-size: 14px !important; color: #64748b !important; font-weight: 700 !important; line-height: 1 !important;}
.obltech-cd-pkg .obltech-cd-pkg-features{list-style: none !important; padding: 0 !important; margin: 0 0 28px 0 !important; display: flex; flex-direction: column; gap: 13px; flex: 1; position: relative; z-index: 2;}
.obltech-cd-pkg .obltech-cd-pkg-feature{display: flex; align-items: flex-start; gap: 11px; font-size: 14.5px !important; font-weight: 600 !important; color: #0a1628 !important; line-height: 1.5 !important;}
.obltech-cd-pkg .obltech-cd-pkg-check{flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: var(--pkg-gradient); display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 1px; box-shadow: var(--pkg-check-shadow);}
.obltech-cd-pkg .obltech-cd-pkg-check svg{width: 13px; height: 13px;}
.obltech-cd-pkg .obltech-cd-pkg-cta-wrap{position: relative; z-index: 2;}
.obltech-cd-pkg .obltech-cd-pkg-btn,
.obltech-cd-pkg a.obltech-cd-pkg-btn{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; background: var(--pkg-btn-bg) !important; color: var(--pkg-btn-color) !important; border: 2px solid var(--pkg-btn-border) !important; border-radius: 10px !important; padding: 14px 24px !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; cursor: pointer !important; text-decoration: none !important; text-transform: none !important; letter-spacing: 0.2px !important; transition: all .25s ease !important; min-height: auto !important; height: auto !important; box-shadow: var(--pkg-btn-shadow) !important;}
.obltech-cd-pkg .obltech-cd-pkg-btn:hover{background: var(--pkg-btn-hover) !important; color: #fff !important; border-color: transparent !important; transform: translateY(-2px); box-shadow: var(--pkg-btn-hover-shadow) !important;}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-featured .obltech-cd-pkg-btn{background: linear-gradient(135deg,#a855f7,#7c3aed) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 10px 24px rgba(168,85,247,.45) !important;}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-featured .obltech-cd-pkg-btn:hover{background: linear-gradient(135deg,#9333ea,#6d28d9) !important; box-shadow: 0 14px 32px rgba(168,85,247,.55) !important;}
.obltech-cd-pkg .obltech-cd-pkg-btn svg{width: 14px; height: 14px;}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-pkg-starter{--pkg-card-bg: linear-gradient(180deg,#f0f9ff 0%,#ffffff 60%); --pkg-gradient: linear-gradient(135deg,#0ea5e9,#0284c7); --pkg-shadow: 0 8px 18px rgba(14,165,233,.35); --pkg-check-shadow: 0 3px 8px rgba(14,165,233,.30); --pkg-orb: rgba(14,165,233,.30); --pkg-border: rgba(14,165,233,.12); --pkg-border-hover: rgba(14,165,233,.40); --pkg-text: #0284c7; --pkg-price-gradient: linear-gradient(135deg,#0a1628,#0284c7); --pkg-btn-bg: #fff; --pkg-btn-color: #0284c7; --pkg-btn-border: rgba(14,165,233,.40); --pkg-btn-shadow: 0 4px 12px rgba(14,165,233,.10); --pkg-btn-hover: linear-gradient(135deg,#0ea5e9,#0284c7); --pkg-btn-hover-shadow: 0 10px 24px rgba(14,165,233,.45);}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-pkg-pro{--pkg-card-bg: linear-gradient(180deg,#faf5ff 0%,#ffffff 60%); --pkg-gradient: linear-gradient(135deg,#a855f7,#7c3aed); --pkg-shadow: 0 8px 18px rgba(168,85,247,.40); --pkg-check-shadow: 0 3px 8px rgba(168,85,247,.30); --pkg-orb: rgba(168,85,247,.30); --pkg-border: rgba(168,85,247,.15); --pkg-border-hover: rgba(168,85,247,.50); --pkg-text: #7c3aed; --pkg-price-gradient: linear-gradient(135deg,#0a1628,#7c3aed); --pkg-btn-bg: #fff; --pkg-btn-color: #7c3aed; --pkg-btn-border: rgba(168,85,247,.40); --pkg-btn-shadow: 0 4px 12px rgba(168,85,247,.10); --pkg-btn-hover: linear-gradient(135deg,#a855f7,#7c3aed); --pkg-btn-hover-shadow: 0 10px 24px rgba(168,85,247,.45);}
.obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-pkg-premium{--pkg-card-bg: linear-gradient(180deg,#fff7ed 0%,#ffffff 60%); --pkg-gradient: linear-gradient(135deg,#f97316,#ea580c); --pkg-shadow: 0 8px 18px rgba(249,115,22,.35); --pkg-check-shadow: 0 3px 8px rgba(249,115,22,.30); --pkg-orb: rgba(249,115,22,.30); --pkg-border: rgba(249,115,22,.12); --pkg-border-hover: rgba(249,115,22,.40); --pkg-text: #ea580c; --pkg-price-gradient: linear-gradient(135deg,#0a1628,#ea580c); --pkg-btn-bg: #fff; --pkg-btn-color: #ea580c; --pkg-btn-border: rgba(249,115,22,.40); --pkg-btn-shadow: 0 4px 12px rgba(249,115,22,.10); --pkg-btn-hover: linear-gradient(135deg,#f97316,#ea580c); --pkg-btn-hover-shadow: 0 10px 24px rgba(249,115,22,.45);}
.obltech-cd-pkg .obltech-cd-pkg-note{margin-top: 40px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 18px; font-size: 14.5px !important; color: #0a1628 !important; font-weight: 700 !important; position: relative; z-index: 2; flex-wrap: wrap; padding: 14px 26px; background: rgba(255,255,255,.7); backdrop-filter: blur(10px); border: 1px solid rgba(15,23,42,.06); border-radius: 50px; max-width: max-content; margin-left: auto; margin-right: auto; box-shadow: 0 4px 14px rgba(15,23,42,.04);}
.obltech-cd-pkg .obltech-cd-pkg-note-item{display: inline-flex; align-items: center; gap: 8px;}
.obltech-cd-pkg .obltech-cd-pkg-note-item svg{width: 18px; height: 18px; color: #22c55e; flex-shrink: 0;}
.obltech-cd-pkg .obltech-cd-pkg-note-sep{display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: rgba(15,23,42,.20);}
/* ============================================================
   06. WEBSITE OPTIMISATION
   ============================================================ */
.obltech-cd-opt.obltech-cd-opt-section{position: relative; background: linear-gradient(180deg,#f0fdfa 0%,#ecfeff 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-opt.obltech-cd-opt-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(20,184,166,.18); filter: blur(120px); top: -150px; left: -150px; pointer-events: none;}
.obltech-cd-opt.obltech-cd-opt-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(6,182,212,.15); filter: blur(120px); bottom: -150px; right: -150px; pointer-events: none;}
.obltech-cd-opt .obltech-cd-opt-inner{display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: stretch;}
.obltech-cd-opt .obltech-cd-opt-features{display: flex; flex-direction: column; gap: 14px;}
.obltech-cd-opt .obltech-cd-opt-feature{display: flex; align-items: flex-start; gap: 18px; background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 14px; padding: 20px 22px; transition: all .28s ease; box-shadow: 0 4px 14px rgba(15,23,42,.05);}
.obltech-cd-opt .obltech-cd-opt-feature:hover{transform: translateX(6px); border-color: rgba(20,184,166,.30); box-shadow: 0 10px 30px rgba(20,184,166,.15);}
.obltech-cd-opt .obltech-cd-opt-check{flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg,#14b8a6 0%,#0d9488 100%); display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 6px 14px rgba(20,184,166,.30); transition: all .3s ease;}
.obltech-cd-opt .obltech-cd-opt-feature:hover .obltech-cd-opt-check{transform: scale(1.1) rotate(-8deg);}
.obltech-cd-opt .obltech-cd-opt-check svg{width: 22px; height: 22px; color: #fff;}
.obltech-cd-opt .obltech-cd-opt-feature-body{flex: 1; min-width: 0;}
.obltech-cd-opt .obltech-cd-opt-feature-body h3{font-size: 17px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 5px !important; line-height: 1.3 !important; text-transform: none !important; letter-spacing: -0.3px !important;}
.obltech-cd-opt .obltech-cd-opt-feature-body p{font-size: 14.5px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.6 !important; margin: 0 !important;}
.obltech-cd-opt .obltech-cd-opt-img-wrap{position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 60px rgba(15,23,42,.15),0 0 0 1px rgba(15,23,42,.05); min-height: 100%; display: flex;}
.obltech-cd-opt .obltech-cd-opt-img-wrap img{width: 100%; height: 100%; object-fit: cover; display: block; transform: translateZ(0); backface-visibility: hidden;}
.obltech-cd-opt .obltech-cd-opt-score-badge{position: absolute; top: 24px; right: 24px; background: #fff; border-radius: 14px; padding: 16px 18px; display: flex; align-items: center; gap: 12px; box-shadow: 0 12px 28px rgba(15,23,42,.20); z-index: 3;}
.obltech-cd-opt .obltech-cd-opt-score-circle{width: 54px; height: 54px; border-radius: 50%; background: linear-gradient(135deg,#10b981,#059669); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-size: 18px; font-weight: 900; letter-spacing: -0.5px;}
.obltech-cd-opt .obltech-cd-opt-score-text{display: flex; flex-direction: column; line-height: 1.3;}
.obltech-cd-opt .obltech-cd-opt-score-text strong{font-size: 14px !important; font-weight: 800 !important; color: #0a1628 !important;}
.obltech-cd-opt .obltech-cd-opt-score-text small{font-size: 11px !important; color: #505458 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important;}
.obltech-cd-opt .obltech-cd-opt-cta-badge{position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg,#14b8a6 0%,#0d9488 100%); border-radius: 14px; padding: 14px 22px; display: flex; align-items: center; gap: 12px; box-shadow: 0 14px 32px rgba(20,184,166,.40); z-index: 3;}
.obltech-cd-opt .obltech-cd-opt-cta-badge .obltech-cd-cta-icon{width: 36px; height: 36px; border-radius: 10px; background: rgba(255,255,255,.20); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-size: 18px;}
.obltech-cd-opt .obltech-cd-opt-cta-badge-text{display: flex; flex-direction: column; line-height: 1.3;}
.obltech-cd-opt .obltech-cd-opt-cta-badge-text strong{font-size: 14px !important; font-weight: 800 !important; color: #fff !important;}
.obltech-cd-opt .obltech-cd-opt-cta-badge-text small{font-size: 11px !important; color: rgba(255,255,255,.85) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important;}
/* ============================================================
   07. LOCAL / MOBILE SEO
   ============================================================ */
.obltech-cd-mob.obltech-cd-mob-section{position: relative; background: linear-gradient(180deg,#eff6ff 0%,#f0fdf4 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-mob.obltech-cd-mob-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(14,165,233,.12); filter: blur(120px); top: -150px; right: -150px; pointer-events: none;}
.obltech-cd-mob.obltech-cd-mob-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(34,197,94,.10); filter: blur(120px); bottom: -150px; left: -150px; pointer-events: none;}
.obltech-cd-mob .obltech-cd-header-cta-wrap{display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 28px; flex-wrap: wrap;}
.obltech-cd-mob a.obltech-cd-header-cta-btn,
.obltech-cd-mob .obltech-cd-header-cta-btn{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: linear-gradient(135deg,#0ea5e9 0%,#0284c7 50%,#1d4ed8 100%) !important; color: #fff !important; padding: 15px 32px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; letter-spacing: 0.3px !important; box-shadow: 0 8px 28px rgba(14,165,233,.45),0 2px 8px rgba(14,165,233,.20) !important; border: none !important; cursor: pointer !important; transition: all .3s ease !important; position: relative !important; overflow: hidden !important;}
.obltech-cd-mob a.obltech-cd-header-cta-btn:hover,
.obltech-cd-mob .obltech-cd-header-cta-btn:hover{background: linear-gradient(135deg,#0284c7 0%,#1d4ed8 100%) !important; color: #fff !important; transform: translateY(-3px) !important; box-shadow: 0 14px 36px rgba(14,165,233,.55),0 4px 12px rgba(14,165,233,.25) !important; text-decoration: none !important;}
.obltech-cd-mob a.obltech-cd-header-cta-btn svg,
.obltech-cd-mob .obltech-cd-header-cta-btn svg{width: 16px; height: 16px; color: #fff; flex-shrink: 0;}
.obltech-cd-mob a.obltech-cd-header-cta-secondary,
.obltech-cd-mob .obltech-cd-header-cta-secondary{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: transparent !important; color: #0284c7 !important; padding: 14px 28px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; letter-spacing: 0.3px !important; border: 2px solid rgba(14,165,233,.40) !important; cursor: pointer !important; transition: all .3s ease !important;}
.obltech-cd-mob a.obltech-cd-header-cta-secondary:hover,
.obltech-cd-mob .obltech-cd-header-cta-secondary:hover{background: rgba(14,165,233,.08) !important; border-color: #0284c7 !important; color: #0284c7 !important; transform: translateY(-2px) !important; text-decoration: none !important;}
.obltech-cd-mob a.obltech-cd-header-cta-secondary svg,
.obltech-cd-mob .obltech-cd-header-cta-secondary svg{width: 15px; height: 15px; color: #0284c7;}
.obltech-cd-mob .obltech-cd-mob-inner{display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 60px; align-items: center; position: relative; z-index: 2;}
.obltech-cd-mob .obltech-cd-mob-phone-wrap{position: relative; display: flex; justify-content: center; align-items: center; padding: 20px;}
.obltech-cd-mob .obltech-cd-mob-phone-wrap::before{content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle,rgba(14,165,233,.25) 0%,transparent 60%); filter: blur(50px); z-index: 0;}
.obltech-cd-mob .obltech-cd-mob-phone{position: relative; width: 280px; height: 560px; background: linear-gradient(135deg,#0a1628 0%,#0f2552 100%); border-radius: 38px; padding: 14px; box-shadow: 0 30px 70px rgba(15,23,42,.30),inset 0 0 0 2px rgba(255,255,255,.08); z-index: 2;}
.obltech-cd-mob .obltech-cd-mob-phone::before{content: ""; position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 90px; height: 24px; background: #000; border-radius: 0 0 14px 14px; z-index: 3;}
.obltech-cd-mob .obltech-cd-mob-phone-screen{position: relative; width: 100%; height: 100%; border-radius: 24px; overflow: hidden; background: #000;}
.obltech-cd-mob .obltech-cd-mob-phone-bg{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transform: translateZ(0); backface-visibility: hidden; z-index: 0;}
.obltech-cd-mob .obltech-cd-mob-phone-overlay{position: absolute; inset: 0; background: linear-gradient(180deg,rgba(10,22,40,.20) 0%,rgba(10,22,40,.40) 45%,rgba(10,22,40,.92) 100%); z-index: 1;}
.obltech-cd-mob .obltech-cd-mob-phone-statusbar{position: absolute; top: 46px; left: 18px; right: 18px; z-index: 3; display: flex; justify-content: space-between; align-items: center;}
.obltech-cd-mob .obltech-cd-mob-phone-brand{display: flex; align-items: center; gap: 6px; color: #fff !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: 0.4px !important; text-transform: uppercase !important; text-shadow: 0 1px 4px rgba(0,0,0,.4);}
.obltech-cd-mob .obltech-cd-mob-phone-brand-dot{width: 7px; height: 7px; border-radius: 50%; background: #22c55e; animation: cdt-mob-pulse 2s infinite;}
@keyframes cdt-mob-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,.6); } 50% { box-shadow: 0 0 0 6px rgba(34,197,94,0); } }
.obltech-cd-mob .obltech-cd-mob-phone-time{color: #fff !important; font-size: 10.5px !important; font-weight: 700 !important; text-shadow: 0 1px 4px rgba(0,0,0,.4); letter-spacing: 0.3px !important;}
.obltech-cd-mob .obltech-cd-mob-phone-content{position: absolute; bottom: 20px; left: 18px; right: 18px; z-index: 3;}
.obltech-cd-mob .obltech-cd-mob-phone-pill{display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(255,255,255,.18) !important; backdrop-filter: blur(12px); color: #fff !important; padding: 5px 11px !important; border-radius: 50px !important; font-size: 9.5px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; border: 1px solid rgba(255,255,255,.25) !important; margin-bottom: 10px !important; width: auto !important; max-width: max-content !important;}
.obltech-cd-mob .obltech-cd-mob-phone-pill svg{width: 11px; height: 11px;}
.obltech-cd-mob .obltech-cd-mob-phone-content h4{font-size: 16px !important; font-weight: 800 !important; color: #fff !important; line-height: 1.25 !important; margin-bottom: 6px !important; text-transform: none !important; letter-spacing: -0.3px !important; text-shadow: 0 2px 8px rgba(0,0,0,.3);}
.obltech-cd-mob .obltech-cd-mob-phone-content > p{font-size: 11.5px !important; font-weight: 600 !important; color: rgba(255,255,255,.90) !important; line-height: 1.45 !important; margin-bottom: 14px !important; text-shadow: 0 1px 4px rgba(0,0,0,.3);}
.obltech-cd-mob .obltech-cd-mob-phone-stats{display: flex; gap: 6px; margin-bottom: 14px;}
.obltech-cd-mob .obltech-cd-mob-phone-stat{flex: 1; background: rgba(255,255,255,.14); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.20); border-radius: 10px; padding: 7px 6px; text-align: center;}
.obltech-cd-mob .obltech-cd-mob-phone-stat strong{font-size: 12px !important; font-weight: 900 !important; color: #fff !important; display: block; line-height: 1 !important; margin-bottom: 2px !important; letter-spacing: -0.3px !important;}
.obltech-cd-mob .obltech-cd-mob-phone-stat small{font-size: 7.5px !important; font-weight: 700 !important; color: rgba(255,255,255,.78) !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; line-height: 1.2 !important;}
.obltech-cd-mob a.obltech-cd-mob-phone-cta,
.obltech-cd-mob .obltech-cd-mob-phone-cta{display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; background: linear-gradient(135deg,#0ea5e9,#0284c7) !important; color: #fff !important; padding: 10px 14px !important; border-radius: 10px !important; font-size: 11.5px !important; font-weight: 800 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 6px 16px rgba(14,165,233,.40) !important; letter-spacing: 0.2px !important; cursor: pointer !important; border: none !important; transition: all .25s ease !important;}
.obltech-cd-mob a.obltech-cd-mob-phone-cta:hover,
.obltech-cd-mob .obltech-cd-mob-phone-cta:hover{background: linear-gradient(135deg,#0284c7,#1d4ed8) !important; color: #fff !important; transform: translateY(-2px); text-decoration: none !important;}
.obltech-cd-mob .obltech-cd-mob-phone-cta svg{width: 13px; height: 13px; color: #fff;}
.obltech-cd-mob .obltech-cd-mob-phone-tag{position: absolute; background: #fff; border-radius: 12px; padding: 10px 14px; display: flex; align-items: center; gap: 8px; box-shadow: 0 10px 26px rgba(15,23,42,.18); z-index: 5; animation: cdt-mob-float 3.5s ease-in-out infinite;}
.obltech-cd-mob .obltech-cd-mob-phone-tag-1{top: 30px; left: -30px; animation-delay: 0s;}
.obltech-cd-mob .obltech-cd-mob-phone-tag-2{bottom: 60px; right: -40px; animation-delay: 1.5s;}
@keyframes cdt-mob-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.obltech-cd-mob .obltech-cd-mob-phone-tag-icon{width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px;}
.obltech-cd-mob .obltech-cd-mob-phone-tag-1 .obltech-cd-mob-phone-tag-icon{background: linear-gradient(135deg,#ef4444,#dc2626); color: #fff;}
.obltech-cd-mob .obltech-cd-mob-phone-tag-2 .obltech-cd-mob-phone-tag-icon{background: linear-gradient(135deg,#22c55e,#15803d); color: #fff;}
.obltech-cd-mob .obltech-cd-mob-phone-tag-text{display: flex; flex-direction: column; line-height: 1.2;}
.obltech-cd-mob .obltech-cd-mob-phone-tag-text strong{font-size: 13px !important; font-weight: 800 !important; color: #0a1628 !important;}
.obltech-cd-mob .obltech-cd-mob-phone-tag-text small{font-size: 10px !important; font-weight: 700 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 0.3px !important;}
.obltech-cd-mob .obltech-cd-mob-features{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
.obltech-cd-mob .obltech-cd-mob-feature{position: relative; background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 16px; padding: 24px 20px; transition: all .3s ease; box-shadow: 0 6px 18px rgba(15,23,42,.05); overflow: hidden;}
.obltech-cd-mob .obltech-cd-mob-feature:hover{transform: translateY(-6px); box-shadow: 0 18px 40px rgba(15,23,42,.12);}
.obltech-cd-mob .obltech-cd-mob-feature::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--feat-color); transform: scaleX(0); transform-origin: left; transition: transform .35s ease;}
.obltech-cd-mob .obltech-cd-mob-feature:hover::before{transform: scaleX(1);}
.obltech-cd-mob .obltech-cd-mob-feature-bignum{position: absolute; top: -10px; right: -10px; font-size: 80px !important; font-weight: 900 !important; color: var(--feat-bg); line-height: 1 !important; letter-spacing: -3px !important; pointer-events: none; opacity: .4;}
.obltech-cd-mob .obltech-cd-mob-feature-icon{width: 50px; height: 50px; border-radius: 14px; background: var(--feat-gradient); display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 14px; box-shadow: var(--feat-shadow); position: relative; z-index: 2; transition: all .3s ease;}
.obltech-cd-mob .obltech-cd-mob-feature:hover .obltech-cd-mob-feature-icon{transform: scale(1.08) rotate(-5deg);}
.obltech-cd-mob .obltech-cd-mob-feature-icon svg{width: 24px; height: 24px; color: #fff;}
.obltech-cd-mob .obltech-cd-mob-feature h3{font-size: 17px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 8px !important; line-height: 1.3 !important; text-transform: none !important; letter-spacing: -0.3px !important; position: relative; z-index: 2;}
.obltech-cd-mob .obltech-cd-mob-feature p{font-size: 14.5px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.6 !important; margin: 0 !important; position: relative; z-index: 2;}
.obltech-cd-mob .obltech-cd-feat-1{--feat-color: linear-gradient(90deg,#0ea5e9,#0284c7); --feat-gradient: linear-gradient(135deg,#0ea5e9,#0284c7); --feat-shadow: 0 6px 14px rgba(14,165,233,.35); --feat-bg: rgba(14,165,233,.12);}
.obltech-cd-mob .obltech-cd-feat-2{--feat-color: linear-gradient(90deg,#22c55e,#15803d); --feat-gradient: linear-gradient(135deg,#22c55e,#15803d); --feat-shadow: 0 6px 14px rgba(34,197,94,.35); --feat-bg: rgba(34,197,94,.12);}
.obltech-cd-mob .obltech-cd-feat-3{--feat-color: linear-gradient(90deg,#f97316,#ea580c); --feat-gradient: linear-gradient(135deg,#f97316,#ea580c); --feat-shadow: 0 6px 14px rgba(249,115,22,.35); --feat-bg: rgba(249,115,22,.12);}
.obltech-cd-mob .obltech-cd-feat-4{--feat-color: linear-gradient(90deg,#a855f7,#7c3aed); --feat-gradient: linear-gradient(135deg,#a855f7,#7c3aed); --feat-shadow: 0 6px 14px rgba(168,85,247,.35); --feat-bg: rgba(168,85,247,.12);}
/* ============================================================
   08. CONTENT MARKETING
   ============================================================ */
.obltech-cd-cm.obltech-cd-cm-section{position: relative; background: linear-gradient(180deg,#fef9c3 0%,#fef3c7 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-cm.obltech-cd-cm-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(251,191,36,.20); filter: blur(120px); top: -150px; right: -150px; pointer-events: none;}
.obltech-cd-cm.obltech-cd-cm-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(249,115,22,.15); filter: blur(120px); bottom: -150px; left: -150px; pointer-events: none;}
.obltech-cd-cm .obltech-cd-header-cta-wrap{display: flex; justify-content: center; margin-top: 28px;}
.obltech-cd-cm a.obltech-cd-header-cta-btn,
.obltech-cd-cm .obltech-cd-header-cta-btn{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; background: linear-gradient(135deg,#f97316 0%,#ea580c 50%,#c2410c 100%) !important; color: #fff !important; padding: 15px 34px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; letter-spacing: 0.3px !important; box-shadow: 0 8px 28px rgba(249,115,22,.45),0 2px 8px rgba(249,115,22,.20) !important; border: none !important; cursor: pointer !important; transition: all .3s ease !important; position: relative !important; overflow: hidden !important;}
.obltech-cd-cm a.obltech-cd-header-cta-btn:hover,
.obltech-cd-cm .obltech-cd-header-cta-btn:hover{background: linear-gradient(135deg,#ea580c 0%,#c2410c 100%) !important; color: #fff !important; transform: translateY(-3px) !important; box-shadow: 0 14px 36px rgba(249,115,22,.55),0 4px 12px rgba(249,115,22,.25) !important; text-decoration: none !important;}
.obltech-cd-cm a.obltech-cd-header-cta-btn svg,
.obltech-cd-cm .obltech-cd-header-cta-btn svg{width: 16px; height: 16px; color: #fff; flex-shrink: 0;}
.obltech-cd-cm .obltech-cd-cm-inner{display: grid; grid-template-columns: 1fr 1.6fr; gap: 28px; position: relative; z-index: 2;}
.obltech-cd-cm .obltech-cd-cm-stats-panel{background: linear-gradient(135deg,#0a1628 0%,#0c2d4f 100%); border-radius: 20px; padding: 36px 30px; position: relative; overflow: hidden; box-shadow: 0 20px 50px rgba(15,23,42,.20);}
.obltech-cd-cm .obltech-cd-cm-stats-panel::before{content: ""; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle,rgba(56,189,248,.25),transparent 60%); top: -100px; right: -100px; filter: blur(30px); pointer-events: none;}
.obltech-cd-cm .obltech-cd-cm-panel-label{display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(56,189,248,.15) !important; color: #7dd3fc !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; padding: 5px 14px !important; border-radius: 50px !important; border: 1px solid rgba(56,189,248,.30) !important; margin-bottom: 18px !important; position: relative; z-index: 2;}
.obltech-cd-cm .obltech-cd-cm-panel-label .obltech-cd-dot{width: 6px; height: 6px; border-radius: 50%; background: #22c55e; animation: cdt-cm-pulse 2s infinite;}
@keyframes cdt-cm-pulse { 0%,100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34,197,94,.6); } 50% { opacity: .7; box-shadow: 0 0 0 6px rgba(34,197,94,0); } }
.obltech-cd-cm .obltech-cd-cm-stats-panel h3{font-size: 24px !important; font-weight: 800 !important; color: #fff !important; margin-bottom: 14px !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: -0.5px !important; position: relative; z-index: 2;}
.obltech-cd-cm .obltech-cd-cm-stats-panel > p{font-size: 15px !important; font-weight: 600 !important; color: rgba(255,255,255,.80) !important; line-height: 1.7 !important; margin-bottom: 24px !important; position: relative; z-index: 2;}
.obltech-cd-cm .obltech-cd-cm-stat-list{display: flex; flex-direction: column; gap: 14px; position: relative; z-index: 2;}
.obltech-cd-cm .obltech-cd-cm-stat-item{display: flex; align-items: center; gap: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 14px 16px; backdrop-filter: blur(10px); transition: all .25s ease;}
.obltech-cd-cm .obltech-cd-cm-stat-item:hover{background: rgba(255,255,255,.10); transform: translateX(4px);}
.obltech-cd-cm .obltech-cd-cm-stat-num{font-size: 28px !important; font-weight: 900 !important; color: #fbbf24 !important; line-height: 1 !important; letter-spacing: -1px !important; min-width: 88px;}
.obltech-cd-cm .obltech-cd-cm-stat-label{font-size: 13px !important; color: rgba(255,255,255,.85) !important; font-weight: 700 !important; line-height: 1.4 !important;}
.obltech-cd-cm .obltech-cd-cm-cards{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.obltech-cd-cm .obltech-cd-cm-card{position: relative; background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 18px; padding: 26px 24px; transition: all .35s ease; box-shadow: 0 6px 18px rgba(15,23,42,.05); overflow: hidden; display: flex; flex-direction: column;}
.obltech-cd-cm .obltech-cd-cm-card::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--cm-color); transform: scaleX(0); transform-origin: left; transition: transform .35s ease;}
.obltech-cd-cm .obltech-cd-cm-card:hover{transform: translateY(-6px); box-shadow: 0 18px 40px rgba(15,23,42,.12); border-color: var(--cm-border);}
.obltech-cd-cm .obltech-cd-cm-card:hover::before{transform: scaleX(1);}
.obltech-cd-cm .obltech-cd-cm-card-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px;}
.obltech-cd-cm .obltech-cd-cm-card-icon{width: 50px; height: 50px; border-radius: 14px; background: var(--cm-gradient); display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: var(--cm-shadow); transition: all .3s ease;}
.obltech-cd-cm .obltech-cd-cm-card:hover .obltech-cd-cm-card-icon{transform: scale(1.08) rotate(-5deg);}
.obltech-cd-cm .obltech-cd-cm-card-icon svg{width: 24px; height: 24px; color: #fff;}
.obltech-cd-cm .obltech-cd-cm-card-tag{display: inline-flex !important; align-items: center !important; padding: 4px 11px !important; background: var(--cm-tag-bg) !important; color: var(--cm-text) !important; border: 1px solid var(--cm-border) !important; border-radius: 50px !important; font-size: 10.5px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important;}
.obltech-cd-cm .obltech-cd-cm-card h3{font-size: 18px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 8px !important; line-height: 1.3 !important; text-transform: none !important; letter-spacing: -0.3px !important;}
.obltech-cd-cm .obltech-cd-cm-card > p{font-size: 14.5px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.6 !important; margin: 0 0 16px 0 !important; flex: 1;}
.obltech-cd-cm .obltech-cd-cm-topics{display: flex; flex-direction: column; gap: 6px; padding-top: 14px; border-top: 1px dashed rgba(15,23,42,.10);}
.obltech-cd-cm .obltech-cd-cm-topic{display: flex; align-items: center; gap: 8px; font-size: 12.5px !important; color: #505458 !important; font-weight: 700 !important; line-height: 1.4 !important;}
.obltech-cd-cm .obltech-cd-cm-topic svg{width: 14px; height: 14px; color: var(--cm-text); flex-shrink: 0;}
.obltech-cd-cm .obltech-cd-cm-card-1{--cm-color: linear-gradient(90deg,#0ea5e9,#0284c7); --cm-gradient: linear-gradient(135deg,#0ea5e9,#0284c7); --cm-shadow: 0 6px 14px rgba(14,165,233,.35); --cm-border: rgba(14,165,233,.35); --cm-tag-bg: rgba(14,165,233,.10); --cm-text: #0284c7;}
.obltech-cd-cm .obltech-cd-cm-card-2{--cm-color: linear-gradient(90deg,#f97316,#ea580c); --cm-gradient: linear-gradient(135deg,#f97316,#ea580c); --cm-shadow: 0 6px 14px rgba(249,115,22,.35); --cm-border: rgba(249,115,22,.35); --cm-tag-bg: rgba(249,115,22,.10); --cm-text: #ea580c;}
.obltech-cd-cm .obltech-cd-cm-card-3{--cm-color: linear-gradient(90deg,#22c55e,#15803d); --cm-gradient: linear-gradient(135deg,#22c55e,#15803d); --cm-shadow: 0 6px 14px rgba(34,197,94,.35); --cm-border: rgba(34,197,94,.35); --cm-tag-bg: rgba(34,197,94,.10); --cm-text: #15803d;}
.obltech-cd-cm .obltech-cd-cm-card-4{--cm-color: linear-gradient(90deg,#a855f7,#7c3aed); --cm-gradient: linear-gradient(135deg,#a855f7,#7c3aed); --cm-shadow: 0 6px 14px rgba(168,85,247,.35); --cm-border: rgba(168,85,247,.35); --cm-tag-bg: rgba(168,85,247,.10); --cm-text: #7c3aed;}
/* ============================================================
   09. GBP / REPUTATION & PERFORMANCE
   ============================================================ */
.obltech-cd-gbp.obltech-cd-gbp-section{position: relative; background: linear-gradient(180deg,#ecfeff 0%,#e0f2fe 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-gbp.obltech-cd-gbp-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(6,182,212,.18); filter: blur(120px); top: -150px; right: -150px; pointer-events: none;}
.obltech-cd-gbp.obltech-cd-gbp-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(56,189,248,.15); filter: blur(120px); bottom: -150px; left: -150px; pointer-events: none;}
.obltech-cd-gbp .obltech-cd-gbp-inner{display: grid; grid-template-columns: 1.1fr 1fr; gap: 50px; align-items: stretch; position: relative; z-index: 2;}
.obltech-cd-gbp .obltech-cd-gbp-left{display: flex; flex-direction: column; gap: 14px;}
.obltech-cd-gbp .obltech-cd-gbp-item{display: flex; align-items: flex-start; gap: 18px; background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 14px; padding: 22px 24px; transition: all .3s ease; box-shadow: 0 4px 14px rgba(15,23,42,.05); position: relative; overflow: hidden;}
.obltech-cd-gbp .obltech-cd-gbp-item::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg,#0ea5e9,#1d4ed8); transform: scaleY(0); transform-origin: top; transition: transform .35s ease;}
.obltech-cd-gbp .obltech-cd-gbp-item:hover{transform: translateX(8px); box-shadow: 0 14px 36px rgba(14,165,233,.18); border-color: rgba(14,165,233,.30);}
.obltech-cd-gbp .obltech-cd-gbp-item:hover::before{transform: scaleY(1);}
.obltech-cd-gbp .obltech-cd-gbp-item-num{flex-shrink: 0; width: 54px; height: 54px; border-radius: 14px; background: linear-gradient(135deg,#0ea5e9,#0284c7); display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 20px !important; font-weight: 900 !important; letter-spacing: -0.5px !important; box-shadow: 0 8px 20px rgba(14,165,233,.35); transition: all .3s ease; position: relative;}
.obltech-cd-gbp .obltech-cd-gbp-item:hover .obltech-cd-gbp-item-num{transform: scale(1.05) rotate(-5deg);}
.obltech-cd-gbp .obltech-cd-gbp-item-body{flex: 1; min-width: 0;}
.obltech-cd-gbp .obltech-cd-gbp-item-body h3{font-size: 18px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 6px !important; line-height: 1.3 !important; text-transform: none !important; letter-spacing: -0.3px !important; display: flex; align-items: center; gap: 8px;}
.obltech-cd-gbp .obltech-cd-gbp-item-body h3 svg{width: 18px; height: 18px; color: #0284c7; flex-shrink: 0;}
.obltech-cd-gbp .obltech-cd-gbp-item-body p{font-size: 14.5px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.65 !important; margin: 0 !important;}
.obltech-cd-gbp .obltech-cd-gbp-right{display: flex; flex-direction: column; gap: 20px;}
.obltech-cd-gbp .obltech-cd-gbp-img-wrap{position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 50px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.05); flex: 1; min-height: 280px;}
.obltech-cd-gbp .obltech-cd-gbp-img-wrap img{width: 100%; height: 100%; object-fit: cover; display: block; min-height: 280px; transform: translateZ(0);}
.obltech-cd-gbp .obltech-cd-gbp-img-wrap::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(10,22,40,.10) 0%,rgba(10,22,40,.65) 100%); pointer-events: none;}
.obltech-cd-gbp .obltech-cd-gbp-img-overlay{position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 3;}
.obltech-cd-gbp .obltech-cd-gbp-img-eyebrow{display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(255,255,255,.95) !important; backdrop-filter: blur(10px); color: #0284c7 !important; padding: 5px 12px !important; border-radius: 50px !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 10px !important;}
.obltech-cd-gbp .obltech-cd-gbp-img-eyebrow .obltech-cd-dot{width: 6px; height: 6px; border-radius: 50%; background: #22c55e;}
.obltech-cd-gbp .obltech-cd-gbp-img-overlay h4{font-size: 22px !important; font-weight: 800 !important; color: #fff !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: -0.3px !important; text-shadow: 0 2px 8px rgba(0,0,0,.3);}
.obltech-cd-gbp .obltech-cd-gbp-stats{background: linear-gradient(135deg,#0a1628 0%,#0c2d4f 100%); border-radius: 18px; padding: 24px 26px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; box-shadow: 0 16px 40px rgba(15,23,42,.20); position: relative; overflow: hidden;}
.obltech-cd-gbp .obltech-cd-gbp-stats::before{content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle,rgba(56,189,248,.30),transparent 60%); top: -80px; right: -80px; filter: blur(30px); pointer-events: none;}
.obltech-cd-gbp .obltech-cd-gbp-stat{position: relative; z-index: 2; text-align: center;}
.obltech-cd-gbp .obltech-cd-gbp-stat-num{font-size: 26px !important; font-weight: 900 !important; color: #fbbf24 !important; line-height: 1 !important; margin-bottom: 6px !important; letter-spacing: -0.5px !important;}
.obltech-cd-gbp .obltech-cd-gbp-stat-label{font-size: 11.5px !important; color: rgba(255,255,255,.80) !important; font-weight: 700 !important; line-height: 1.3 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important;}
.obltech-cd-gbp .obltech-cd-gbp-cta-card{background: #fff; border: 2px solid rgba(14,165,233,.20); border-radius: 16px; padding: 20px 24px; display: flex; align-items: center; gap: 18px; box-shadow: 0 8px 20px rgba(14,165,233,.10);}
.obltech-cd-gbp .obltech-cd-gbp-cta-icon{width: 50px; height: 50px; border-radius: 14px; background: linear-gradient(135deg,#0ea5e9,#0284c7); display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; color: #fff; font-size: 22px; box-shadow: 0 6px 14px rgba(14,165,233,.30);}
.obltech-cd-gbp .obltech-cd-gbp-cta-text{flex: 1; min-width: 0;}
.obltech-cd-gbp .obltech-cd-gbp-cta-text strong{font-size: 16px !important; font-weight: 800 !important; color: #0a1628 !important; display: block; margin-bottom: 2px !important; line-height: 1.3 !important;}
.obltech-cd-gbp .obltech-cd-gbp-cta-text small{font-size: 13px !important; color: #505458 !important; font-weight: 600 !important; line-height: 1.45 !important; display: block;}
.obltech-cd-gbp .obltech-cd-gbp-cta-arrow{width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg,#0ea5e9,#0284c7); display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; color: #fff; transition: all .25s ease; cursor: pointer; text-decoration: none !important;}
.obltech-cd-gbp a.obltech-cd-gbp-cta-arrow:hover{transform: translateX(4px); box-shadow: 0 8px 20px rgba(14,165,233,.40);}
.obltech-cd-gbp .obltech-cd-gbp-cta-arrow svg{width: 18px; height: 18px;}
/* ============================================================
   10. SEO FRAMEWORK (Hub & Spoke)
   ============================================================ */
.obltech-cd-lb.obltech-cd-lb-section{position: relative; background: linear-gradient(180deg,#fff7ed 0%,#fef2f2 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-lb.obltech-cd-lb-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(251,146,60,.20); filter: blur(120px); top: -150px; left: -150px; pointer-events: none;}
.obltech-cd-lb.obltech-cd-lb-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(239,68,68,.15); filter: blur(120px); bottom: -150px; right: -150px; pointer-events: none;}
.obltech-cd-lb .obltech-cd-lb-hub-wrap{position: relative; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: 24px; align-items: center; z-index: 2;}
.obltech-cd-lb .obltech-cd-lb-col-left,
.obltech-cd-lb .obltech-cd-lb-col-right{display: flex; flex-direction: column; gap: 18px; position: relative; z-index: 3;}
.obltech-cd-lb .obltech-cd-lb-hub{position: relative; display: flex; justify-content: center; align-items: center; padding: 30px 0; z-index: 3;}
.obltech-cd-lb .obltech-cd-lb-hub-inner{position: relative; width: 260px; height: 260px; border-radius: 50%; background: linear-gradient(135deg,#0a1628 0%,#0c2d4f 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 30px; box-shadow: 0 20px 50px rgba(15,23,42,.25),0 0 0 8px rgba(255,255,255,.5),0 0 0 9px rgba(14,165,233,.20);}
.obltech-cd-lb .obltech-cd-lb-hub-ring{position: absolute; inset: -30px; border: 2px dashed rgba(14,165,233,.35); border-radius: 50%; animation: cdt-lb-spin 30s linear infinite;}
@keyframes cdt-lb-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.obltech-cd-lb .obltech-cd-lb-hub-dot{position: absolute; width: 14px; height: 14px; border-radius: 50%; background: #0ea5e9; box-shadow: 0 0 0 0 rgba(14,165,233,.6); animation: cdt-lb-pulse 2s infinite;}
@keyframes cdt-lb-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(14,165,233,.6); } 50% { box-shadow: 0 0 0 12px rgba(14,165,233,0); } }
.obltech-cd-lb .obltech-cd-lb-hub-dot-1{top: -7px; left: 50%; margin-left: -7px; animation-delay: 0s;}
.obltech-cd-lb .obltech-cd-lb-hub-dot-2{right: -7px; top: 50%; margin-top: -7px; animation-delay: .5s; background: #f97316;}
.obltech-cd-lb .obltech-cd-lb-hub-dot-3{bottom: -7px; left: 50%; margin-left: -7px; animation-delay: 1s; background: #22c55e;}
.obltech-cd-lb .obltech-cd-lb-hub-dot-4{left: -7px; top: 50%; margin-top: -7px; animation-delay: 1.5s; background: #a855f7;}
.obltech-cd-lb .obltech-cd-lb-hub-icon{width: 60px; height: 60px; border-radius: 18px; background: linear-gradient(135deg,#0ea5e9 0%,#1d4ed8 100%); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; box-shadow: 0 10px 24px rgba(14,165,233,.45);}
.obltech-cd-lb .obltech-cd-lb-hub-icon svg{width: 32px; height: 32px; color: #fff;}
.obltech-cd-lb .obltech-cd-lb-hub-label{font-size: 11px !important; color: #7dd3fc !important; font-weight: 800 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; margin-bottom: 6px !important;}
.obltech-cd-lb .obltech-cd-lb-hub-title{font-size: 20px !important; font-weight: 800 !important; color: #fff !important; line-height: 1.2 !important; letter-spacing: -0.3px !important; margin-bottom: 10px !important; text-transform: none !important;}
.obltech-cd-lb .obltech-cd-lb-hub-desc{font-size: 12.5px !important; color: rgba(255,255,255,.75) !important; font-weight: 600 !important; line-height: 1.4 !important;}
.obltech-cd-lb .obltech-cd-lb-card{position: relative; background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 14px; padding: 18px; transition: all .3s ease; box-shadow: 0 6px 18px rgba(15,23,42,.06); overflow: hidden;}
.obltech-cd-lb .obltech-cd-lb-card::before{content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--lb-color); transform: scaleX(0); transform-origin: left; transition: transform .35s ease;}
.obltech-cd-lb .obltech-cd-lb-card:hover{transform: translateY(-5px); box-shadow: 0 16px 38px rgba(15,23,42,.13); border-color: var(--lb-border);}
.obltech-cd-lb .obltech-cd-lb-card:hover::before{transform: scaleX(1);}
.obltech-cd-lb .obltech-cd-lb-card-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.obltech-cd-lb .obltech-cd-lb-card-icon{width: 40px; height: 40px; border-radius: 11px; background: var(--lb-gradient); display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: var(--lb-shadow); transition: all .3s ease;}
.obltech-cd-lb .obltech-cd-lb-card:hover .obltech-cd-lb-card-icon{transform: scale(1.1) rotate(-6deg);}
.obltech-cd-lb .obltech-cd-lb-card-icon svg{width: 20px; height: 20px; color: #fff;}
.obltech-cd-lb .obltech-cd-lb-da-badge{display: inline-flex !important; align-items: center !important; gap: 4px !important; background: var(--lb-tag-bg) !important; color: var(--lb-text) !important; border: 1px solid var(--lb-border) !important; padding: 3px 10px !important; border-radius: 50px !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: 0.6px !important;}
.obltech-cd-lb .obltech-cd-lb-card h3{font-size: 15.5px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 5px !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: -0.2px !important;}
.obltech-cd-lb .obltech-cd-lb-card p{font-size: 13px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.5 !important; margin: 0 !important;}
.obltech-cd-lb .obltech-cd-lb-card-1{--lb-color: linear-gradient(90deg,#f97316,#ea580c); --lb-gradient: linear-gradient(135deg,#f97316,#ea580c); --lb-shadow: 0 4px 10px rgba(249,115,22,.35); --lb-border: rgba(249,115,22,.30); --lb-tag-bg: rgba(249,115,22,.10); --lb-text: #ea580c;}
.obltech-cd-lb .obltech-cd-lb-card-2{--lb-color: linear-gradient(90deg,#22c55e,#15803d); --lb-gradient: linear-gradient(135deg,#22c55e,#15803d); --lb-shadow: 0 4px 10px rgba(34,197,94,.35); --lb-border: rgba(34,197,94,.30); --lb-tag-bg: rgba(34,197,94,.10); --lb-text: #15803d;}
.obltech-cd-lb .obltech-cd-lb-card-3{--lb-color: linear-gradient(90deg,#0ea5e9,#0284c7); --lb-gradient: linear-gradient(135deg,#0ea5e9,#0284c7); --lb-shadow: 0 4px 10px rgba(14,165,233,.35); --lb-border: rgba(14,165,233,.30); --lb-tag-bg: rgba(14,165,233,.10); --lb-text: #0284c7;}
.obltech-cd-lb .obltech-cd-lb-card-4{--lb-color: linear-gradient(90deg,#a855f7,#7c3aed); --lb-gradient: linear-gradient(135deg,#a855f7,#7c3aed); --lb-shadow: 0 4px 10px rgba(168,85,247,.35); --lb-border: rgba(168,85,247,.30); --lb-tag-bg: rgba(168,85,247,.10); --lb-text: #7c3aed;}
.obltech-cd-lb .obltech-cd-lb-card-5{--lb-color: linear-gradient(90deg,#ec4899,#be185d); --lb-gradient: linear-gradient(135deg,#ec4899,#be185d); --lb-shadow: 0 4px 10px rgba(236,72,153,.35); --lb-border: rgba(236,72,153,.30); --lb-tag-bg: rgba(236,72,153,.10); --lb-text: #be185d;}
.obltech-cd-lb .obltech-cd-lb-card-6{--lb-color: linear-gradient(90deg,#fbbf24,#d97706); --lb-gradient: linear-gradient(135deg,#fbbf24,#d97706); --lb-shadow: 0 4px 10px rgba(251,191,36,.35); --lb-border: rgba(251,191,36,.30); --lb-tag-bg: rgba(251,191,36,.10); --lb-text: #d97706;}
.obltech-cd-lb .obltech-cd-lb-stats-bar{margin-top: 50px; background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 16px; padding: 28px 32px; display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; box-shadow: 0 10px 30px rgba(15,23,42,.08); position: relative; z-index: 2;}
.obltech-cd-lb .obltech-cd-lb-stat-box{text-align: center; border-right: 1px solid #e2e8f0; padding: 0 14px;}
.obltech-cd-lb .obltech-cd-lb-stat-box:last-child{border-right: none;}
.obltech-cd-lb .obltech-cd-lb-stat-num{font-size: 28px !important; font-weight: 900 !important; background: linear-gradient(120deg,#0ea5e9,#1d4ed8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; line-height: 1 !important; margin-bottom: 6px !important; letter-spacing: -0.8px !important;}
.obltech-cd-lb .obltech-cd-lb-stat-lbl{font-size: 12px !important; color: #505458 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; line-height: 1.4 !important;}
/* ============================================================
   11. DETAILING SERVICES SEO
   ============================================================ */
.obltech-cd-ds.obltech-cd-ds-section{position: relative; background: linear-gradient(180deg,#f1f5f9 0%,#e0e7ff 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-ds.obltech-cd-ds-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(99,102,241,.15); filter: blur(120px); top: -150px; right: -150px; pointer-events: none;}
.obltech-cd-ds.obltech-cd-ds-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(14,165,233,.12); filter: blur(120px); bottom: -150px; left: -150px; pointer-events: none;}
.obltech-cd-ds .obltech-cd-ds-grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; position: relative; z-index: 2; margin-bottom: 48px;}
.obltech-cd-ds .obltech-cd-ds-card{position: relative; background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 18px; box-shadow: 0 8px 24px rgba(15,23,42,.07); transition: all .35s ease; display: flex; flex-direction: column; overflow: hidden;}
.obltech-cd-ds .obltech-cd-ds-card:hover{transform: translateY(-8px); box-shadow: 0 22px 50px rgba(15,23,42,.15); border-color: rgba(14,165,233,.25);}
.obltech-cd-ds .obltech-cd-ds-card-icon-header{position: relative; height: 180px; border-radius: 18px 18px 0 0; background: var(--ds-header-bg); display: flex; align-items: center; justify-content: center; overflow: hidden;}
.obltech-cd-ds .obltech-cd-ds-card-icon-header::before{content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: var(--ds-circle); top: -80px; right: -60px; pointer-events: none;}
.obltech-cd-ds .obltech-cd-ds-card-icon-header::after{content: ""; position: absolute; width: 140px; height: 140px; border-radius: 50%; background: var(--ds-circle); bottom: -50px; left: -40px; pointer-events: none;}
.obltech-cd-ds .obltech-cd-ds-card-tag{position: absolute; top: 14px; left: 14px; background: #fff; color: var(--ds-color) !important; padding: 5px 12px !important; border-radius: 50px !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.6px !important; box-shadow: 0 4px 10px rgba(0,0,0,.12); z-index: 4;}
.obltech-cd-ds .obltech-cd-ds-icon-box{position: relative; z-index: 2; width: 78px; height: 78px; border-radius: 22px; background: var(--ds-gradient); display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: var(--ds-shadow); transition: all .35s ease;}
.obltech-cd-ds .obltech-cd-ds-card:hover .obltech-cd-ds-icon-box{transform: scale(1.12) rotate(-8deg);}
.obltech-cd-ds .obltech-cd-ds-icon-box svg{width: 38px; height: 38px; color: #fff;}
.obltech-cd-ds .obltech-cd-ds-card-body{padding: 24px 22px 22px; flex: 1; display: flex; flex-direction: column;}
.obltech-cd-ds .obltech-cd-ds-card-body h3{font-size: 19px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 8px !important; line-height: 1.3 !important; text-transform: none !important; letter-spacing: -0.3px !important;}
.obltech-cd-ds .obltech-cd-ds-card-body p{font-size: 14.5px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.6 !important; margin: 0 0 16px 0 !important; flex: 1;}
.obltech-cd-ds .obltech-cd-ds-keywords{display: flex; flex-wrap: wrap; gap: 6px; padding-top: 14px; border-top: 1px dashed rgba(15,23,42,.10);}
.obltech-cd-ds .obltech-cd-ds-keyword{display: inline-flex !important; align-items: center !important; gap: 4px !important; background: var(--ds-tag-bg) !important; color: var(--ds-color) !important; border: 1px solid var(--ds-border) !important; padding: 4px 10px !important; border-radius: 50px !important; font-size: 11px !important; font-weight: 700 !important;}
.obltech-cd-ds .obltech-cd-ds-card-1{--ds-color: #0284c7; --ds-gradient: linear-gradient(135deg,#0ea5e9,#0284c7); --ds-shadow: 0 8px 18px rgba(14,165,233,.40); --ds-border: rgba(14,165,233,.25); --ds-tag-bg: rgba(14,165,233,.08); --ds-header-bg: linear-gradient(135deg,rgba(14,165,233,.10) 0%,rgba(2,132,199,.18) 100%); --ds-circle: rgba(14,165,233,.10);}
.obltech-cd-ds .obltech-cd-ds-card-2{--ds-color: #7c3aed; --ds-gradient: linear-gradient(135deg,#a855f7,#7c3aed); --ds-shadow: 0 8px 18px rgba(168,85,247,.40); --ds-border: rgba(168,85,247,.25); --ds-tag-bg: rgba(168,85,247,.08); --ds-header-bg: linear-gradient(135deg,rgba(168,85,247,.10) 0%,rgba(124,58,237,.18) 100%); --ds-circle: rgba(168,85,247,.10);}
.obltech-cd-ds .obltech-cd-ds-card-3{--ds-color: #ea580c; --ds-gradient: linear-gradient(135deg,#f97316,#ea580c); --ds-shadow: 0 8px 18px rgba(249,115,22,.40); --ds-border: rgba(249,115,22,.25); --ds-tag-bg: rgba(249,115,22,.08); --ds-header-bg: linear-gradient(135deg,rgba(249,115,22,.10) 0%,rgba(234,88,12,.18) 100%); --ds-circle: rgba(249,115,22,.10);}
.obltech-cd-ds .obltech-cd-ds-card-4{--ds-color: #15803d; --ds-gradient: linear-gradient(135deg,#22c55e,#15803d); --ds-shadow: 0 8px 18px rgba(34,197,94,.40); --ds-border: rgba(34,197,94,.25); --ds-tag-bg: rgba(34,197,94,.08); --ds-header-bg: linear-gradient(135deg,rgba(34,197,94,.10) 0%,rgba(21,128,61,.18) 100%); --ds-circle: rgba(34,197,94,.10);}
.obltech-cd-ds .obltech-cd-ds-card-5{--ds-color: #be185d; --ds-gradient: linear-gradient(135deg,#ec4899,#be185d); --ds-shadow: 0 8px 18px rgba(236,72,153,.40); --ds-border: rgba(236,72,153,.25); --ds-tag-bg: rgba(236,72,153,.08); --ds-header-bg: linear-gradient(135deg,rgba(236,72,153,.10) 0%,rgba(190,24,93,.18) 100%); --ds-circle: rgba(236,72,153,.10);}
.obltech-cd-ds .obltech-cd-ds-card-6{--ds-color: #d97706; --ds-gradient: linear-gradient(135deg,#fbbf24,#d97706); --ds-shadow: 0 8px 18px rgba(251,191,36,.40); --ds-border: rgba(251,191,36,.25); --ds-tag-bg: rgba(251,191,36,.08); --ds-header-bg: linear-gradient(135deg,rgba(251,191,36,.10) 0%,rgba(217,119,6,.18) 100%); --ds-circle: rgba(251,191,36,.10);}
.obltech-cd-ds .obltech-cd-ds-cta-wrap{text-align: center; position: relative; z-index: 2;}
.obltech-cd-ds .obltech-cd-ds-cta-text{font-size: 16px !important; color: #505458 !important; font-weight: 700 !important; margin-bottom: 18px !important; line-height: 1.6 !important;}
.obltech-cd-ds .obltech-cd-ds-cta-btn,
.obltech-cd-ds a.obltech-cd-ds-cta-btn{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; background: linear-gradient(135deg,#0ea5e9,#0284c7) !important; color: #fff !important; border: none !important; border-radius: 10px !important; padding: 16px 36px !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; cursor: pointer !important; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; transition: all .25s ease !important; min-height: auto !important; height: auto !important; width: auto !important; box-shadow: 0 10px 28px rgba(14,165,233,.40) !important;}
.obltech-cd-ds .obltech-cd-ds-cta-btn:hover{background: linear-gradient(135deg,#0284c7,#1d4ed8) !important; color: #fff !important; transform: translateY(-3px); box-shadow: 0 14px 36px rgba(14,165,233,.55) !important;}
.obltech-cd-ds .obltech-cd-ds-cta-btn svg{width: 16px !important; height: 16px !important; flex-shrink: 0;}
/* unsized SVG defaults to 300x150 and breaks the button */
/* ============================================================
   12. BENEFITS COMPARISON (VS)
   ============================================================ */
.obltech-cd-bn.obltech-cd-bn-section{position: relative; background: linear-gradient(180deg,#fffbeb 0%,#fef3c7 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-bn.obltech-cd-bn-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(251,191,36,.18); filter: blur(120px); top: -150px; left: -150px; pointer-events: none;}
.obltech-cd-bn.obltech-cd-bn-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(34,197,94,.15); filter: blur(120px); bottom: -150px; right: -150px; pointer-events: none;}
.obltech-cd-bn .obltech-cd-bn-compare{position: relative; display: grid; grid-template-columns: 1fr 60px 1fr; gap: 0; align-items: stretch; max-width: 1100px; margin: 0 auto; z-index: 2;}
.obltech-cd-bn .obltech-cd-bn-vs{display: flex; align-items: center; justify-content: center; position: relative; z-index: 5;}
.obltech-cd-bn .obltech-cd-bn-vs-circle{width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg,#0a1628 0%,#0c2d4f 100%); display: flex; align-items: center; justify-content: center; color: #fff !important; font-size: 18px !important; font-weight: 900 !important; letter-spacing: 0.5px !important; box-shadow: 0 12px 30px rgba(15,23,42,.25),0 0 0 6px #fff; position: relative;}
.obltech-cd-bn .obltech-cd-bn-vs-circle::before{content: ""; position: absolute; inset: -12px; border-radius: 50%; border: 2px dashed rgba(14,165,233,.40); animation: cdt-bn-spin 20s linear infinite;}
@keyframes cdt-bn-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.obltech-cd-bn .obltech-cd-bn-panel{padding: 34px 30px; border-radius: 20px; position: relative; overflow: hidden; box-shadow: 0 14px 36px rgba(15,23,42,.08); display: flex; flex-direction: column;}
.obltech-cd-bn .obltech-cd-bn-panel-without{background: #fff; border: 1px solid rgba(239,68,68,.20);}
.obltech-cd-bn .obltech-cd-bn-panel-without::before{content: ""; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle,rgba(239,68,68,.10),transparent 60%); top: -100px; right: -100px; filter: blur(20px); pointer-events: none;}
.obltech-cd-bn .obltech-cd-bn-panel-label{display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 6px 14px !important; border-radius: 50px !important; font-size: 11.5px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 18px !important; align-self: flex-start; width: auto !important; max-width: max-content !important;}
.obltech-cd-bn .obltech-cd-bn-panel-without .obltech-cd-bn-panel-label{background: rgba(239,68,68,.10) !important; color: #dc2626 !important; border: 1px solid rgba(239,68,68,.30) !important;}
.obltech-cd-bn .obltech-cd-bn-panel h3{font-size: 24px !important; font-weight: 800 !important; color: #0a1628 !important; margin-bottom: 8px !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: -0.4px !important; position: relative; z-index: 2;}
.obltech-cd-bn .obltech-cd-bn-panel > p{font-size: 15px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.65 !important; margin-bottom: 24px !important; position: relative; z-index: 2;}
.obltech-cd-bn .obltech-cd-bn-items{display: flex; flex-direction: column; gap: 12px; flex: 1; position: relative; z-index: 2; margin-bottom: 24px;}
.obltech-cd-bn .obltech-cd-bn-item{display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 11px; font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.55 !important; transition: all .25s ease;}
.obltech-cd-bn .obltech-cd-bn-panel-without .obltech-cd-bn-item{background: #fef2f2; border: 1px solid rgba(239,68,68,.10); color: #7f1d1d !important;}
.obltech-cd-bn .obltech-cd-bn-panel-without .obltech-cd-bn-item-icon{flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: rgba(239,68,68,.15); display: flex; align-items: center; justify-content: center; color: #dc2626; font-size: 13px; font-weight: 900; margin-top: 1px;}
.obltech-cd-bn .obltech-cd-bn-panel-with{background: linear-gradient(135deg,#0a1628 0%,#0c2d4f 50%,#0a1f3f 100%); color: #fff; border: 1px solid rgba(34,197,94,.30);}
.obltech-cd-bn .obltech-cd-bn-panel-with::before{content: ""; position: absolute; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle,rgba(34,197,94,.30),transparent 60%); top: -120px; left: -120px; filter: blur(20px); pointer-events: none;}
.obltech-cd-bn .obltech-cd-bn-panel-with .obltech-cd-bn-panel-label{background: rgba(34,197,94,.18) !important; color: #86efac !important; border: 1px solid rgba(34,197,94,.40) !important; backdrop-filter: blur(10px);}
.obltech-cd-bn .obltech-cd-bn-panel-with h3{color: #fff !important;}
.obltech-cd-bn .obltech-cd-bn-panel-with > p{color: rgba(255,255,255,.80) !important;}
.obltech-cd-bn .obltech-cd-bn-panel-with .obltech-cd-bn-item{background: rgba(255,255,255,.06); border: 1px solid rgba(34,197,94,.20); color: rgba(255,255,255,.92) !important; backdrop-filter: blur(10px);}
.obltech-cd-bn .obltech-cd-bn-panel-with .obltech-cd-bn-item:hover{background: rgba(34,197,94,.12); transform: translateX(4px);}
.obltech-cd-bn .obltech-cd-bn-panel-with .obltech-cd-bn-item-icon{flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg,#22c55e,#15803d); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: 900; margin-top: 1px; box-shadow: 0 3px 8px rgba(34,197,94,.40);}
.obltech-cd-bn .obltech-cd-bn-panel-stat{padding: 16px 18px; border-radius: 14px; display: flex; align-items: center; gap: 14px; margin-top: auto; position: relative; z-index: 2;}
.obltech-cd-bn .obltech-cd-bn-panel-without .obltech-cd-bn-panel-stat{background: linear-gradient(135deg,rgba(239,68,68,.10),rgba(239,68,68,.05)); border: 1px solid rgba(239,68,68,.20);}
.obltech-cd-bn .obltech-cd-bn-panel-with .obltech-cd-bn-panel-stat{background: linear-gradient(135deg,rgba(34,197,94,.18),rgba(34,197,94,.10)); border: 1px solid rgba(34,197,94,.30);}
.obltech-cd-bn .obltech-cd-bn-panel-stat-icon{width: 42px; height: 42px; border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 20px;}
.obltech-cd-bn .obltech-cd-bn-panel-without .obltech-cd-bn-panel-stat-icon{background: linear-gradient(135deg,#ef4444,#dc2626); color: #fff; box-shadow: 0 4px 10px rgba(239,68,68,.35);}
.obltech-cd-bn .obltech-cd-bn-panel-with .obltech-cd-bn-panel-stat-icon{background: linear-gradient(135deg,#22c55e,#15803d); color: #fff; box-shadow: 0 4px 10px rgba(34,197,94,.35);}
.obltech-cd-bn .obltech-cd-bn-panel-stat-text{display: flex; flex-direction: column; line-height: 1.3;}
.obltech-cd-bn .obltech-cd-bn-panel-stat-text strong{font-size: 17px !important; font-weight: 800 !important; letter-spacing: -0.2px !important;}
.obltech-cd-bn .obltech-cd-bn-panel-without .obltech-cd-bn-panel-stat-text strong{color: #dc2626 !important;}
.obltech-cd-bn .obltech-cd-bn-panel-with .obltech-cd-bn-panel-stat-text strong{color: #86efac !important;}
.obltech-cd-bn .obltech-cd-bn-panel-stat-text small{font-size: 12px !important; font-weight: 600 !important;}
.obltech-cd-bn .obltech-cd-bn-panel-without .obltech-cd-bn-panel-stat-text small{color: #7f1d1d !important;}
.obltech-cd-bn .obltech-cd-bn-panel-with .obltech-cd-bn-panel-stat-text small{color: rgba(255,255,255,.70) !important;}
/* ============================================================
   13. WHY CHOOSE US (Timeline)
   ============================================================ */
.obltech-cd-pr.obltech-cd-pr-section{position: relative; background: linear-gradient(180deg,#f8fafc 0%,#eff6ff 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-pr.obltech-cd-pr-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(14,165,233,.12); filter: blur(120px); top: -150px; right: -150px; pointer-events: none;}
.obltech-cd-pr.obltech-cd-pr-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(99,102,241,.10); filter: blur(120px); bottom: -150px; left: -150px; pointer-events: none;}
.obltech-cd-pr .obltech-cd-header-cta-wrap{display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 28px; flex-wrap: wrap;}
.obltech-cd-pr a.obltech-cd-header-cta-primary,
.obltech-cd-pr .obltech-cd-header-cta-primary{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; background: linear-gradient(135deg,#0ea5e9 0%,#0284c7 50%,#1d4ed8 100%) !important; color: #fff !important; padding: 15px 32px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; letter-spacing: 0.3px !important; box-shadow: 0 8px 28px rgba(14,165,233,.45),0 2px 8px rgba(14,165,233,.20) !important; border: none !important; cursor: pointer !important; transition: all .3s ease !important; position: relative !important; overflow: hidden !important;}
.obltech-cd-pr a.obltech-cd-header-cta-primary:hover,
.obltech-cd-pr .obltech-cd-header-cta-primary:hover{background: linear-gradient(135deg,#0284c7 0%,#1d4ed8 100%) !important; color: #fff !important; transform: translateY(-3px) !important; box-shadow: 0 14px 36px rgba(14,165,233,.55),0 4px 12px rgba(14,165,233,.25) !important; text-decoration: none !important;}
.obltech-cd-pr a.obltech-cd-header-cta-primary svg,
.obltech-cd-pr .obltech-cd-header-cta-primary svg{width: 16px; height: 16px; color: #fff; flex-shrink: 0;}
.obltech-cd-pr a.obltech-cd-header-cta-calc,
.obltech-cd-pr .obltech-cd-header-cta-calc{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; background: #fff !important; color: #0284c7 !important; padding: 14px 30px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 800 !important; text-decoration: none !important; letter-spacing: 0.3px !important; border: 2px solid rgba(14,165,233,.40) !important; cursor: pointer !important; transition: all .3s ease !important; box-shadow: 0 4px 14px rgba(14,165,233,.12) !important;}
.obltech-cd-pr a.obltech-cd-header-cta-calc:hover,
.obltech-cd-pr .obltech-cd-header-cta-calc:hover{border-color: #0284c7 !important; color: #0284c7 !important; transform: translateY(-3px) !important; box-shadow: 0 10px 28px rgba(14,165,233,.22) !important; text-decoration: none !important;}
.obltech-cd-pr a.obltech-cd-header-cta-calc svg,
.obltech-cd-pr .obltech-cd-header-cta-calc svg{width: 16px; height: 16px; color: #0284c7; flex-shrink: 0;}
.obltech-cd-pr a.obltech-cd-header-cta-calc span,
.obltech-cd-pr .obltech-cd-header-cta-calc span{position: relative; z-index: 1;}
.obltech-cd-pr .obltech-cd-pr-timeline{position: relative; max-width: 1100px; margin: 0 auto; z-index: 2;}
.obltech-cd-pr .obltech-cd-pr-timeline::before{content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg,#0ea5e9 0%,#0284c7 50%,#1d4ed8 100%); transform: translateX(-50%); border-radius: 2px; z-index: 1;}
.obltech-cd-pr .obltech-cd-pr-step{position: relative; display: grid; grid-template-columns: 1fr 80px 1fr; gap: 0; align-items: center; margin-bottom: 40px; z-index: 2;}
.obltech-cd-pr .obltech-cd-pr-step:last-child{margin-bottom: 0;}
.obltech-cd-pr .obltech-cd-pr-step-circle{display: flex; align-items: center; justify-content: center; position: relative; z-index: 3;}
.obltech-cd-pr .obltech-cd-pr-circle{width: 68px; height: 68px; border-radius: 50%; background: #fff; border: 3px solid; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 8px 20px rgba(15,23,42,.10); transition: all .3s ease; position: relative;}
.obltech-cd-pr .obltech-cd-pr-circle svg{width: 30px; height: 30px; color: currentColor;}
.obltech-cd-pr .obltech-cd-pr-circle::after{content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1px dashed currentColor; opacity: 0; transition: opacity .3s ease;}
.obltech-cd-pr .obltech-cd-pr-step:hover .obltech-cd-pr-circle::after{opacity: .5; animation: cdt-pr-spin 8s linear infinite;}
@keyframes cdt-pr-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.obltech-cd-pr .obltech-cd-pr-card{background: #fff; border: 1px solid rgba(15,23,42,.06); border-radius: 16px; padding: 24px 26px; box-shadow: 0 8px 24px rgba(15,23,42,.07); transition: all .3s ease; position: relative;}
.obltech-cd-pr .obltech-cd-pr-card:hover{transform: translateY(-4px); box-shadow: 0 16px 38px rgba(15,23,42,.13); border-color: var(--pr-border);}
.obltech-cd-pr .obltech-cd-pr-card::after{content: ""; position: absolute; top: 50%; width: 0; height: 0; border-style: solid; transform: translateY(-50%); transition: border-color .3s ease;}
.obltech-cd-pr .obltech-cd-pr-step-left .obltech-cd-pr-card::after{right: -12px; border-width: 10px 0 10px 12px; border-color: transparent transparent transparent #fff;}
.obltech-cd-pr .obltech-cd-pr-step-right .obltech-cd-pr-card::after{left: -12px; border-width: 10px 12px 10px 0; border-color: transparent #fff transparent transparent;}
.obltech-cd-pr .obltech-cd-pr-step-left .obltech-cd-pr-card-wrap{grid-column: 1; padding-right: 30px;}
.obltech-cd-pr .obltech-cd-pr-step-left .obltech-cd-pr-step-circle{grid-column: 2;}
.obltech-cd-pr .obltech-cd-pr-step-left .obltech-cd-pr-spacer{grid-column: 3;}
.obltech-cd-pr .obltech-cd-pr-step-right .obltech-cd-pr-spacer{grid-column: 1;}
.obltech-cd-pr .obltech-cd-pr-step-right .obltech-cd-pr-step-circle{grid-column: 2;}
.obltech-cd-pr .obltech-cd-pr-step-right .obltech-cd-pr-card-wrap{grid-column: 3; padding-left: 30px;}
.obltech-cd-pr .obltech-cd-pr-card-header{display: flex; align-items: center; gap: 14px; margin-bottom: 12px;}
.obltech-cd-pr .obltech-cd-pr-icon{width: 44px; height: 44px; border-radius: 12px; background: var(--pr-gradient); display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: var(--pr-shadow); flex-shrink: 0; transition: all .3s ease;}
.obltech-cd-pr .obltech-cd-pr-card:hover .obltech-cd-pr-icon{transform: scale(1.08) rotate(-6deg);}
.obltech-cd-pr .obltech-cd-pr-icon svg{width: 22px; height: 22px; color: #fff;}
.obltech-cd-pr .obltech-cd-pr-card h3{font-size: 18px !important; font-weight: 800 !important; color: #0a1628 !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: -0.3px !important; margin: 0 !important;}
.obltech-cd-pr .obltech-cd-pr-card p{font-size: 14.5px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.65 !important; margin: 0 0 14px 0 !important;}
.obltech-cd-pr .obltech-cd-pr-deliverables{display: flex; flex-wrap: wrap; gap: 6px;}
.obltech-cd-pr .obltech-cd-pr-deliverable{display: inline-flex !important; align-items: center !important; gap: 5px !important; background: var(--pr-tag-bg) !important; color: var(--pr-text) !important; padding: 4px 10px !important; border-radius: 50px !important; font-size: 11.5px !important; font-weight: 700 !important;}
.obltech-cd-pr .obltech-cd-pr-deliverable svg{width: 11px; height: 11px;}
.obltech-cd-pr .obltech-cd-pr-step-1{--pr-gradient: linear-gradient(135deg,#0ea5e9,#0284c7); --pr-shadow: 0 6px 14px rgba(14,165,233,.35); --pr-border: rgba(14,165,233,.30); --pr-text: #0284c7; --pr-tag-bg: rgba(14,165,233,.08);}
.obltech-cd-pr .obltech-cd-pr-step-1 .obltech-cd-pr-circle{border-color: #0ea5e9; color: #0ea5e9 !important;}
.obltech-cd-pr .obltech-cd-pr-step-2{--pr-gradient: linear-gradient(135deg,#a855f7,#7c3aed); --pr-shadow: 0 6px 14px rgba(168,85,247,.35); --pr-border: rgba(168,85,247,.30); --pr-text: #7c3aed; --pr-tag-bg: rgba(168,85,247,.08);}
.obltech-cd-pr .obltech-cd-pr-step-2 .obltech-cd-pr-circle{border-color: #a855f7; color: #a855f7 !important;}
.obltech-cd-pr .obltech-cd-pr-step-3{--pr-gradient: linear-gradient(135deg,#f97316,#ea580c); --pr-shadow: 0 6px 14px rgba(249,115,22,.35); --pr-border: rgba(249,115,22,.30); --pr-text: #ea580c; --pr-tag-bg: rgba(249,115,22,.08);}
.obltech-cd-pr .obltech-cd-pr-step-3 .obltech-cd-pr-circle{border-color: #f97316; color: #f97316 !important;}
.obltech-cd-pr .obltech-cd-pr-step-4{--pr-gradient: linear-gradient(135deg,#22c55e,#15803d); --pr-shadow: 0 6px 14px rgba(34,197,94,.35); --pr-border: rgba(34,197,94,.30); --pr-text: #15803d; --pr-tag-bg: rgba(34,197,94,.08);}
.obltech-cd-pr .obltech-cd-pr-step-4 .obltech-cd-pr-circle{border-color: #22c55e; color: #22c55e !important;}
.obltech-cd-pr .obltech-cd-pr-step-5{--pr-gradient: linear-gradient(135deg,#ec4899,#be185d); --pr-shadow: 0 6px 14px rgba(236,72,153,.35); --pr-border: rgba(236,72,153,.30); --pr-text: #be185d; --pr-tag-bg: rgba(236,72,153,.08);}
.obltech-cd-pr .obltech-cd-pr-step-5 .obltech-cd-pr-circle{border-color: #ec4899; color: #ec4899 !important;}
.obltech-cd-pr .obltech-cd-pr-step-6{--pr-gradient: linear-gradient(135deg,#fbbf24,#d97706); --pr-shadow: 0 6px 14px rgba(251,191,36,.35); --pr-border: rgba(251,191,36,.30); --pr-text: #d97706; --pr-tag-bg: rgba(251,191,36,.08);}
.obltech-cd-pr .obltech-cd-pr-step-6 .obltech-cd-pr-circle{border-color: #fbbf24; color: #d97706 !important;}
/* ============================================================
   14. FAQ  (native <details> accordion — no JS required)
   ============================================================ */
.obltech-cd-faq.obltech-cd-faq-section{position: relative; background: linear-gradient(180deg,#fff1f2 0%,#ffe4e6 100%); padding: 88px 0; overflow: hidden;}
.obltech-cd-faq.obltech-cd-faq-section::before{content: ""; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(244,114,182,.18); filter: blur(120px); top: -150px; right: -150px; pointer-events: none;}
.obltech-cd-faq.obltech-cd-faq-section::after{content: ""; position: absolute; width: 450px; height: 450px; border-radius: 50%; background: rgba(251,113,133,.15); filter: blur(120px); bottom: -150px; left: -150px; pointer-events: none;}
.obltech-cd-faq .obltech-cd-faq-wrap{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;}
.obltech-cd-faq .obltech-cd-faq-col{display: flex; flex-direction: column; gap: 12px;}
.obltech-cd-faq .obltech-cd-faq-item{background: #fff !important; border: 1px solid rgba(15,23,42,.06) !important; border-radius: 14px !important; overflow: hidden !important; transition: border-color .3s ease,box-shadow .3s ease !important; box-shadow: 0 4px 14px rgba(15,23,42,.05) !important;}
.obltech-cd-faq .obltech-cd-faq-item:hover{border-color: rgba(14,165,233,.25) !important; box-shadow: 0 8px 24px rgba(14,165,233,.08) !important;}
.obltech-cd-faq .obltech-cd-faq-item[open]{border-color: #0ea5e9 !important; box-shadow: 0 10px 28px rgba(14,165,233,.18) !important;}
.obltech-cd-faq .obltech-cd-faq-q,
.obltech-cd-faq summary.obltech-cd-faq-q{display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 14px !important; padding: 18px 22px !important; cursor: pointer !important; font-size: 15.5px !important; font-weight: 800 !important; color: #0a1628 !important; line-height: 1.4 !important; transition: background .25s ease !important; user-select: none !important; list-style: none !important; text-transform: none !important;}
.obltech-cd-faq .obltech-cd-faq-q::-webkit-details-marker,
.obltech-cd-faq .obltech-cd-faq-q::marker{display: none;}
.obltech-cd-faq .obltech-cd-faq-q:hover{background: rgba(14,165,233,.04) !important;}
.obltech-cd-faq .obltech-cd-faq-item[open] .obltech-cd-faq-q{background: rgba(14,165,233,.06) !important; color: #0284c7 !important;}
.obltech-cd-faq .obltech-cd-faq-q span:first-child{flex: 1;}
.obltech-cd-faq .obltech-cd-faq-toggle{flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; background: rgba(14,165,233,.10); border: 1.5px solid rgba(14,165,233,.30); color: #0284c7 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all .35s ease; margin-top: 1px;}
.obltech-cd-faq .obltech-cd-faq-toggle svg{width: 14px; height: 14px; transition: transform .35s ease;}
.obltech-cd-faq .obltech-cd-faq-item[open] .obltech-cd-faq-toggle{background: linear-gradient(135deg,#0ea5e9,#0284c7); border-color: transparent; color: #fff !important; transform: rotate(180deg);}
.obltech-cd-faq .obltech-cd-faq-a-inner{padding: 8px 22px 20px !important; font-size: 15px !important; font-weight: 600 !important; color: #505458 !important; line-height: 1.7 !important; border-top: 1px solid rgba(14,165,233,.10); padding-top: 16px !important; margin-top: 0 !important;}
/* ============================================================
   15. FINAL CTA
   ============================================================ */
.obltech-cd-cta-section{padding:90px 20px;background:linear-gradient(135deg,#0b1830,#163d68);font-family:var(--obltech-font-body)}
.obltech-cd-cta-container{max-width:1320px;margin:auto}
.obltech-cd-cta-card,
.obltech-la-scla-cta-card{display:grid;grid-template-columns:1.4fr .9fr;gap:60px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:60px;color:#fff;backdrop-filter:blur(14px)}
.obltech-cd-cta-eyebrow,
.obltech-la-scla-cta-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:40px;background:#163;color:#9ef;font-size:12px;font-weight:700;text-transform:uppercase}
.obltech-cd-cta-dot,
.obltech-la-scla-cta-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}
.obltech-cd-cta-left h2,
.obltech-la-scla-cta-left h2{font-size:54px;line-height:1.1;margin:20px 0}
.obltech-cd-cta-left h2 span{color:#59c8ff}
.obltech-cd-cta-left p,
.obltech-la-scla-cta-left p{font-size:18px;line-height:1.8;color:#d7e4f5}
.obltech-cd-cta-button,
.obltech-la-scla-cta-button{display:inline-block;margin:28px 0;padding:16px 32px;background:#0ea5e9;color:#fff;text-decoration:none;border-radius:12px;font-weight:800}
.obltech-cd-cta-trust,
.obltech-la-scla-cta-trust{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding-top:24px}
.obltech-cd-cta-offer,
.obltech-la-scla-cta-offer{background:#244a8f;border:1px solid #3db5ff;border-radius:22px;padding:36px}
.obltech-cd-cta-badge,
.obltech-la-scla-cta-badge{display:inline-block;background:#ffbf1f;color:#111;padding:6px 14px;border-radius:30px;font-weight:700;font-size:12px}
.obltech-cd-cta-offer h3{margin:20px 0}
.obltech-cd-cta-offer ul{padding-left:18px;line-height:2}
@media(max-width:992px){.obltech-cd-cta-card{grid-template-columns:1fr}.obltech-cd-cta-left h2{font-size:40px}}
/* ============================================================
   RESPONSIVE (page-wide, sections 01–14)
   ============================================================ */
@media (max-width: 1024px) {
  .obltech-cd-hero .obltech-cd-hero-inner   { grid-template-columns: 1fr; gap: 50px; }
  .obltech-cd-cs .obltech-cd-cs-grid        { grid-template-columns: 1fr 1fr; }
  .obltech-cd-why .obltech-cd-why-inner     { grid-template-columns: 1fr; }
  .obltech-cd-pkg .obltech-cd-pkg-grid      { grid-template-columns: 1fr; max-width: 480px; }
  .obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-featured { transform: none; }
  .obltech-cd-pkg .obltech-cd-pkg-card.obltech-cd-featured:hover { transform: translateY(-8px); }
  .obltech-cd-opt .obltech-cd-opt-inner     { grid-template-columns: 1fr; }
  .obltech-cd-mob .obltech-cd-mob-inner     { grid-template-columns: 1fr; }
  .obltech-cd-cm .obltech-cd-cm-inner       { grid-template-columns: 1fr; }
  .obltech-cd-gbp .obltech-cd-gbp-inner     { grid-template-columns: 1fr; }
  .obltech-cd-lb .obltech-cd-lb-hub-wrap    { grid-template-columns: 1fr; }
  .obltech-cd-lb .obltech-cd-lb-hub         { order: -1; }
  .obltech-cd-ds .obltech-cd-ds-grid        { grid-template-columns: 1fr 1fr; }
  .obltech-cd-bn .obltech-cd-bn-compare     { grid-template-columns: 1fr; gap: 20px; }
  .obltech-cd-bn .obltech-cd-bn-vs          { padding: 10px 0; }
  .obltech-cd-pr .obltech-cd-pr-timeline::before { left: 34px; }
  .obltech-cd-pr .obltech-cd-pr-step        { grid-template-columns: 68px 1fr; }
  .obltech-cd-pr .obltech-cd-pr-step .obltech-cd-pr-step-circle { grid-column: 1; }
  .obltech-cd-pr .obltech-cd-pr-step .obltech-cd-pr-card-wrap   { grid-column: 2; padding: 0 0 0 20px !important; }
  .obltech-cd-pr .obltech-cd-pr-step .obltech-cd-pr-spacer      { display: none; }
  .obltech-cd-pr .obltech-cd-pr-step-left .obltech-cd-pr-card::after,
  .obltech-cd-pr .obltech-cd-pr-step-right .obltech-cd-pr-card::after { left: -12px; right: auto; border-width: 10px 12px 10px 0; border-color: transparent #fff transparent transparent; }
}
@media (max-width: 768px) {
  .obltech-cd-cs .obltech-cd-section-header h2,
.obltech-cd-why .obltech-cd-section-header h2,
.obltech-cd-pkg .obltech-cd-section-header h2,
.obltech-cd-opt .obltech-cd-section-header h2,
.obltech-cd-mob .obltech-cd-section-header h2,
.obltech-cd-cm .obltech-cd-section-header h2,
.obltech-cd-gbp .obltech-cd-section-header h2,
.obltech-cd-lb .obltech-cd-section-header h2,
.obltech-cd-ds .obltech-cd-section-header h2,
.obltech-cd-bn .obltech-cd-section-header h2,
.obltech-cd-pr .obltech-cd-section-header h2,
.obltech-cd-faq .obltech-cd-section-header h2 { font-size: 30px !important; }
  .obltech-cd-cs .obltech-cd-cs-grid        { grid-template-columns: 1fr; }
  .obltech-cd-mob .obltech-cd-mob-features  { grid-template-columns: 1fr; }
  .obltech-cd-mob .obltech-cd-mob-phone-tag-1 { left: -6px; }
  .obltech-cd-mob .obltech-cd-mob-phone-tag-2 { right: -6px; }
  .obltech-cd-cm .obltech-cd-cm-cards       { grid-template-columns: 1fr; }
  .obltech-cd-ds .obltech-cd-ds-grid        { grid-template-columns: 1fr; }
  .obltech-cd-lb .obltech-cd-lb-stats-bar   { grid-template-columns: 1fr 1fr; }
  .obltech-cd-lb .obltech-cd-lb-stat-box:nth-child(2) { border-right: none; }
  .obltech-cd-faq .obltech-cd-faq-wrap      { grid-template-columns: 1fr; }
}
/* ─── END PAGE 3 · SEO FOR CAR DETAILING ─── */