/* ════════════════════════════════════════════════════════════
   █ PAGE 21 · TECHNICAL SEO SERVICES
   █ prefix: obltech-ts-*
   █ Native <details> FAQ (single-open via global JS); hero GSC
   █ dashboard uses a pure-CSS radio-tab (ids/name page-scoped).
   █ Intentional extra fonts: JetBrains Mono (code) + Roboto
   █ (GSC mockup fidelity) — loaded via the page's single
   █ consolidated font link. No location/reviews section.
   █ Theme marker: obltech-theme-technicalseo.
   ════════════════════════════════════════════════════════════ */
/* ── Shared reset (replaces 10 identical per-section copies; font comes
      from the UNIVERSAL PAGE LAYER via the obltech-theme-technicalseo markers) ── */
[class*="obltech-ts-"] *,[class*="obltech-ts-"] *::before,[class*="obltech-ts-"] *::after{box-sizing:border-box;margin:0;padding:0}
.obltech-ts-obtsh{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsh h1,.obltech-ts-obtsh h2,.obltech-ts-obtsh h3,.obltech-ts-obtsh h4{font-weight:800 !important}
.obltech-ts-obtsh .obltech-ts-container{280px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - pale sky → soft cream → pale mint (fresh) */
.obltech-ts-obtsh.obltech-ts-obtsh-section{position:relative;background:linear-gradient(135deg,#e0f2fe 0%,#fefce8 50%,#d1fae5 100%);padding: 0 0 90px;overflow:hidden;min-height:580px}
.obltech-ts-obtsh.obltech-ts-obtsh-section::before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(3,105,161,.16) 0%,transparent 70%);filter:blur(80px);top:-220px;right:-180px;pointer-events:none;z-index:1}
.obltech-ts-obtsh.obltech-ts-obtsh-section::after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.16) 0%,transparent 70%);filter:blur(80px);bottom:-220px;left:-200px;pointer-events:none;z-index:1}
/* MAIN GRID */
.obltech-ts-obtsh .obltech-ts-obtsh-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
/* ============ LEFT CONTENT ============ */
.obltech-ts-obtsh .obltech-ts-obtsh-left{display:flex;flex-direction:column;gap:18px}
.obltech-ts-obtsh .obltech-ts-obtsh-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.4px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.14);align-self:flex-start}
.obltech-ts-obtsh .obltech-ts-obtsh-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsh-pulse 1.6s infinite}
@keyframes obltech-ts-obtsh-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.55)}50%{box-shadow:0 0 0 7px rgba(3,105,161,0)}}
.obltech-ts-obtsh .obltech-ts-obtsh-left h1{font-size:52px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.1 !important;letter-spacing:-1.6px !important;margin-bottom:8px !important}
.obltech-ts-obtsh .obltech-ts-obtsh-left h1 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;display:inline-block}
.obltech-ts-obtsh .obltech-ts-obtsh-left p{font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:560px;margin:0 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-left p strong{color:#0f172a !important;font-weight:900 !important}
/* feature checklist */
.obltech-ts-obtsh .obltech-ts-obtsh-feats{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin:4px 0 2px}
.obltech-ts-obtsh .obltech-ts-obtsh-feat{display:flex;align-items:center;gap:9px;font-size:16px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.4 !important;letter-spacing:-0.1px !important}
.obltech-ts-obtsh .obltech-ts-obtsh-feat-ic{flex-shrink:0;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px rgba(3,105,161,.30)}
.obltech-ts-obtsh .obltech-ts-obtsh-feat-ic svg{width:12px;height:12px}
/* BUTTONS - sentence case now */
.obltech-ts-obtsh .obltech-ts-obtsh-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.obltech-ts-obtsh .obltech-ts-obtsh-btn-primary{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);color:#fff !important;font-size:14px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:16px 26px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 14px 30px rgba(3,105,161,.38)}
.obltech-ts-obtsh .obltech-ts-obtsh-btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(3,105,161,.55);background:linear-gradient(135deg,#0369a1 0%,#0c4a6e 100%)}
.obltech-ts-obtsh .obltech-ts-obtsh-btn-primary svg{width:14px;height:14px;transition:transform .3s ease}
.obltech-ts-obtsh .obltech-ts-obtsh-btn-primary:hover svg{transform:translateX(4px)}
.obltech-ts-obtsh .obltech-ts-obtsh-btn-secondary{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#0369a1 !important;font-size:14px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:16px 24px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 10px 22px rgba(15,23,42,.10);border:1.5px solid rgba(3,105,161,.25)}
.obltech-ts-obtsh .obltech-ts-obtsh-btn-secondary:hover{transform:translateY(-3px);background:#f0f9ff;border-color:rgba(3,105,161,.50)}
.obltech-ts-obtsh .obltech-ts-obtsh-btn-secondary svg{width:14px;height:14px}
/* trust strip - simplified, no fake avatars */
.obltech-ts-obtsh .obltech-ts-obtsh-trust{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1.5px dashed rgba(15,23,42,.10)}
.obltech-ts-obtsh .obltech-ts-obtsh-trust-stars{display:inline-flex;gap:1px;color:#f59e0b}
.obltech-ts-obtsh .obltech-ts-obtsh-trust-stars svg{width:17px;height:17px}
.obltech-ts-obtsh .obltech-ts-obtsh-trust-tx{font-size:16px !important;font-weight:800 !important;color:#475569 !important;line-height:1.4 !important;letter-spacing:-0.1px !important}
.obltech-ts-obtsh .obltech-ts-obtsh-trust-tx b{color:#0f172a !important;font-weight:900 !important}
/* ============ RIGHT - GSC DASHBOARD MOCKUP ============ */
/* TOP floating "growth" badge (sits above card cleanly, no overlap) */
.obltech-ts-obtsh .obltech-ts-obtsh-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;padding:10px 16px;border-radius:50px;box-shadow:0 14px 30px rgba(3,105,161,.20);border:1.5px solid rgba(22,163,74,.30);margin-bottom:14px;align-self:flex-start}
.obltech-ts-obtsh .obltech-ts-obtsh-badge-ic{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(22,163,74,.40)}
.obltech-ts-obtsh .obltech-ts-obtsh-badge-ic svg{width:15px;height:15px}
.obltech-ts-obtsh .obltech-ts-obtsh-badge-tx{display:flex;align-items:center;gap:7px}
.obltech-ts-obtsh .obltech-ts-obtsh-badge-tx b{font-size:13px !important;font-weight:900 !important;color:#16a34a !important;line-height:1 !important;letter-spacing:-0.2px !important}
.obltech-ts-obtsh .obltech-ts-obtsh-badge-tx span{font-size:10px !important;font-weight:800 !important;color:#475569 !important;line-height:1 !important;letter-spacing:0.5px !important;text-transform:uppercase;padding-left:7px;border-left:1.5px solid rgba(15,23,42,.12)}
.obltech-ts-obtsh .obltech-ts-obtsh-right{position:relative;display:flex;flex-direction:column}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc{position:relative;background:#fff;border-radius:14px;border:1.5px solid #e8eaed;box-shadow:0 30px 60px rgba(3,105,161,.16),0 12px 28px rgba(15,23,42,.12);overflow:hidden;font-family:"Roboto","Nunito Sans",sans-serif !important}
/* GSC top bar */
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #e8eaed}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-top-l{display:flex;align-items:center;gap:9px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-gicon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-gicon svg{width:22px;height:22px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-title{font-family:"Roboto","Nunito Sans",sans-serif !important;font-size:14px !important;font-weight:500 !important;color:#3c4043 !important;letter-spacing:.1px !important;line-height:1 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-title b{font-weight:700 !important;color:#202124 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-top-r{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f1f3f4;border-radius:18px;font-family:"Roboto",sans-serif !important;font-size:11.5px !important;font-weight:500 !important;color:#5f6368 !important;line-height:1 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-top-r svg{width:13px;height:13px}
/* GSC body */
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-body{padding:18px 16px}
/* GSC heading + filter */
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-heading h4{font-family:"Roboto",sans-serif !important;font-size:15px !important;font-weight:500 !important;color:#202124 !important;line-height:1.3 !important;letter-spacing:.1px !important;margin:0 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-heading h4 b{font-weight:700 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-heading-date{font-family:"Roboto",sans-serif !important;font-size:11px !important;font-weight:500 !important;color:#5f6368 !important;display:inline-flex;align-items:center;gap:4px;background:#e8f0fe;color:#1967d2 !important;padding:4px 9px;border-radius:50px;line-height:1 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-heading-date svg{width:11px;height:11px}
/* 4 metric tiles */
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tiles{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-bottom:18px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile{background:#fff;border:1px solid #dadce0;border-radius:8px;padding:11px 11px;position:relative;cursor:pointer;transition:box-shadow .2s ease}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile.obltech-ts-active{border-color:transparent;background:#fff;box-shadow:0 1px 2px rgba(60,64,67,.30),0 1px 3px 1px rgba(60,64,67,.15)}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile.obltech-ts-active::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--g-color);border-radius:8px 8px 0 0}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile-dot{display:inline-flex;align-items:center;gap:5px;font-family:"Roboto",sans-serif !important;font-size:10.5px !important;font-weight:500 !important;color:#5f6368 !important;letter-spacing:.2px !important;line-height:1 !important;margin-bottom:7px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g-color)}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile-num{font-family:"Roboto",sans-serif !important;font-size:20px !important;font-weight:400 !important;color:#202124 !important;line-height:1.1 !important;letter-spacing:-.4px !important;margin-bottom:4px !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile-trend{display:inline-flex;align-items:center;gap:3px;font-family:"Roboto",sans-serif !important;font-size:10.5px !important;font-weight:500 !important;color:#188038 !important;line-height:1 !important;letter-spacing:.1px !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile-trend.obltech-ts-down{color:#188038}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile-trend svg{width:11px;height:11px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile.obltech-ts-t1{--g-color:#1a73e8}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile.obltech-ts-t2{--g-color:#7e57c2}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile.obltech-ts-t3{--g-color:#188038}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-tile.obltech-ts-t4{--g-color:#e8710a}
/* SVG line chart */
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-chart{position:relative;height:100px;margin-bottom:18px;padding:6px 0 0 32px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-chart svg{width:100%;height:100%;display:block;overflow:visible}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-chart-yax{position:absolute;left:0;top:6px;bottom:18px;width:28px;display:flex;flex-direction:column;justify-content:space-between;font-family:"Roboto",sans-serif !important;font-size:9.5px !important;font-weight:400 !important;color:#5f6368 !important;line-height:1 !important;text-align:right;padding-right:4px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-chart-xax{display:flex;justify-content:space-between;padding:6px 0 0 32px;font-family:"Roboto",sans-serif !important;font-size:9.5px !important;font-weight:400 !important;color:#5f6368 !important;line-height:1 !important;border-top:1px solid #e8eaed;margin-top:-2px}
/* Core Web Vitals section - clickable Mobile/Desktop tabs (CSS-only) */
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv{border-top:1px solid #e8eaed;padding-top:14px;position:relative}
.obltech-ts-obtsh .obltech-ts-obtsh-cwv-radio{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-h h5{font-family:"Roboto",sans-serif !important;font-size:12.5px !important;font-weight:700 !important;color:#202124 !important;letter-spacing:.2px !important;line-height:1 !important;margin:0 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-tabs{display:inline-flex;align-items:center;gap:2px;background:#f1f3f4;padding:3px;border-radius:50px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-tab{display:inline-flex;align-items:center;gap:5px;font-family:"Roboto",sans-serif !important;font-size:10.5px !important;font-weight:600 !important;color:#5f6368 !important;padding:5px 10px;border-radius:50px;line-height:1 !important;letter-spacing:.2px !important;cursor:pointer;transition:all .2s ease;user-select:none}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-tab svg{width:11px;height:11px;flex-shrink:0}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-tab:hover{color:#1a73e8 !important}
/* default: Mobile tab active */
.obltech-ts-obtsh .obltech-ts-obtsh-cwv-radio-m:checked ~ .obltech-ts-obtsh-gsc-cwv-h .obltech-ts-obtsh-gsc-cwv-tab-m, .obltech-ts-obtsh .obltech-ts-obtsh-cwv-radio-d:checked ~ .obltech-ts-obtsh-gsc-cwv-h .obltech-ts-obtsh-gsc-cwv-tab-d{background:#fff;color:#1a73e8 !important;font-weight:700 !important;box-shadow:0 1px 2px rgba(60,64,67,.20)}
/* content visibility toggle */
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-content{display:none}
.obltech-ts-obtsh .obltech-ts-obtsh-cwv-radio-m:checked ~ .obltech-ts-obtsh-gsc-cwv-content-m, .obltech-ts-obtsh .obltech-ts-obtsh-cwv-radio-d:checked ~ .obltech-ts-obtsh-gsc-cwv-content-d{display:block}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #f1f3f4}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-row:last-child{border-bottom:none}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-l{display:flex;align-items:center;gap:9px;min-width:0}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;position:relative}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-dot.obltech-ts-good{background:#0cce6b;box-shadow:0 0 0 3px rgba(12,206,107,.15)}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-dot.obltech-ts-good::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1.5px solid rgba(12,206,107,.30);animation:obltech-ts-obtsh-cwv-pulse 1.8s infinite}
@keyframes obltech-ts-obtsh-cwv-pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:0}}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-name{display:flex;flex-direction:column;gap:1px;min-width:0}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-name b{font-family:"Roboto",sans-serif !important;font-size:12px !important;font-weight:700 !important;color:#202124 !important;line-height:1.2 !important;letter-spacing:.3px !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-name span{font-family:"Roboto",sans-serif !important;font-size:10px !important;font-weight:400 !important;color:#5f6368 !important;line-height:1.2 !important;letter-spacing:.1px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-val{font-family:"Roboto",sans-serif !important;font-size:13px !important;font-weight:500 !important;color:#202124 !important;line-height:1 !important;letter-spacing:-.2px !important;font-variant-numeric:tabular-nums}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-status{display:inline-flex;align-items:center;gap:4px;font-family:"Roboto",sans-serif !important;font-size:10.5px !important;font-weight:700 !important;line-height:1 !important;letter-spacing:.3px !important;padding:5px 10px;border-radius:50px}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-status.obltech-ts-good{background:#e6f4ea;color:#137333 !important}
.obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-status.obltech-ts-good::before{content:"";width:5px;height:5px;border-radius:50%;background:#0cce6b}
/* RESPONSIVE */
@media (max-width:1024px){
  .obltech-ts-obtsh .obltech-ts-obtsh-wrap{grid-template-columns:1fr;gap:60px}
  .obltech-ts-obtsh .obltech-ts-obtsh-left h1{font-size:42px !important;letter-spacing:-1px !important}
  .obltech-ts-obtsh .obltech-ts-obtsh-right{max-width:560px;margin:0 auto;width:100%}
}
@media (max-width:768px){
  .obltech-ts-obtsh.obltech-ts-obtsh-section{padding: 0 0 64px 0;}
  .obltech-ts-obtsh .obltech-ts-obtsh-left h1{font-size:32px !important;letter-spacing:-0.6px !important}
  .obltech-ts-obtsh .obltech-ts-obtsh-feats{grid-template-columns:1fr;gap:8px}
  .obltech-ts-obtsh .obltech-ts-obtsh-btn-primary,.obltech-ts-obtsh .obltech-ts-obtsh-btn-secondary{flex:1;justify-content:center;font-size:13px !important;padding:14px 18px}
  .obltech-ts-obtsh .obltech-ts-obtsh-gsc-tiles{grid-template-columns:1fr 1fr}
  .obltech-ts-obtsh .obltech-ts-obtsh-badge{left:14px;padding:8px 14px}
  .obltech-ts-obtsh .obltech-ts-obtsh-badge-tx b{font-size:12px !important}
}
@media (max-width:480px){
  .obltech-ts-obtsh .obltech-ts-obtsh-left h1{font-size:26px !important}
  .obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-row{grid-template-columns:1fr auto}
  .obltech-ts-obtsh .obltech-ts-obtsh-gsc-cwv-val{display:none}
}
.obltech-ts-obtsw{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsw h1,.obltech-ts-obtsw h2,.obltech-ts-obtsw h3,.obltech-ts-obtsw h4{font-weight:800 !important}
.obltech-ts-obtsw .obltech-ts-container{180px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - pale slate → white → pale sky (fresh) */
.obltech-ts-obtsw.obltech-ts-obtsw-section{position:relative;background:linear-gradient(135deg,#f1f5f9 0%,#ffffff 50%,#dbeafe 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtsw.obltech-ts-obtsw-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(3,105,161,.09);filter:blur(170px);top:-220px;left:-160px;pointer-events:none;z-index:1}
.obltech-ts-obtsw.obltech-ts-obtsw-section::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(6,182,212,.10);filter:blur(160px);bottom:-200px;right:-160px;pointer-events:none;z-index:1}
/* HEADER */
.obltech-ts-obtsw .obltech-ts-obtsw-header{position:relative;z-index:2;text-align:center;max-width:780px;margin:0 auto 50px}
.obltech-ts-obtsw .obltech-ts-obtsw-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.12);margin-bottom:18px}
.obltech-ts-obtsw .obltech-ts-obtsw-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsw-pulse 1.8s infinite}
@keyframes obltech-ts-obtsw-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 6px rgba(3,105,161,0)}}
.obltech-ts-obtsw .obltech-ts-obtsw-header h2{font-size:43px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
.obltech-ts-obtsw .obltech-ts-obtsw-header h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtsw .obltech-ts-obtsw-header p{font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:720px;margin:0 auto !important}
.obltech-ts-obtsw .obltech-ts-obtsw-header p strong{color:#0f172a !important;font-weight:900 !important}
/* ============ 2-COL EQUAL CARDS GRID ============ */
.obltech-ts-obtsw .obltech-ts-obtsw-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:2;align-items:stretch}
/* ============ CARD ============ */
.obltech-ts-obtsw .obltech-ts-obtsw-card{position:relative;background:#fff;border-radius:20px;padding:32px;border:1.5px solid rgba(15,23,42,.06);box-shadow:0 16px 36px rgba(15,23,42,.08);transition:all .4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;gap:18px;overflow:hidden}
.obltech-ts-obtsw .obltech-ts-obtsw-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px var(--c-shadow);border-color:var(--c-border)}
/* top color bar */
.obltech-ts-obtsw .obltech-ts-obtsw-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--c-grad)}
/* decorative corner blob */
.obltech-ts-obtsw .obltech-ts-obtsw-card::after{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:var(--c-grad);opacity:.06;pointer-events:none;transition:opacity .3s ease}
.obltech-ts-obtsw .obltech-ts-obtsw-card:hover::after{opacity:.10}
/* HEAD - icon + eyebrow */
.obltech-ts-obtsw .obltech-ts-obtsw-card-head{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.obltech-ts-obtsw .obltech-ts-obtsw-card-ic{flex-shrink:0;width:60px;height:60px;border-radius:16px;background:var(--c-grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px var(--c-shadow);transition:transform .35s ease}
.obltech-ts-obtsw .obltech-ts-obtsw-card:hover .obltech-ts-obtsw-card-ic{transform:rotate(-6deg) scale(1.06)}
.obltech-ts-obtsw .obltech-ts-obtsw-card-ic svg{width:28px;height:28px}
.obltech-ts-obtsw .obltech-ts-obtsw-card-eyebrow{display:inline-flex;align-items:center;color:var(--c-color) !important;font-size:11px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;line-height:1 !important;padding:6px 12px;background:var(--c-soft);border-radius:50px;border:1.5px solid var(--c-border)}
/* TITLE */
.obltech-ts-obtsw .obltech-ts-obtsw-card h3{position:relative;z-index:1;font-size:24px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.22 !important;letter-spacing:-0.6px !important;margin-bottom:0 !important}
.obltech-ts-obtsw .obltech-ts-obtsw-card h3 em{font-style:normal;color:var(--c-color) !important}
/* DESC */
.obltech-ts-obtsw .obltech-ts-obtsw-card-desc{position:relative;z-index:1;font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;margin:0 !important;padding-bottom:18px;border-bottom:1.5px dashed rgba(15,23,42,.10)}
.obltech-ts-obtsw .obltech-ts-obtsw-card-desc strong{color:#0f172a !important;font-weight:900 !important}
/* LIST */
.obltech-ts-obtsw .obltech-ts-obtsw-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;flex:1}
.obltech-ts-obtsw .obltech-ts-obtsw-card-item{display:flex;align-items:flex-start;gap:12px}
.obltech-ts-obtsw .obltech-ts-obtsw-card-item-ic{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:var(--c-soft);color:var(--c-color);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--c-border);transition:all .25s ease}
.obltech-ts-obtsw .obltech-ts-obtsw-card:hover .obltech-ts-obtsw-card-item-ic{background:var(--c-grad);color:#fff;border-color:transparent}
.obltech-ts-obtsw .obltech-ts-obtsw-card-item-ic svg{width:14px;height:14px}
.obltech-ts-obtsw .obltech-ts-obtsw-card-item-tx{flex:1;font-size:16px !important;font-weight:700 !important;color:#0f172a !important;line-height:1.5 !important;letter-spacing:-0.1px !important;padding-top:3px}
.obltech-ts-obtsw .obltech-ts-obtsw-card-item-tx b{color:var(--c-color) !important;font-weight:900 !important}
/* FOOTER pill */
.obltech-ts-obtsw .obltech-ts-obtsw-card-foot{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--c-soft);border-radius:11px;border:1.5px solid var(--c-border)}
.obltech-ts-obtsw .obltech-ts-obtsw-card-foot-ic{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--c-grad);color:#fff;display:flex;align-items:center;justify-content:center}
.obltech-ts-obtsw .obltech-ts-obtsw-card-foot-ic svg{width:15px;height:15px}
.obltech-ts-obtsw .obltech-ts-obtsw-card-foot-tx{flex:1;font-size:16px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.4 !important;letter-spacing:-0.15px !important}
.obltech-ts-obtsw .obltech-ts-obtsw-card-foot-tx em{font-style:normal;color:var(--c-color) !important;font-weight:900 !important}
/* card color variants */
.obltech-ts-obtsw .obltech-ts-obtsw-card.obltech-ts-cardA{--c-color:#0369a1;--c-grad:linear-gradient(135deg,#0ea5e9,#0369a1);--c-soft:#eff6ff;--c-border:rgba(3,105,161,.22);--c-shadow:rgba(3,105,161,.24)}
.obltech-ts-obtsw .obltech-ts-obtsw-card.obltech-ts-cardB{--c-color:#0891b2;--c-grad:linear-gradient(135deg,#06b6d4,#0891b2);--c-soft:#ecfeff;--c-border:rgba(8,145,178,.22);--c-shadow:rgba(8,145,178,.24)}
/* RESPONSIVE */
@media (max-width:1024px){
  .obltech-ts-obtsw .obltech-ts-obtsw-grid{grid-template-columns:1fr;gap:18px}
  .obltech-ts-obtsw .obltech-ts-obtsw-card{padding:28px}
}
@media (max-width:768px){
  .obltech-ts-obtsw.obltech-ts-obtsw-section{padding:68px 0}
  .obltech-ts-obtsw .obltech-ts-obtsw-header h2{font-size:30px !important;letter-spacing:-0.5px !important}
  .obltech-ts-obtsw .obltech-ts-obtsw-card h3{font-size:20px !important}
  .obltech-ts-obtsw .obltech-ts-obtsw-card-head{flex-wrap:wrap;gap:10px}
}
@media (max-width:480px){
  .obltech-ts-obtsw .obltech-ts-obtsw-header h2{font-size:26px !important}
  .obltech-ts-obtsw .obltech-ts-obtsw-card{padding:22px}
}
.obltech-ts-obtsm{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsm h1,.obltech-ts-obtsm h2,.obltech-ts-obtsm h3,.obltech-ts-obtsm h4{font-weight:800 !important}
.obltech-ts-obtsm .obltech-ts-container{280px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - soft butter → white → pale aqua (fresh) */
.obltech-ts-obtsm.obltech-ts-obtsm-section{position:relative;background:linear-gradient(135deg,#fef3c7 0%,#ffffff 50%,#cffafe 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtsm.obltech-ts-obtsm-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(245,158,11,.10);filter:blur(170px);top:-220px;left:-160px;pointer-events:none;z-index:1}
.obltech-ts-obtsm.obltech-ts-obtsm-section::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(6,182,212,.12);filter:blur(160px);bottom:-200px;right:-160px;pointer-events:none;z-index:1}
/* HEADER */
.obltech-ts-obtsm .obltech-ts-obtsm-header{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto 50px}
.obltech-ts-obtsm .obltech-ts-obtsm-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.12);margin-bottom:18px}
.obltech-ts-obtsm .obltech-ts-obtsm-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsm-pulse 1.8s infinite}
@keyframes obltech-ts-obtsm-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 6px rgba(3,105,161,0)}}
.obltech-ts-obtsm .obltech-ts-obtsm-header h2{font-size:43px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
.obltech-ts-obtsm .obltech-ts-obtsm-header h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtsm .obltech-ts-obtsm-header p{font-size:16.5px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:740px;margin:0 auto !important}
.obltech-ts-obtsm .obltech-ts-obtsm-header p strong{color:#0f172a !important;font-weight:900 !important}
/* ============ 4 STAT CARDS GRID ============ */
.obltech-ts-obtsm .obltech-ts-obtsm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;z-index:2;margin-bottom:36px}
/* ============ STAT CARD ============ */
.obltech-ts-obtsm .obltech-ts-obtsm-card{position:relative;background:#fff;border-radius:20px;padding:28px 24px 26px;border:1.5px solid rgba(15,23,42,.06);box-shadow:0 16px 36px rgba(15,23,42,.08);transition:all .45s cubic-bezier(0.4,0,0.2,1);overflow:hidden;display:flex;flex-direction:column;gap:14px;min-height:380px}
.obltech-ts-obtsm .obltech-ts-obtsm-card:hover{transform:translateY(-7px);box-shadow:0 26px 50px var(--m-shadow);border-color:var(--m-border)}
/* corner gradient blob */
.obltech-ts-obtsm .obltech-ts-obtsm-card::before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:var(--m-grad);opacity:.10;pointer-events:none;transition:all .4s ease}
.obltech-ts-obtsm .obltech-ts-obtsm-card:hover::before{opacity:.18;transform:scale(1.15)}
/* circular icon top-left */
.obltech-ts-obtsm .obltech-ts-obtsm-card-ic{position:relative;z-index:1;width:48px;height:48px;border-radius:13px;background:var(--m-soft);color:var(--m-color);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--m-border);transition:all .35s ease;align-self:flex-start}
.obltech-ts-obtsm .obltech-ts-obtsm-card:hover .obltech-ts-obtsm-card-ic{background:var(--m-grad);color:#fff;transform:rotate(-8deg) scale(1.06);border-color:transparent;box-shadow:0 12px 22px var(--m-shadow)}
.obltech-ts-obtsm .obltech-ts-obtsm-card-ic svg{width:22px;height:22px}
/* MASSIVE stat number (focal point) */
.obltech-ts-obtsm .obltech-ts-obtsm-card-stat{position:relative;z-index:1;display:flex;align-items:baseline;gap:4px;line-height:1}
.obltech-ts-obtsm .obltech-ts-obtsm-card-stat-num{font-size:38px !important;font-weight:900 !important;background:var(--m-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important;line-height:1 !important;letter-spacing:-1.4px !important}
.obltech-ts-obtsm .obltech-ts-obtsm-card-stat-sym{font-size:20px !important;font-weight:900 !important;color:var(--m-color) !important;line-height:1 !important;letter-spacing:-0.3px !important}
/* stat label below number */
.obltech-ts-obtsm .obltech-ts-obtsm-card-stat-lbl{position:relative;z-index:1;font-size:13.5px !important;font-weight:900 !important;color:var(--m-color) !important;line-height:1.3 !important;letter-spacing:0.6px !important;text-transform:uppercase;padding-bottom:14px;border-bottom:1.5px dashed var(--m-border)}
/* title */
.obltech-ts-obtsm .obltech-ts-obtsm-card h3{position:relative;z-index:1;font-size:18px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.25 !important;letter-spacing:-0.4px !important;margin-bottom:0 !important}
/* description */
.obltech-ts-obtsm .obltech-ts-obtsm-card-desc{position:relative;z-index:1;font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.65 !important;margin-bottom:auto !important}
.obltech-ts-obtsm .obltech-ts-obtsm-card-desc strong{color:#0f172a !important;font-weight:900 !important}
/* source attribution */
.obltech-ts-obtsm .obltech-ts-obtsm-card-src{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding-top:12px;border-top:1.5px dashed rgba(15,23,42,.08);margin-top:4px}
.obltech-ts-obtsm .obltech-ts-obtsm-card-src-ic{flex-shrink:0;width:18px;height:18px;border-radius:6px;background:var(--m-soft);color:var(--m-color);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--m-border)}
.obltech-ts-obtsm .obltech-ts-obtsm-card-src-ic svg{width:9px;height:9px}
.obltech-ts-obtsm .obltech-ts-obtsm-card-src-tx{font-size:10.5px !important;font-weight:800 !important;color:#475569 !important;line-height:1.3 !important;letter-spacing:0.3px !important;text-transform:uppercase}
/* card color variants */
.obltech-ts-obtsm .obltech-ts-obtsm-card.obltech-ts-m1{--m-color:#dc2626;--m-grad:linear-gradient(135deg,#f87171,#dc2626);--m-soft:#fef2f2;--m-border:rgba(220,38,38,.22);--m-shadow:rgba(220,38,38,.22)}
.obltech-ts-obtsm .obltech-ts-obtsm-card.obltech-ts-m2{--m-color:#0369a1;--m-grad:linear-gradient(135deg,#0ea5e9,#0369a1);--m-soft:#eff6ff;--m-border:rgba(3,105,161,.22);--m-shadow:rgba(3,105,161,.22)}
.obltech-ts-obtsm .obltech-ts-obtsm-card.obltech-ts-m3{--m-color:#7c3aed;--m-grad:linear-gradient(135deg,#a855f7,#7c3aed);--m-soft:#f5f3ff;--m-border:rgba(124,58,237,.22);--m-shadow:rgba(124,58,237,.22)}
.obltech-ts-obtsm .obltech-ts-obtsm-card.obltech-ts-m4{--m-color:#059669;--m-grad:linear-gradient(135deg,#10b981,#059669);--m-soft:#ecfdf5;--m-border:rgba(5,150,105,.22);--m-shadow:rgba(5,150,105,.22)}
/* ============ BOTTOM TAKEAWAY STRIP ============ */
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway{position:relative;z-index:2;background:linear-gradient(135deg,#0c4a6e 0%,#0369a1 50%,#0e7490 100%);border-radius:18px;padding:24px 30px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:0 18px 38px rgba(3,105,161,.32);overflow:hidden;position:relative}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.40),transparent 70%);filter:blur(30px);pointer-events:none}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-ic{flex-shrink:0;width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);color:#fbbf24;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.20);position:relative;z-index:1}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-ic svg{width:26px;height:26px}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-tx{flex:1;min-width:280px;position:relative;z-index:1}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-tx b{display:block;font-size:20px !important;font-weight:900 !important;color:#fff !important;line-height:1.3 !important;letter-spacing:-0.4px !important;margin-bottom:5px !important}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-tx b em{font-style:normal;color:#fbbf24 !important}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-tx span{display:block;font-size:16px !important;font-weight:700 !important;color:rgba(255,255,255,.85) !important;line-height:1.55 !important}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:9px;background:#fff;color:#0369a1 !important;font-size:13.5px !important;font-weight:900 !important;letter-spacing:0.2px !important;padding:15px 22px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 12px 26px rgba(0,0,0,.20);position:relative;z-index:1}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.30);background:#f0f9ff}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-btn svg{width:13px;height:13px;transition:transform .3s ease}
.obltech-ts-obtsm .obltech-ts-obtsm-takeaway-btn:hover svg{transform:translateX(3px)}
/* RESPONSIVE */
@media (max-width:1024px){
  .obltech-ts-obtsm .obltech-ts-obtsm-grid{grid-template-columns:repeat(2,1fr)}
  .obltech-ts-obtsm .obltech-ts-obtsm-card{min-height:auto}
}
@media (max-width:768px){
  .obltech-ts-obtsm.obltech-ts-obtsm-section{padding:68px 0}
  .obltech-ts-obtsm .obltech-ts-obtsm-header h2{font-size:30px !important;letter-spacing:-0.5px !important}
  .obltech-ts-obtsm .obltech-ts-obtsm-card-stat-num{font-size:38px !important;letter-spacing:-1.2px !important}
  .obltech-ts-obtsm .obltech-ts-obtsm-card-stat-sym{font-size:22px !important}
  .obltech-ts-obtsm .obltech-ts-obtsm-takeaway{flex-direction:column;text-align:center;align-items:stretch;padding:22px}
  .obltech-ts-obtsm .obltech-ts-obtsm-takeaway-ic{align-self:center}
  .obltech-ts-obtsm .obltech-ts-obtsm-takeaway-btn{justify-content:center}
}
@media (max-width:480px){
  .obltech-ts-obtsm .obltech-ts-obtsm-header h2{font-size:26px !important}
  .obltech-ts-obtsm .obltech-ts-obtsm-grid{grid-template-columns:1fr;gap:16px}
}
.obltech-ts-obtss{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtss h1,.obltech-ts-obtss h2,.obltech-ts-obtss h3,.obltech-ts-obtss h4{font-weight:800 !important}
.obltech-ts-obtss .obltech-ts-container{280px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - pale aqua → soft cream → pale lavender (fresh, unused) */
.obltech-ts-obtss.obltech-ts-obtss-section{position:relative;background:linear-gradient(135deg,#cffafe 0%,#fefce8 50%,#ede9fe 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtss.obltech-ts-obtss-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(3,105,161,.10);filter:blur(170px);top:-220px;right:-160px;pointer-events:none;z-index:1}
.obltech-ts-obtss.obltech-ts-obtss-section::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(124,58,237,.10);filter:blur(160px);bottom:-200px;left:-160px;pointer-events:none;z-index:1}
/* HEADER */
.obltech-ts-obtss .obltech-ts-obtss-header{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto 50px}
.obltech-ts-obtss .obltech-ts-obtss-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.12);margin-bottom:18px}
.obltech-ts-obtss .obltech-ts-obtss-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtss-pulse 1.8s infinite}
@keyframes obltech-ts-obtss-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 6px rgba(3,105,161,0)}}
.obltech-ts-obtss .obltech-ts-obtss-header h2{font-size:43px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
.obltech-ts-obtss .obltech-ts-obtss-header h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtss .obltech-ts-obtss-header p{font-size:16.5px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:740px;margin:0 auto !important}
.obltech-ts-obtss .obltech-ts-obtss-header p strong{color:#0f172a !important;font-weight:900 !important}
/* ============ 3x2 SERVICE GRID ============ */
.obltech-ts-obtss .obltech-ts-obtss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:2;margin-bottom:40px}
/* SERVICE CARD */
.obltech-ts-obtss .obltech-ts-obtss-card{position:relative;background:#fff;border-radius:18px;overflow:hidden;border:1.5px solid rgba(15,23,42,.06);box-shadow:0 16px 36px rgba(15,23,42,.08);transition:all .4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column}
.obltech-ts-obtss .obltech-ts-obtss-card:hover{transform:translateY(-7px);box-shadow:0 28px 50px var(--s-shadow);border-color:var(--s-border)}
/* TOP BANNER with gradient bg + decorative pattern */
.obltech-ts-obtss .obltech-ts-obtss-banner{position:relative;padding:24px 24px 22px;background:var(--s-grad);color:#fff;overflow:hidden}
/* decorative dot pattern */
.obltech-ts-obtss .obltech-ts-obtss-banner::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1px);background-size:18px 18px;opacity:.5;pointer-events:none}
/* big floating icon */
.obltech-ts-obtss .obltech-ts-obtss-banner::after{content:"";position:absolute;top:-30px;right:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.10);filter:blur(8px);pointer-events:none}
.obltech-ts-obtss .obltech-ts-obtss-banner-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px}
.obltech-ts-obtss .obltech-ts-obtss-banner-ic{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.20);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.30);transition:all .35s ease}
.obltech-ts-obtss .obltech-ts-obtss-card:hover .obltech-ts-obtss-banner-ic{transform:rotate(-8deg) scale(1.08);background:rgba(255,255,255,.30)}
.obltech-ts-obtss .obltech-ts-obtss-banner-ic svg{width:26px;height:26px}
/* number badge */
.obltech-ts-obtss .obltech-ts-obtss-banner-num{display:inline-flex;align-items:center;font-size:13px !important;font-weight:900 !important;color:#fff !important;line-height:1 !important;letter-spacing:1.4px !important;padding:7px 12px;background:rgba(0,0,0,.20);backdrop-filter:blur(8px);border-radius:50px;border:1.5px solid rgba(255,255,255,.20);font-family:"JetBrains Mono",monospace !important}
/* service eyebrow inside banner */
.obltech-ts-obtss .obltech-ts-obtss-banner-eyebrow{position:relative;z-index:1;font-size:10.5px !important;font-weight:800 !important;color:rgba(255,255,255,.85) !important;letter-spacing:1.4px !important;text-transform:uppercase;line-height:1 !important;margin-top:12px;display:flex;align-items:center;gap:6px}
.obltech-ts-obtss .obltech-ts-obtss-banner-eyebrow::before{content:"";width:18px;height:1.5px;background:rgba(255,255,255,.70);border-radius:2px}
/* ============ BODY ============ */
.obltech-ts-obtss .obltech-ts-obtss-body{flex:1;padding:22px 24px 22px;display:flex;flex-direction:column;gap:12px}
.obltech-ts-obtss .obltech-ts-obtss-body h3{font-size:20px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.25 !important;letter-spacing:-0.4px !important;margin-bottom:0 !important}
.obltech-ts-obtss .obltech-ts-obtss-body-desc{font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.65 !important;margin:0 !important;padding-bottom:14px;border-bottom:1.5px dashed rgba(15,23,42,.10)}
.obltech-ts-obtss .obltech-ts-obtss-body-desc strong{color:#0f172a !important;font-weight:900 !important}
/* mini checklist */
.obltech-ts-obtss .obltech-ts-obtss-checks{display:flex;flex-direction:column;gap:10px;flex:1}
.obltech-ts-obtss .obltech-ts-obtss-check{display:flex;align-items:flex-start;gap:10px;font-size:16px !important;font-weight:700 !important;color:#0f172a !important;line-height:1.45 !important;letter-spacing:-0.1px !important}
.obltech-ts-obtss .obltech-ts-obtss-check-ic{flex-shrink:0;width:22px;height:22px;border-radius:7px;background:var(--s-soft);color:var(--s-color);display:flex;align-items:center;justify-content:center;margin-top:2px}
.obltech-ts-obtss .obltech-ts-obtss-check-ic svg{width:12px;height:12px}
/* tech keyword pills */
.obltech-ts-obtss .obltech-ts-obtss-pills{display:flex;flex-wrap:wrap;gap:5px;padding-top:11px;border-top:1.5px dashed rgba(15,23,42,.08)}
.obltech-ts-obtss .obltech-ts-obtss-pill{display:inline-flex;align-items:center;background:var(--s-soft);color:var(--s-color) !important;font-size:9.5px !important;font-weight:900 !important;padding:4px 8px;border-radius:50px;letter-spacing:0.4px !important;line-height:1 !important;border:1.5px solid var(--s-border);font-family:"JetBrains Mono",monospace !important;text-transform:uppercase}
/* card color variants (6 different) */
.obltech-ts-obtss .obltech-ts-obtss-card.obltech-ts-s1{--s-color:#0369a1;--s-grad:linear-gradient(135deg,#0369a1 0%,#0ea5e9 100%);--s-soft:#eff6ff;--s-border:rgba(3,105,161,.22);--s-shadow:rgba(3,105,161,.24)}
.obltech-ts-obtss .obltech-ts-obtss-card.obltech-ts-s2{--s-color:#0891b2;--s-grad:linear-gradient(135deg,#0e7490 0%,#06b6d4 100%);--s-soft:#ecfeff;--s-border:rgba(8,145,178,.22);--s-shadow:rgba(8,145,178,.24)}
.obltech-ts-obtss .obltech-ts-obtss-card.obltech-ts-s3{--s-color:#0d9488;--s-grad:linear-gradient(135deg,#0f766e 0%,#14b8a6 100%);--s-soft:#f0fdfa;--s-border:rgba(13,148,136,.22);--s-shadow:rgba(13,148,136,.24)}
.obltech-ts-obtss .obltech-ts-obtss-card.obltech-ts-s4{--s-color:#4338ca;--s-grad:linear-gradient(135deg,#3730a3 0%,#6366f1 100%);--s-soft:#eef2ff;--s-border:rgba(67,56,202,.22);--s-shadow:rgba(67,56,202,.24)}
.obltech-ts-obtss .obltech-ts-obtss-card.obltech-ts-s5{--s-color:#7c3aed;--s-grad:linear-gradient(135deg,#6d28d9 0%,#a855f7 100%);--s-soft:#f5f3ff;--s-border:rgba(124,58,237,.22);--s-shadow:rgba(124,58,237,.24)}
.obltech-ts-obtss .obltech-ts-obtss-card.obltech-ts-s6{--s-color:#be185d;--s-grad:linear-gradient(135deg,#9f1239 0%,#ec4899 100%);--s-soft:#fdf2f8;--s-border:rgba(190,24,93,.22);--s-shadow:rgba(190,24,93,.24)}
/* ============ BOTTOM CTA ============ */
.obltech-ts-obtss .obltech-ts-obtss-cta{position:relative;z-index:2;background:#fff;border-radius:18px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1.5px solid rgba(3,105,161,.18);box-shadow:0 18px 38px rgba(3,105,161,.14)}
.obltech-ts-obtss .obltech-ts-obtss-cta-l{display:flex;align-items:center;gap:14px;flex:1;min-width:280px}
.obltech-ts-obtss .obltech-ts-obtss-cta-ic{flex-shrink:0;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(3,105,161,.30)}
.obltech-ts-obtss .obltech-ts-obtss-cta-ic svg{width:22px;height:22px}
.obltech-ts-obtss .obltech-ts-obtss-cta-tx b{display:block;font-size:18px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.3 !important;letter-spacing:-0.3px !important;margin-bottom:3px !important}
.obltech-ts-obtss .obltech-ts-obtss-cta-tx span{display:block;font-size:16px !important;font-weight:700 !important;color:#475569 !important;line-height:1.5 !important}
.obltech-ts-obtss .obltech-ts-obtss-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);color:#fff !important;font-size:14px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:15px 24px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 12px 26px rgba(3,105,161,.36)}
.obltech-ts-obtss .obltech-ts-obtss-cta-btn:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(3,105,161,.50);background:linear-gradient(135deg,#0369a1 0%,#0c4a6e 100%)}
.obltech-ts-obtss .obltech-ts-obtss-cta-btn svg{width:14px;height:14px;transition:transform .3s ease}
.obltech-ts-obtss .obltech-ts-obtss-cta-btn:hover svg{transform:translateX(4px)}
/* RESPONSIVE */
@media (max-width:1024px){
  .obltech-ts-obtss .obltech-ts-obtss-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .obltech-ts-obtss.obltech-ts-obtss-section{padding:68px 0}
  .obltech-ts-obtss .obltech-ts-obtss-header h2{font-size:30px !important;letter-spacing:-0.5px !important}
  .obltech-ts-obtss .obltech-ts-obtss-cta{flex-direction:column;align-items:stretch;text-align:center;padding:22px}
  .obltech-ts-obtss .obltech-ts-obtss-cta-l{justify-content:center;text-align:left}
  .obltech-ts-obtss .obltech-ts-obtss-cta-btn{justify-content:center}
}
@media (max-width:560px){
  .obltech-ts-obtss .obltech-ts-obtss-grid{grid-template-columns:1fr;gap:16px}
  .obltech-ts-obtss .obltech-ts-obtss-header h2{font-size:26px !important}
}
.obltech-ts-obtsp{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsp h1,.obltech-ts-obtsp h2,.obltech-ts-obtsp h3,.obltech-ts-obtsp h4{font-weight:800 !important}
.obltech-ts-obtsp .obltech-ts-container{180px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - soft butter → pearl → pale lavender (fresh) */
.obltech-ts-obtsp.obltech-ts-obtsp-section{position:relative;background:linear-gradient(135deg,#fef3c7 0%,#f8fafc 50%,#ede9fe 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtsp.obltech-ts-obtsp-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(3,105,161,.10);filter:blur(170px);top:-220px;right:-160px;pointer-events:none;z-index:1}
.obltech-ts-obtsp.obltech-ts-obtsp-section::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(124,58,237,.10);filter:blur(160px);bottom:-200px;left:-160px;pointer-events:none;z-index:1}
/* HEADER */
.obltech-ts-obtsp .obltech-ts-obtsp-header{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto 60px}
.obltech-ts-obtsp .obltech-ts-obtsp-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.12);margin-bottom:18px}
.obltech-ts-obtsp .obltech-ts-obtsp-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsp-pulse 1.8s infinite}
@keyframes obltech-ts-obtsp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 6px rgba(3,105,161,0)}}
.obltech-ts-obtsp .obltech-ts-obtsp-header h2{font-size:43px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
.obltech-ts-obtsp .obltech-ts-obtsp-header h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtsp .obltech-ts-obtsp-header p{font-size:16.5px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:740px;margin:0 auto !important}
.obltech-ts-obtsp .obltech-ts-obtsp-header p strong{color:#0f172a !important;font-weight:900 !important}
/* ============ TIMELINE CONTAINER ============ */
.obltech-ts-obtsp .obltech-ts-obtsp-timeline{position:relative;z-index:2;max-width:1000px;margin:0 auto 40px;padding:20px 0}
/* CENTRAL VERTICAL SPINE LINE */
.obltech-ts-obtsp .obltech-ts-obtsp-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#0369a1 0%,#0ea5e9 25%,#06b6d4 50%,#0d9488 75%,#7c3aed 100%);transform:translateX(-50%);border-radius:3px;opacity:.30;z-index:0}
/* TIMELINE STEP */
.obltech-ts-obtsp .obltech-ts-obtsp-step{position:relative;display:flex;align-items:center;margin-bottom:48px;min-height:200px;z-index:1}
.obltech-ts-obtsp .obltech-ts-obtsp-step:last-child{margin-bottom:0}
/* CENTRAL NUMBERED MARKER */
.obltech-ts-obtsp .obltech-ts-obtsp-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--s-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px !important;font-weight:900 !important;line-height:1 !important;letter-spacing:-0.6px !important;font-family:"JetBrains Mono",monospace !important;box-shadow:0 12px 28px var(--s-shadow);border:4px solid #fff;z-index:3}
/* connector line from card to spine */
.obltech-ts-obtsp .obltech-ts-obtsp-step::after{content:"";position:absolute;top:50%;width:50px;height:2px;background:var(--s-color);opacity:.30;z-index:1}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-left::after{right:calc(50% + 30px);transform:translateY(-50%)}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-right::after{left:calc(50% + 30px);transform:translateY(-50%)}
/* CARD on alternating sides */
.obltech-ts-obtsp .obltech-ts-obtsp-card{position:relative;background:#fff;border-radius:18px;padding:24px 26px;border:1.5px solid rgba(15,23,42,.06);box-shadow:0 16px 36px rgba(15,23,42,.08);transition:all .4s cubic-bezier(0.4,0,0.2,1);width:calc(50% - 60px);z-index:2;overflow:hidden}
.obltech-ts-obtsp .obltech-ts-obtsp-card:hover{transform:translateY(-5px);box-shadow:0 26px 50px var(--s-shadow);border-color:var(--s-border)}
/* card position by side */
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-left .obltech-ts-obtsp-card{margin-right:auto;text-align:left}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-right .obltech-ts-obtsp-card{margin-left:auto;text-align:left}
/* card top color bar */
.obltech-ts-obtsp .obltech-ts-obtsp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--s-grad)}
/* card head */
.obltech-ts-obtsp .obltech-ts-obtsp-card-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.obltech-ts-obtsp .obltech-ts-obtsp-card-duration{display:inline-flex;align-items:center;gap:5px;font-size:10.5px !important;font-weight:900 !important;color:var(--s-color) !important;letter-spacing:1.2px !important;line-height:1 !important;padding:6px 11px;background:var(--s-soft);border-radius:50px;border:1.5px solid var(--s-border);text-transform:uppercase;font-family:"JetBrains Mono",monospace !important}
.obltech-ts-obtsp .obltech-ts-obtsp-card-duration svg{width:11px;height:11px}
.obltech-ts-obtsp .obltech-ts-obtsp-card-ic{width:34px;height:34px;border-radius:10px;background:var(--s-grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px var(--s-shadow);transition:all .35s ease;flex-shrink:0}
.obltech-ts-obtsp .obltech-ts-obtsp-card:hover .obltech-ts-obtsp-card-ic{transform:rotate(-8deg) scale(1.06)}
.obltech-ts-obtsp .obltech-ts-obtsp-card-ic svg{width:17px;height:17px}
/* card title */
.obltech-ts-obtsp .obltech-ts-obtsp-card h3{font-size:20px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.25 !important;letter-spacing:-0.4px !important;margin-bottom:8px !important}
.obltech-ts-obtsp .obltech-ts-obtsp-card h3 em{font-style:normal;color:var(--s-color) !important}
/* card description */
.obltech-ts-obtsp .obltech-ts-obtsp-card-desc{font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.65 !important;margin-bottom:14px !important;padding-bottom:14px;border-bottom:1.5px dashed rgba(15,23,42,.10)}
.obltech-ts-obtsp .obltech-ts-obtsp-card-desc strong{color:#0f172a !important;font-weight:900 !important}
/* deliverables list */
.obltech-ts-obtsp .obltech-ts-obtsp-card-deliv{display:flex;flex-direction:column;gap:10px}
.obltech-ts-obtsp .obltech-ts-obtsp-card-deliv-lbl{font-size:10px !important;font-weight:900 !important;color:var(--s-color) !important;letter-spacing:1.3px !important;text-transform:uppercase;line-height:1 !important;margin-bottom:4px}
.obltech-ts-obtsp .obltech-ts-obtsp-card-deliv-item{display:flex;align-items:center;gap:10px;font-size:16px !important;font-weight:700 !important;color:#0f172a !important;line-height:1.45 !important;letter-spacing:-0.1px !important}
.obltech-ts-obtsp .obltech-ts-obtsp-card-deliv-ic{flex-shrink:0;width:22px;height:22px;border-radius:7px;background:var(--s-soft);color:var(--s-color);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--s-border);transition:all .25s ease}
.obltech-ts-obtsp .obltech-ts-obtsp-card:hover .obltech-ts-obtsp-card-deliv-ic{background:var(--s-grad);color:#fff;border-color:transparent}
.obltech-ts-obtsp .obltech-ts-obtsp-card-deliv-ic svg{width:12px;height:12px}
/* step color variants */
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s1 .obltech-ts-obtsp-marker,.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s1 .obltech-ts-obtsp-card{--s-color:#0369a1;--s-grad:linear-gradient(135deg,#0ea5e9,#0369a1);--s-soft:#eff6ff;--s-border:rgba(3,105,161,.22);--s-shadow:rgba(3,105,161,.24)}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s1{--s-color:#0369a1}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s2 .obltech-ts-obtsp-marker,.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s2 .obltech-ts-obtsp-card{--s-color:#0891b2;--s-grad:linear-gradient(135deg,#06b6d4,#0891b2);--s-soft:#ecfeff;--s-border:rgba(8,145,178,.22);--s-shadow:rgba(8,145,178,.24)}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s2{--s-color:#0891b2}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s3 .obltech-ts-obtsp-marker,.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s3 .obltech-ts-obtsp-card{--s-color:#0d9488;--s-grad:linear-gradient(135deg,#14b8a6,#0d9488);--s-soft:#f0fdfa;--s-border:rgba(13,148,136,.22);--s-shadow:rgba(13,148,136,.24)}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s3{--s-color:#0d9488}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s4 .obltech-ts-obtsp-marker,.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s4 .obltech-ts-obtsp-card{--s-color:#4338ca;--s-grad:linear-gradient(135deg,#6366f1,#4338ca);--s-soft:#eef2ff;--s-border:rgba(67,56,202,.22);--s-shadow:rgba(67,56,202,.24)}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s4{--s-color:#4338ca}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s5 .obltech-ts-obtsp-marker,.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s5 .obltech-ts-obtsp-card{--s-color:#7c3aed;--s-grad:linear-gradient(135deg,#a855f7,#7c3aed);--s-soft:#f5f3ff;--s-border:rgba(124,58,237,.22);--s-shadow:rgba(124,58,237,.24)}
.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-s5{--s-color:#7c3aed}
/* ============ BOTTOM PILL CTA ============ */
.obltech-ts-obtsp .obltech-ts-obtsp-cta{position:relative;z-index:2;background:#fff;border-radius:50px;padding:14px 14px 14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border:1.5px solid rgba(3,105,161,.18);box-shadow:0 16px 32px rgba(3,105,161,.14);max-width:780px;margin:0 auto}
.obltech-ts-obtsp .obltech-ts-obtsp-cta-tx{flex:1;min-width:200px;font-size:16px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.45 !important;letter-spacing:-0.2px !important}
.obltech-ts-obtsp .obltech-ts-obtsp-cta-tx em{font-style:normal;color:#0369a1 !important;font-weight:900 !important}
.obltech-ts-obtsp .obltech-ts-obtsp-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);color:#fff !important;font-size:13.5px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:13px 22px;border-radius:50px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 10px 22px rgba(3,105,161,.34)}
.obltech-ts-obtsp .obltech-ts-obtsp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(3,105,161,.48);background:linear-gradient(135deg,#0369a1 0%,#0c4a6e 100%)}
.obltech-ts-obtsp .obltech-ts-obtsp-cta-btn svg{width:13px;height:13px;transition:transform .3s ease}
.obltech-ts-obtsp .obltech-ts-obtsp-cta-btn:hover svg{transform:translateX(4px)}
/* RESPONSIVE */
@media (max-width:900px){
  .obltech-ts-obtsp .obltech-ts-obtsp-timeline::before{left:32px;transform:none}
  .obltech-ts-obtsp .obltech-ts-obtsp-step{flex-direction:row;min-height:auto;margin-bottom:32px}
  .obltech-ts-obtsp .obltech-ts-obtsp-marker{position:relative;left:0;top:0;transform:none;width:48px;height:48px;font-size:15px !important;flex-shrink:0;margin-right:24px;margin-top:6px}
  .obltech-ts-obtsp .obltech-ts-obtsp-step::after{display:none}
  .obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-left .obltech-ts-obtsp-card,.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-right .obltech-ts-obtsp-card{width:100%;margin:0;text-align:left}
  .obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-left .obltech-ts-obtsp-card-head,.obltech-ts-obtsp .obltech-ts-obtsp-step.obltech-ts-left .obltech-ts-obtsp-card-deliv-item{justify-content:flex-start}
}
@media (max-width:768px){
  .obltech-ts-obtsp.obltech-ts-obtsp-section{padding:68px 0}
  .obltech-ts-obtsp .obltech-ts-obtsp-header h2{font-size:30px !important;letter-spacing:-0.5px !important}
  .obltech-ts-obtsp .obltech-ts-obtsp-card{padding:20px 22px}
  .obltech-ts-obtsp .obltech-ts-obtsp-card h3{font-size:17px !important}
  .obltech-ts-obtsp .obltech-ts-obtsp-cta{flex-direction:column;text-align:center;padding:18px;border-radius:18px}
  .obltech-ts-obtsp .obltech-ts-obtsp-cta-btn{width:100%;justify-content:center}
}
@media (max-width:480px){
  .obltech-ts-obtsp .obltech-ts-obtsp-header h2{font-size:26px !important}
  .obltech-ts-obtsp .obltech-ts-obtsp-timeline::before{left:20px}
  .obltech-ts-obtsp .obltech-ts-obtsp-marker{width:40px;height:40px;font-size:13px !important;margin-right:16px}
}
.obltech-ts-obtsb{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsb h1,.obltech-ts-obtsb h2,.obltech-ts-obtsb h3,.obltech-ts-obtsb h4{font-weight:800 !important}
.obltech-ts-obtsb .obltech-ts-container{280px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - pale rose → soft cream → pale aqua (fresh) */
.obltech-ts-obtsb.obltech-ts-obtsb-section{position:relative;background:linear-gradient(135deg,#ffe4e6 0%,#fefce8 50%,#cffafe 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtsb.obltech-ts-obtsb-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(244,114,182,.10);filter:blur(170px);top:-220px;left:-160px;pointer-events:none;z-index:1}
.obltech-ts-obtsb.obltech-ts-obtsb-section::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(6,182,212,.12);filter:blur(160px);bottom:-200px;right:-160px;pointer-events:none;z-index:1}
/* HEADER */
.obltech-ts-obtsb .obltech-ts-obtsb-header{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto 50px}
.obltech-ts-obtsb .obltech-ts-obtsb-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.12);margin-bottom:18px}
.obltech-ts-obtsb .obltech-ts-obtsb-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsb-pulse 1.8s infinite}
@keyframes obltech-ts-obtsb-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 6px rgba(3,105,161,0)}}
.obltech-ts-obtsb .obltech-ts-obtsb-header h2{font-size:43px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
.obltech-ts-obtsb .obltech-ts-obtsb-header h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtsb .obltech-ts-obtsb-header p{font-size:16.5px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:740px;margin:0 auto !important}
.obltech-ts-obtsb .obltech-ts-obtsb-header p strong{color:#0f172a !important;font-weight:900 !important}
/* ============ 2-COL × 3-ROW BENEFITS GRID ============ */
.obltech-ts-obtsb .obltech-ts-obtsb-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative;z-index:2;margin-bottom:36px}
/* SPLIT BENEFIT CARD */
.obltech-ts-obtsb .obltech-ts-obtsb-card{position:relative;background:#fff;border-radius:18px;border:1.5px solid rgba(15,23,42,.06);box-shadow:0 14px 32px rgba(15,23,42,.07);transition:all .4s cubic-bezier(0.4,0,0.2,1);overflow:hidden;display:grid;grid-template-columns:170px 1fr;min-height:220px}
.obltech-ts-obtsb .obltech-ts-obtsb-card:hover{transform:translateY(-6px);box-shadow:0 24px 46px var(--b-shadow);border-color:var(--b-border)}
/* LEFT PANEL (gradient stat block) */
.obltech-ts-obtsb .obltech-ts-obtsb-card-l{position:relative;background:var(--b-grad);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 16px;overflow:hidden;text-align:center}
/* dot pattern overlay */
.obltech-ts-obtsb .obltech-ts-obtsb-card-l::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.20) 1px,transparent 1px);background-size:14px 14px;opacity:.50;pointer-events:none}
/* corner blob */
.obltech-ts-obtsb .obltech-ts-obtsb-card-l::after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(8px);pointer-events:none}
.obltech-ts-obtsb .obltech-ts-obtsb-card-ic{position:relative;z-index:1;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.22);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.28);margin-bottom:12px;transition:all .35s ease}
.obltech-ts-obtsb .obltech-ts-obtsb-card:hover .obltech-ts-obtsb-card-ic{transform:rotate(-8deg) scale(1.08);background:rgba(255,255,255,.32)}
.obltech-ts-obtsb .obltech-ts-obtsb-card-ic svg{width:20px;height:20px}
.obltech-ts-obtsb .obltech-ts-obtsb-card-stat{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:2px;line-height:1;margin-bottom:6px}
.obltech-ts-obtsb .obltech-ts-obtsb-card-stat-num{font-size:32px !important;font-weight:900 !important;color:#fff !important;line-height:1 !important;letter-spacing:-1.2px !important;font-family:"JetBrains Mono",monospace !important}
.obltech-ts-obtsb .obltech-ts-obtsb-card-stat-sym{font-size:18px !important;font-weight:900 !important;color:#fff !important;line-height:1 !important;letter-spacing:-0.4px !important;opacity:.85}
.obltech-ts-obtsb .obltech-ts-obtsb-card-stat-lbl{position:relative;z-index:1;font-size:9.5px !important;font-weight:900 !important;color:#fff !important;letter-spacing:1.3px !important;text-transform:uppercase;line-height:1.3 !important;opacity:.92;padding:4px 10px;background:rgba(255,255,255,.20);border-radius:50px;border:1.5px solid rgba(255,255,255,.20)}
/* RIGHT PANEL (content) */
.obltech-ts-obtsb .obltech-ts-obtsb-card-r{padding:24px 26px 22px;display:flex;flex-direction:column;gap:10px;position:relative}
.obltech-ts-obtsb .obltech-ts-obtsb-card-num{position:absolute;top:14px;right:18px;font-size:13px !important;font-weight:900 !important;color:var(--b-color) !important;line-height:1 !important;letter-spacing:1.2px !important;font-family:"JetBrains Mono",monospace !important;opacity:.40}
.obltech-ts-obtsb .obltech-ts-obtsb-card-r h3{font-size:20px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.25 !important;letter-spacing:-0.4px !important;margin-bottom:0 !important;padding-right:36px}
.obltech-ts-obtsb .obltech-ts-obtsb-card-r h3 em{font-style:normal;color:var(--b-color) !important}
.obltech-ts-obtsb .obltech-ts-obtsb-card-r-desc{font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.65 !important;margin:0 !important;flex:1}
.obltech-ts-obtsb .obltech-ts-obtsb-card-r-desc strong{color:#0f172a !important;font-weight:900 !important}
/* outcome footer pill */
.obltech-ts-obtsb .obltech-ts-obtsb-card-out{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--b-soft);border-radius:50px;border:1.5px solid var(--b-border);max-width:max-content;margin-top:6px}
.obltech-ts-obtsb .obltech-ts-obtsb-card-out-ic{width:18px;height:18px;border-radius:6px;background:var(--b-grad);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.obltech-ts-obtsb .obltech-ts-obtsb-card-out-ic svg{width:10px;height:10px}
.obltech-ts-obtsb .obltech-ts-obtsb-card-out-tx{font-size:12px !important;font-weight:900 !important;color:var(--b-color) !important;line-height:1 !important;letter-spacing:0.3px !important;text-transform:uppercase}
/* benefit color variants */
.obltech-ts-obtsb .obltech-ts-obtsb-card.obltech-ts-b1{--b-color:#0369a1;--b-grad:linear-gradient(135deg,#0369a1 0%,#0ea5e9 100%);--b-soft:#eff6ff;--b-border:rgba(3,105,161,.22);--b-shadow:rgba(3,105,161,.22)}
.obltech-ts-obtsb .obltech-ts-obtsb-card.obltech-ts-b2{--b-color:#0891b2;--b-grad:linear-gradient(135deg,#0e7490 0%,#06b6d4 100%);--b-soft:#ecfeff;--b-border:rgba(8,145,178,.22);--b-shadow:rgba(8,145,178,.22)}
.obltech-ts-obtsb .obltech-ts-obtsb-card.obltech-ts-b3{--b-color:#0d9488;--b-grad:linear-gradient(135deg,#0f766e 0%,#14b8a6 100%);--b-soft:#f0fdfa;--b-border:rgba(13,148,136,.22);--b-shadow:rgba(13,148,136,.22)}
.obltech-ts-obtsb .obltech-ts-obtsb-card.obltech-ts-b4{--b-color:#4338ca;--b-grad:linear-gradient(135deg,#3730a3 0%,#6366f1 100%);--b-soft:#eef2ff;--b-border:rgba(67,56,202,.22);--b-shadow:rgba(67,56,202,.22)}
.obltech-ts-obtsb .obltech-ts-obtsb-card.obltech-ts-b5{--b-color:#7c3aed;--b-grad:linear-gradient(135deg,#6d28d9 0%,#a855f7 100%);--b-soft:#f5f3ff;--b-border:rgba(124,58,237,.22);--b-shadow:rgba(124,58,237,.22)}
.obltech-ts-obtsb .obltech-ts-obtsb-card.obltech-ts-b6{--b-color:#be185d;--b-grad:linear-gradient(135deg,#9f1239 0%,#ec4899 100%);--b-soft:#fdf2f8;--b-border:rgba(190,24,93,.22);--b-shadow:rgba(190,24,93,.22)}
/* ============ BOTTOM PROMO STRIP ============ */
.obltech-ts-obtsb .obltech-ts-obtsb-promo{position:relative;z-index:2;background:#fff;border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border:1.5px solid rgba(3,105,161,.18);box-shadow:0 18px 38px rgba(3,105,161,.14)}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-l{display:flex;align-items:center;gap:14px;flex:1;min-width:280px}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-ic{flex-shrink:0;width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#06b6d4,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(3,105,161,.30)}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-ic svg{width:22px;height:22px}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-tx b{display:block;font-size:18px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.3 !important;letter-spacing:-0.3px !important;margin-bottom:4px !important}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-tx b em{font-style:normal;background:linear-gradient(120deg,#0369a1,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-tx span{display:block;font-size:16px !important;font-weight:700 !important;color:#475569 !important;line-height:1.5 !important}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);color:#fff !important;font-size:14px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:15px 24px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 12px 26px rgba(3,105,161,.36)}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-btn:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(3,105,161,.50);background:linear-gradient(135deg,#0369a1 0%,#0c4a6e 100%)}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-btn svg{width:14px;height:14px;transition:transform .3s ease}
.obltech-ts-obtsb .obltech-ts-obtsb-promo-btn:hover svg{transform:translateX(4px)}
/* RESPONSIVE */
@media (max-width:1024px){
  .obltech-ts-obtsb .obltech-ts-obtsb-card{grid-template-columns:140px 1fr}
}
@media (max-width:768px){
  .obltech-ts-obtsb.obltech-ts-obtsb-section{padding:68px 0}
  .obltech-ts-obtsb .obltech-ts-obtsb-header h2{font-size:30px !important;letter-spacing:-0.5px !important}
  .obltech-ts-obtsb .obltech-ts-obtsb-grid{grid-template-columns:1fr;gap:16px}
  .obltech-ts-obtsb .obltech-ts-obtsb-promo{flex-direction:column;text-align:center;align-items:stretch}
  .obltech-ts-obtsb .obltech-ts-obtsb-promo-l{justify-content:center;text-align:left}
  .obltech-ts-obtsb .obltech-ts-obtsb-promo-btn{justify-content:center}
}
@media (max-width:560px){
  .obltech-ts-obtsb .obltech-ts-obtsb-header h2{font-size:26px !important}
  .obltech-ts-obtsb .obltech-ts-obtsb-card{grid-template-columns:1fr;min-height:auto}
  .obltech-ts-obtsb .obltech-ts-obtsb-card-l{padding:20px 16px;flex-direction:row;gap:14px;justify-content:flex-start}
  .obltech-ts-obtsb .obltech-ts-obtsb-card-ic{margin-bottom:0}
  .obltech-ts-obtsb .obltech-ts-obtsb-card-stat{margin-bottom:0}
}
.obltech-ts-obtsy{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsy h1,.obltech-ts-obtsy h2,.obltech-ts-obtsy h3,.obltech-ts-obtsy h4{font-weight:800 !important}
.obltech-ts-obtsy .obltech-ts-container{240px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - pale pink → pearl → pale sky (fresh, light) */
.obltech-ts-obtsy.obltech-ts-obtsy-section{position:relative;background:linear-gradient(135deg,#fdf2f8 0%,#f1f5f9 50%,#eff6ff 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtsy.obltech-ts-obtsy-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(236,72,153,.08);filter:blur(170px);top:-220px;right:-160px;pointer-events:none;z-index:1}
.obltech-ts-obtsy.obltech-ts-obtsy-section::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(3,105,161,.10);filter:blur(160px);bottom:-200px;left:-160px;pointer-events:none;z-index:1}
/* HEADER */
.obltech-ts-obtsy .obltech-ts-obtsy-header{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto 50px}
.obltech-ts-obtsy .obltech-ts-obtsy-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.12);margin-bottom:18px}
.obltech-ts-obtsy .obltech-ts-obtsy-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsy-pulse 1.8s infinite}
@keyframes obltech-ts-obtsy-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 6px rgba(3,105,161,0)}}
.obltech-ts-obtsy .obltech-ts-obtsy-header h2{font-size:43px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
.obltech-ts-obtsy .obltech-ts-obtsy-header h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtsy .obltech-ts-obtsy-header p{font-size:16.5px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:740px;margin:0 auto !important}
.obltech-ts-obtsy .obltech-ts-obtsy-header p strong{color:#0f172a !important;font-weight:900 !important}
/* ============ COMPARISON TABLE ============ */
.obltech-ts-obtsy .obltech-ts-obtsy-table{position:relative;z-index:2;background:#fff;border-radius:22px;border:1.5px solid rgba(15,23,42,.08);box-shadow:0 24px 50px rgba(3,105,161,.14),0 10px 24px rgba(15,23,42,.06);overflow:hidden;margin-bottom:36px}
/* table header row */
.obltech-ts-obtsy .obltech-ts-obtsy-thead{display:grid;grid-template-columns:200px 1fr 1fr;background:linear-gradient(135deg,#f1f5f9,#f0f9ff);border-bottom:2px solid rgba(15,23,42,.06)}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-cell{padding:22px 24px;display:flex;align-items:center;gap:12px;border-right:1.5px dashed rgba(15,23,42,.10)}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-cell:last-child{border-right:none}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-cell.obltech-ts-criterion{font-size:11px !important;font-weight:900 !important;color:#475569 !important;letter-spacing:1.6px !important;text-transform:uppercase;line-height:1 !important}
/* OBELISK column header */
.obltech-ts-obtsy .obltech-ts-obtsy-thead-obx{display:flex;align-items:center;gap:11px}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-obx-ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 18px rgba(3,105,161,.30)}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-obx-ic svg{width:18px;height:18px}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-obx-tx b{display:block;font-size:17px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.2 !important;letter-spacing:-0.3px !important;margin-bottom:2px !important}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-obx-tx span{display:block;font-size:10.5px !important;font-weight:900 !important;color:#0369a1 !important;line-height:1 !important;letter-spacing:1.4px !important;text-transform:uppercase}
/* TYPICAL column header */
.obltech-ts-obtsy .obltech-ts-obtsy-thead-typ{display:flex;align-items:center;gap:11px}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-typ-ic{width:38px;height:38px;border-radius:11px;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #cbd5e1}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-typ-ic svg{width:18px;height:18px}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-typ-tx b{display:block;font-size:17px !important;font-weight:900 !important;color:#64748b !important;line-height:1.2 !important;letter-spacing:-0.3px !important;margin-bottom:2px !important}
.obltech-ts-obtsy .obltech-ts-obtsy-thead-typ-tx span{display:block;font-size:10.5px !important;font-weight:900 !important;color:#94a3b8 !important;line-height:1 !important;letter-spacing:1.4px !important;text-transform:uppercase}
/* TABLE ROW */
.obltech-ts-obtsy .obltech-ts-obtsy-row{display:grid;grid-template-columns:200px 1fr 1fr;border-bottom:1.5px solid rgba(15,23,42,.06);transition:background .25s ease}
.obltech-ts-obtsy .obltech-ts-obtsy-row:last-child{border-bottom:none}
.obltech-ts-obtsy .obltech-ts-obtsy-row:nth-child(even){background:rgba(241,245,249,.40)}
.obltech-ts-obtsy .obltech-ts-obtsy-row:hover{background:rgba(3,105,161,.04)}
.obltech-ts-obtsy .obltech-ts-obtsy-cell{padding:20px 24px;border-right:1.5px dashed rgba(15,23,42,.08);display:flex;align-items:center;gap:12px;min-height:88px}
.obltech-ts-obtsy .obltech-ts-obtsy-cell:last-child{border-right:none}
/* criterion label cell */
.obltech-ts-obtsy .obltech-ts-obtsy-cell.obltech-ts-crit{display:flex;flex-direction:column;align-items:flex-start;gap:6px;justify-content:center}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-crit-ic{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#0369a1;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(3,105,161,.20)}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-crit-ic svg{width:16px;height:16px}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-crit-tx{font-size:16px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.25 !important;letter-spacing:-0.2px !important}
/* Obelisk cell */
.obltech-ts-obtsy .obltech-ts-obtsy-cell.obltech-ts-obx-cell{align-items:center}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-obx-ic{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(5,150,105,.30)}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-obx-ic svg{width:14px;height:14px}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-obx-tx{font-size:16px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.5 !important;letter-spacing:-0.1px !important;flex:1}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-obx-tx b{color:#0369a1 !important;font-weight:900 !important}
/* Typical cell */
.obltech-ts-obtsy .obltech-ts-obtsy-cell.obltech-ts-typ-cell{align-items:center}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-typ-ic{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;border:1.5px solid #cbd5e1}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-typ-ic svg{width:14px;height:14px}
.obltech-ts-obtsy .obltech-ts-obtsy-cell-typ-tx{font-size:16px !important;font-weight:700 !important;color:#64748b !important;line-height:1.5 !important;letter-spacing:-0.1px !important;flex:1}
/* ============ STATS STRIP ============ */
.obltech-ts-obtsy .obltech-ts-obtsy-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px}
.obltech-ts-obtsy .obltech-ts-obtsy-stat{background:#fff;border-radius:14px;padding:20px;border:1.5px solid rgba(3,105,161,.16);box-shadow:0 12px 26px rgba(3,105,161,.08);text-align:center;transition:all .35s ease}
.obltech-ts-obtsy .obltech-ts-obtsy-stat:hover{transform:translateY(-4px);box-shadow:0 20px 36px rgba(3,105,161,.20);border-color:rgba(3,105,161,.30)}
.obltech-ts-obtsy .obltech-ts-obtsy-stat-num{font-size:32px !important;font-weight:900 !important;background:linear-gradient(120deg,#0369a1,#0ea5e9,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important;line-height:1 !important;letter-spacing:-1.2px !important;font-family:"JetBrains Mono",monospace !important;margin-bottom:6px !important}
.obltech-ts-obtsy .obltech-ts-obtsy-stat-lbl{font-size:13px !important;font-weight:900 !important;color:#475569 !important;letter-spacing:0.6px !important;text-transform:uppercase;line-height:1.3 !important}
/* ============ BOTTOM CTA ============ */
.obltech-ts-obtsy .obltech-ts-obtsy-cta{position:relative;z-index:2;background:#fff;border-radius:18px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border:1.5px solid rgba(3,105,161,.18);box-shadow:0 18px 38px rgba(3,105,161,.14)}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-l{display:flex;align-items:center;gap:14px;flex:1;min-width:280px}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-ic{flex-shrink:0;width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(3,105,161,.30)}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-ic svg{width:22px;height:22px}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-tx b{display:block;font-size:18px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.3 !important;letter-spacing:-0.3px !important;margin-bottom:4px !important}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-tx b em{font-style:normal;background:linear-gradient(120deg,#0369a1,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-tx span{display:block;font-size:16px !important;font-weight:700 !important;color:#475569 !important;line-height:1.5 !important}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);color:#fff !important;font-size:14px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:15px 24px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 12px 26px rgba(3,105,161,.36)}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-btn:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(3,105,161,.50);background:linear-gradient(135deg,#0369a1 0%,#0c4a6e 100%)}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-btn svg{width:14px;height:14px;transition:transform .3s ease}
.obltech-ts-obtsy .obltech-ts-obtsy-cta-btn:hover svg{transform:translateX(4px)}
/* RESPONSIVE */
@media (max-width:900px){
  .obltech-ts-obtsy .obltech-ts-obtsy-thead,.obltech-ts-obtsy .obltech-ts-obtsy-row{grid-template-columns:1fr}
  .obltech-ts-obtsy .obltech-ts-obtsy-thead-cell,.obltech-ts-obtsy .obltech-ts-obtsy-cell{border-right:none;border-bottom:1.5px dashed rgba(15,23,42,.10);min-height:auto;padding:14px 20px}
  .obltech-ts-obtsy .obltech-ts-obtsy-thead-cell:last-child,.obltech-ts-obtsy .obltech-ts-obtsy-row .obltech-ts-obtsy-cell:last-child{border-bottom:none}
  .obltech-ts-obtsy .obltech-ts-obtsy-thead-cell.obltech-ts-criterion{padding:18px 20px;background:rgba(3,105,161,.05)}
  .obltech-ts-obtsy .obltech-ts-obtsy-cell.obltech-ts-crit{padding:14px 20px;background:rgba(3,105,161,.05);flex-direction:row;align-items:center;gap:10px}
  .obltech-ts-obtsy .obltech-ts-obtsy-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .obltech-ts-obtsy.obltech-ts-obtsy-section{padding:68px 0}
  .obltech-ts-obtsy .obltech-ts-obtsy-header h2{font-size:30px !important;letter-spacing:-0.5px !important}
  .obltech-ts-obtsy .obltech-ts-obtsy-cta{flex-direction:column;text-align:center;align-items:stretch}
  .obltech-ts-obtsy .obltech-ts-obtsy-cta-l{justify-content:center;text-align:left}
  .obltech-ts-obtsy .obltech-ts-obtsy-cta-btn{justify-content:center}
}
@media (max-width:560px){
  .obltech-ts-obtsy .obltech-ts-obtsy-header h2{font-size:26px !important}
  .obltech-ts-obtsy .obltech-ts-obtsy-stats{grid-template-columns:1fr;gap:12px}
}
.obltech-ts-obtsi{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsi h1,.obltech-ts-obtsi h2,.obltech-ts-obtsi h3,.obltech-ts-obtsi h4{font-weight:800 !important}
.obltech-ts-obtsi .obltech-ts-container{280px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - pale lime → pearl → pale aqua (fresh) */
.obltech-ts-obtsi.obltech-ts-obtsi-section{position:relative;background:linear-gradient(135deg,#ecfccb 0%,#f8fafc 50%,#cffafe 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtsi.obltech-ts-obtsi-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(132,204,22,.10);filter:blur(170px);top:-220px;right:-160px;pointer-events:none;z-index:1}
.obltech-ts-obtsi.obltech-ts-obtsi-section::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(6,182,212,.12);filter:blur(160px);bottom:-200px;left:-160px;pointer-events:none;z-index:1}
/* HEADER */
.obltech-ts-obtsi .obltech-ts-obtsi-header{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto 50px}
.obltech-ts-obtsi .obltech-ts-obtsi-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.12);margin-bottom:18px}
.obltech-ts-obtsi .obltech-ts-obtsi-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsi-pulse 1.8s infinite}
@keyframes obltech-ts-obtsi-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 6px rgba(3,105,161,0)}}
.obltech-ts-obtsi .obltech-ts-obtsi-header h2{font-size:43px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
.obltech-ts-obtsi .obltech-ts-obtsi-header h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtsi .obltech-ts-obtsi-header p{font-size:16.5px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:740px;margin:0 auto !important}
.obltech-ts-obtsi .obltech-ts-obtsi-header p strong{color:#0f172a !important;font-weight:900 !important}
/* ============ 4x2 INDUSTRY GRID ============ */
.obltech-ts-obtsi .obltech-ts-obtsi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:2;margin-bottom:36px}
/* INDUSTRY CARD */
.obltech-ts-obtsi .obltech-ts-obtsi-card{position:relative;background:#fff;border-radius:16px;padding:22px 20px;border:1.5px solid rgba(15,23,42,.06);box-shadow:0 12px 28px rgba(15,23,42,.07);transition:all .4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;gap:14px;overflow:hidden}
.obltech-ts-obtsi .obltech-ts-obtsi-card:hover{transform:translateY(-6px);box-shadow:0 22px 42px var(--i-shadow);border-color:var(--i-border)}
/* diagonal corner accent */
.obltech-ts-obtsi .obltech-ts-obtsi-card::before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:var(--i-grad);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.12;transition:opacity .35s ease}
.obltech-ts-obtsi .obltech-ts-obtsi-card:hover::before{opacity:.22}
/* head row */
.obltech-ts-obtsi .obltech-ts-obtsi-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;z-index:1}
.obltech-ts-obtsi .obltech-ts-obtsi-card-ic{width:48px;height:48px;border-radius:13px;background:var(--i-grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px var(--i-shadow);transition:all .35s ease;flex-shrink:0}
.obltech-ts-obtsi .obltech-ts-obtsi-card:hover .obltech-ts-obtsi-card-ic{transform:rotate(-8deg) scale(1.08)}
.obltech-ts-obtsi .obltech-ts-obtsi-card-ic svg{width:22px;height:22px}
.obltech-ts-obtsi .obltech-ts-obtsi-card-arrow{width:30px;height:30px;border-radius:8px;background:var(--i-soft);color:var(--i-color);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--i-border);transition:all .3s ease;flex-shrink:0;opacity:0;transform:translateX(-4px)}
.obltech-ts-obtsi .obltech-ts-obtsi-card:hover .obltech-ts-obtsi-card-arrow{opacity:1;transform:translateX(0)}
.obltech-ts-obtsi .obltech-ts-obtsi-card-arrow svg{width:14px;height:14px}
/* title - bumped 16 → 17px */
.obltech-ts-obtsi .obltech-ts-obtsi-card h3{font-size:17px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.25 !important;letter-spacing:-0.35px !important;margin-bottom:0 !important;position:relative;z-index:1}
/* description - bumped 12.5 → 16px */
.obltech-ts-obtsi .obltech-ts-obtsi-card-desc{font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.6 !important;margin:0 !important;position:relative;z-index:1;flex:1}
.obltech-ts-obtsi .obltech-ts-obtsi-card-desc strong{color:#0f172a !important;font-weight:900 !important}
/* specialty tag - slight bump 10.5 → 11.5px (UPPERCASE caption stays small) */
.obltech-ts-obtsi .obltech-ts-obtsi-card-tag{display:inline-flex;align-items:center;gap:7px;background:var(--i-soft);color:var(--i-color) !important;font-size:11.5px !important;font-weight:900 !important;padding:6px 11px;border-radius:50px;line-height:1 !important;letter-spacing:0.5px !important;border:1.5px solid var(--i-border);max-width:max-content;text-transform:uppercase;position:relative;z-index:1;font-family:"JetBrains Mono",monospace !important}
.obltech-ts-obtsi .obltech-ts-obtsi-card-tag svg{width:11px;height:11px}
/* card color variants - 8 distinct */
.obltech-ts-obtsi .obltech-ts-obtsi-card.obltech-ts-i1{--i-color:#0369a1;--i-grad:linear-gradient(135deg,#0ea5e9,#0369a1);--i-soft:#eff6ff;--i-border:rgba(3,105,161,.22);--i-shadow:rgba(3,105,161,.22)}
.obltech-ts-obtsi .obltech-ts-obtsi-card.obltech-ts-i2{--i-color:#0891b2;--i-grad:linear-gradient(135deg,#06b6d4,#0891b2);--i-soft:#ecfeff;--i-border:rgba(8,145,178,.22);--i-shadow:rgba(8,145,178,.22)}
.obltech-ts-obtsi .obltech-ts-obtsi-card.obltech-ts-i3{--i-color:#0d9488;--i-grad:linear-gradient(135deg,#14b8a6,#0d9488);--i-soft:#f0fdfa;--i-border:rgba(13,148,136,.22);--i-shadow:rgba(13,148,136,.22)}
.obltech-ts-obtsi .obltech-ts-obtsi-card.obltech-ts-i4{--i-color:#059669;--i-grad:linear-gradient(135deg,#10b981,#059669);--i-soft:#ecfdf5;--i-border:rgba(5,150,105,.22);--i-shadow:rgba(5,150,105,.22)}
.obltech-ts-obtsi .obltech-ts-obtsi-card.obltech-ts-i5{--i-color:#4338ca;--i-grad:linear-gradient(135deg,#6366f1,#4338ca);--i-soft:#eef2ff;--i-border:rgba(67,56,202,.22);--i-shadow:rgba(67,56,202,.22)}
.obltech-ts-obtsi .obltech-ts-obtsi-card.obltech-ts-i6{--i-color:#7c3aed;--i-grad:linear-gradient(135deg,#a855f7,#7c3aed);--i-soft:#f5f3ff;--i-border:rgba(124,58,237,.22);--i-shadow:rgba(124,58,237,.22)}
.obltech-ts-obtsi .obltech-ts-obtsi-card.obltech-ts-i7{--i-color:#be185d;--i-grad:linear-gradient(135deg,#ec4899,#be185d);--i-soft:#fdf2f8;--i-border:rgba(190,24,93,.22);--i-shadow:rgba(190,24,93,.22)}
.obltech-ts-obtsi .obltech-ts-obtsi-card.obltech-ts-i8{--i-color:#b45309;--i-grad:linear-gradient(135deg,#f59e0b,#b45309);--i-soft:#fffbeb;--i-border:rgba(180,83,9,.22);--i-shadow:rgba(180,83,9,.22)}
/* ============ BOTTOM TRUST STRIP ============ */
.obltech-ts-obtsi .obltech-ts-obtsi-trust{position:relative;z-index:2;background:#fff;border-radius:18px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1.5px solid rgba(3,105,161,.18);box-shadow:0 18px 38px rgba(3,105,161,.14)}
.obltech-ts-obtsi .obltech-ts-obtsi-trust-l{display:flex;align-items:center;gap:14px;flex:1;min-width:300px}
.obltech-ts-obtsi .obltech-ts-obtsi-trust-ic{flex-shrink:0;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(3,105,161,.30)}
.obltech-ts-obtsi .obltech-ts-obtsi-trust-ic svg{width:22px;height:22px}
/* trust heading bumped 16 → 18px */
.obltech-ts-obtsi .obltech-ts-obtsi-trust-tx b{display:block;font-size:18px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.3 !important;letter-spacing:-0.3px !important;margin-bottom:4px !important}
.obltech-ts-obtsi .obltech-ts-obtsi-trust-tx b em{font-style:normal;background:linear-gradient(120deg,#0369a1,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* trust subtitle bumped 13 → 16px */
.obltech-ts-obtsi .obltech-ts-obtsi-trust-tx span{display:block;font-size:16px !important;font-weight:700 !important;color:#475569 !important;line-height:1.5 !important}
.obltech-ts-obtsi .obltech-ts-obtsi-trust-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);color:#fff !important;font-size:14px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:14px 22px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 12px 26px rgba(3,105,161,.36)}
.obltech-ts-obtsi .obltech-ts-obtsi-trust-btn:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(3,105,161,.50);background:linear-gradient(135deg,#0369a1 0%,#0c4a6e 100%)}
.obltech-ts-obtsi .obltech-ts-obtsi-trust-btn svg{width:14px;height:14px;transition:transform .3s ease}
.obltech-ts-obtsi .obltech-ts-obtsi-trust-btn:hover svg{transform:translateX(4px)}
/* RESPONSIVE */
@media (max-width:1024px){
  .obltech-ts-obtsi .obltech-ts-obtsi-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .obltech-ts-obtsi.obltech-ts-obtsi-section{padding:68px 0}
  .obltech-ts-obtsi .obltech-ts-obtsi-header h2{font-size:30px !important;letter-spacing:-0.5px !important}
  .obltech-ts-obtsi .obltech-ts-obtsi-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .obltech-ts-obtsi .obltech-ts-obtsi-trust{flex-direction:column;text-align:center;align-items:stretch}
  .obltech-ts-obtsi .obltech-ts-obtsi-trust-l{justify-content:center;text-align:left}
  .obltech-ts-obtsi .obltech-ts-obtsi-trust-btn{justify-content:center}
}
@media (max-width:480px){
  .obltech-ts-obtsi .obltech-ts-obtsi-header h2{font-size:26px !important}
  .obltech-ts-obtsi .obltech-ts-obtsi-grid{grid-template-columns:1fr}
}
.obltech-ts-obtsf{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsf h1,.obltech-ts-obtsf h2,.obltech-ts-obtsf h3,.obltech-ts-obtsf h4{font-weight:800 !important}
.obltech-ts-obtsf .obltech-ts-container{280px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - pale orchid → pearl → pale ice blue (fresh) */
.obltech-ts-obtsf.obltech-ts-obtsf-section{position:relative;background:linear-gradient(135deg,#fdf4ff 0%,#f8fafc 50%,#e0f2fe 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtsf.obltech-ts-obtsf-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(168,85,247,.08);filter:blur(170px);top:-220px;left:-160px;pointer-events:none;z-index:1}
.obltech-ts-obtsf.obltech-ts-obtsf-section::after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:rgba(3,105,161,.10);filter:blur(160px);bottom:-200px;right:-160px;pointer-events:none;z-index:1}
/* HEADER */
.obltech-ts-obtsf .obltech-ts-obtsf-header{position:relative;z-index:2;text-align:center;max-width:820px;margin:0 auto 50px}
.obltech-ts-obtsf .obltech-ts-obtsf-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);box-shadow:0 8px 18px rgba(3,105,161,.12);margin-bottom:18px}
.obltech-ts-obtsf .obltech-ts-obtsf-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsf-pulse 1.8s infinite}
@keyframes obltech-ts-obtsf-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 6px rgba(3,105,161,0)}}
.obltech-ts-obtsf .obltech-ts-obtsf-header h2{font-size:43px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.18 !important;letter-spacing:-1px !important;margin-bottom:16px !important}
.obltech-ts-obtsf .obltech-ts-obtsf-header h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtsf .obltech-ts-obtsf-header p{font-size:16.5px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;max-width:740px;margin:0 auto !important}
.obltech-ts-obtsf .obltech-ts-obtsf-header p strong{color:#0f172a !important;font-weight:900 !important}
/* ============ 2-COL FAQ GRID ============ */
.obltech-ts-obtsf .obltech-ts-obtsf-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative;z-index:2}
.obltech-ts-obtsf .obltech-ts-obtsf-col{display:flex;flex-direction:column;gap:14px}
/* FAQ ITEM (using <details>) */
.obltech-ts-obtsf .obltech-ts-obtsf-item{background:#fff;border-radius:14px;border:1.5px solid rgba(15,23,42,.06);box-shadow:0 10px 24px rgba(15,23,42,.05);transition:all .35s cubic-bezier(0.4,0,0.2,1);overflow:hidden}
.obltech-ts-obtsf .obltech-ts-obtsf-item:hover{box-shadow:0 16px 32px rgba(3,105,161,.12);border-color:rgba(3,105,161,.18)}
.obltech-ts-obtsf .obltech-ts-obtsf-item[open]{box-shadow:0 18px 38px rgba(3,105,161,.16);border-color:rgba(3,105,161,.25);background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%)}
/* hide default marker */
.obltech-ts-obtsf .obltech-ts-obtsf-item summary::-webkit-details-marker{display:none}
.obltech-ts-obtsf .obltech-ts-obtsf-item summary::marker{display:none}
.obltech-ts-obtsf .obltech-ts-obtsf-item summary{list-style:none}
/* SUMMARY (question row) */
.obltech-ts-obtsf .obltech-ts-obtsf-q{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;cursor:pointer;user-select:none;outline:none;transition:all .25s ease}
.obltech-ts-obtsf .obltech-ts-obtsf-q:hover{background:rgba(3,105,161,.02)}
/* number badge */
.obltech-ts-obtsf .obltech-ts-obtsf-q-num{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#0369a1 !important;display:flex;align-items:center;justify-content:center;font-size:12px !important;font-weight:900 !important;line-height:1 !important;letter-spacing:-0.2px !important;border:1.5px solid rgba(3,105,161,.20);transition:all .3s ease}
.obltech-ts-obtsf .obltech-ts-obtsf-item[open] .obltech-ts-obtsf-q-num{background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff !important;border-color:transparent;box-shadow:0 6px 14px rgba(3,105,161,.30)}
/* question text */
.obltech-ts-obtsf .obltech-ts-obtsf-q-tx{flex:1;font-size:16px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.45 !important;letter-spacing:-0.2px !important;text-align:left}
.obltech-ts-obtsf .obltech-ts-obtsf-item[open] .obltech-ts-obtsf-q-tx{color:#0369a1 !important}
/* chevron icon */
.obltech-ts-obtsf .obltech-ts-obtsf-q-chev{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(0.4,0,0.2,1)}
.obltech-ts-obtsf .obltech-ts-obtsf-q-chev svg{width:14px;height:14px;transition:transform .35s cubic-bezier(0.4,0,0.2,1)}
.obltech-ts-obtsf .obltech-ts-obtsf-item[open] .obltech-ts-obtsf-q-chev{background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff}
.obltech-ts-obtsf .obltech-ts-obtsf-item[open] .obltech-ts-obtsf-q-chev svg{transform:rotate(180deg)}
/* ANSWER body */
.obltech-ts-obtsf .obltech-ts-obtsf-a{padding:0 20px 20px 64px;font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.7 !important;letter-spacing:-0.05px !important}
.obltech-ts-obtsf .obltech-ts-obtsf-a strong{color:#0f172a !important;font-weight:900 !important}
.obltech-ts-obtsf .obltech-ts-obtsf-a-divider{height:1.5px;background:linear-gradient(90deg,rgba(3,105,161,.25),rgba(6,182,212,.15),transparent);margin-bottom:13px}
/* ============ BOTTOM CTA - REMOVED ============ */
/* RESPONSIVE */
@media (max-width:900px){
  .obltech-ts-obtsf .obltech-ts-obtsf-grid{grid-template-columns:1fr;gap:14px}
}
@media (max-width:768px){
  .obltech-ts-obtsf.obltech-ts-obtsf-section{padding:68px 0}
  .obltech-ts-obtsf .obltech-ts-obtsf-header h2{font-size:30px !important;letter-spacing:-0.5px !important}
  .obltech-ts-obtsf .obltech-ts-obtsf-a{padding:0 18px 16px 18px}
}
@media (max-width:480px){
  .obltech-ts-obtsf .obltech-ts-obtsf-header h2{font-size:26px !important}
  .obltech-ts-obtsf .obltech-ts-obtsf-q{padding:15px 16px;gap:10px}
  .obltech-ts-obtsf .obltech-ts-obtsf-q-tx{font-size:15px !important}
  .obltech-ts-obtsf .obltech-ts-obtsf-a{padding:0 18px 16px 18px;font-size:15px !important}
}
.obltech-ts-obtsx{color:#0f172a;line-height:1.7;font-size:16px}
.obltech-ts-obtsx h1,.obltech-ts-obtsx h2,.obltech-ts-obtsx h3,.obltech-ts-obtsx h4{font-weight:800 !important}
.obltech-ts-obtsx .obltech-ts-container{180px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
/* SECTION - pale sky → pale lavender → pale rose (fresh) */
.obltech-ts-obtsx.obltech-ts-obtsx-section{position:relative;background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 50%,#fdf2f8 100%);padding:96px 0;overflow:hidden}
.obltech-ts-obtsx.obltech-ts-obtsx-section::before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;background:rgba(3,105,161,.10);filter:blur(180px);top:-240px;left:-180px;pointer-events:none;z-index:1}
.obltech-ts-obtsx.obltech-ts-obtsx-section::after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:rgba(124,58,237,.10);filter:blur(170px);bottom:-220px;right:-180px;pointer-events:none;z-index:1}
/* floating dots decoration */
.obltech-ts-obtsx .obltech-ts-obtsx-section-deco{position:absolute;top:60px;right:80px;width:80px;height:80px;background-image:radial-gradient(circle,rgba(3,105,161,.18) 2px,transparent 2px);background-size:14px 14px;opacity:.7;pointer-events:none;z-index:1}
.obltech-ts-obtsx .obltech-ts-obtsx-section-deco.obltech-ts-right-bot{top:auto;right:auto;bottom:60px;left:80px}
/* ============ TICKET-STYLE CTA CARD ============ */
.obltech-ts-obtsx .obltech-ts-obtsx-card{position:relative;z-index:2;background:#fff;border-radius:24px;border:1.5px solid rgba(15,23,42,.06);box-shadow:0 30px 60px rgba(3,105,161,.18),0 14px 32px rgba(15,23,42,.10);overflow:hidden;display:grid;grid-template-columns:1.4fr auto 1fr}
/* card top color stripe */
.obltech-ts-obtsx .obltech-ts-obtsx-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0369a1 0%,#0ea5e9 25%,#06b6d4 50%,#7c3aed 75%,#ec4899 100%);z-index:3}
/* ====== LEFT PANEL ====== */
.obltech-ts-obtsx .obltech-ts-obtsx-left{padding:42px 42px 38px;position:relative}
/* corner blob */
.obltech-ts-obtsx .obltech-ts-obtsx-left::before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,rgba(3,105,161,.06),rgba(14,165,233,.04));filter:blur(20px);pointer-events:none;z-index:0}
.obltech-ts-obtsx .obltech-ts-obtsx-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#0369a1 !important;font-size:12px !important;font-weight:900 !important;letter-spacing:1.5px !important;text-transform:uppercase;padding:8px 16px;border-radius:50px;line-height:1 !important;border:1.5px solid rgba(3,105,161,.25);margin-bottom:20px;position:relative;z-index:1}
.obltech-ts-obtsx .obltech-ts-obtsx-tag .obltech-ts-dot{width:7px;height:7px;border-radius:50%;background:#0369a1;animation:obltech-ts-obtsx-pulse 1.8s infinite}
@keyframes obltech-ts-obtsx-pulse{0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,.5)}50%{box-shadow:0 0 0 7px rgba(3,105,161,0)}}
.obltech-ts-obtsx .obltech-ts-obtsx-left h2{font-size:38px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.13 !important;letter-spacing:-1.2px !important;margin-bottom:14px !important;position:relative;z-index:1}
.obltech-ts-obtsx .obltech-ts-obtsx-left h2 .obltech-ts-accent{background:linear-gradient(120deg,#0369a1 0%,#0ea5e9 50%,#06b6d4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important}
.obltech-ts-obtsx .obltech-ts-obtsx-left-desc{font-size:16px !important;font-weight:600 !important;color:#475569 !important;line-height:1.65 !important;margin-bottom:26px !important;position:relative;z-index:1}
.obltech-ts-obtsx .obltech-ts-obtsx-left-desc strong{color:#0f172a !important;font-weight:900 !important}
/* BUTTONS */
.obltech-ts-obtsx .obltech-ts-obtsx-btns{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1;margin-bottom:22px}
.obltech-ts-obtsx .obltech-ts-obtsx-btn-p{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);color:#fff !important;font-size:14px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:16px 24px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 14px 30px rgba(3,105,161,.36)}
.obltech-ts-obtsx .obltech-ts-obtsx-btn-p:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(3,105,161,.50);background:linear-gradient(135deg,#0369a1 0%,#0c4a6e 100%)}
.obltech-ts-obtsx .obltech-ts-obtsx-btn-p svg{width:14px;height:14px;transition:transform .3s ease}
.obltech-ts-obtsx .obltech-ts-obtsx-btn-p:hover svg{transform:translateX(4px)}
.obltech-ts-obtsx .obltech-ts-obtsx-btn-s{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#0369a1 !important;font-size:14px !important;font-weight:900 !important;letter-spacing:0.1px !important;padding:16px 24px;border-radius:13px;text-decoration:none !important;transition:all .35s cubic-bezier(0.4,0,0.2,1);line-height:1 !important;box-shadow:0 10px 22px rgba(15,23,42,.08);border:1.5px solid rgba(3,105,161,.22)}
.obltech-ts-obtsx .obltech-ts-obtsx-btn-s:hover{transform:translateY(-3px);background:#f0f9ff;border-color:rgba(3,105,161,.50);box-shadow:0 18px 30px rgba(3,105,161,.16)}
.obltech-ts-obtsx .obltech-ts-obtsx-btn-s svg{width:14px;height:14px}
/* TRUST RIBBON */
.obltech-ts-obtsx .obltech-ts-obtsx-trust{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:20px;border-top:1.5px dashed rgba(15,23,42,.10);position:relative;z-index:1}
.obltech-ts-obtsx .obltech-ts-obtsx-trust-item{display:flex;align-items:center;gap:8px;font-size:15px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.2 !important;letter-spacing:-0.1px !important}
.obltech-ts-obtsx .obltech-ts-obtsx-trust-ic{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.obltech-ts-obtsx .obltech-ts-obtsx-trust-ic svg{width:12px;height:12px}
/* ====== TICKET PERFORATION DIVIDER ====== */
.obltech-ts-obtsx .obltech-ts-obtsx-perf{position:relative;width:0;border-left:2px dashed rgba(3,105,161,.20)}
/* top notch */
.obltech-ts-obtsx .obltech-ts-obtsx-perf::before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe);border:2px dashed rgba(3,105,161,.20);box-shadow:inset 0 0 0 2px #fff}
/* bottom notch */
.obltech-ts-obtsx .obltech-ts-obtsx-perf::after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ede9fe,#fdf2f8);border:2px dashed rgba(3,105,161,.20);box-shadow:inset 0 0 0 2px #fff}
/* ====== RIGHT PANEL ====== */
.obltech-ts-obtsx .obltech-ts-obtsx-right{padding:42px 42px 38px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 100%);position:relative;overflow:hidden}
/* dot pattern */
.obltech-ts-obtsx .obltech-ts-obtsx-right::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(3,105,161,.06) 1px,transparent 1px);background-size:16px 16px;opacity:.7;pointer-events:none}
.obltech-ts-obtsx .obltech-ts-obtsx-right-lbl{font-size:11px !important;font-weight:900 !important;color:#0369a1 !important;letter-spacing:1.6px !important;text-transform:uppercase;line-height:1 !important;display:flex;align-items:center;gap:8px;position:relative;z-index:1}
.obltech-ts-obtsx .obltech-ts-obtsx-right-lbl::before{content:"";width:18px;height:1.5px;background:#0369a1;border-radius:2px}
.obltech-ts-obtsx .obltech-ts-obtsx-right h3{font-size:20px !important;font-weight:900 !important;color:#0f172a !important;line-height:1.22 !important;letter-spacing:-0.5px !important;margin-bottom:6px !important;position:relative;z-index:1}
.obltech-ts-obtsx .obltech-ts-obtsx-list{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;flex:1}
.obltech-ts-obtsx .obltech-ts-obtsx-list-item{display:flex;align-items:flex-start;gap:12px;background:#fff;padding:13px 15px;border-radius:11px;border:1.5px solid rgba(3,105,161,.10);box-shadow:0 4px 12px rgba(3,105,161,.05);transition:all .3s ease}
.obltech-ts-obtsx .obltech-ts-obtsx-list-item:hover{transform:translateX(3px);border-color:rgba(3,105,161,.22);box-shadow:0 8px 18px rgba(3,105,161,.10)}
.obltech-ts-obtsx .obltech-ts-obtsx-list-ic{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:2px;box-shadow:0 4px 10px rgba(3,105,161,.25)}
.obltech-ts-obtsx .obltech-ts-obtsx-list-ic svg{width:13px;height:13px}
.obltech-ts-obtsx .obltech-ts-obtsx-list-tx{font-size:16px !important;font-weight:800 !important;color:#0f172a !important;line-height:1.5 !important;letter-spacing:-0.15px !important;flex:1}
.obltech-ts-obtsx .obltech-ts-obtsx-list-tx b{color:#0369a1 !important;font-weight:900 !important}
/* RESPONSIVE */
@media (max-width:900px){
  .obltech-ts-obtsx .obltech-ts-obtsx-card{grid-template-columns:1fr}
  .obltech-ts-obtsx .obltech-ts-obtsx-perf{display:none}
  .obltech-ts-obtsx .obltech-ts-obtsx-right{border-top:2px dashed rgba(3,105,161,.20);background:linear-gradient(135deg,#f0f9ff,#f5f3ff)}
}
@media (max-width:768px){
  .obltech-ts-obtsx.obltech-ts-obtsx-section{padding:68px 0}
  .obltech-ts-obtsx .obltech-ts-obtsx-left h2{font-size:28px !important;letter-spacing:-0.7px !important}
  .obltech-ts-obtsx .obltech-ts-obtsx-left,.obltech-ts-obtsx .obltech-ts-obtsx-right{padding:32px 26px}
  .obltech-ts-obtsx .obltech-ts-obtsx-btn-p,.obltech-ts-obtsx .obltech-ts-obtsx-btn-s{flex:1;justify-content:center}
}
@media (max-width:480px){
  .obltech-ts-obtsx .obltech-ts-obtsx-left h2{font-size:24px !important}
  .obltech-ts-obtsx .obltech-ts-obtsx-left,.obltech-ts-obtsx .obltech-ts-obtsx-right{padding:28px 22px}
}
/* ===== Shared divider-style eyebrow (matches previous page) ===== */
.obltech-ts-obts-dv{text-align:center;margin-bottom:22px}
.obltech-ts-obts-dv .obltech-ts-obts-dv-txt{display:block;color:#0369a1 !important;font-size:14px !important;font-weight:900 !important;letter-spacing:3px !important;text-transform:uppercase;line-height:1 !important;margin-bottom:14px}
.obltech-ts-obts-dv .obltech-ts-obts-dv-div{display:flex;align-items:center;justify-content:center;gap:14px}
.obltech-ts-obts-dv .obltech-ts-obts-dv-line{width:70px;height:2px;background:linear-gradient(90deg,rgba(3,105,161,0),#0ea5e9);display:block;border-radius:2px}
.obltech-ts-obts-dv .obltech-ts-obts-dv-div .obltech-ts-obts-dv-line:last-child{background:linear-gradient(90deg,#0ea5e9,rgba(3,105,161,0))}
.obltech-ts-obts-dv .obltech-ts-obts-dv-star{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0369a1);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 14px rgba(3,105,161,.30)}
.obltech-ts-obts-dv .obltech-ts-obts-dv-star svg{width:11px;height:11px;fill:#fff}
/* ─── END PAGE 21 · TECHNICAL SEO SERVICES ─── */
