/* ════════════════════════════════════════════════════════════
   █ PAGE 10 · CHICAGO SEO COMPANY
   █ prefix: obltech-chi-*
   █ 15 sections; hero (.chh-*) CSS rebuilt from design screenshot
   █ (missing from source); tabs are CSS-only radios, zero JS. Counters wired to the global JS module
   █ (static text = final value, JS-optional). FAQ: native <details>.
   █ Body-margin leak removed; fonts on var(--obltech-font-body);
   █ keyframes prefixed; duplicate cstn-pulse removed; page keeps
   █ its own box-sizing resets (redundant with universal, harmless).
   ════════════════════════════════════════════════════════════ */
/* ── S01 HERO .chh-* ──────────────────────────────────────────
   CSS was missing from the source file; rebuilt 2026-07-14 to match the
   original design; palette pixel-sampled from the live
   seo-services-chicago page: primary #0289cd (sky-cyan),
   gradient #2068b0 -> #02a1e0, sky washes #e3f4fd. Tabs are CSS-ONLY:
   hidden radio inputs (.chh-tab-radio) + label pills; :checked
   drives both the active pill and the visible panel — zero JS.
   Counters are wired to the global obltech-ep-epc-counter
   module with correct static fallback text. ─────────────────── */
.obltech-chi-chh-hero{background:#e9f6fe;padding: 0 0 76px;overflow:hidden;position:relative}
.obltech-chi-chh-container{max-width:1280px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}
/* left column */
.obltech-chi-chh-badge{display:inline-flex;align-items:center;gap:9px;background:#ffffff;color:#0285c8;box-shadow:0 4px 14px rgba(2,133,200,.12);font-size:13px;font-weight:800;letter-spacing:.4px;padding:8px 16px;border-radius:999px;margin-bottom:22px}
.obltech-chi-chh-badge-dot{width:8px;height:8px;border-radius:50%;background:#0289cd;animation:obltech-chi-chh-pulse 2s ease-in-out infinite}
@keyframes obltech-chi-chh-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.45)}
  50%{box-shadow:0 0 0 7px rgba(14,165,233,0)}
}
.obltech-chi-chh-title{font-size:46px;line-height:1.15;font-weight:800;color:#0f172a;margin:0 0 18px}
.obltech-chi-chh-title-grad{background-image:linear-gradient(100deg,#5fc2f2 0%,#0285c8 48%,#1b51d7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#0289cd}
.obltech-chi-chh-sub{font-size:16.5px;line-height:1.75;color:#475569;margin:0 0 22px;max-width:560px}
.obltech-chi-chh-sub a{color:#0289cd;font-weight:700;text-decoration:none}
.obltech-chi-chh-sub a:hover{text-decoration:underline}
.obltech-chi-chh-bullets{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.obltech-chi-chh-bullets li{display:flex;align-items:center;gap:10px;font-size:15px;color:#334155}
.obltech-chi-chh-bullets li strong{color:#0f172a;margin-right:4px}
.obltech-chi-chh-check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#e7f5ec;color:#16a34a;display:inline-flex;align-items:center;justify-content:center}
.obltech-chi-chh-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.obltech-chi-chh-btn-primary{display:inline-flex;align-items:center;gap:10px;background:#0285c8;color:#ffffff !important;font-size:15.5px;font-weight:800;padding:15px 26px;border-radius:12px;text-decoration:none;box-shadow:0 10px 24px rgba(2,137,205,.34);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.obltech-chi-chh-btn-primary:hover{background:#026da5;transform:translateY(-2px);box-shadow:0 14px 30px rgba(2,137,205,.40)}
.obltech-chi-chh-btn-secondary{display:inline-flex;align-items:center;gap:9px;background:#ffffff;color:#0f172a !important;font-size:15px;font-weight:700;padding:14px 22px;border-radius:12px;border:1.5px solid #e2e8f0;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.obltech-chi-chh-btn-secondary:hover{border-color:#0289cd;transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.08)}
.obltech-chi-chh-social-proof,.obltech-tx-texas-challenges .obltech-tx-tch-card-foot{display:flex;align-items:center;gap:14px}
.obltech-chi-chh-avatars{display:flex}
.obltech-chi-chh-av{width:42px;height:42px;border-radius:50%;overflow:hidden;border:2.5px solid #ffffff;box-shadow:0 3px 8px rgba(15,23,42,.14);margin-left:-10px}
.obltech-chi-chh-av:first-child{margin-left:0}
.obltech-chi-chh-av img{width:100%;height:100%;object-fit:cover;display:block}
.obltech-chi-chh-stars{font-size:14px;color:#f59e0b;font-weight:800}
.obltech-chi-chh-stars strong{color:#0f172a;margin-left:5px}
.obltech-chi-chh-proof-sub{font-size:13.5px;color:#64748b}
.obltech-chi-chh-proof-sub strong{color:#0f172a}
/* right column: stats panel */
.obltech-chi-chh-right{position:relative}
.obltech-chi-chh-panel{background:#ffffff;border:1px solid #eef2f7;border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,.12);padding:24px 24px 26px;position:relative}
.obltech-chi-chh-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.obltech-chi-chh-panel-head-left{display:flex;align-items:center;gap:12px}
.obltech-chi-chh-panel-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#0285c8,#38bdf8);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.obltech-chi-chh-panel-title{font-size:16px;font-weight:800;color:#0f172a}
.obltech-chi-chh-panel-sub{font-size:12.5px;color:#64748b}
.obltech-chi-chh-panel-live{display:inline-flex;align-items:center;gap:7px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px}
.obltech-chi-chh-panel-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:obltech-chi-chh-pulse 2s ease-in-out infinite}
/* CSS-only tabs */
.obltech-chi-chh-tab-radio{position:absolute;opacity:0;pointer-events:none}
.obltech-chi-chh-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#f1f5f9;border-radius:12px;padding:6px;margin-bottom:20px}
.obltech-chi-chh-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#64748b;font-size:13px;font-weight:700;padding:9px 6px;border-radius:10px;border:1.5px solid transparent;cursor:pointer;transition:background .18s ease,color .18s ease;user-select:none}
.obltech-chi-chh-tab:hover{background:#e8f0f6}
#obltech-chi-tab-traffic:checked~.obltech-chi-chh-tabs .obltech-chi-chh-tab[data-tab="traffic"], #obltech-chi-tab-rankings:checked~.obltech-chi-chh-tabs .obltech-chi-chh-tab[data-tab="rankings"], #obltech-chi-tab-clients:checked~.obltech-chi-chh-tabs .obltech-chi-chh-tab[data-tab="clients"], #obltech-chi-tab-reviews:checked~.obltech-chi-chh-tabs .obltech-chi-chh-tab[data-tab="reviews"]{background:#ffffff;color:#2196d8;box-shadow:0 2px 8px rgba(15,23,42,.10)}
.obltech-chi-chh-tab-radio:focus-visible~.obltech-chi-chh-tabs{outline:2px solid #0289cd;outline-offset:3px;border-radius:12px}
/* panels: :checked drives visibility */
.obltech-chi-chh-tab-panel{display:none}
#obltech-chi-tab-traffic:checked~.obltech-chi-chh-tab-panel[data-panel="traffic"], #obltech-chi-tab-rankings:checked~.obltech-chi-chh-tab-panel[data-panel="rankings"], #obltech-chi-tab-clients:checked~.obltech-chi-chh-tab-panel[data-panel="clients"], #obltech-chi-tab-reviews:checked~.obltech-chi-chh-tab-panel[data-panel="reviews"]{display:block;animation:obltech-chi-chh-fade .35s ease both}
@keyframes obltech-chi-chh-fade{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.obltech-chi-chh-big-stat{background:#eaf6ff;border-radius:14px;padding:22px 18px;text-align:center;margin-bottom:14px}
.obltech-chi-chh-big-num{font-size:52px;line-height:1;font-weight:900;color:#0285c8;letter-spacing:-1px;margin-bottom:8px}
.obltech-chi-chh-unit{font-size:30px;font-weight:800;color:#4bb3e2;margin-left:2px}
.obltech-chi-chh-big-label{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:8px}
.obltech-chi-chh-big-desc{font-size:14px;line-height:1.7;color:#64748b}
.obltech-chi-chh-big-desc strong{color:#0f172a}
.obltech-chi-chh-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.obltech-chi-chh-mini{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:13px 10px;text-align:center}
.obltech-chi-chh-mini-num{font-size:19px;font-weight:800;color:#0f172a}
.obltech-chi-chh-mini-label{font-size:11.5px;color:#64748b;margin-top:3px}
/* floating badge */
.obltech-chi-chh-float{position:absolute;right:-24px;top:-26px;background:#ffffff;border:1px solid #eef2f7;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.14);padding:13px 18px;display:flex;align-items:center;gap:11px;animation:obltech-chi-chh-float 5s ease-in-out infinite}
@keyframes obltech-chi-chh-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.obltech-chi-chh-float-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0285c8,#38bdf8);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.obltech-chi-chh-float-title{font-size:13.5px;font-weight:800;color:#0f172a}
.obltech-chi-chh-float-sub{font-size:12px;color:#64748b}
/* responsive */
@media (max-width:1024px){
  .obltech-chi-chh-container{grid-template-columns:1fr;gap:48px}
  .obltech-chi-chh-title{font-size:38px}
  .obltech-chi-chh-float{right:8px;top:-18px}
}
@media (max-width:640px){
  .obltech-chi-chh-hero{padding: 0 0 60px;}
  .obltech-chi-chh-title{font-size:31px}
  .obltech-chi-chh-bullets{grid-template-columns:1fr}
  .obltech-chi-chh-cta{flex-direction:column;align-items:stretch}
  .obltech-chi-chh-btn-primary,.obltech-chi-chh-btn-secondary{justify-content:center}
  .obltech-chi-chh-tabs{grid-template-columns:repeat(2,1fr)}
  .obltech-chi-chh-big-num{font-size:42px}
  .obltech-chi-chh-mini-stats{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .obltech-chi-chh-badge-dot,.obltech-chi-chh-panel-live-dot,.obltech-chi-chh-float{animation:none}
}
/* === SCOPED RESET === */
.obltech-chi-chi-cs h1, .obltech-chi-chi-cs h2, .obltech-chi-chi-cs h3, .obltech-chi-chi-cs h4, .obltech-chi-chi-cs h5, .obltech-chi-chi-cs h6{margin:0 !important;padding:0 !important;font-family:var(--obltech-font-body)!important;line-height:1.2 !important;text-transform:none !important;text-shadow:none !important;letter-spacing:normal;border:none !important;background:none !important}
.obltech-chi-chi-cs p, .obltech-chi-chi-cs div, .obltech-chi-chi-cs span, .obltech-chi-chi-cs a, .obltech-chi-chi-cs ul, .obltech-chi-chi-cs li{font-family:var(--obltech-font-body)!important;text-shadow:none !important}
.obltech-chi-chi-cs p{margin:0 !important;padding:0 !important}
.obltech-chi-chi-cs ul{list-style:none !important;margin:0 !important;padding:0 !important}
.obltech-chi-chi-cs li{margin:0 !important;padding:0 !important}
.obltech-chi-chi-cs a{text-decoration:none !important;background-image:none !important}
.obltech-chi-chi-cs svg{display:inline-block !important;vertical-align:middle;max-width:100%}
.obltech-chi-chi-cs{--hou-max-width:1280px;--hou-section-pad-y:90px;--hou-pad-x:24px;--hou-accent:#1296B5;--hou-blue:#0C71CD;--hou-black:#000000;--hou-slate:#0f172a;--hou-slate-2:#334155;--hou-slate-3:#64748b;--hou-desc-color:#3A3F43;--hou-desc-size:16px;--hou-desc-weight:600;--hou-h2-size:43px;--hou-border:#e2e8f0;--hou-bg:#faf5ff;font-family:var(--obltech-font-body)!important;background:var(--hou-bg);color:var(--hou-slate);line-height:1.65;padding:var(--hou-section-pad-y) var(--hou-pad-x) !important;position:relative;overflow:hidden;margin-left:auto !important;margin-right:auto !important}
.obltech-chi-chi-cs-inner{max-width:var(--hou-max-width) !important;margin:0 auto !important;position:relative !important;z-index:1 !important}
/* === HEADER === */
.obltech-chi-chi-cs-head{text-align:center !important;margin:0 auto 56px auto !important;max-width:820px !important}
.obltech-chi-chi-cs-eyebrow{display:inline-flex !important;align-items:center !important;gap:7px !important;font-size:12px !important;font-weight:800 !important;letter-spacing:1.6px !important;text-transform:uppercase !important;color:var(--hou-accent) !important;margin:0 0 22px 0 !important;line-height:1.2 !important}
.obltech-chi-chi-cs-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hou-accent)}
.obltech-chi-chi-cs-inner .obltech-chi-chi-cs-title, .obltech-chi-chi-cs .obltech-chi-chi-cs-title, h2.obltech-chi-chi-cs-title, .obltech-chi-chi-cs-title{font-size:var(--hou-h2-size) !important;font-weight:800 !important;line-height:1.18 !important;letter-spacing:-0.6px !important;color:var(--hou-black) !important;margin-left:auto !important;margin-right:auto !important;margin-top:0 !important;margin-bottom:22px !important;text-align:center !important;text-align-last:center !important;display:block !important;float:none !important;width:100% !important}
.obltech-chi-chi-cs-title .obltech-chi-chi-cs-blue{color:var(--hou-blue) !important}
.obltech-chi-chi-cs-head .obltech-chi-chi-cs-sub, .obltech-chi-chi-cs .obltech-chi-chi-cs-sub, p.obltech-chi-chi-cs-sub, .obltech-chi-chi-cs-sub{font-size:var(--hou-desc-size) !important;font-weight:var(--hou-desc-weight) !important;color:var(--hou-desc-color) !important;line-height:1.7 !important;margin-left:auto !important;margin-right:auto !important;margin-top:0 !important;margin-bottom:0 !important;max-width:720px !important;width:100% !important;text-align:center !important;text-align-last:center !important;display:block !important;float:none !important}
/* === CARDS GRID === */
.obltech-chi-chi-cs-card:hover .obltech-chi-chi-cs-photo img{transform:scale(1.05) !important}
.obltech-chi-chi-cs-name,.obltech-tx-tx-cs-name{font-size:16px !important;font-weight:900 !important;letter-spacing:1.6px !important;text-transform:uppercase !important;color:#ffffff !important;line-height:1.3 !important;margin:0 !important;text-align:center !important}
/* === COLOR THEMES per card === */
/* === RESPONSIVE === */
@media (max-width: 1024px){
  .obltech-chi-chi-cs{--hou-section-pad-y:70px;--hou-h2-size:36px}
  .obltech-chi-chi-cs-grid{gap:20px !important}
  .obltech-chi-chi-cs-name{font-size:14.5px !important;letter-spacing:1.3px !important}
  .obltech-chi-chi-cs-body{padding:20px !important}
}
@media (max-width: 900px){
  .obltech-chi-chi-cs{--hou-section-pad-y:60px;--hou-pad-x:20px;--hou-h2-size:32px}
  .obltech-chi-chi-cs-head{margin-bottom:40px !important}
  .obltech-chi-chi-cs-grid{grid-template-columns:1fr !important;gap:22px !important;max-width:460px !important;margin:0 auto !important}
}
@media (max-width: 600px){
  .obltech-chi-chi-cs{--hou-section-pad-y:50px;--hou-pad-x:18px;--hou-h2-size:26px}
}
@media (max-width: 480px){
  .obltech-chi-chi-cs{--hou-h2-size:22px}
}
/* === SCOPED RESET === */
.obltech-chi-chi-pkg h1, .obltech-chi-chi-pkg h2, .obltech-chi-chi-pkg h3, .obltech-chi-chi-pkg h4, .obltech-chi-chi-pkg h5, .obltech-chi-chi-pkg h6{margin:0 !important;padding:0 !important;font-family:var(--obltech-font-body)!important;line-height:1.2 !important;text-transform:none !important;text-shadow:none !important;letter-spacing:normal;border:none !important;background:none !important}
.obltech-chi-chi-pkg p, .obltech-chi-chi-pkg div, .obltech-chi-chi-pkg span, .obltech-chi-chi-pkg a, .obltech-chi-chi-pkg ul, .obltech-chi-chi-pkg li{font-family:var(--obltech-font-body)!important;text-shadow:none !important}
.obltech-chi-chi-pkg p{margin:0 !important;padding:0 !important}
.obltech-chi-chi-pkg ul{list-style:none !important;margin:0 !important;padding:0 !important}
.obltech-chi-chi-pkg li{margin:0 !important;padding:0 !important}
.obltech-chi-chi-pkg a{text-decoration:none !important;background-image:none !important}
.obltech-chi-chi-pkg svg{display:inline-block !important;vertical-align:middle;max-width:100%}
.obltech-chi-chi-pkg{--hou-max-width:1280px;--hou-section-pad-y:90px;--hou-pad-x:24px;--hou-accent:#1296B5;--hou-accent-dark:#0f7a93;--hou-accent-deep:#0a5b6e;--hou-accent-soft:#5ec3d8;--hou-accent-bg:#e6f7fb;--hou-blue:#0C71CD;--hou-black:#000000;--hou-slate:#0f172a;--hou-slate-2:#334155;--hou-slate-3:#64748b;--hou-muted:#cbd5e1;--hou-desc-color:#3A3F43;--hou-desc-size:16px;--hou-desc-weight:600;--hou-h2-size:43px;--hou-border:#e2e8f0;--hou-bg:#f8fafc;--hou-card-bg:#ffffff;font-family:var(--obltech-font-body)!important;background:var(--hou-bg);color:var(--hou-slate);line-height:1.65;padding:var(--hou-section-pad-y) var(--hou-pad-x) !important;position:relative;overflow:hidden;margin-left:auto !important;margin-right:auto !important}
.obltech-chi-chi-pkg-inner{max-width:var(--hou-max-width) !important;margin:0 auto !important;position:relative !important;z-index:1 !important}
/* === HEADER === */
.obltech-chi-chi-pkg-head,.obltech-hou-hou-svc-head{text-align:center !important;margin:0 auto 60px auto !important;max-width:820px !important}
.obltech-chi-chi-pkg-eyebrow{display:inline-flex !important;align-items:center !important;gap:7px !important;font-size:12px !important;font-weight:800 !important;letter-spacing:1.6px !important;text-transform:uppercase !important;color:var(--hou-accent) !important;margin:0 0 22px 0 !important;line-height:1.2 !important}
.obltech-chi-chi-pkg-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hou-accent)}
.obltech-chi-chi-pkg-inner .obltech-chi-chi-pkg-title, .obltech-chi-chi-pkg .obltech-chi-chi-pkg-title, h2.obltech-chi-chi-pkg-title, .obltech-chi-chi-pkg-title{font-size:var(--hou-h2-size) !important;font-weight:800 !important;line-height:1.18 !important;letter-spacing:-0.6px !important;color:var(--hou-black) !important;margin-left:auto !important;margin-right:auto !important;margin-top:0 !important;margin-bottom:22px !important;text-align:center !important;text-align-last:center !important;display:block !important;float:none !important;width:100% !important}
.obltech-chi-chi-pkg-title .obltech-chi-chi-pkg-blue{color:var(--hou-blue) !important}
.obltech-chi-chi-pkg-head .obltech-chi-chi-pkg-sub, .obltech-chi-chi-pkg .obltech-chi-chi-pkg-sub, p.obltech-chi-chi-pkg-sub, .obltech-chi-chi-pkg-sub{font-size:var(--hou-desc-size) !important;font-weight:var(--hou-desc-weight) !important;color:var(--hou-desc-color) !important;line-height:1.7 !important;margin-left:auto !important;margin-right:auto !important;margin-top:0 !important;margin-bottom:0 !important;max-width:720px !important;width:100% !important;text-align:center !important;text-align-last:center !important;display:block !important;float:none !important}
/* === PRICING GRID === */
.obltech-chi-chi-pkg-ribbon,.obltech-tx-tx-pkg-ribbon{position:absolute !important;top:-16px !important;left:50% !important;transform:translateX(-50%) !important;background:var(--hou-accent) !important;color:#ffffff !important;font-size:11px !important;font-weight:900 !important;letter-spacing:1.6px !important;text-transform:uppercase !important;padding:7px 18px !important;border-radius:6px !important;z-index:2 !important;box-shadow:0 6px 14px rgba(18,150,181,0.32) !important;line-height:1 !important;white-space:nowrap !important}
.obltech-chi-chi-pkg-price-num,.obltech-tx-tx-pkg-price-num{font-size:44px !important;font-weight:900 !important;letter-spacing:-1.6px !important;color:var(--hou-black) !important;line-height:1 !important;font-variant-numeric:tabular-nums !important}
.obltech-chi-chi-pkg-feat.obltech-chi-is-disabled{color:var(--hou-muted) !important}
.obltech-chi-chi-pkg-feat.obltech-chi-is-disabled .obltech-chi-chi-pkg-check svg{display:none !important}
/* CTA — outlined default */
/* Featured CTA */
/* === RESPONSIVE === */
@media (max-width: 1024px){
  .obltech-chi-chi-pkg{--hou-section-pad-y:70px;--hou-h2-size:36px}
  .obltech-chi-chi-pkg-grid{gap:18px !important}
  .obltech-chi-chi-pkg-card{padding:30px 24px !important}
  .obltech-chi-chi-pkg-price-num{font-size:38px !important}
  .obltech-chi-chi-pkg-plan{font-size:20px !important}
}
@media (max-width: 900px){
  .obltech-chi-chi-pkg{--hou-section-pad-y:60px;--hou-pad-x:20px;--hou-h2-size:32px}
  .obltech-chi-chi-pkg-head{margin-bottom:40px !important}
  .obltech-chi-chi-pkg-grid{grid-template-columns:1fr !important;gap:28px !important;max-width:480px !important;margin:0 auto !important;padding-top:18px !important}
}
@media (max-width: 600px){
  .obltech-chi-chi-pkg{--hou-section-pad-y:50px;--hou-pad-x:18px;--hou-h2-size:26px}
  .obltech-chi-chi-pkg-card{padding:28px 22px !important}
}
@media (max-width: 480px){
  .obltech-chi-chi-pkg{--hou-h2-size:22px}
}
.obltech-chi-oi-location-section,.obltech-tx-oi-location-section{font-family:var(--obltech-font-body)!important;background:#f7f8fa;padding:70px 20px 60px !important;color:#32373b}
.obltech-chi-oi-location-section *{box-sizing:border-box}
.obltech-chi-oi-location-section p, .obltech-chi-oi-location-section h2, .obltech-chi-oi-location-section a{margin:0;padding:0}
.obltech-chi-oi-location-section .obltech-chi-oi-container{max-width:1280px;margin:0 auto}
/* ---------- Header ---------- */
.obltech-chi-oi-location-section .obltech-chi-oi-eyebrow,.obltech-tx-oi-location-section .obltech-tx-oi-eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;color:#d63384 !important;font-weight:700 !important;font-size:16px !important;margin:0 0 14px !important}
.obltech-chi-oi-location-section h2.obltech-chi-oi-heading,.obltech-tx-oi-location-section h2.obltech-tx-oi-heading{text-align:center;font-family:var(--obltech-font-body)!important;font-size:45px !important;font-weight:800 !important;color:#32373b !important;line-height:54px !important;margin:0 0 22px !important;padding:0 !important}
.obltech-chi-oi-location-section h2.obltech-chi-oi-heading .obltech-chi-oi-city{color:#1a73e8 !important}
.obltech-chi-oi-location-section p.obltech-chi-oi-intro,.obltech-tx-oi-location-section p.obltech-tx-oi-intro{max-width:960px;margin:0 auto 50px !important;text-align:center;font-family:var(--obltech-font-body)!important;font-weight:600 !important;font-size:17px !important;line-height:28px !important;color:#32373b !important}
/* ---------- Two-column layout ---------- */
.obltech-chi-oi-location-section .obltech-chi-oi-grid,.obltech-tx-oi-location-section .obltech-tx-oi-grid{display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:stretch}
/* ---------- Map card ---------- */
.obltech-chi-oi-location-section .obltech-chi-oi-map-card,.obltech-tx-oi-location-section .obltech-tx-oi-map-card{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(23,35,58,.08);min-height:260px;background:#dfeef5}
.obltech-chi-oi-location-section .obltech-chi-oi-map-card iframe,.obltech-tx-oi-location-section .obltech-tx-oi-map-card iframe{position:absolute;inset:0;width:100% !important;height:100% !important;border:0 !important;display:block;max-width:none !important}
.obltech-chi-oi-location-section .obltech-chi-oi-map-label,.obltech-tx-oi-location-section .obltech-tx-oi-map-label{position:absolute;top:14px;left:14px;z-index:2;background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 2px 8px rgba(0,0,0,.15);max-width:82%;display:flex;align-items:center;gap:12px}
.obltech-chi-oi-location-section .obltech-chi-oi-map-label-text{min-width:0}
.obltech-chi-oi-location-section .obltech-chi-oi-map-label strong,.obltech-tx-oi-location-section .obltech-tx-oi-map-label strong{display:block;font-size:14px !important;color:#17233a !important;font-family:var(--obltech-font-body)!important;font-weight:700 !important;line-height:1.4 !important}
.obltech-chi-oi-location-section .obltech-chi-oi-map-label span,.obltech-tx-oi-location-section .obltech-tx-oi-map-label span{display:block;font-size:12px !important;color:#6b7a8c !important;font-family:var(--obltech-font-body)!important;font-weight:400 !important;line-height:1.4 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.obltech-chi-oi-location-section a.obltech-chi-oi-map-open,.obltech-tx-oi-location-section a.obltech-tx-oi-map-open{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#1a73e8 !important;text-decoration:none !important;box-shadow:none !important;border:0 !important;transition:background .2s ease}
.obltech-chi-oi-location-section a.obltech-chi-oi-map-open:hover,.obltech-tx-oi-location-section a.obltech-tx-oi-map-open:hover{background:#e8f0fe;color:#1a73e8 !important}
.obltech-chi-oi-location-section a.obltech-chi-oi-map-open svg{width:18px;height:18px;display:block}
/* ---------- Reviews ---------- */
.obltech-chi-oi-location-section .obltech-chi-oi-reviews,.obltech-hk-oi-location-section .obltech-hk-oi-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.obltech-chi-oi-location-section .obltech-chi-oi-review-card,.obltech-hk-oi-location-section .obltech-hk-oi-review-card{background:#fff;border-radius:14px;padding:22px 20px;box-shadow:0 6px 20px rgba(23,35,58,.06);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.obltech-chi-oi-location-section .obltech-chi-oi-review-card:hover,.obltech-tx-oi-location-section .obltech-tx-oi-review-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(23,35,58,.12)}
.obltech-chi-oi-location-section .obltech-chi-oi-review-head,.obltech-tx-oi-location-section .obltech-tx-oi-review-head{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px !important}
.obltech-chi-oi-location-section .obltech-chi-oi-avatar,.obltech-tx-oi-location-section .obltech-tx-oi-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff !important;font-weight:800 !important;font-size:14px !important;font-family:var(--obltech-font-body)!important}
.obltech-chi-oi-location-section .obltech-chi-oi-reviewer{flex:1}
.obltech-chi-oi-location-section .obltech-chi-oi-reviewer strong,.obltech-tx-oi-location-section .obltech-tx-oi-reviewer strong{display:block;font-size:14px !important;color:#17233a !important;font-family:var(--obltech-font-body)!important;font-weight:700 !important;line-height:1.3 !important}
.obltech-chi-oi-location-section .obltech-chi-oi-stars,.obltech-tx-oi-location-section .obltech-tx-oi-stars{color:#f5a623 !important;font-size:12px !important;letter-spacing:2px;white-space:nowrap}
.obltech-chi-oi-location-section p.obltech-chi-oi-review-text,.obltech-tx-oi-location-section p.obltech-tx-oi-review-text{font-family:var(--obltech-font-body) !important;font-weight:400 !important;font-size:13px !important;line-height:21px !important;color:#444444 !important;margin:0 !important;padding:0 !important}
/* ---------- CTA buttons ---------- */
.obltech-chi-oi-location-section .obltech-chi-oi-cta-row,.obltech-tx-oi-location-section .obltech-tx-oi-cta-row{display:flex;gap:16px;margin:44px 0 0 !important;flex-wrap:wrap}
section.obltech-chi-oi-location-section .obltech-chi-oi-cta-row a.obltech-chi-oi-btn, section.obltech-chi-oi-location-section .obltech-chi-oi-cta-row a.obltech-chi-oi-btn:visited, section.obltech-chi-oi-location-section .obltech-chi-oi-cta-row a.obltech-chi-oi-btn:focus,section.obltech-tx-oi-location-section .obltech-tx-oi-cta-row a.obltech-tx-oi-btn, section.obltech-tx-oi-location-section .obltech-tx-oi-cta-row a.obltech-tx-oi-btn:visited, section.obltech-tx-oi-location-section .obltech-tx-oi-cta-row a.obltech-tx-oi-btn:focus{display:inline-flex !important;align-items:center !important;gap:8px;width:auto !important;height:auto !important;min-height:0 !important;min-width:0 !important;padding:12px 26px !important;margin:0 !important;border-radius:8px !important;border:1.5px solid #17233a !important;background:#fff !important;background-image:none !important;color:#17233a !important;font-family:var(--obltech-font-body)!important;font-size:15px !important;font-weight:700 !important;line-height:1.4 !important;letter-spacing:normal !important;text-transform:none !important;text-decoration:none !important;cursor:pointer;box-shadow:none !important;outline:none;transition:background .2s ease,color .2s ease}
section.obltech-chi-oi-location-section .obltech-chi-oi-cta-row a.obltech-chi-oi-btn:hover,section.obltech-tx-oi-location-section .obltech-tx-oi-cta-row a.obltech-tx-oi-btn:hover{background:#17233a !important;background-image:none !important;color:#fff !important;border-color:#17233a !important;text-decoration:none !important}
section.obltech-chi-oi-location-section .obltech-chi-oi-cta-row a.obltech-chi-oi-btn:focus-visible,section.obltech-tx-oi-location-section .obltech-tx-oi-cta-row a.obltech-tx-oi-btn:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}
section.obltech-chi-oi-location-section .obltech-chi-oi-cta-row a.obltech-chi-oi-btn .obltech-chi-oi-icon,section.obltech-tx-oi-location-section .obltech-tx-oi-cta-row a.obltech-tx-oi-btn .obltech-tx-oi-icon{color:#d63384 !important;transition:color .2s ease;font-style:normal;line-height:1}
section.obltech-chi-oi-location-section .obltech-chi-oi-cta-row a.obltech-chi-oi-btn:hover .obltech-chi-oi-icon{color:#fff !important}
/* ---------- Responsive ---------- */
@media (max-width:991px){
  .obltech-chi-oi-location-section .obltech-chi-oi-grid{grid-template-columns:1fr}
  .obltech-chi-oi-location-section .obltech-chi-oi-map-card{min-height:300px}
  .obltech-chi-oi-location-section .obltech-chi-oi-reviews{grid-template-columns:repeat(2,1fr)}
  .obltech-chi-oi-location-section h2.obltech-chi-oi-heading{font-size:36px !important;line-height:44px !important}
}
@media (max-width:640px){
  .obltech-chi-oi-location-section .obltech-chi-oi-reviews{grid-template-columns:1fr}
  .obltech-chi-oi-location-section h2.obltech-chi-oi-heading{font-size:28px !important;line-height:36px !important}
  .obltech-chi-oi-location-section .obltech-chi-oi-cta-row{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .obltech-chi-oi-location-section .obltech-chi-oi-review-card, .obltech-chi-oi-location-section a.obltech-chi-oi-btn{transition:none}
  .obltech-chi-oi-location-section .obltech-chi-oi-review-card:hover{transform:none}
}
/* ============ SECTION BASE ============ */
.obltech-chi-cwsy-section{position:relative;width:100%;background:linear-gradient(180deg,#fefcf9 0%,#fdf6fb 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-cwsy-section *, .obltech-chi-cwsy-section *::before, .obltech-chi-cwsy-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
/* Background */
.obltech-chi-cwsy-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-cwsy-orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:0.35}
.obltech-chi-cwsy-orb-1{width:500px;height:500px;background:#fbcfe8;top:-100px;left:-100px}
.obltech-chi-cwsy-orb-2{width:400px;height:400px;background:#fed7aa;bottom:-50px;right:-100px}
.obltech-chi-cwsy-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-cwsy-header{text-align:center;max-width:760px;margin:0 auto 60px}
.obltech-chi-cwsy-section .obltech-chi-cwsy-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-cwsy-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-cwsy-pulse 1.8s infinite}
@keyframes obltech-chi-cwsy-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-cwsy-section .obltech-chi-cwsy-title, .obltech-chi-cwsy-section h2.obltech-chi-cwsy-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-cwsy-title-grad{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-chi-cwsy-section .obltech-chi-cwsy-subtitle, .obltech-chi-cwsy-section p.obltech-chi-cwsy-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ MAIN LAYOUT ============ */
.obltech-chi-cwsy-main{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:stretch}
/* ============ LEFT: BIG VISUAL CARD ============ */
.obltech-chi-cwsy-visual{position:relative;height:fit-content} /* was position:sticky — see note above */
.obltech-chi-cwsy-visual-card{position:relative;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 50%,#1e40af 100%);border-radius:28px;padding:36px;overflow:hidden;box-shadow:0 30px 60px rgba(14,165,233,0.3);color:white;display:flex;flex-direction:column}
.obltech-chi-cwsy-visual-card::before{content:"";position:absolute;top:-100px;right:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);pointer-events:none}
.obltech-chi-cwsy-visual-card::after{content:"";position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(165,180,252,0.2) 0%,transparent 70%);pointer-events:none}
/* Top label */
.obltech-chi-cwsy-vc-top{display:flex;align-items:center;gap:12px;margin-bottom:24px;position:relative;z-index:2}
.obltech-chi-cwsy-vc-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center}
.obltech-chi-cwsy-vc-top span{font-size:13px !important;font-weight:800 !important;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.95)}
/* Heading + text */
.obltech-chi-cwsy-section .obltech-chi-cwsy-vc-heading, .obltech-chi-cwsy-section h3.obltech-chi-cwsy-vc-heading{font-size:32px !important;font-weight:800 !important;line-height:1.15 !important;letter-spacing:-1px !important;color:white !important;margin:0 0 16px 0 !important;text-transform:none !important;position:relative;z-index:2}
.obltech-chi-cwsy-section .obltech-chi-cwsy-vc-text, .obltech-chi-cwsy-section p.obltech-chi-cwsy-vc-text{font-size:15px !important;font-weight:600 !important;color:rgba(255,255,255,0.92) !important;line-height:1.7 !important;margin:0 0 28px 0 !important;position:relative;z-index:2}
.obltech-chi-cwsy-vc-text em{font-style:italic;color:white !important;font-weight:800 !important;background:rgba(255,255,255,0.18);padding:0 6px;border-radius:4px}
/* Search Mockup */
.obltech-chi-cwsy-search-mockup{background:rgba(255,255,255,0.97);border-radius:14px;padding:16px;margin-bottom:24px;box-shadow:0 15px 40px rgba(0,0,0,0.2);position:relative;z-index:2}
.obltech-chi-cwsy-search-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;background:white;border:1.5px solid #e2e8f0;border-radius:100px;margin-bottom:14px;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.obltech-chi-cwsy-search-text{font-size:13px !important;font-weight:600 !important;color:#94a3b8 !important;flex:1}
.obltech-chi-cwsy-search-typed{color:#0f172a !important;font-weight:700 !important}
.obltech-chi-cwsy-search-cursor{color:#0ea5e9;font-weight:600;animation:obltech-chi-cwsy-blink 0.8s infinite}
@keyframes obltech-chi-cwsy-blink{
  0%, 50%{opacity:1}
  51%, 100%{opacity:0}
}
/* Search Results */
.obltech-chi-cwsy-results{display:flex;flex-direction:column;gap:8px}
.obltech-chi-cwsy-result{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all 0.3s ease}
.obltech-chi-cwsy-result-top{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:rgba(14,165,233,0.3);box-shadow:0 4px 14px rgba(14,165,233,0.12)}
.obltech-chi-cwsy-result-num{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:11px !important;font-weight:800 !important;flex-shrink:0}
.obltech-chi-cwsy-result-top .obltech-chi-cwsy-result-num{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:white}
.obltech-chi-cwsy-result-content{flex:1;min-width:0}
.obltech-chi-cwsy-result-title{font-size:12px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.3 !important;margin-bottom:3px}
.obltech-chi-cwsy-result-url{font-size:11px !important;font-weight:600 !important;color:#059669 !important}
.obltech-chi-cwsy-result-line{height:8px;background:#e2e8f0;border-radius:4px;margin-bottom:6px}
.obltech-chi-cwsy-result-line-short{width:60%;margin-bottom:0}
.obltech-chi-cwsy-result-badge{padding:4px 9px;background:linear-gradient(135deg,#10b981,#059669);color:white;border-radius:100px;font-size:10px !important;font-weight:800 !important;flex-shrink:0;box-shadow:0 4px 10px rgba(16,185,129,0.3)}
/* Bottom callout */
.obltech-chi-cwsy-vc-bottom{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:12px;margin-top:auto;position:relative;z-index:2}
.obltech-chi-cwsy-vc-bottom-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center}
.obltech-chi-cwsy-section .obltech-chi-cwsy-vc-bottom-text, .obltech-chi-cwsy-section p.obltech-chi-cwsy-vc-bottom-text{font-size:13px !important;font-weight:600 !important;color:rgba(255,255,255,0.95) !important;line-height:1.55 !important;margin:0 !important}
.obltech-chi-cwsy-vc-bottom-text strong{color:white !important;font-weight:800 !important}
/* ============ RIGHT: REASONS LIST ============ */
.obltech-chi-cwsy-reasons{display:flex;flex-direction:column;gap:16px}
.obltech-chi-cwsy-section .obltech-chi-cwsy-reason{position:relative !important;background:white !important;border:1.5px solid rgba(14,165,233,0.1) !important;border-radius:18px !important;padding:24px 26px !important;display:grid !important;grid-template-columns:auto auto 1fr !important;gap:20px !important;align-items:center !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 16px rgba(15,23,42,0.04) !important;overflow:hidden}
.obltech-chi-cwsy-section .obltech-chi-cwsy-reason::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--bg,#f0f9ff);transition:width 0.4s ease;z-index:0}
.obltech-chi-cwsy-section .obltech-chi-cwsy-reason:hover{transform:translateX(6px) !important;border-color:color-mix(in srgb,var(--ic,#0ea5e9) 30%,transparent) !important;box-shadow:0 12px 28px rgba(14,165,233,0.12) !important}
.obltech-chi-cwsy-section .obltech-chi-cwsy-reason:hover::before{width:100%}
.obltech-chi-cwsy-reason > *{position:relative;z-index:1}
.obltech-chi-cwsy-reason-num{font-size:14px !important;font-weight:800 !important;color:var(--ic,#0ea5e9);background:white;border:1.5px solid color-mix(in srgb,var(--ic,#0ea5e9) 25%,transparent);border-radius:8px;padding:6px 10px;line-height:1;flex-shrink:0;transition:all 0.3s ease}
.obltech-chi-cwsy-section .obltech-chi-cwsy-reason:hover .obltech-chi-cwsy-reason-num{background:var(--ic,#0ea5e9);color:white;border-color:var(--ic,#0ea5e9)}
.obltech-chi-cwsy-reason-icon{width:48px;height:48px;border-radius:12px;background:var(--bg,#f0f9ff);color:var(--ic,#0ea5e9);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.4s ease;border:1px solid color-mix(in srgb,var(--ic,#0ea5e9) 15%,transparent)}
.obltech-chi-cwsy-section .obltech-chi-cwsy-reason:hover .obltech-chi-cwsy-reason-icon{background:white;transform:scale(1.08) rotate(-5deg)}
.obltech-chi-cwsy-reason-content{min-width:0}
.obltech-chi-cwsy-section .obltech-chi-cwsy-reason-title, .obltech-chi-cwsy-section h3.obltech-chi-cwsy-reason-title{font-size:18px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.3 !important;margin:0 0 6px 0 !important;letter-spacing:-0.3px !important;text-transform:none !important}
.obltech-chi-cwsy-section .obltech-chi-cwsy-reason-desc, .obltech-chi-cwsy-section p.obltech-chi-cwsy-reason-desc{font-size:14px !important;font-weight:600 !important;color:#32373B !important;line-height:1.6 !important;margin:0 !important}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-cwsy-section .obltech-chi-cwsy-title{font-size:36px !important}
  .obltech-chi-cwsy-main{grid-template-columns:1fr;gap:40px}
  .obltech-chi-cwsy-visual{position:static;max-width:540px;margin:0 auto;width:100%}
  .obltech-chi-cwsy-visual-card{padding:32px}
}
@media (max-width: 768px){
  .obltech-chi-cwsy-section{padding:70px 16px}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-title br{display:none}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-subtitle{font-size:15px !important}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-vc-heading{font-size:26px !important}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-vc-text{font-size:14px !important}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-reason{grid-template-columns:auto 1fr !important;gap:14px !important;padding:20px !important}
  .obltech-chi-cwsy-reason-num{grid-row:1;grid-column:1}
  .obltech-chi-cwsy-reason-icon{grid-row:1;grid-column:2;justify-self:end}
  .obltech-chi-cwsy-reason-content{grid-column:1 / -1}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-reason:hover{transform:translateY(-2px) !important}
}
@media (max-width: 480px){
  .obltech-chi-cwsy-section .obltech-chi-cwsy-title{font-size:26px !important}
  .obltech-chi-cwsy-visual-card{padding:26px 22px}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-vc-heading{font-size:22px !important}
  .obltech-chi-cwsy-search-mockup{padding:14px}
  .obltech-chi-cwsy-result-title{font-size:11px !important}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-reason-title{font-size:16px !important}
  .obltech-chi-cwsy-section .obltech-chi-cwsy-reason-desc{font-size:13px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-cwsy-section *, .obltech-chi-cwsy-section *::before, .obltech-chi-cwsy-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ============ SECTION BASE ============ */
.obltech-chi-cstg-section{position:relative;width:100%;background:linear-gradient(180deg,#fafaf9 0%,#f5f5f4 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-cstg-section *, .obltech-chi-cstg-section *::before, .obltech-chi-cstg-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
/* Background */
.obltech-chi-cstg-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-cstg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.3}
.obltech-chi-cstg-orb-1{width:500px;height:500px;background:#c7d2fe;top:-150px;right:5%}
.obltech-chi-cstg-orb-2{width:450px;height:450px;background:#fbcfe8;bottom:-100px;left:10%}
.obltech-chi-cstg-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(15,23,42,0.06) 1.2px,transparent 1.2px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}
.obltech-chi-cstg-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-cstg-header{text-align:center;max-width:820px;margin:0 auto 70px}
.obltech-chi-cstg-section .obltech-chi-cstg-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-cstg-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-cstg-pulse 1.8s infinite}
@keyframes obltech-chi-cstg-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-cstg-section .obltech-chi-cstg-title, .obltech-chi-cstg-section h2.obltech-chi-cstg-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-cstg-title-grad{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-chi-cstg-section .obltech-chi-cstg-subtitle, .obltech-chi-cstg-section p.obltech-chi-cstg-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ STAIRCASE GRID ============ */

/* ============ SERVICE CARD ============ */
.obltech-chi-cstg-section .obltech-chi-cstg-card{position:relative !important;background:linear-gradient(135deg,var(--bg-1,#f0f9ff),var(--bg-2,#e0f2fe)) !important;border:1.5px solid white !important;border-radius:20px !important;padding:32px 28px !important;transition:all 0.5s cubic-bezier(0.4,0,0.2,1) !important;overflow:hidden !important;box-shadow:0 6px 20px rgba(15,23,42,0.04),inset 0 0 0 1px color-mix(in srgb,var(--ic,#0ea5e9) 10%,transparent) !important;display:flex;flex-direction:column}
.obltech-chi-cstg-section .obltech-chi-cstg-card::before{content:"";position:absolute;top:0;right:0;width:130px;height:130px;background:radial-gradient(circle,color-mix(in srgb,var(--ic,#0ea5e9) 22%,transparent) 0%,transparent 70%);pointer-events:none;transition:opacity 0.4s ease;opacity:0.5}
.obltech-chi-cstg-section .obltech-chi-cstg-card:hover{transform:translateY(-10px) !important;box-shadow:0 25px 50px color-mix(in srgb,var(--ic,#0ea5e9) 25%,transparent),inset 0 0 0 1.5px color-mix(in srgb,var(--ic,#0ea5e9) 30%,transparent) !important;border-color:white !important}
.obltech-chi-cstg-section .obltech-chi-cstg-card:hover::before{opacity:1}
/* Shine effect on hover */
.obltech-chi-cstg-card-shine{position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,0.6) 50%,transparent 60%);transition:top 0.8s ease,left 0.8s ease;pointer-events:none;z-index:1}
.obltech-chi-cstg-card:hover .obltech-chi-cstg-card-shine{top:100%;left:100%}
/* Icon */
.obltech-chi-cstg-card-icon{position:relative;width:64px;height:64px;border-radius:16px;background:white;color:var(--ic,#0ea5e9);display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 6px 16px color-mix(in srgb,var(--ic,#0ea5e9) 20%,transparent),inset 0 0 0 1px white;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:2}
.obltech-chi-cstg-card:hover .obltech-chi-cstg-card-icon{background:var(--ic,#0ea5e9);color:white;transform:scale(1.08) rotate(-8deg);box-shadow:0 12px 30px color-mix(in srgb,var(--ic,#0ea5e9) 35%,transparent)}
/* Title */
.obltech-chi-cstg-section .obltech-chi-cstg-card-title, .obltech-chi-cstg-section h3.obltech-chi-cstg-card-title{font-size:22px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.2 !important;letter-spacing:-0.5px !important;margin:0 0 12px 0 !important;text-transform:none !important;position:relative;z-index:2}
/* Description */
.obltech-chi-cstg-section .obltech-chi-cstg-card-desc, .obltech-chi-cstg-section p.obltech-chi-cstg-card-desc{font-size:14px !important;font-weight:600 !important;color:#32373B !important;line-height:1.65 !important;margin:0 0 18px 0 !important;position:relative;z-index:2}
/* Tags list with check icons */
.obltech-chi-cstg-card-tags{list-style:none !important;padding:0 !important;margin:0 0 22px 0 !important;display:flex !important;flex-direction:column !important;gap:8px !important;position:relative;z-index:2}
.obltech-chi-cstg-card-tags li{display:flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;font-weight:700 !important;color:#0f172a !important;line-height:1.3}
.obltech-chi-cstg-card-tags li svg{flex-shrink:0;width:18px;height:18px;padding:4px;border-radius:50%;background:white;color:var(--ic,#0ea5e9);box-shadow:0 2px 6px rgba(0,0,0,0.04)}
/* Link */
.obltech-chi-cstg-section .obltech-chi-cstg-card-link, .obltech-chi-cstg-section a.obltech-chi-cstg-card-link{display:inline-flex !important;align-items:center !important;gap:6px !important;color:var(--ic,#0ea5e9) !important;font-size:13px !important;font-weight:800 !important;text-decoration:none !important;text-transform:none !important;letter-spacing:normal !important;margin-top:auto !important;padding:10px 16px !important;background:white !important;border:1.5px solid color-mix(in srgb,var(--ic,#0ea5e9) 20%,transparent) !important;border-radius:100px !important;width:fit-content !important;transition:all 0.3s ease !important;position:relative;z-index:2}
.obltech-chi-cstg-section .obltech-chi-cstg-card-link:hover{background:var(--ic,#0ea5e9) !important;color:white !important;border-color:var(--ic,#0ea5e9) !important;transform:translateX(3px) !important;box-shadow:0 8px 18px color-mix(in srgb,var(--ic,#0ea5e9) 30%,transparent) !important}
.obltech-chi-cstg-card-link svg{transition:transform 0.3s ease}
.obltech-chi-cstg-card-link:hover svg{transform:translateX(3px)}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-cstg-section .obltech-chi-cstg-title{font-size:36px !important}
  .obltech-chi-cstg-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 700px){
  .obltech-chi-cstg-section{padding:70px 16px}
  .obltech-chi-cstg-section .obltech-chi-cstg-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-cstg-section .obltech-chi-cstg-title br{display:none}
  .obltech-chi-cstg-section .obltech-chi-cstg-subtitle{font-size:15px !important}
  .obltech-chi-cstg-grid{grid-template-columns:1fr;gap:16px}
  .obltech-chi-cstg-section .obltech-chi-cstg-card{padding:28px 24px !important}
  .obltech-chi-cstg-card-icon{width:56px;height:56px}
  .obltech-chi-cstg-card-icon svg{width:28px;height:28px}
  .obltech-chi-cstg-section .obltech-chi-cstg-card-title{font-size:20px !important}
}
@media (max-width: 380px){
  .obltech-chi-cstg-section .obltech-chi-cstg-title{font-size:26px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-cstg-section *, .obltech-chi-cstg-section *::before, .obltech-chi-cstg-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ========= */
/* ============ SECTION BASE ============ */
.obltech-chi-csrw-section{position:relative;width:100%;background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-csrw-section *, .obltech-chi-csrw-section *::before, .obltech-chi-csrw-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
/* Background */
.obltech-chi-csrw-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-csrw-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.25}
.obltech-chi-csrw-orb-1{width:500px;height:500px;background:#c7d2fe;top:10%;right:-150px}
.obltech-chi-csrw-orb-2{width:400px;height:400px;background:#fbcfe8;bottom:10%;left:-150px}
.obltech-chi-csrw-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER (split layout) ============ */
.obltech-chi-csrw-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px;align-items:end}
.obltech-chi-csrw-section .obltech-chi-csrw-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-csrw-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-csrw-pulse 1.8s infinite}
@keyframes obltech-chi-csrw-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-csrw-section .obltech-chi-csrw-title, .obltech-chi-csrw-section h2.obltech-chi-csrw-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-csrw-title-grad{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-chi-csrw-section .obltech-chi-csrw-subtitle, .obltech-chi-csrw-section p.obltech-chi-csrw-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 0 20px 0 !important}
.obltech-chi-csrw-section .obltech-chi-csrw-header-cta, .obltech-chi-csrw-section a.obltech-chi-csrw-header-cta{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:13px 22px !important;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%) !important;color:white !important;font-size:14px !important;font-weight:700 !important;text-decoration:none !important;border-radius:10px !important;box-shadow:0 8px 20px rgba(14,165,233,0.3) !important;transition:all 0.3s ease !important;text-transform:none !important;letter-spacing:normal !important;border:none !important}
.obltech-chi-csrw-header-cta:hover{transform:translateY(-2px) !important;box-shadow:0 12px 28px rgba(14,165,233,0.45) !important;color:white !important}
.obltech-chi-csrw-header-cta svg{transition:transform 0.3s ease}
.obltech-chi-csrw-header-cta:hover svg{transform:translateX(4px)}
/* ============ STEP ROWS ============ */
.obltech-chi-csrw-rows{display:flex;flex-direction:column;gap:16px}
.obltech-chi-csrw-section .obltech-chi-csrw-row{position:relative !important;background:white !important;border:1.5px solid #e2e8f0 !important;border-radius:18px !important;padding:28px 32px !important;display:grid !important;grid-template-columns:200px 1fr 280px !important;gap:36px !important;align-items:center !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;overflow:hidden}
.obltech-chi-csrw-section .obltech-chi-csrw-row::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--ic,#0ea5e9);transition:width 0.4s cubic-bezier(0.4,0,0.2,1)}
.obltech-chi-csrw-section .obltech-chi-csrw-row::after{content:"";position:absolute;top:0;right:0;width:250px;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ic,#0ea5e9) 8%,transparent));pointer-events:none;opacity:0;transition:opacity 0.4s ease}
.obltech-chi-csrw-section .obltech-chi-csrw-row:hover{transform:translateX(6px) !important;border-color:color-mix(in srgb,var(--ic,#0ea5e9) 30%,transparent) !important;box-shadow:0 18px 40px color-mix(in srgb,var(--ic,#0ea5e9) 18%,transparent) !important}
.obltech-chi-csrw-section .obltech-chi-csrw-row:hover::before{width:8px}
.obltech-chi-csrw-section .obltech-chi-csrw-row:hover::after{opacity:1}
/* ============ MARKER ============ */
.obltech-chi-csrw-row-marker{display:flex;flex-direction:column;gap:14px;align-items:flex-start;position:relative;z-index:2}
.obltech-chi-csrw-section .obltech-chi-csrw-row-label{display:inline-block !important;padding:5px 12px !important;background:var(--bg,#f0f9ff) !important;color:var(--ic,#0ea5e9) !important;border:1px solid color-mix(in srgb,var(--ic,#0ea5e9) 22%,transparent) !important;border-radius:100px !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important}
.obltech-chi-csrw-row-icon-wrap{display:flex;align-items:center;gap:12px}
.obltech-chi-csrw-row-icon{width:64px;height:64px;border-radius:16px;background:var(--bg,#f0f9ff);color:var(--ic,#0ea5e9);display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ic,#0ea5e9) 18%,transparent);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.obltech-chi-csrw-section .obltech-chi-csrw-row:hover .obltech-chi-csrw-row-icon{background:var(--ic,#0ea5e9);color:white;transform:scale(1.06) rotate(-6deg);box-shadow:0 12px 24px color-mix(in srgb,var(--ic,#0ea5e9) 35%,transparent)}
/* ============ CONTENT ============ */
.obltech-chi-csrw-row-content{position:relative;z-index:2}
.obltech-chi-csrw-section .obltech-chi-csrw-row-title, .obltech-chi-csrw-section h3.obltech-chi-csrw-row-title{font-size:24px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.2 !important;letter-spacing:-0.5px !important;margin:0 0 10px 0 !important;text-transform:none !important}
/* ============ TAGS ============ */
.obltech-chi-csrw-row-tags{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}
.obltech-chi-csrw-section .obltech-chi-csrw-tag-item{display:inline-flex !important;align-items:center !important;gap:7px !important;padding:8px 14px !important;background:white !important;border:1.5px solid color-mix(in srgb,var(--ic,#0ea5e9) 18%,transparent) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0f172a !important;transition:all 0.3s ease !important;width:fit-content !important}
.obltech-chi-csrw-section .obltech-chi-csrw-tag-item svg{flex-shrink:0;width:14px;height:14px;padding:2px;background:var(--bg,#f0f9ff);color:var(--ic,#0ea5e9);border-radius:50%}
.obltech-chi-csrw-section .obltech-chi-csrw-row:hover .obltech-chi-csrw-tag-item{background:var(--bg,#f0f9ff);border-color:color-mix(in srgb,var(--ic,#0ea5e9) 35%,transparent)}
.obltech-chi-csrw-section .obltech-chi-csrw-row:hover .obltech-chi-csrw-tag-item svg{background:white}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-csrw-section .obltech-chi-csrw-title{font-size:36px !important}
  .obltech-chi-csrw-header{grid-template-columns:1fr;gap:28px}
  .obltech-chi-csrw-section .obltech-chi-csrw-row{grid-template-columns:180px 1fr 240px !important;gap:28px !important;padding:24px 28px !important}
  .obltech-chi-csrw-section .obltech-chi-csrw-row-title{font-size:22px !important}
}
@media (max-width: 900px){
  .obltech-chi-csrw-section .obltech-chi-csrw-row{grid-template-columns:1fr !important;gap:18px !important}
  .obltech-chi-csrw-row-marker{flex-direction:row;align-items:center}
  .obltech-chi-csrw-row-tags{flex-direction:row;flex-wrap:wrap}
  .obltech-chi-csrw-section .obltech-chi-csrw-row:hover{transform:translateY(-4px) !important}
}
@media (max-width: 600px){
  .obltech-chi-csrw-section{padding:70px 16px}
  .obltech-chi-csrw-section .obltech-chi-csrw-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-csrw-section .obltech-chi-csrw-title br{display:none}
  .obltech-chi-csrw-section .obltech-chi-csrw-subtitle{font-size:15px !important}
  .obltech-chi-csrw-section .obltech-chi-csrw-row{padding:22px 22px !important}
  .obltech-chi-csrw-section .obltech-chi-csrw-row-title{font-size:20px !important}
  .obltech-chi-csrw-section .obltech-chi-csrw-row-desc{font-size:14px !important}
  .obltech-chi-csrw-row-icon{width:52px;height:52px}
  .obltech-chi-csrw-row-icon svg{width:26px;height:26px}
  .obltech-chi-csrw-section .obltech-chi-csrw-tag-item{font-size:12px !important;padding:6px 12px !important}
}
@media (max-width: 380px){
  .obltech-chi-csrw-section .obltech-chi-csrw-title{font-size:26px !important}
  .obltech-chi-csrw-section .obltech-chi-csrw-header-cta{width:100%;justify-content:center}
  .obltech-chi-csrw-row-marker{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-csrw-section *, .obltech-chi-csrw-section *::before, .obltech-chi-csrw-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ========= */
/* ============ SECTION BASE ============ */
.obltech-chi-cwym-section{position:relative;width:100%;background:linear-gradient(180deg,#fef3e8 0%,#fdf2f8 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-cwym-section *, .obltech-chi-cwym-section *::before, .obltech-chi-cwym-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
/* Background */
.obltech-chi-cwym-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-cwym-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.4}
.obltech-chi-cwym-orb-1{width:500px;height:500px;background:#fed7aa;top:5%;right:-150px}
.obltech-chi-cwym-orb-2{width:450px;height:450px;background:#fbcfe8;bottom:10%;left:-150px}
.obltech-chi-cwym-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-cwym-header{text-align:center;max-width:820px;margin:0 auto 60px}
.obltech-chi-cwym-section .obltech-chi-cwym-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-cwym-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-cwym-pulse 1.8s infinite}
@keyframes obltech-chi-cwym-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-cwym-section .obltech-chi-cwym-title, .obltech-chi-cwym-section h2.obltech-chi-cwym-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-cwym-title-grad{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-chi-cwym-section .obltech-chi-cwym-subtitle, .obltech-chi-cwym-section p.obltech-chi-cwym-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ MAIN SPLIT LAYOUT ============ */
.obltech-chi-cwym-main{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start}
/* ============ LEFT: VALUE STATEMENT CARD ============ */
.obltech-chi-cwym-statement{position:relative;background:linear-gradient(140deg,#0f172a 0%,#1e3a8a 70%,#0c4a6e 100%);border-radius:28px;padding:44px 40px;color:white;overflow:hidden;box-shadow:0 30px 60px rgba(15,23,42,0.2)} /* was position:sticky — see note above */
.obltech-chi-cwym-statement::before{content:"";position:absolute;top:-120px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,0.4) 0%,transparent 65%);pointer-events:none}
.obltech-chi-cwym-statement::after{content:"";position:absolute;bottom:-150px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(139,92,246,0.3) 0%,transparent 65%);pointer-events:none}
.obltech-chi-cwym-quote-mark{color:rgba(14,165,233,0.3);margin-bottom:12px;position:relative;z-index:2;line-height:0}
.obltech-chi-cwym-section .obltech-chi-cwym-statement-text, .obltech-chi-cwym-section p.obltech-chi-cwym-statement-text{font-size:22px !important;font-weight:700 !important;color:white !important;line-height:1.45 !important;letter-spacing:-0.5px !important;margin:0 0 32px 0 !important;position:relative;z-index:2}
.obltech-chi-cwym-statement-text strong{color:#38bdf8 !important;font-weight:800 !important}
.obltech-chi-cwym-stats{display:flex;align-items:center;gap:16px;padding:18px;background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.12);border-radius:14px;margin-bottom:24px;position:relative;z-index:2}
.obltech-chi-cwym-stat{flex:1;display:flex;align-items:center;gap:12px}
.obltech-chi-cwym-stat-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(14,165,233,0.4)}
.obltech-chi-cwym-stat-text{line-height:1.3}
.obltech-chi-cwym-stat-text strong{display:block;font-size:14px !important;font-weight:800 !important;color:white !important;margin-bottom:2px}
.obltech-chi-cwym-stat-text span{font-size:11px !important;font-weight:600 !important;color:rgba(255,255,255,0.65) !important}
.obltech-chi-cwym-stat-divider{width:1px;height:32px;background:rgba(255,255,255,0.15)}
.obltech-chi-cwym-signature{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.12);position:relative;z-index:2}
.obltech-chi-cwym-sig-icon{flex-shrink:0;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(14,165,233,0.4)}
.obltech-chi-cwym-sig-text strong{display:block;font-size:14px !important;font-weight:800 !important;color:white !important;margin-bottom:2px}
.obltech-chi-cwym-sig-text span{font-size:12px !important;font-weight:600 !important;color:rgba(255,255,255,0.7) !important}
/* ============ RIGHT: COMPACT REASONS LIST ============ */
.obltech-chi-cwym-reasons{display:flex;flex-direction:column;gap:0}
.obltech-chi-cwym-section .obltech-chi-cwym-reason{position:relative !important;display:grid !important;grid-template-columns:56px 1fr !important;gap:20px !important;padding:22px 0 !important;transition:all 0.3s ease !important}
.obltech-chi-cwym-section .obltech-chi-cwym-reason:not(:last-child){border-bottom:1.5px dashed rgba(15,23,42,0.08) !important}
.obltech-chi-cwym-section .obltech-chi-cwym-reason:hover{transform:translateX(4px) !important}
.obltech-chi-cwym-reason-icon-wrap{position:relative;display:flex;flex-direction:column;align-items:center}
.obltech-chi-cwym-reason-icon{width:44px;height:44px;border-radius:12px;background:var(--bg,#f0f9ff);color:var(--ic,#0ea5e9);display:flex;align-items:center;justify-content:center;border:1.5px solid color-mix(in srgb,var(--ic,#0ea5e9) 20%,transparent);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);flex-shrink:0;z-index:2}
.obltech-chi-cwym-section .obltech-chi-cwym-reason:hover .obltech-chi-cwym-reason-icon{background:var(--ic,#0ea5e9);color:white;transform:scale(1.08) rotate(-6deg);box-shadow:0 10px 22px color-mix(in srgb,var(--ic,#0ea5e9) 35%,transparent);border-color:var(--ic,#0ea5e9)}
.obltech-chi-cwym-reason-line{position:absolute;top:50px;bottom:-22px;width:1.5px;background:var(--ic,#0ea5e9);opacity:0.2}
.obltech-chi-cwym-reason-content{padding-top:4px}
.obltech-chi-cwym-section .obltech-chi-cwym-reason-title, .obltech-chi-cwym-section h3.obltech-chi-cwym-reason-title{font-size:18px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.3 !important;letter-spacing:-0.3px !important;margin:0 0 6px 0 !important;text-transform:none !important;transition:color 0.3s ease}
.obltech-chi-cwym-section .obltech-chi-cwym-reason:hover .obltech-chi-cwym-reason-title{color:var(--ic,#0ea5e9) !important}
.obltech-chi-cwym-section .obltech-chi-cwym-reason-desc, .obltech-chi-cwym-section p.obltech-chi-cwym-reason-desc{font-size:14px !important;font-weight:600 !important;color:#32373B !important;line-height:1.6 !important;margin:0 !important}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-cwym-section .obltech-chi-cwym-title{font-size:36px !important}
  .obltech-chi-cwym-main{grid-template-columns:1fr;gap:28px}
  .obltech-chi-cwym-statement{position:static;padding:36px 32px}
  .obltech-chi-cwym-section .obltech-chi-cwym-statement-text{font-size:20px !important}
}
@media (max-width: 640px){
  .obltech-chi-cwym-section{padding:70px 16px}
  .obltech-chi-cwym-section .obltech-chi-cwym-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-cwym-section .obltech-chi-cwym-subtitle{font-size:15px !important}
  .obltech-chi-cwym-statement{padding:28px 24px}
  .obltech-chi-cwym-section .obltech-chi-cwym-statement-text{font-size:18px !important;line-height:1.5 !important}
  .obltech-chi-cwym-quote-mark svg{width:48px;height:48px}
  .obltech-chi-cwym-stats{flex-direction:column;align-items:stretch;gap:14px;padding:16px}
  .obltech-chi-cwym-stat-divider{width:100%;height:1px}
  .obltech-chi-cwym-section .obltech-chi-cwym-reason{grid-template-columns:48px 1fr !important;gap:14px !important;padding:18px 0 !important}
  .obltech-chi-cwym-reason-icon{width:38px;height:38px}
  .obltech-chi-cwym-reason-icon svg{width:17px;height:17px}
  .obltech-chi-cwym-reason-line{top:44px;bottom:-18px}
  .obltech-chi-cwym-section .obltech-chi-cwym-reason-title{font-size:16px !important}
  .obltech-chi-cwym-section .obltech-chi-cwym-reason-desc{font-size:13px !important}
}
@media (max-width: 380px){
  .obltech-chi-cwym-section .obltech-chi-cwym-title{font-size:26px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-cwym-section *, .obltech-chi-cwym-section *::before, .obltech-chi-cwym-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ========= */
/* ============ SECTION BASE ============ */
.obltech-chi-ciws-section{position:relative;width:100%;background:#ffffff;overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-ciws-section *, .obltech-chi-ciws-section *::before, .obltech-chi-ciws-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
/* ============ BACKGROUND ============ */
.obltech-chi-ciws-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-ciws-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.25}
.obltech-chi-ciws-orb-1{width:500px;height:500px;background:#93c5fd;top:5%;left:-150px}
.obltech-chi-ciws-orb-2{width:450px;height:450px;background:#c7d2fe;bottom:5%;right:-150px}
.obltech-chi-ciws-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(15,23,42,0.05) 1.2px,transparent 1.2px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}
.obltech-chi-ciws-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-ciws-header{text-align:center;max-width:820px;margin:0 auto 60px}
.obltech-chi-ciws-section .obltech-chi-ciws-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-ciws-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-ciws-pulse 1.8s infinite}
@keyframes obltech-chi-ciws-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-ciws-section .obltech-chi-ciws-title, .obltech-chi-ciws-section h2.obltech-chi-ciws-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-ciws-title-grad{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-chi-ciws-section .obltech-chi-ciws-subtitle, .obltech-chi-ciws-section p.obltech-chi-ciws-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ TILE GRID ============ */
.obltech-chi-ciws-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
/* ============ TILE ============ */
.obltech-chi-ciws-section .obltech-chi-ciws-tile{position:relative !important;background:linear-gradient(135deg,var(--bg-1,#f0f9ff),var(--bg-2,#e0f2fe)) !important;border:1.5px solid white !important;border-radius:18px !important;padding:24px !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;overflow:hidden !important;box-shadow:0 6px 20px rgba(15,23,42,0.05),inset 0 0 0 1px color-mix(in srgb,var(--ic,#0ea5e9) 12%,transparent) !important;cursor:pointer;display:flex;flex-direction:column;text-decoration:none}
/* ── Full-tile clickable overlay link ── */
.obltech-chi-ciws-tile-link{position:absolute !important;inset:0 !important;z-index:10 !important;border-radius:18px !important;display:block !important;text-decoration:none !important;outline-offset:3px !important}
.obltech-chi-ciws-tile-link:focus-visible{outline:2px solid var(--ic,#0ea5e9) !important}
.obltech-chi-ciws-tile-shape{position:absolute;top:-30px;right:-30px;width:140px;height:140px;color:var(--ic,#0ea5e9);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);pointer-events:none}
.obltech-chi-ciws-tile-shape svg{width:100%;height:100%}
.obltech-chi-ciws-section .obltech-chi-ciws-tile:hover .obltech-chi-ciws-tile-shape{transform:scale(1.5) rotate(45deg)}
.obltech-chi-ciws-section .obltech-chi-ciws-tile:hover{transform:translateY(-8px) !important;box-shadow:0 20px 40px color-mix(in srgb,var(--ic,#0ea5e9) 22%,transparent) !important;border-color:color-mix(in srgb,var(--ic,#0ea5e9) 30%,white) !important}
/* ── Icon ── */
.obltech-chi-ciws-tile-icon{width:52px;height:52px;border-radius:14px;background:white;color:var(--ic,#0ea5e9);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 6px 14px color-mix(in srgb,var(--ic,#0ea5e9) 22%,transparent),inset 0 0 0 1px white;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:2}
.obltech-chi-ciws-tile:hover .obltech-chi-ciws-tile-icon{background:var(--ic,#0ea5e9);color:white;transform:scale(1.1) rotate(-8deg);box-shadow:0 12px 28px color-mix(in srgb,var(--ic,#0ea5e9) 40%,transparent)}
/* ── Title ── */
.obltech-chi-ciws-section .obltech-chi-ciws-tile-title, .obltech-chi-ciws-section h3.obltech-chi-ciws-tile-title{font-size:17px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.25 !important;letter-spacing:-0.3px !important;margin:0 0 8px 0 !important;text-transform:none !important;position:relative;z-index:2}
/* ── Desc ── */
.obltech-chi-ciws-section .obltech-chi-ciws-tile-desc, .obltech-chi-ciws-section p.obltech-chi-ciws-tile-desc{font-size:13px !important;font-weight:600 !important;color:#32373B !important;line-height:1.55 !important;margin:0 0 14px 0 !important;position:relative;z-index:2;flex:1}
/* ── Tags ── */
.obltech-chi-ciws-tile-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px;position:relative;z-index:2}
.obltech-chi-ciws-section .obltech-chi-ciws-tile-tag{display:inline-block !important;padding:4px 9px !important;background:rgba(255,255,255,0.7) !important;color:var(--ic,#0ea5e9) !important;border:1px solid color-mix(in srgb,var(--ic,#0ea5e9) 22%,transparent) !important;border-radius:100px !important;font-size:11px !important;font-weight:800 !important;backdrop-filter:blur(10px) !important}
/* ── CTA row ── */
.obltech-chi-ciws-tile-cta{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:var(--ic,#0ea5e9);position:relative;z-index:2;margin-top:auto;opacity:0;transform:translateX(-6px);transition:opacity 0.25s ease,transform 0.25s ease}
.obltech-chi-ciws-tile:hover .obltech-chi-ciws-tile-cta{opacity:1;transform:translateX(0)}
.obltech-chi-ciws-arrow{display:inline-block;transition:transform 0.2s ease}
.obltech-chi-ciws-tile:hover .obltech-chi-ciws-arrow{transform:translateX(4px)}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-ciws-section .obltech-chi-ciws-title{font-size:36px !important}
  .obltech-chi-ciws-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 768px){
  .obltech-chi-ciws-section{padding:70px 16px}
  .obltech-chi-ciws-section .obltech-chi-ciws-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-ciws-section .obltech-chi-ciws-subtitle{font-size:15px !important}
  .obltech-chi-ciws-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .obltech-chi-ciws-section .obltech-chi-ciws-tile{padding:20px !important}
  .obltech-chi-ciws-tile-icon{width:44px;height:44px}
  .obltech-chi-ciws-tile-icon svg{width:22px;height:22px}
  .obltech-chi-ciws-section .obltech-chi-ciws-tile-title{font-size:16px !important}
  /* Always show CTA on touch devices */
  .obltech-chi-ciws-tile-cta{opacity:1;transform:none}
}
@media (max-width: 480px){
  .obltech-chi-ciws-section .obltech-chi-ciws-title{font-size:26px !important}
  .obltech-chi-ciws-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-ciws-section *, .obltech-chi-ciws-section *::before, .obltech-chi-ciws-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ============ SECTION BASE ============ */
.obltech-chi-cstn-section{position:relative;width:100%;background:linear-gradient(180deg,#f5f3ff 0%,#faf5ff 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-cstn-section *, .obltech-chi-cstn-section *::before, .obltech-chi-cstn-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
.obltech-chi-cstn-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-cstn-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.3}
.obltech-chi-cstn-orb-1{width:500px;height:500px;background:#ddd6fe;top:5%;right:-150px}
.obltech-chi-cstn-orb-2{width:450px;height:450px;background:#fbcfe8;bottom:5%;left:-150px}
.obltech-chi-cstn-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(15,23,42,0.05) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}
.obltech-chi-cstn-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-cstn-header{text-align:center;max-width:820px;margin:0 auto 60px}
.obltech-chi-cstn-section .obltech-chi-cstn-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-cstn-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-cstn-pulse 1.8s infinite}
@keyframes obltech-chi-cstn-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-cstn-section .obltech-chi-cstn-title, .obltech-chi-cstn-section h2.obltech-chi-cstn-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-cstn-title-grad{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-chi-cstn-section .obltech-chi-cstn-subtitle, .obltech-chi-cstn-section p.obltech-chi-cstn-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ GRID ============ */
.obltech-chi-cstn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
/* ============ CARD ============ */
.obltech-chi-cstn-section .obltech-chi-cstn-card{position:relative !important;background:white !important;border:1.5px solid rgba(15,23,42,0.06) !important;border-radius:20px !important;padding:28px 26px 26px !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 16px rgba(15,23,42,0.04) !important;display:flex;flex-direction:column;overflow:hidden}
.obltech-chi-cstn-card-accent{position:absolute;top:0;left:50%;width:60px;height:4px;background:var(--ic,#0ea5e9);border-radius:0 0 8px 8px;transform:translateX(-50%);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.obltech-chi-cstn-section .obltech-chi-cstn-card:hover{transform:translateY(-8px) !important;border-color:color-mix(in srgb,var(--ic,#0ea5e9) 25%,transparent) !important;box-shadow:0 22px 44px color-mix(in srgb,var(--ic,#0ea5e9) 18%,transparent) !important}
.obltech-chi-cstn-section .obltech-chi-cstn-card:hover .obltech-chi-cstn-card-accent{width:100%;border-radius:0}
.obltech-chi-cstn-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.obltech-chi-cstn-section .obltech-chi-cstn-card-num{font-size:30px !important;font-weight:900 !important;color:var(--ic,#0ea5e9) !important;line-height:1 !important;letter-spacing:-1px !important;opacity:0.25;transition:opacity 0.3s ease}
.obltech-chi-cstn-section .obltech-chi-cstn-card:hover .obltech-chi-cstn-card-num{opacity:0.6}
.obltech-chi-cstn-section .obltech-chi-cstn-card-tag{display:inline-block !important;padding:5px 12px !important;background:var(--bg-soft,#f0f9ff) !important;color:var(--ic,#0ea5e9) !important;border:1px solid color-mix(in srgb,var(--ic,#0ea5e9) 22%,transparent) !important;border-radius:100px !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.6px !important}
.obltech-chi-cstn-card-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:22px;padding:8px 0}
.obltech-chi-cstn-card-icon{position:relative;width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,var(--bg-soft,#f0f9ff),white);color:var(--ic,#0ea5e9);display:flex;align-items:center;justify-content:center;border:1.5px solid color-mix(in srgb,var(--ic,#0ea5e9) 18%,transparent);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);z-index:2}
.obltech-chi-cstn-card-icon-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ic,#0ea5e9) 22%,transparent) 0%,transparent 60%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}
.obltech-chi-cstn-section .obltech-chi-cstn-card:hover .obltech-chi-cstn-card-icon{background:var(--ic,#0ea5e9);color:white;transform:scale(1.1) rotate(-8deg);border-color:var(--ic,#0ea5e9);box-shadow:0 14px 30px color-mix(in srgb,var(--ic,#0ea5e9) 35%,transparent)}
.obltech-chi-cstn-section .obltech-chi-cstn-card:hover .obltech-chi-cstn-card-icon-glow{opacity:1}
.obltech-chi-cstn-section .obltech-chi-cstn-card-title, .obltech-chi-cstn-section h3.obltech-chi-cstn-card-title{font-size:21px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.2 !important;letter-spacing:-0.4px !important;margin:0 0 12px 0 !important;text-transform:none !important;text-align:center}
.obltech-chi-cstn-section .obltech-chi-cstn-card-desc, .obltech-chi-cstn-section p.obltech-chi-cstn-card-desc{font-size:14px !important;font-weight:600 !important;color:#32373B !important;line-height:1.65 !important;margin:0 0 20px 0 !important;text-align:center}
.obltech-chi-cstn-card-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:auto;padding-top:16px;border-top:1px dashed #e2e8f0}
.obltech-chi-cstn-section .obltech-chi-cstn-card-pills span{display:inline-block !important;padding:5px 11px !important;background:#f8fafc !important;color:#475569 !important;border:1px solid #e2e8f0 !important;border-radius:100px !important;font-size:11px !important;font-weight:700 !important;transition:all 0.3s ease !important}
.obltech-chi-cstn-section .obltech-chi-cstn-card:hover .obltech-chi-cstn-card-pills span{background:var(--bg-soft,#f0f9ff) !important;color:var(--ic,#0ea5e9) !important;border-color:color-mix(in srgb,var(--ic,#0ea5e9) 25%,transparent) !important}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-cstn-section .obltech-chi-cstn-title{font-size:36px !important}
  .obltech-chi-cstn-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
  .obltech-chi-cstn-section{padding:70px 16px}
  .obltech-chi-cstn-section .obltech-chi-cstn-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-cstn-section .obltech-chi-cstn-subtitle{font-size:15px !important}
  .obltech-chi-cstn-grid{grid-template-columns:1fr;gap:16px}
  .obltech-chi-cstn-section .obltech-chi-cstn-card{padding:24px 22px !important}
  .obltech-chi-cstn-card-icon{width:64px;height:64px}
  .obltech-chi-cstn-card-icon svg{width:28px;height:28px}
  .obltech-chi-cstn-section .obltech-chi-cstn-card-title{font-size:19px !important}
  .obltech-chi-cstn-section .obltech-chi-cstn-card-num{font-size:26px !important}
}
@media (max-width: 380px){
  .obltech-chi-cstn-section .obltech-chi-cstn-title{font-size:26px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-cstn-section *, .obltech-chi-cstn-section *::before, .obltech-chi-cstn-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ========= */
/* ============ SECTION BASE ============ */
.obltech-chi-cbnf-section{position:relative;width:100%;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#1e3a8a 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-cbnf-section *, .obltech-chi-cbnf-section *::before, .obltech-chi-cbnf-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
.obltech-chi-cbnf-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-cbnf-orb{position:absolute;border-radius:50%;filter:blur(120px)}
.obltech-chi-cbnf-orb-1{width:600px;height:600px;background:rgba(56,189,248,0.25);top:-200px;right:-150px}
.obltech-chi-cbnf-orb-2{width:500px;height:500px;background:rgba(167,139,250,0.2);bottom:-150px;left:-150px}
.obltech-chi-cbnf-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.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%)}
.obltech-chi-cbnf-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-cbnf-header{text-align:center;max-width:880px;margin:0 auto 60px}
.obltech-chi-cbnf-section .obltech-chi-cbnf-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:rgba(56,189,248,0.15) !important;border:1.5px solid rgba(56,189,248,0.3) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#7dd3fc !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;backdrop-filter:blur(10px)}
.obltech-chi-cbnf-tag-dot{width:7px;height:7px;background:#38bdf8;border-radius:50%;animation:obltech-chi-cbnf-pulse 1.8s infinite}
@keyframes obltech-chi-cbnf-pulse{
  0%{box-shadow:0 0 0 0 rgba(56,189,248,0.6)}
  70%{box-shadow:0 0 0 8px rgba(56,189,248,0)}
  100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}
}
.obltech-chi-cbnf-section .obltech-chi-cbnf-title, .obltech-chi-cbnf-section h2.obltech-chi-cbnf-title{font-size:40px !important;font-weight:800 !important;line-height:1.15 !important;color:white !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-cbnf-title-grad{background:linear-gradient(120deg,#7dd3fc 0%,#38bdf8 50%,#818cf8 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-chi-cbnf-section .obltech-chi-cbnf-subtitle, .obltech-chi-cbnf-section p.obltech-chi-cbnf-subtitle{font-size:16px !important;font-weight:600 !important;color:rgba(255,255,255,0.75) !important;line-height:1.7 !important;margin:0 !important}
/* ============ GRID ============ */
.obltech-chi-cbnf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* ============ CARD ============ */
.obltech-chi-cbnf-section .obltech-chi-cbnf-card{position:relative !important;background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:16px !important;padding:28px 26px !important;backdrop-filter:blur(20px) !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;overflow:hidden}
.obltech-chi-cbnf-section .obltech-chi-cbnf-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ic,#38bdf8);transform:scaleX(0);transform-origin:left;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.obltech-chi-cbnf-section .obltech-chi-cbnf-card::after{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:radial-gradient(circle,color-mix(in srgb,var(--ic,#38bdf8) 22%,transparent) 0%,transparent 60%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}
.obltech-chi-cbnf-section .obltech-chi-cbnf-card:hover{background:rgba(255,255,255,0.07) !important;border-color:color-mix(in srgb,var(--ic,#38bdf8) 35%,transparent) !important;transform:translateY(-6px) !important;box-shadow:0 20px 40px color-mix(in srgb,var(--ic,#38bdf8) 18%,transparent) !important}
.obltech-chi-cbnf-section .obltech-chi-cbnf-card:hover::before{transform:scaleX(1)}
.obltech-chi-cbnf-section .obltech-chi-cbnf-card:hover::after{opacity:1}
.obltech-chi-cbnf-card-icon{width:50px;height:50px;border-radius:12px;background:color-mix(in srgb,var(--ic,#38bdf8) 18%,transparent);color:var(--ic,#38bdf8);display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--ic,#38bdf8) 30%,transparent);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:2}
.obltech-chi-cbnf-card:hover .obltech-chi-cbnf-card-icon{background:var(--ic,#38bdf8);color:#0f172a;transform:scale(1.06) rotate(-6deg);box-shadow:0 10px 24px color-mix(in srgb,var(--ic,#38bdf8) 40%,transparent)}
.obltech-chi-cbnf-section .obltech-chi-cbnf-card-title, .obltech-chi-cbnf-section h3.obltech-chi-cbnf-card-title{font-size:19px !important;font-weight:800 !important;color:white !important;line-height:1.25 !important;letter-spacing:-0.4px !important;margin:0 0 10px 0 !important;text-transform:none !important;position:relative;z-index:2;transition:color 0.3s ease}
.obltech-chi-cbnf-card:hover .obltech-chi-cbnf-card-title{color:var(--ic,#38bdf8) !important}
.obltech-chi-cbnf-section .obltech-chi-cbnf-card-desc, .obltech-chi-cbnf-section p.obltech-chi-cbnf-card-desc{font-size:14px !important;font-weight:600 !important;color:rgba(255,255,255,0.7) !important;line-height:1.65 !important;margin:0 !important;position:relative;z-index:2}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-cbnf-section .obltech-chi-cbnf-title{font-size:34px !important}
  .obltech-chi-cbnf-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 600px){
  .obltech-chi-cbnf-section{padding:70px 16px}
  .obltech-chi-cbnf-section .obltech-chi-cbnf-title{font-size:28px !important;letter-spacing:-0.8px !important}
  .obltech-chi-cbnf-section .obltech-chi-cbnf-subtitle{font-size:15px !important}
  .obltech-chi-cbnf-grid{grid-template-columns:1fr;gap:14px}
  .obltech-chi-cbnf-section .obltech-chi-cbnf-card{padding:24px 22px !important}
  .obltech-chi-cbnf-section .obltech-chi-cbnf-card-title{font-size:17px !important}
}
@media (max-width: 380px){
  .obltech-chi-cbnf-section .obltech-chi-cbnf-title{font-size:24px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-cbnf-section *, .obltech-chi-cbnf-section *::before, .obltech-chi-cbnf-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ========= */
/* ============ SECTION BASE ============ */
.obltech-chi-cmst-section{position:relative;width:100%;background:linear-gradient(180deg,#f8fafc 0%,#fef9f3 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-cmst-section *, .obltech-chi-cmst-section *::before, .obltech-chi-cmst-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
.obltech-chi-cmst-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-cmst-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.3}
.obltech-chi-cmst-orb-1{width:500px;height:500px;background:#fed7aa;top:5%;left:-150px}
.obltech-chi-cmst-orb-2{width:450px;height:450px;background:#c7d2fe;bottom:10%;right:-150px}
.obltech-chi-cmst-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-cmst-header{text-align:center;max-width:820px;margin:0 auto 60px}
.obltech-chi-cmst-section .obltech-chi-cmst-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-cmst-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-cmst-pulse 1.8s infinite}
@keyframes obltech-chi-cmst-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-cmst-section .obltech-chi-cmst-title, .obltech-chi-cmst-section h2.obltech-chi-cmst-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-cmst-title-grad{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-chi-cmst-section .obltech-chi-cmst-subtitle, .obltech-chi-cmst-section p.obltech-chi-cmst-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ GRID ============ */
.obltech-chi-cmst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
/* ============ CARD ============ */
.obltech-chi-cmst-section .obltech-chi-cmst-card{position:relative !important;background:white !important;border:1.5px solid rgba(15,23,42,0.06) !important;border-radius:18px !important;padding:28px 26px 26px !important;transition:all 0.4s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 16px rgba(15,23,42,0.04) !important;display:flex;flex-direction:column;overflow:hidden}
.obltech-chi-cmst-section .obltech-chi-cmst-card::before{content:"";position:absolute;top:0;right:0;width:90px;height:90px;background:radial-gradient(circle at top right,rgba(239,68,68,0.1) 0%,transparent 70%);pointer-events:none;transition:opacity 0.4s ease}
.obltech-chi-cmst-section .obltech-chi-cmst-card:hover{transform:translateY(-8px) !important;border-color:rgba(239,68,68,0.2) !important;box-shadow:0 22px 44px rgba(239,68,68,0.12) !important}
.obltech-chi-cmst-section .obltech-chi-cmst-card:hover::before{opacity:1.5}
.obltech-chi-cmst-card-icon-wrap{margin-bottom:18px;position:relative;z-index:2}
.obltech-chi-cmst-card-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(239,68,68,0.2);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px rgba(239,68,68,0.1)}
.obltech-chi-cmst-card:hover .obltech-chi-cmst-card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;transform:scale(1.06) rotate(-8deg);box-shadow:0 12px 26px rgba(239,68,68,0.35)}
.obltech-chi-cmst-section .obltech-chi-cmst-card-num{display:inline-block !important;padding:4px 10px !important;background:#fef2f2 !important;color:#b91c1c !important;border:1px solid rgba(239,68,68,0.2) !important;border-radius:100px !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.6px !important;margin-bottom:12px !important;width:fit-content !important;position:relative;z-index:2}
.obltech-chi-cmst-section .obltech-chi-cmst-card-title, .obltech-chi-cmst-section h3.obltech-chi-cmst-card-title{font-size:20px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.25 !important;letter-spacing:-0.4px !important;margin:0 0 12px 0 !important;text-transform:none !important;position:relative;z-index:2}
.obltech-chi-cmst-section .obltech-chi-cmst-card-desc, .obltech-chi-cmst-section p.obltech-chi-cmst-card-desc{font-size:14px !important;font-weight:600 !important;color:#32373B !important;line-height:1.65 !important;margin:0 0 18px 0 !important;position:relative;z-index:2}
.obltech-chi-cmst-tip{margin-top:auto;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid rgba(16,185,129,0.25);border-radius:12px;padding:14px 16px;transition:all 0.3s ease;position:relative;z-index:2}
.obltech-chi-cmst-card:hover .obltech-chi-cmst-tip{border-color:rgba(16,185,129,0.4);box-shadow:0 6px 14px rgba(16,185,129,0.12)}
.obltech-chi-cmst-tip-label{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:3px 9px !important;background:white !important;color:#047857 !important;border:1px solid rgba(16,185,129,0.3) !important;border-radius:100px !important;font-size:10px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.6px !important;margin-bottom:8px !important}
.obltech-chi-cmst-tip-label svg{flex-shrink:0}
.obltech-chi-cmst-section .obltech-chi-cmst-tip p{font-size:13px !important;font-weight:700 !important;color:#064e3b !important;line-height:1.55 !important;margin:0 !important}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-cmst-section .obltech-chi-cmst-title{font-size:36px !important}
  .obltech-chi-cmst-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
  .obltech-chi-cmst-section{padding:70px 16px}
  .obltech-chi-cmst-section .obltech-chi-cmst-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-cmst-section .obltech-chi-cmst-subtitle{font-size:15px !important}
  .obltech-chi-cmst-grid{grid-template-columns:1fr;gap:16px}
  .obltech-chi-cmst-section .obltech-chi-cmst-card{padding:24px 22px !important}
  .obltech-chi-cmst-card-icon{width:48px;height:48px}
  .obltech-chi-cmst-card-icon svg{width:22px;height:22px}
  .obltech-chi-cmst-section .obltech-chi-cmst-card-title{font-size:18px !important}
}
@media (max-width: 380px){
  .obltech-chi-cmst-section .obltech-chi-cmst-title{font-size:26px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-cmst-section *, .obltech-chi-cmst-section *::before, .obltech-chi-cmst-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ========= */
/* ============ SECTION BASE ============ */
.obltech-chi-chts-section{position:relative;width:100%;background:linear-gradient(180deg,#fefce8 0%,#fef3e8 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-chts-section *, .obltech-chi-chts-section *::before, .obltech-chi-chts-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
.obltech-chi-chts-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-chts-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.3}
.obltech-chi-chts-orb-1{width:500px;height:500px;background:#fde68a;top:5%;right:-150px}
.obltech-chi-chts-orb-2{width:450px;height:450px;background:#fbcfe8;bottom:10%;left:-150px}
.obltech-chi-chts-container{position:relative;z-index:2;max-width:1100px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-chts-header{text-align:center;max-width:820px;margin:0 auto 70px}
.obltech-chi-chts-section .obltech-chi-chts-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-chts-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-chts-pulse 1.8s infinite}
@keyframes obltech-chi-chts-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-chts-section .obltech-chi-chts-title, .obltech-chi-chts-section h2.obltech-chi-chts-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-chts-title-grad{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-chi-chts-section .obltech-chi-chts-subtitle, .obltech-chi-chts-section p.obltech-chi-chts-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ TIMELINE ============ */
.obltech-chi-chts-timeline{position:relative;padding:20px 0}
.obltech-chi-chts-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#0ea5e9 0%,#8b5cf6 33%,#f59e0b 66%,#10b981 100%);transform:translateX(-50%);border-radius:2px;opacity:0.25}
.obltech-chi-chts-phase{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:50px}
.obltech-chi-chts-phase:last-child{margin-bottom:0}
.obltech-chi-chts-phase-right{direction:rtl}
.obltech-chi-chts-phase-right > *{direction:ltr}
.obltech-chi-chts-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:white;border:3px solid var(--ic,#0ea5e9);box-shadow:0 0 0 6px color-mix(in srgb,var(--ic,#0ea5e9) 15%,transparent);z-index:3;display:flex;align-items:center;justify-content:center}
.obltech-chi-chts-dot-inner{width:10px;height:10px;border-radius:50%;background:var(--ic,#0ea5e9);transition:transform 0.3s ease}
.obltech-chi-chts-phase:hover .obltech-chi-chts-dot-inner{transform:scale(1.3)}
.obltech-chi-chts-dot-final{background:var(--ic,#10b981);width:32px;height:32px;border-color:white;box-shadow:0 0 0 5px color-mix(in srgb,var(--ic,#10b981) 25%,transparent),0 8px 20px color-mix(in srgb,var(--ic,#10b981) 40%,transparent)}
.obltech-chi-chts-dot-final .obltech-chi-chts-dot-inner{display:none}
.obltech-chi-chts-dot-icon{color:white}
/* ============ PHASE IMAGE ============ */
.obltech-chi-chts-phase-image{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1.2 / 1;box-shadow:0 14px 32px rgba(15,23,42,0.12);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:4px solid white}
.obltech-chi-chts-phase-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}
.obltech-chi-chts-phase:hover .obltech-chi-chts-phase-image{transform:translateY(-4px);box-shadow:0 22px 44px color-mix(in srgb,var(--ic,#0ea5e9) 25%,transparent)}
.obltech-chi-chts-phase:hover .obltech-chi-chts-phase-image img{transform:scale(1.06)}
.obltech-chi-chts-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,color-mix(in srgb,var(--ic,#0ea5e9) 50%,transparent) 100%);pointer-events:none}
.obltech-chi-chts-image-time{position:absolute;top:16px;left:16px;display:inline-flex !important;align-items:center !important;gap:6px !important;padding:8px 14px !important;background:white !important;color:var(--ic,#0ea5e9) !important;border-radius:100px !important;font-size:12px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 6px 16px rgba(15,23,42,0.15) !important}
/* ============ PHASE CONTENT ============ */
.obltech-chi-chts-phase-content{position:relative}
.obltech-chi-chts-section .obltech-chi-chts-phase-num{display:inline-block !important;padding:4px 11px !important;background:white !important;color:var(--ic,#0ea5e9) !important;border:1.5px solid color-mix(in srgb,var(--ic,#0ea5e9) 25%,transparent) !important;border-radius:100px !important;font-size:11px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:1px !important;margin-bottom:14px !important;box-shadow:0 4px 12px color-mix(in srgb,var(--ic,#0ea5e9) 12%,transparent) !important}
.obltech-chi-chts-section .obltech-chi-chts-phase-title, .obltech-chi-chts-section h3.obltech-chi-chts-phase-title{font-size:24px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.2 !important;letter-spacing:-0.6px !important;margin:0 0 12px 0 !important;text-transform:none !important}
.obltech-chi-chts-section .obltech-chi-chts-phase-desc, .obltech-chi-chts-section p.obltech-chi-chts-phase-desc{font-size:14.5px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 0 18px 0 !important}
.obltech-chi-chts-phase-tags{display:flex;flex-direction:column;gap:8px}
.obltech-chi-chts-phase-tags span{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;font-weight:700 !important;color:#0f172a !important;line-height:1.4 !important}
.obltech-chi-chts-phase-tags span svg{flex-shrink:0;width:18px;height:18px;padding:4px;background:var(--bg,#f0f9ff);color:var(--ic,#0ea5e9);border-radius:50%;border:1px solid color-mix(in srgb,var(--ic,#0ea5e9) 22%,transparent)}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
  .obltech-chi-chts-section .obltech-chi-chts-title{font-size:36px !important}
  .obltech-chi-chts-phase{gap:40px}
  .obltech-chi-chts-section .obltech-chi-chts-phase-title{font-size:22px !important}
}
@media (max-width: 800px){
  .obltech-chi-chts-line{left:24px}
  .obltech-chi-chts-phase, .obltech-chi-chts-phase-right{grid-template-columns:1fr !important;gap:18px;direction:ltr !important;padding-left:64px;margin-bottom:36px}
  .obltech-chi-chts-dot{left:24px;top:30px;transform:translate(-50%,0)}
  .obltech-chi-chts-phase-image{aspect-ratio:1.5 / 1}
}
@media (max-width: 600px){
  .obltech-chi-chts-section{padding:70px 16px}
  .obltech-chi-chts-section .obltech-chi-chts-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-chts-section .obltech-chi-chts-subtitle{font-size:15px !important}
  .obltech-chi-chts-line{left:18px}
  .obltech-chi-chts-phase, .obltech-chi-chts-phase-right{padding-left:50px}
  .obltech-chi-chts-dot{left:18px;width:20px;height:20px}
  .obltech-chi-chts-dot-final{width:26px;height:26px}
  .obltech-chi-chts-section .obltech-chi-chts-phase-title{font-size:20px !important}
  .obltech-chi-chts-section .obltech-chi-chts-phase-desc{font-size:14px !important}
}
@media (max-width: 380px){
  .obltech-chi-chts-section .obltech-chi-chts-title{font-size:26px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-chts-section *, .obltech-chi-chts-section *::before, .obltech-chi-chts-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ========= */
/* ============ SECTION BASE ============ */
.obltech-chi-cfaq-section{position:relative;width:100%;background:linear-gradient(180deg,#f8fafc 0%,#f0f9ff 100%);overflow:hidden;padding:100px 20px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-cfaq-section *, .obltech-chi-cfaq-section *::before, .obltech-chi-cfaq-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
.obltech-chi-cfaq-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.obltech-chi-cfaq-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.25}
.obltech-chi-cfaq-orb-1{width:500px;height:500px;background:#93c5fd;top:5%;right:-150px}
.obltech-chi-cfaq-orb-2{width:450px;height:450px;background:#c7d2fe;bottom:5%;left:-150px}
.obltech-chi-cfaq-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ HEADER ============ */
.obltech-chi-cfaq-header{text-align:center;max-width:760px;margin:0 auto 60px}
.obltech-chi-cfaq-section .obltech-chi-cfaq-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:white !important;border:1.5px solid rgba(14,165,233,0.2) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#0c4a6e !important;margin-bottom:20px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;box-shadow:0 4px 14px rgba(14,165,233,0.08) !important}
.obltech-chi-cfaq-tag-dot{width:7px;height:7px;background:#0ea5e9;border-radius:50%;animation:obltech-chi-cfaq-pulse 1.8s infinite}
@keyframes obltech-chi-cfaq-pulse{
  0%{box-shadow:0 0 0 0 rgba(14,165,233,0.6)}
  70%{box-shadow:0 0 0 8px rgba(14,165,233,0)}
  100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}
}
.obltech-chi-cfaq-section .obltech-chi-cfaq-title, .obltech-chi-cfaq-section h2.obltech-chi-cfaq-title{font-size:43px !important;font-weight:800 !important;line-height:1.15 !important;color:#0f172a !important;margin:0 0 18px 0 !important;letter-spacing:-1.2px !important;text-transform:none !important}
.obltech-chi-cfaq-title-grad{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-chi-cfaq-section .obltech-chi-cfaq-subtitle, .obltech-chi-cfaq-section p.obltech-chi-cfaq-subtitle{font-size:16px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ GRID ============ */
.obltech-chi-cfaq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.obltech-chi-cfaq-col{display:flex;flex-direction:column;gap:14px}
/* ============ ITEM ============ */
.obltech-chi-cfaq-section .obltech-chi-cfaq-item{background:white !important;border:1.5px solid rgba(15,23,42,0.06) !important;border-radius:14px !important;overflow:hidden !important;transition:all 0.3s ease !important;box-shadow:0 4px 14px rgba(15,23,42,0.04) !important}
.obltech-chi-cfaq-section .obltech-chi-cfaq-item[open]{border-color:rgba(14,165,233,0.25) !important;box-shadow:0 12px 28px rgba(14,165,233,0.12) !important}
.obltech-chi-cfaq-section .obltech-chi-cfaq-item:hover:not([open]){border-color:rgba(14,165,233,0.18) !important;transform:translateY(-2px)}
.obltech-chi-cfaq-section .obltech-chi-cfaq-q, .obltech-chi-cfaq-section summary.obltech-chi-cfaq-q{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;padding:20px 22px !important;cursor:pointer !important;list-style:none !important;user-select:none !important;transition:all 0.3s ease !important}
.obltech-chi-cfaq-q::-webkit-details-marker{display:none}
.obltech-chi-cfaq-q::marker{display:none}
.obltech-chi-cfaq-section .obltech-chi-cfaq-q-text{font-size:15px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.35 !important;letter-spacing:-0.2px !important;flex:1 !important;transition:color 0.3s ease !important}
.obltech-chi-cfaq-section .obltech-chi-cfaq-item[open] .obltech-chi-cfaq-q-text{color:#0284c7 !important}
.obltech-chi-cfaq-q-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f0f9ff;color:#0ea5e9;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(14,165,233,0.2);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.obltech-chi-cfaq-section .obltech-chi-cfaq-item[open] .obltech-chi-cfaq-q-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:white;border-color:transparent;transform:rotate(45deg);box-shadow:0 6px 14px rgba(14,165,233,0.3)}
.obltech-chi-cfaq-a{padding:0 22px 20px;border-top:1.5px dashed rgba(14,165,233,0.15);margin:0 4px;padding-top:16px;animation:obltech-chi-cfaq-fade 0.4s cubic-bezier(0.4,0,0.2,1)}
@keyframes obltech-chi-cfaq-fade{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
.obltech-chi-cfaq-section .obltech-chi-cfaq-a p{font-size:14px !important;font-weight:600 !important;color:#32373B !important;line-height:1.7 !important;margin:0 !important}
/* ============ RESPONSIVE ============ */
@media (max-width: 900px){
  .obltech-chi-cfaq-section .obltech-chi-cfaq-title{font-size:36px !important}
  .obltech-chi-cfaq-grid{grid-template-columns:1fr;gap:14px}
}
@media (max-width: 600px){
  .obltech-chi-cfaq-section{padding:70px 16px}
  .obltech-chi-cfaq-section .obltech-chi-cfaq-title{font-size:30px !important;letter-spacing:-0.8px !important}
  .obltech-chi-cfaq-section .obltech-chi-cfaq-subtitle{font-size:15px !important}
  .obltech-chi-cfaq-section .obltech-chi-cfaq-q{padding:16px 18px !important;gap:12px !important}
  .obltech-chi-cfaq-section .obltech-chi-cfaq-q-text{font-size:14px !important}
  .obltech-chi-cfaq-q-icon{width:28px;height:28px}
  .obltech-chi-cfaq-q-icon svg{width:12px;height:12px}
  .obltech-chi-cfaq-a{padding:0 18px 18px;padding-top:14px}
  .obltech-chi-cfaq-section .obltech-chi-cfaq-a p{font-size:13.5px !important}
}
@media (max-width: 380px){
  .obltech-chi-cfaq-section .obltech-chi-cfaq-title{font-size:26px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-cfaq-section *, .obltech-chi-cfaq-section *::before, .obltech-chi-cfaq-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ========= */
/* ============ SECTION BASE ============ */
.obltech-chi-ccta-section{position:relative;width:100%;background:#f8fafc;overflow:hidden;padding:50px 50px;font-family:var(--obltech-font-body)!important;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.obltech-chi-ccta-section *, .obltech-chi-ccta-section *::before, .obltech-chi-ccta-section *::after{box-sizing:border-box;font-family:var(--obltech-font-body)!important}
.obltech-chi-ccta-container{position:relative;z-index:2;max-width:1280px;margin:0 auto}
/* ============ MAIN CARD ============ */
.obltech-chi-ccta-card{position:relative;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#0c4a6e 100%);border-radius:32px;overflow:hidden;padding:80px 60px;box-shadow:0 30px 60px rgba(15,23,42,0.3),inset 0 0 0 1px rgba(255,255,255,0.08);color:white}
.obltech-chi-ccta-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:32px}
.obltech-chi-ccta-orb{position:absolute;border-radius:50%;filter:blur(120px)}
.obltech-chi-ccta-orb-1{width:600px;height:600px;background:rgba(14,165,233,0.4);top:-200px;right:-100px}
.obltech-chi-ccta-orb-2{width:500px;height:500px;background:rgba(139,92,246,0.3);bottom:-150px;left:-100px}
.obltech-chi-ccta-orb-3{width:400px;height:400px;background:rgba(236,72,153,0.2);top:50%;left:50%;transform:translate(-50%,-50%)}
.obltech-chi-ccta-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.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%)}
.obltech-chi-ccta-skyline{position:absolute;bottom:0;left:0;right:0;height:60px;pointer-events:none;z-index:1}
.obltech-chi-ccta-skyline svg{width:100%;height:100%;display:block}
.obltech-chi-ccta-badge{position:absolute;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.85);z-index:2;box-shadow:0 12px 28px rgba(0,0,0,0.2);animation:obltech-chi-ccta-float 6s ease-in-out infinite}
.obltech-chi-ccta-badge-1{top:60px;left:60px;animation-delay:0s}
.obltech-chi-ccta-badge-2{top:90px;right:70px;animation-delay:1.5s}
.obltech-chi-ccta-badge-3{bottom:90px;left:100px;animation-delay:3s}
@keyframes obltech-chi-ccta-float{
  0%, 100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
/* ============ CONTENT ============ */
.obltech-chi-ccta-content{position:relative;z-index:3;text-align:center;max-width:820px;margin:0 auto}
.obltech-chi-ccta-section .obltech-chi-ccta-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:7px 16px !important;background:rgba(14,165,233,0.15) !important;border:1.5px solid rgba(14,165,233,0.35) !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;color:#7dd3fc !important;margin-bottom:22px !important;text-transform:uppercase !important;letter-spacing:0.5px !important;backdrop-filter:blur(10px)}
.obltech-chi-ccta-tag-dot{width:7px;height:7px;background:#38bdf8;border-radius:50%;animation:obltech-chi-ccta-pulse 1.8s infinite}
@keyframes obltech-chi-ccta-pulse{
  0%{box-shadow:0 0 0 0 rgba(56,189,248,0.6)}
  70%{box-shadow:0 0 0 8px rgba(56,189,248,0)}
  100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}
}
.obltech-chi-ccta-section .obltech-chi-ccta-title, .obltech-chi-ccta-section h2.obltech-chi-ccta-title{font-size:48px !important;font-weight:800 !important;line-height:1.1 !important;color:white !important;margin:0 0 20px 0 !important;letter-spacing:-1.5px !important;text-transform:none !important}
.obltech-chi-ccta-title-grad{background:linear-gradient(120deg,#7dd3fc 0%,#38bdf8 50%,#818cf8 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-chi-ccta-section .obltech-chi-ccta-subtitle, .obltech-chi-ccta-section p.obltech-chi-ccta-subtitle{font-size:17px !important;font-weight:600 !important;color:rgba(255,255,255,0.8) !important;line-height:1.7 !important;margin:0 0 36px 0 !important}
.obltech-chi-ccta-buttons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:36px}
.obltech-chi-ccta-section .obltech-chi-ccta-btn, .obltech-chi-ccta-section a.obltech-chi-ccta-btn{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:16px 28px !important;font-size:15px !important;font-weight:700 !important;text-decoration:none !important;border-radius:10px !important;transition:all 0.3s ease !important;text-transform:none !important;letter-spacing:normal !important;border:none !important;cursor:pointer !important}
.obltech-chi-ccta-section .obltech-chi-ccta-btn-primary{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%) !important;color:white !important;box-shadow:0 12px 28px rgba(14,165,233,0.4),inset 0 0 0 1px rgba(255,255,255,0.2) !important}
.obltech-chi-ccta-btn-primary:hover{transform:translateY(-3px) !important;box-shadow:0 18px 38px rgba(14,165,233,0.55),inset 0 0 0 1px rgba(255,255,255,0.3) !important;color:white !important}
.obltech-chi-ccta-btn-primary svg{transition:transform 0.3s ease}
.obltech-chi-ccta-btn-primary:hover svg{transform:translateX(4px)}
.obltech-chi-ccta-section .obltech-chi-ccta-btn-secondary{background:rgba(255,255,255,0.08) !important;color:white !important;border:1.5px solid rgba(255,255,255,0.25) !important;backdrop-filter:blur(10px)}
.obltech-chi-ccta-btn-secondary:hover{background:rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.5) !important;transform:translateY(-3px) !important;color:white !important}
.obltech-chi-ccta-trust{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(255,255,255,0.1)}
.obltech-chi-ccta-section .obltech-chi-ccta-trust-item{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;font-weight:700 !important;color:rgba(255,255,255,0.85) !important}
.obltech-chi-ccta-trust-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(16,185,129,0.2);color:#6ee7b7;display:flex;align-items:center;justify-content:center;border:1px solid rgba(16,185,129,0.35)}
.obltech-chi-ccta-trust-divider{width:1px;height:16px;background:rgba(255,255,255,0.15)}
/* ============ RESPONSIVE ============ */
@media (max-width: 900px){
  .obltech-chi-ccta-card{padding:60px 40px}
  .obltech-chi-ccta-section .obltech-chi-ccta-title{font-size:38px !important}
  .obltech-chi-ccta-badge{display:none}
}
@media (max-width: 640px){
  .obltech-chi-ccta-section{padding:70px 16px}
  .obltech-chi-ccta-card{padding:48px 28px;border-radius:24px}
  .obltech-chi-ccta-section .obltech-chi-ccta-title{font-size:30px !important;letter-spacing:-1px !important}
  .obltech-chi-ccta-section .obltech-chi-ccta-title br{display:none}
  .obltech-chi-ccta-section .obltech-chi-ccta-subtitle{font-size:15px !important}
  .obltech-chi-ccta-buttons{flex-direction:column;width:100%;gap:10px}
  .obltech-chi-ccta-section .obltech-chi-ccta-btn{width:100%;justify-content:center;padding:14px 24px !important}
  .obltech-chi-ccta-trust{flex-direction:column;gap:12px;padding-top:24px}
  .obltech-chi-ccta-trust-divider{display:none}
}
@media (max-width: 380px){
  .obltech-chi-ccta-section .obltech-chi-ccta-title{font-size:26px !important}
}
@media (prefers-reduced-motion: reduce){
  .obltech-chi-ccta-section *, .obltech-chi-ccta-section *::before, .obltech-chi-ccta-section *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}
}
/* ─── END PAGE 10 · CHICAGO SEO COMPANY ─── */


/* ════════════════════════════════════════════════════════════
   FIX: missing base rules found via systematic audit (same
   defect family as Miami/Hong Kong) — case-studies cards,
   package cards, and the tech-stack grid all had zero base
   chrome/grid, only media-query overrides and text styling.
   ════════════════════════════════════════════════════════════ */
.obltech-chi-chi-cs-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:26px !important;align-items:stretch !important;min-width:0 !important}
.obltech-chi-chi-cs-card{background:#ffffff !important;border:1px solid #e7eaf0 !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 8px 24px -12px rgba(15,23,42,.15) !important;display:flex !important;flex-direction:column !important;min-width:0 !important}
.obltech-chi-chi-cs-photo{position:relative !important;aspect-ratio:16/10 !important;overflow:hidden !important}
.obltech-chi-chi-cs-photo img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}

/* ── FIX: case-study card internals were entirely unstyled ──
   .obltech-chi-chi-cs-banner had no background, so the white
   .obltech-chi-chi-cs-name text was invisible (white-on-white).
   .obltech-chi-chi-cs-stat-icon had no size at all, so the bare
   <svg viewBox="0 0 24 24"> rendered at browser-default size
   (the giant icon bug). Theme classes never set a color source,
   so nothing above could vary by card. */
.obltech-chi-chi-cs-card.obltech-chi-theme-orange{--ic:#ea580c}
.obltech-chi-chi-cs-card.obltech-chi-theme-green{--ic:#16a34a}
.obltech-chi-chi-cs-card.obltech-chi-theme-blue{--ic:#0C71CD}
.obltech-chi-chi-cs-banner{background:var(--ic,#0C71CD) !important;padding:14px 20px !important;text-align:center !important}
.obltech-chi-chi-cs-body{padding:22px 24px 26px !important;display:flex !important;flex-direction:column !important;gap:16px !important;flex:1 !important}
.obltech-chi-chi-cs-stat{display:flex !important;align-items:flex-start !important;gap:12px !important}
.obltech-chi-chi-cs-stat-icon{flex-shrink:0 !important;width:32px !important;height:32px !important;border-radius:9px !important;background:color-mix(in srgb,var(--ic,#0C71CD) 12%,white) !important;display:flex !important;align-items:center !important;justify-content:center !important}
.obltech-chi-chi-cs-stat-icon svg{width:16px !important;height:16px !important;fill:var(--ic,#0C71CD) !important}
.obltech-chi-chi-cs-stat-text{font-size:14px !important;font-weight:600 !important;color:#334155 !important;line-height:1.5 !important;margin:0 !important}

.obltech-chi-chi-pkg-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;align-items:stretch !important;padding-top:18px !important;min-width:0 !important}
.obltech-chi-chi-pkg-card{background:#ffffff !important;border:1.5px solid #e7eaf0 !important;border-radius:18px !important;padding:34px 28px !important;box-shadow:0 8px 24px -12px rgba(15,23,42,.12) !important;display:flex !important;flex-direction:column !important;position:relative !important;min-width:0 !important}
.obltech-chi-chi-pkg-ribbon{position:absolute !important;top:-1px !important;right:24px !important;background:linear-gradient(135deg,#0C71CD,#1296B5) !important;color:#fff !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.5px !important;text-transform:uppercase !important;padding:8px 16px !important;border-radius:0 0 10px 10px !important;box-shadow:0 6px 14px -6px rgba(12,113,205,.5) !important}

/* ── FIX: package card internals were entirely unstyled ──
   .obltech-chi-chi-pkg-icon had no size at all (giant icon bug,
   same root cause as the case-study cards above). .obltech-chi-
   chi-pkg-cta had ZERO css — no padding, no block display, no
   margin-top — so "Get Started" rendered as bare inline text
   directly against the last checklist line above it. */
.obltech-chi-chi-pkg-icon{width:56px !important;height:56px !important;border-radius:14px !important;background:linear-gradient(135deg,#0C71CD,#1296B5) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:18px !important}
.obltech-chi-chi-pkg-icon svg{width:26px !important;height:26px !important;fill:#ffffff !important}
.obltech-chi-chi-pkg-tier{display:block !important;font-size:12px !important;font-weight:800 !important;letter-spacing:1.4px !important;text-transform:uppercase !important;color:#64748b !important;margin-bottom:4px !important}
.obltech-chi-chi-pkg-plan{font-size:24px !important;font-weight:800 !important;color:#0f172a !important;margin-bottom:10px !important}
.obltech-chi-chi-pkg-tagline{font-size:14px !important;font-weight:500 !important;color:#64748b !important;line-height:1.6 !important;margin-bottom:22px !important}
.obltech-chi-chi-pkg-price{display:flex !important;align-items:baseline !important;flex-wrap:wrap !important;gap:2px !important;margin-bottom:22px !important;padding-bottom:22px !important;border-bottom:1px solid #e7eaf0 !important}
.obltech-chi-chi-pkg-price-currency{font-size:22px !important;font-weight:800 !important;color:#0f172a !important}
.obltech-chi-chi-pkg-price-period{font-size:15px !important;font-weight:600 !important;color:#64748b !important;margin-left:2px !important}
.obltech-chi-chi-pkg-price-cad{flex-basis:100% !important;font-size:12.5px !important;font-weight:600 !important;color:#94a3b8 !important;margin-top:6px !important}
.obltech-chi-chi-pkg-feats-label{display:block !important;font-size:12px !important;font-weight:800 !important;letter-spacing:1px !important;text-transform:uppercase !important;color:#0C71CD !important;margin-bottom:14px !important}
.obltech-chi-chi-pkg-cta{display:block !important;width:100% !important;box-sizing:border-box !important;text-align:center !important;margin-top:26px !important;padding:14px 22px !important;background:#0C71CD !important;color:#ffffff !important;font-size:14.5px !important;font-weight:800 !important;border-radius:10px !important;text-decoration:none !important;transition:all .25s ease !important}
.obltech-chi-chi-pkg-cta:hover{background:#0a5aa8 !important;transform:translateY(-2px) !important;box-shadow:0 10px 24px -8px rgba(12,113,205,.5) !important}
.obltech-chi-chi-pkg-card.obltech-chi-is-featured{border-color:#0C71CD !important;box-shadow:0 16px 40px -16px rgba(12,113,205,.35) !important}

.obltech-chi-cstg-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;align-items:stretch !important;min-width:0 !important}

.obltech-chi-chi-pkg-feats{list-style:none !important;margin:0 0 26px !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:13px !important}
.obltech-chi-chi-pkg-feat{display:flex !important;align-items:flex-start !important;gap:10px !important;font-size:14.5px !important;font-weight:600 !important;color:#0f172a !important;line-height:1.4 !important}
.obltech-chi-chi-pkg-check{flex-shrink:0 !important;width:20px !important;height:20px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#e0f2fe !important;border-radius:50% !important;margin-top:1px !important}
.obltech-chi-chi-pkg-check svg{width:12px !important;height:12px !important;fill:#0C71CD !important}