/* === THEME TOKENS (AI/Web3 neon) === */
:root{
  --bg:#f5f7fb; --fg:#121419; --muted:#667085; --card:#ffffff; --card-2:#f6f8fb;
  --border:#E2E8F0; --shadow:rgba(2,6,23,.08);
  --grid:#d9e0ea;
  --neon-cyan:#00E0FF; --neon-violet:#7C4DFF; --neon-pink:#FF4D9D; --neon-lime:#A3FF00;
  --accent:#aeb6c2; --accent-strong:#cfd7e3;
}
:root[data-theme="dark"]{
  --bg:#07090c; --fg:#E8EAEE; --muted:#A9B1BB; --card:#0C0F14; --card-2:#0A0D12;
  --border:#1F2430; --shadow:rgba(0,0,0,.55);
  --grid:#16202b; --accent:#b9c2d1; --accent-strong:#e3e8ef;
}

html,body{height:100%}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--bg); color:var(--fg); line-height:1.6; overflow-x:hidden;
  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;
}

/* Scrollbar */
body::-webkit-scrollbar{ width:10px; }
body::-webkit-scrollbar-track{ background:color-mix(in oklab, var(--bg) 85%, black); }
body::-webkit-scrollbar-thumb{ background:#a3aab6; border-radius:10px; }
:root[data-theme="dark"] body::-webkit-scrollbar-thumb{ background:#384150; }

/* Accent text with animated gradient */
.accent-text{
  background: linear-gradient(120deg, var(--neon-cyan), var(--neon-violet), var(--neon-pink), var(--neon-cyan));
  background-size: 200% 200%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: accentFlow 10s ease infinite;
}
@keyframes accentFlow{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

/* Core UI */
.flat-card{ background:var(--card); border:1px solid var(--border); box-shadow:none; transition:border-color .2s, transform .2s; }
.flat-card:hover{ border-color:var(--accent-strong); }
.btn-flat,.btn-flat-solid{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.9rem 1.15rem; border-radius:.9rem; font-weight:800; letter-spacing:.2px;
  border:1px solid var(--border); background:transparent; color:var(--fg);
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .06s ease;
}
.btn-flat:hover{ background:var(--card-2); border-color:var(--accent-strong); }
.btn-flat:active,.btn-flat-solid:active{ transform: translateY(1px); }
.btn-flat-solid{ background:linear-gradient(180deg, var(--card) 0%, var(--card-2) 100%); border-color:var(--accent-strong); }
.btn-flat-solid:hover{ background:linear-gradient(180deg, color-mix(in oklab, var(--card) 85%, var(--neon-cyan)) 0%, var(--card-2) 100%); }
.btn-xs{ padding:.4rem .6rem; border-radius:.6rem; font-weight:700; }

/* Sections */
.section-wrap{ position:relative; }
.section-wrap::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(800px 400px at 8% 12%, color-mix(in oklab, var(--neon-cyan) 20%, transparent) 0%, transparent 60%),
    radial-gradient(900px 500px at 92% 8%, color-mix(in oklab, var(--neon-pink) 16%, transparent) 0%, transparent 60%),
    radial-gradient(1200px 700px at 85% 100%, color-mix(in oklab, black 8%, transparent) 0%, transparent 70%);
  mask-image: radial-gradient(70% 70% at 50% 25%, #000 55%, transparent 100%);
}
.section-grid{ position:absolute; inset:0; z-index:0; opacity:.08; pointer-events:none;
  background-image: linear-gradient(to right, var(--grid) 1px, transparent 1px),
                    linear-gradient(to bottom, var(--grid) 1px, transparent 1px);
  background-size: 48px 48px;
}

.glass{ position:relative; border-radius:1rem; background:linear-gradient(180deg, var(--card) 0%, var(--card-2) 100%);
  border:1px solid color-mix(in lab, var(--border) 70%, transparent); box-shadow: 0 16px 40px var(--shadow); overflow:hidden; }
.glow-border{ position:relative; border-radius:1rem; background:var(--card); }
.glow-border::before{
  content:""; position:absolute; inset:0; padding:1px; border-radius:inherit;
  background: conic-gradient(from 0deg, rgba(255,255,255,.25), rgba(124,77,255,.45), rgba(0,224,255,.45), rgba(255,77,157,.45), rgba(255,255,255,.25));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none; opacity:.7; filter: blur(.4px); transition: opacity .3s ease, transform .3s ease;
}
.glow-border:hover::before{ opacity:1; transform: rotate(2deg); }

/* HERO */
.hero-section{ position:relative; padding-top:6.75rem; padding-bottom:6.75rem; background:color-mix(in oklab, var(--card-2) 25%, transparent); backdrop-filter:blur(16px); overflow:hidden; }
#particle-canvas{ position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; filter:contrast(110%) saturate(104%); display:block; }
.hero-layout{ display:flex; flex-direction:column; gap:2rem; }
.hero-side{ width:100%; max-width:32rem; margin:0 auto; }
.hero-panel{ display:flex; flex-direction:column; gap:1.6rem; padding:1.6rem; min-height:100%; }
.hero-panel.card-3d{ background:linear-gradient(160deg, color-mix(in oklab, var(--card) 28%, transparent) 0%, color-mix(in oklab, var(--card-2) 28%, transparent) 100%); backdrop-filter:blur(28px); border-color:color-mix(in oklab, var(--border) 40%, transparent); box-shadow:0 32px 90px color-mix(in oklab, var(--shadow) 32%, transparent); }
.hero-panel-header{ display:flex; justify-content:space-between; align-items:center; text-transform:uppercase; letter-spacing:.12rem; font-size:.72rem; color:var(--muted); }
.hero-panel-header strong{ font-size:1.5rem; font-weight:800; color:var(--fg); }
.hero-panel-list{ display:flex; flex-direction:column; gap:1.05rem; font-size:.86rem; color:var(--fg); font-weight:600; }
.hero-panel-list li{ list-style:none; line-height:1.55; }
.hero-panel-footer{ display:flex; flex-direction:column; gap:.75rem; font-size:.8rem; letter-spacing:.02em; }
.hero-panel-tag{ font-weight:700; color:var(--muted); text-transform:uppercase; }
.hero-panel-link{ color:var(--neon-violet); font-weight:700; text-decoration:none; }
.hero-panel-link:hover{ text-decoration:underline; }
.hero-content h1{ line-height:1.1; }
.partners-strip img{ height:28px; filter:grayscale(12%); opacity:.95; }
@media (min-width: 768px){ .partners-strip img{ height:32px; } }
@media (min-width: 1024px){
  .hero-layout{ flex-direction:row; align-items:flex-start; gap:4rem; }
  .hero-side{ flex:0 0 320px; margin:0; }
  .hero-content{ flex:1; }
  .hero-panel{ padding:1.9rem; }
  .hero-panel-footer{ flex-direction:row; justify-content:space-between; align-items:center; }
}

/* Cards */
.card-3d{ border:1px solid var(--border); background:linear-gradient(135deg, var(--card) 0%, var(--card-2) 100%); border-radius:1rem; position:relative; overflow:hidden; transition:transform .35s cubic-bezier(.25,.8,.25,1), box-shadow .35s, border-color .35s; will-change:transform, box-shadow; }
.card-3d:hover{ transform:translateY(-6px) scale(1.01); border-color:var(--accent-strong); box-shadow:0 24px 60px var(--shadow); }
.card-3d::before{ content:""; position:absolute; inset:-1px; background:linear-gradient(110deg, transparent 35%, rgba(124,77,255,.15) 50%, transparent 65%); transform:translateX(-120%); transition:transform .9s ease; pointer-events:none; }
.card-3d:hover::before{ transform:translateX(120%); }

.metric-card{ min-height: 168px; display:flex; flex-direction:column; justify-content:center; }
.group-h{ display:flex; align-items:center; gap:.6rem; margin:2.5rem 0 1rem 0; font-weight:800; letter-spacing:.2px; }
.group-h .dot{ width:8px; height:8px; border-radius:9999px; background:var(--neon-cyan); box-shadow:0 0 16px color-mix(in oklab, var(--neon-cyan) 50%, transparent); }
.group-h small{ color:var(--muted); font-weight:600; letter-spacing:.5px; text-transform:uppercase; }

/* Marquees, badges, stepper, etc. (unchanged) */
.marquee-row{ position:relative; overflow:hidden; padding-block: .5rem; }
.marquee-row::before, .marquee-row::after{ content:""; position:absolute; top:0; bottom:0; width:72px; z-index:1; pointer-events:none; }
.marquee-row::before{ left:0; background:linear-gradient(to right, var(--bg), transparent); }
.marquee-row::after{ right:0; background:linear-gradient(to left, var(--bg), transparent); }
.marquee-track{ display:flex; gap:1.25rem; will-change:transform; animation-duration: var(--speed, 20s); animation-timing-function: linear; animation-iteration-count: infinite; transform: translate3d(0,0,0); }
.marquee-rtl .marquee-track{ animation-name: marquee-left; }
.marquee-ltr .marquee-track{ animation-name: marquee-right; }
@keyframes marquee-left{ from{ transform: translate3d(0,0,0); } to{ transform: translate3d(calc(-1 * var(--cycle, 0px)), 0, 0); } }
@keyframes marquee-right{ from{ transform: translate3d(calc(-1 * var(--cycle, 0px)), 0, 0); } to{ transform: translate3d(0,0,0); } }
.flag{ width:42px; height:auto; border-radius:6px; border:1px solid var(--border); }
.logo{ height:26px; width:auto; object-fit:contain; filter:grayscale(1) opacity(.85); transition:filter .2s, transform .2s; }
.logo:hover{ filter:none; transform:translateY(-2px); }
.flag-chip,.logo-chip{ min-width:max-content; }
.flag-chip .glass{ display:flex; align-items:center; gap:.6rem; padding:.45rem .7rem; }
.logo-chip .glass{ padding:.45rem .75rem; display:flex; align-items:center; justify-content:center; }
.badge{ display:inline-flex; align-items:center; gap:.4rem; border:1px solid var(--border); background:var(--card); padding:.45rem .6rem; border-radius:.6rem; font-size:.75rem; }
.badge .dot{ width:.5rem; height:.5rem; border-radius:9999px; background:var(--neon-pink); box-shadow:0 0 8px color-mix(in oklab, var(--neon-pink) 50%, transparent); }
.stepper{ position:relative; }
.stepper::before{ content:""; position:absolute; left:calc(20px + .25rem); top:16px; bottom:16px; width:2px; background:linear-gradient(180deg, var(--neon-cyan), var(--neon-violet)); opacity:.35; }
.step{ position:relative; padding-left:3rem; }
.step .pin{ position:absolute; left:0; top:.25rem; width:40px; height:40px; border-radius:9999px; display:grid; place-items:center; border:1px solid var(--border); background:linear-gradient(180deg, var(--card) 0%, var(--card-2) 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }

/* Subtle noise texture */
.noise{ position:absolute; inset:0; pointer-events:none; opacity:.035; mix-blend:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ===== Single-page "subpage" mode ===== */
body.page-mode main > section { display:none; }
body.page-mode main > section.active { display:block; }
.subpage-only{ display:none; }
/* On Services subpage, show .subpage-only and hide .homepage-only */
body.page-mode #services .subpage-only{ display:block; }
body.page-mode #services .homepage-only{ display:none; }

@media (prefers-reduced-motion: reduce){
  .card-3d,.card-3d::before,.marquee-track{ transition:none!important; animation:none!important; }
  .card-3d:hover{ transform:none!important; box-shadow:none!important; }
}

/* ==== Panels: flat, professional (no glass) ==== */
.page-scope .panel{
  border:1px solid var(--border);
  background:var(--card);
  border-radius:1rem;
  padding:1.25rem;
}
.panel--prose p{ color:var(--muted); line-height:1.75; }
.panel-title{ font-weight:800; letter-spacing:.2px; margin-bottom:.6rem; }

/* ==== Futuristic timeline (flat) ==== */
.page-scope .timeline{ position:relative; padding-top:.5rem; }
.timeline-line{
  position:absolute; left:0; right:0; top:44px; height:2px;
  background:linear-gradient(90deg, var(--neon-cyan), var(--neon-violet), var(--neon-pink));
  opacity:.35;
}
.timeline-steps{ display:grid; gap:1rem; margin-top:.25rem; }
@media (min-width: 1024px){ .timeline-steps{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.page-scope .tstep{
  position:relative; padding:1rem; border:1px solid var(--border); border-radius:.85rem; background:var(--card-2);
}
.tbadge{
  width:28px; height:28px; border-radius:9999px; display:inline-flex; align-items:center; justify-content:center;
  font-weight:800; border:1px solid var(--border); background:var(--card);
  box-shadow: 0 4px 10px var(--shadow); margin-bottom:.5rem;
}
.tname{ font-weight:700; margin-bottom:.15rem; }
.tdesc{ font-size:.9rem; color:var(--muted); line-height:1.6; }

/* ==== Outcome metric tiles (flat) ==== */
.metric-tiles{ display:grid; gap:.75rem; grid-template-columns: repeat(1, minmax(0,1fr)); }
@media (min-width: 640px){ .metric-tiles{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
.metric-tile{
  display:flex; align-items:flex-start; gap:.55rem; padding:.85rem 1rem;
  border:1px solid var(--border); border-radius:.8rem; background:var(--card);
}
.mt-check{ font-weight:800; opacity:.85; }

/* ==== Tech groups (flat chips) ==== */
.tech-group + .tech-group{ margin-top:1rem; }
.tech-group-title{
  font-size:.72rem; text-transform:uppercase; letter-spacing:.12rem; color:var(--muted); margin-bottom:.4rem;
}
.tech-chips{ display:flex; flex-wrap:wrap; gap:.4rem; }
.chip--flat{ border-radius:.55rem; padding:.35rem .6rem; border:1px solid var(--border); background:var(--card); font-size:.85rem; }


/* ==== Graphical workflow (SVG) ==== */
.gwf{ position:relative; }
.gwf-svg{ width:100%; height:auto; display:block; }
.gwf-rail{ stroke: var(--border); stroke-width: 2; opacity:.7; }
.gwf-conn{ stroke: color-mix(in oklab, var(--neon-cyan) 65%, var(--fg)); stroke-width:2; fill:none; }
.gwf-box{ fill: var(--card-2); stroke: var(--border); stroke-width:1; }
.gwf-title{ font-size: 12px; font-weight: 800; fill: var(--fg); }
.gwf-sub{ font-size: 11px; fill: var(--muted); }
.gwf-node{ filter: drop-shadow(0 4px 18px var(--shadow)); }
.gwf-legend{ display:flex; gap:1rem; margin-top:.6rem; font-size:.8rem; color:var(--muted); }
.lgnd-dot{ width:10px; height:10px; display:inline-block; border-radius:9999px; background: var(--neon-cyan); box-shadow:0 0 8px color-mix(in oklab, var(--neon-cyan) 40%, transparent); margin-right:.4rem; }
.lgnd-alt{ background: var(--neon-violet); box-shadow:0 0 8px color-mix(in oklab, var(--neon-violet) 40%, transparent); }
.lgnd-qual{ background: var(--neon-pink); box-shadow:0 0 8px color-mix(in oklab, var(--neon-pink) 40%, transparent); }

/* ==== Swimlanes (Plan/Build/Run) ==== */
.lanes{ display:grid; gap:1rem; }
@media (min-width: 1024px){ .lanes{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
.lane{ border:1px solid var(--border); border-radius:.9rem; overflow:hidden; background: var(--card); }
.lane-h{ background: linear-gradient(90deg, color-mix(in oklab, var(--neon-cyan) 22%, var(--card)), var(--card)); padding:.6rem .8rem; font-weight:800; }
.lane ul{ padding: .6rem .9rem .9rem; color:var(--muted); }
.lane li+li{ margin-top:.3rem; }

/* ==== Progress bar ==== */
.progress-wrap{ position:relative; }
.progress-bar{
  --p: 60%;
  position:relative; height:12px; border-radius:9999px;
  background: color-mix(in oklab, var(--card-2) 70%, var(--bg));
  border:1px solid var(--border); overflow:hidden;
}
.progress-bar::before{
  content:""; position:absolute; left:0; top:0; height:100%; width:var(--p);
  background: linear-gradient(90deg, var(--neon-cyan), var(--neon-violet), var(--neon-pink));
  opacity:.65;
}
.progress-meta{ display:flex; justify-content:space-between; margin-top:.35rem; font-size:.8rem; color:var(--muted); }

/* ==== Icons in outcomes ==== */
.mt-icon{ width:18px; height:18px; margin-top:.1rem; }
.metric-tile{ align-items:center; }
.metric-tile .mt-check{ display:none; }

.panel-subtitle{
  color: var(--muted);
  font-size: .85rem;
  margin-top: .25rem;
  max-width: 42rem;
}

.panel--cs-methodology .cs-methodology-flow{
  position:relative;
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1rem;
}
.panel--cs-methodology .cs-methodology-flow::before{
  content:"";
  position:absolute;
  left:18px;
  top:4px;
  bottom:4px;
  width:2px;
  background: linear-gradient(180deg, var(--neon-cyan), var(--neon-violet));
  opacity:.3;
}
.panel--cs-methodology .cs-methodology-step{
  position:relative;
  display:flex;
  gap:1.1rem;
  padding-left:2.8rem;
}
.panel--cs-methodology .cs-methodology-node{
  position:absolute;
  left:0;
  top:.15rem;
  width:36px; height:36px;
  border-radius:50%;
  border:2px solid color-mix(in oklab, var(--neon-cyan) 45%, var(--border));
  background: var(--card);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 24px -18px var(--neon-cyan);
  font-weight:700; font-size:.85rem;
}
.panel--cs-methodology .cs-methodology-body h4{
  margin:0;
  font-size:.94rem;
  font-weight:600;
}
.panel--cs-methodology .cs-methodology-body p{
  margin:.35rem 0 0;
  font-size:.82rem;
  color: color-mix(in oklab, var(--fg) 82%, var(--muted));
  line-height:1.45;
}

.panel--cs-roadmap .cs-roadmap{
  display:grid;
  gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
}
.panel--cs-roadmap .cs-roadmap-card{
  position:relative;
  border:1px solid var(--border);
  border-radius:1.05rem;
  padding:1.1rem 1.2rem;
  background: color-mix(in oklab, var(--card) 88%, transparent);
  overflow:hidden;
}
.panel--cs-roadmap .cs-roadmap-card::after{
  content:"";
  position:absolute;
  inset:auto -35% -45% auto;
  width:180px; height:180px;
  background: radial-gradient(circle, color-mix(in oklab, var(--neon-cyan) 18%, transparent) 0%, transparent 70%);
  opacity:.22;
  pointer-events:none;
}
.panel--cs-roadmap .cs-roadmap-card[data-idx="1"]::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-violet) 20%, transparent) 0%, transparent 70%); }
.panel--cs-roadmap .cs-roadmap-card[data-idx="2"]::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-pink) 18%, transparent) 0%, transparent 70%); }
.panel--cs-roadmap .cs-roadmap-card[data-idx="3"]::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-lime) 18%, transparent) 0%, transparent 70%); }
.panel--cs-roadmap .cs-roadmap-card header{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  margin-bottom:.6rem;
  position:relative;
  z-index:1;
}
.panel--cs-roadmap .cs-roadmap-step{
  width:30px; height:30px;
  border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:700;
  color: var(--fg);
  background: color-mix(in oklab, var(--card-2) 90%, transparent);
  border:1px solid color-mix(in oklab, var(--neon-cyan) 35%, var(--border));
}
.panel--cs-roadmap .cs-roadmap-card h4{
  margin:0;
  font-size:.96rem;
  font-weight:600;
}
.panel--cs-roadmap .cs-roadmap-time{
  display:inline-block;
  margin-top:.25rem;
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color: color-mix(in oklab, var(--fg) 68%, var(--muted));
}
.panel--cs-roadmap .cs-roadmap-card p{
  margin:0;
  font-size:.83rem;
  color: color-mix(in oklab, var(--fg) 82%, var(--muted));
  line-height:1.45;
  position:relative;
  z-index:1;
}

.panel--ra-line .ra-line-grid{
  display:grid;
  gap:1.25rem;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
}
.panel--ra-line .ra-line-card{
  position:relative;
  border-radius:1.25rem;
  overflow:hidden;
  background: color-mix(in oklab, var(--card) 88%, transparent);
  border:1px solid color-mix(in oklab, var(--border) 85%, transparent);
  display:flex;
  flex-direction:column;
  min-height:260px;
  box-shadow:0 24px 60px rgba(12,16,32,.12);
}
.panel--ra-line .ra-line-image{
  position:relative;
  height:140px;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.panel--ra-line .ra-line-image::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 80% 20%, rgba(255,255,255,.35) 0%, transparent 55%);
  mix-blend-mode:screen;
}
.panel--ra-line .ra-line-body{
  position:relative;
  padding:1.25rem 1.2rem 1.3rem;
  display:flex;
  flex-direction:column;
  gap:.6rem;
}

/* ===== AI & ML service layouts ===== */
.panel--ai-grid,
.panel--ai-programs,
.panel--ai-governance,
.panel--ai-foundations,
.panel--ai-ops{
  border:1px solid color-mix(in oklab, var(--border) 80%, transparent);
  background:color-mix(in oklab, var(--card) 88%, transparent);
  box-shadow:0 24px 60px rgba(12,16,32,.12);
  border-radius:1.25rem;
  padding:2rem;
}
.panel--ai-grid .panel-title,
.panel--ai-programs .panel-title,
.panel--ai-governance .panel-title,
.panel--ai-foundations .panel-title,
.panel--ai-ops .panel-title{font-size:1.5rem;font-weight:700}
.panel--ai-grid .panel-subtitle,
.panel--ai-programs .panel-subtitle,
.panel--ai-governance .panel-subtitle,
.panel--ai-foundations .panel-subtitle,
.panel--ai-ops .panel-subtitle{font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}

.ai-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}
.ai-card{position:relative;min-height:220px;border-radius:1.1rem;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(8,10,18,.18)}
.ai-card__overlay{position:absolute;inset:0;background:linear-gradient(150deg,rgba(12,16,22,.85) 0%,rgba(12,16,22,.4) 65%,rgba(12,16,22,.1) 100%);mix-blend-mode:multiply}
.ai-card__body{position:relative;z-index:1;padding:1.75rem;color:#f7f9fc;display:flex;flex-direction:column;gap:.75rem}
.ai-card__body h4{font-size:1.1rem;font-weight:700}
.ai-card__body p{font-size:.9rem;color:rgba(247,249,252,.85)}
.ai-card__body ul{margin:0;padding-left:1.2rem;display:grid;gap:.4rem;font-size:.85rem;color:rgba(247,249,252,.85)}

.panel--ai-programs{padding-bottom:2.5rem}
.ai-programs{display:grid;gap:1.5rem}
.ai-program{display:grid;grid-template-columns:140px 1fr;gap:1.5rem;align-items:stretch;border-radius:1.1rem;overflow:hidden;background:var(--card-2);border:1px solid color-mix(in oklab, var(--border) 75%, transparent)}
.ai-program__image{background-size:cover;background-position:center;filter:saturate(120%)}
.ai-program__body{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}
.ai-program__badge{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.ai-program__body h4{font-size:1.2rem;font-weight:700}
.ai-program__body p{font-size:.95rem;color:var(--muted)}
.ai-program__body ul{margin:0;padding-left:1.15rem;display:grid;gap:.35rem;font-size:.88rem;color:var(--muted)}

.ai-governance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.ai-governance-card{border-radius:1.1rem;overflow:hidden;background:var(--card-2);border:1px solid color-mix(in oklab, var(--border) 75%, transparent);display:flex;flex-direction:column;height:100%}
.ai-governance-thumb{height:140px;background-size:cover;background-position:center}
.ai-governance-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.ai-governance-body h4{font-size:1.1rem;font-weight:700}
.ai-governance-body p{font-size:.92rem;color:var(--muted)}
.ai-governance-body ul{margin:0;padding-left:1.15rem;display:grid;gap:.35rem;font-size:.85rem;color:color-mix(in oklab, var(--fg) 65%, var(--muted))}

.ai-foundations{display:grid;gap:1.25rem}
.ai-foundation{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:center;border-radius:1.1rem;background:var(--card-2);border:1px solid color-mix(in oklab, var(--border) 75%, transparent);overflow:hidden}
.ai-foundation__image{height:100%;background-size:cover;background-position:center}
.ai-foundation__body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.ai-foundation__body h4{font-size:1.1rem;font-weight:700}
.ai-foundation__body p{font-size:.92rem;color:var(--muted)}
.ai-foundation__body ul{margin:0;padding-left:1.15rem;display:grid;gap:.35rem;font-size:.85rem;color:var(--muted)}

.ai-ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.ai-ops-card{border-radius:1.1rem;overflow:hidden;background:var(--card-2);border:1px solid color-mix(in oklab, var(--border) 75%, transparent);display:flex;flex-direction:column;height:100%}
.ai-ops-media{height:150px;background-size:cover;background-position:center}
.ai-ops-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.ai-ops-body h4{font-size:1.1rem;font-weight:700}
.ai-ops-body p{font-size:.92rem;color:var(--muted)}
.ai-ops-body ul{margin:0;padding-left:1.15rem;display:grid;gap:.35rem;font-size:.85rem;color:var(--muted)}

@media (max-width:820px){
  .ai-program{grid-template-columns:1fr}
  .ai-program__image{height:180px}
  .ai-foundation{grid-template-columns:1fr}
  .ai-foundation__image{height:200px}
}
@media (max-width:640px){
  .ai-card-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
}
@media (max-width:520px){
  .ai-card-grid{grid-template-columns:1fr}
  .panel--ai-grid,
  .panel--ai-programs,
  .panel--ai-governance,
  .panel--ai-foundations,
  .panel--ai-ops{padding:1.5rem}
}

.scope-service-blockchain-development .panel{border-radius:1.4rem}
.scope-service-blockchain-development .bcx-header{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2rem}
.scope-service-blockchain-development .bcx-breadcrumb{font-size:.85rem;color:var(--muted)}
.scope-service-blockchain-development .bcx-breadcrumb a{color:var(--muted)}
.scope-service-blockchain-development .bcx-header h1{font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:800;line-height:1.1}
.scope-service-blockchain-development .bcx-header__tagline{font-size:1.05rem;color:color-mix(in oklab, var(--fg) 78%, var(--muted));line-height:1.55}
.scope-service-blockchain-development .bcx-header__overview{display:grid;gap:.8rem;font-size:.98rem;color:color-mix(in oklab, var(--fg) 80%, var(--muted));line-height:1.6}
.scope-service-blockchain-development .bcx-header__cta{display:flex;flex-wrap:wrap;gap:1rem}
.scope-service-blockchain-development .bcx-metrics-panel{padding:2rem}
.scope-service-blockchain-development .bcx-metrics{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.scope-service-blockchain-development .bcx-metric{padding:1.6rem;border-radius:1.2rem;background:color-mix(in oklab, var(--card-2) 92%, transparent);border:1px solid color-mix(in oklab, var(--border) 75%, transparent);display:flex;flex-direction:column;gap:.35rem;box-shadow:0 18px 48px rgba(12,16,32,.12)}
.scope-service-blockchain-development .bcx-metric__value{font-size:1.45rem;font-weight:700;color:var(--fg)}
.scope-service-blockchain-development .bcx-metric__label{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

.scope-service-blockchain-development .bcx-highlight-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-blockchain-development .bcx-highlight{border-radius:1.2rem;overflow:hidden;border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--card) 92%, transparent);box-shadow:0 22px 58px rgba(12,16,32,.12);display:flex;flex-direction:column}
.scope-service-blockchain-development .bcx-highlight__media{height:160px;background-size:cover;background-position:center}
.scope-service-blockchain-development .bcx-highlight__body{padding:1.6rem;display:flex;flex-direction:column;gap:.7rem}
.scope-service-blockchain-development .bcx-highlight__badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.scope-service-blockchain-development .bcx-highlight__body h4{font-size:1.18rem;font-weight:700}
.scope-service-blockchain-development .bcx-highlight__body p{font-size:.95rem;color:color-mix(in oklab, var(--fg) 75%, var(--muted));line-height:1.6}

.scope-service-blockchain-development .bcx-engagement-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-blockchain-development .bcx-engagement{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:1.2rem;padding:1.8rem;background:color-mix(in oklab, var(--card-2) 90%, transparent);box-shadow:0 18px 48px rgba(12,16,32,.12);transition:transform .3s ease, box-shadow .3s ease,border-color .3s ease}
.scope-service-blockchain-development .bcx-engagement.is-hover{transform:translateY(-6px);box-shadow:0 32px 68px rgba(12,16,32,.18);border-color:color-mix(in oklab, var(--accent-strong) 45%, var(--border))}
.scope-service-blockchain-development .bcx-engagement h4{font-size:1.15rem;font-weight:700;margin-bottom:.4rem}
.scope-service-blockchain-development .bcx-engagement p{font-size:.93rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted));margin-bottom:.7rem}
.scope-service-blockchain-development .bcx-engagement ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.9rem;color:color-mix(in oklab, var(--fg) 74%, var(--muted))}

.scope-service-blockchain-development .bcx-pillar-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.scope-service-blockchain-development .bcx-pillar{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:1.2rem;padding:1.7rem;background:color-mix(in oklab, var(--card) 94%, transparent);display:flex;flex-direction:column;gap:.75rem}
.scope-service-blockchain-development .bcx-pillar h4{font-size:1.1rem;font-weight:700}
.scope-service-blockchain-development .bcx-pillar p{font-size:.9rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted))}
.scope-service-blockchain-development .bcx-pillar ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.87rem;color:color-mix(in oklab, var(--fg) 75%, var(--muted))}

.scope-service-blockchain-development .bcx-security-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-blockchain-development .bcx-security-card{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:1.2rem;padding:1.8rem;background:color-mix(in oklab, var(--card-2) 92%, transparent);display:flex;flex-direction:column;gap:.75rem}
.scope-service-blockchain-development .bcx-security-card h4{font-size:1.08rem;font-weight:700}
.scope-service-blockchain-development .bcx-security-card p{font-size:.9rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted))}
.scope-service-blockchain-development .bcx-security-card ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.86rem;color:color-mix(in oklab, var(--fg) 70%, var(--muted))}

.scope-service-blockchain-development .bcx-journey-steps{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.scope-service-blockchain-development .bcx-journey-step{border-radius:1.2rem;padding:1.6rem;border:1px solid color-mix(in oklab, var(--border) 65%, transparent);background:color-mix(in oklab, var(--card) 92%, transparent);box-shadow:0 16px 44px rgba(12,16,32,.12);display:flex;gap:1rem}
.scope-service-blockchain-development .bcx-journey-index{font-size:1.5rem;font-weight:700;color:var(--accent-strong)}
.scope-service-blockchain-development .bcx-journey-step h4{font-size:1.02rem;font-weight:700;margin-bottom:.3rem}
.scope-service-blockchain-development .bcx-journey-step p{font-size:.9rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted));line-height:1.55}

.scope-service-blockchain-development .bcx-two-col{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-blockchain-development .bcx-list{margin:1rem 0 0;padding-left:1.1rem;display:grid;gap:.45rem;font-size:.94rem;color:color-mix(in oklab, var(--fg) 76%, var(--muted))}

.scope-service-blockchain-development .bcx-chip-cloud{display:flex;flex-wrap:wrap;gap:.6rem}

.scope-service-blockchain-development .bcx-faq-list{display:grid;gap:1rem}
.scope-service-blockchain-development .bcx-faq-item{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:1rem;padding:1rem 1.2rem;background:color-mix(in oklab, var(--card) 94%, transparent)}
.scope-service-blockchain-development .bcx-faq-item summary{cursor:pointer;font-weight:600}
.scope-service-blockchain-development .bcx-faq-item p{margin-top:.6rem;font-size:.88rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted));line-height:1.55}

@media (max-width:720px){
  .scope-service-blockchain-development .bcx-highlight__media{height:140px}
}
@media (max-width:540px){
  .scope-service-blockchain-development .bcx-header__cta{flex-direction:column;align-items:flex-start}
  .scope-service-blockchain-development .bcx-highlight-grid{grid-template-columns:1fr}
  .scope-service-blockchain-development .bcx-engagement-grid{grid-template-columns:1fr}
  .scope-service-blockchain-development .bcx-pillar-grid{grid-template-columns:1fr}
  .scope-service-blockchain-development .bcx-security-grid{grid-template-columns:1fr}
  .scope-service-blockchain-development .bcx-journey-steps{grid-template-columns:1fr}
.scope-service-blockchain-development .bcx-two-col{grid-template-columns:1fr}
}

/* ===== Healthcare BPO detail ===== */
.scope-service-healthcare-bpo .panel{border-radius:1.4rem}
.scope-service-business-process-outsourcing-bpo .bpo-header{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:2.6rem}
.scope-service-business-process-outsourcing-bpo .bpo-breadcrumb{font-size:.85rem;color:var(--muted)}
.scope-service-business-process-outsourcing-bpo .bpo-breadcrumb a{color:inherit}
.scope-service-business-process-outsourcing-bpo .bpo-hero h1{font-size:clamp(2.6rem,4vw,3.6rem);font-weight:800;line-height:1.08}
.scope-service-business-process-outsourcing-bpo .bpo-hero__tagline{font-size:1.05rem;color:color-mix(in oklab,var(--fg) 78%,var(--muted));max-width:48rem;line-height:1.55}
.scope-service-business-process-outsourcing-bpo .bpo-overview{display:grid;gap:.85rem;font-size:.98rem;color:color-mix(in oklab,var(--fg) 78%,var(--muted));max-width:52rem;line-height:1.6}
.scope-service-business-process-outsourcing-bpo .bpo-header__cta{display:flex;flex-wrap:wrap;gap:1rem}
.scope-service-business-process-outsourcing-bpo .bpo-section{margin-bottom:2.4rem}
.scope-service-business-process-outsourcing-bpo .bpo-section__head{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}
.scope-service-business-process-outsourcing-bpo .bpo-section__head h3{font-size:1.35rem;font-weight:700}
.scope-service-business-process-outsourcing-bpo .bpo-section__head p{font-size:.95rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted))}
.scope-service-business-process-outsourcing-bpo .bpo-card-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-business-process-outsourcing-bpo .bpo-card-grid--domains{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-business-process-outsourcing-bpo .bpo-card{border-radius:1.2rem;border:1px solid color-mix(in oklab,var(--border) 65%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent);padding:1.4rem;display:flex;flex-direction:column;gap:.65rem;min-height:100%}
.scope-service-business-process-outsourcing-bpo .bpo-card h4{font-size:1.02rem;font-weight:700;color:var(--fg)}
.scope-service-business-process-outsourcing-bpo .bpo-card p{font-size:.92rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));line-height:1.55}
.scope-service-business-process-outsourcing-bpo .bpo-card--spot{padding:1.6rem;background:color-mix(in oklab,var(--card-2) 90%,transparent);box-shadow:0 24px 50px rgba(14,18,40,.12)}
.scope-service-business-process-outsourcing-bpo .bpo-card__index{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-violet));color:#081020;font-weight:700;font-size:.9rem}
.scope-service-business-process-outsourcing-bpo .bpo-card--soft{background:color-mix(in oklab,var(--card-2) 94%,transparent)}
.scope-service-business-process-outsourcing-bpo .bpo-card--tech{gap:.8rem}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card{position:relative;z-index:0;border-radius:1.35rem;padding:1.6rem 1.5rem 1.7rem;border:1px solid color-mix(in oklab,var(--border) 55%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent);display:flex;flex-direction:column;gap:.8rem;min-height:100%;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--bpo-card-accent,linear-gradient(135deg,rgba(24,32,76,.08),rgba(18,10,94,.02)));opacity:.9;z-index:-2}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-48px;top:-60px;background:radial-gradient(circle at center,var(--bpo-card-glow,rgba(255,255,255,.18)),transparent 68%);opacity:.8;z-index:-1}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(11,16,32,.18);border-color:color-mix(in oklab,var(--accent-strong) 32%,var(--border))}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card__head{display:flex;flex-direction:column;gap:.45rem}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card h4{margin:0;font-size:1.08rem;font-weight:700;line-height:1.3;color:color-mix(in oklab,var(--fg) 92%,var(--muted))}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card__copy{font-size:.92rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));line-height:1.55}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card__label{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:color-mix(in oklab,var(--fg) 70%,var(--muted));margin-top:.3rem}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card__list{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card__list li{list-style:none;font-size:.83rem;font-weight:500;color:color-mix(in oklab,var(--fg) 84%,var(--muted));padding:.4rem .75rem;border-radius:.8rem;background:color-mix(in oklab,var(--card-2) 88%,transparent);border:1px solid color-mix(in oklab,var(--border) 60%,transparent);backdrop-filter:blur(4px)}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card--teal{--bpo-card-accent:linear-gradient(135deg,rgba(34,210,226,.18),rgba(17,26,68,.1));--bpo-card-glow:rgba(34,210,226,.32)}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card--violet{--bpo-card-accent:linear-gradient(135deg,rgba(184,98,255,.16),rgba(24,16,84,.08));--bpo-card-glow:rgba(184,98,255,.27)}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card--amber{--bpo-card-accent:linear-gradient(135deg,rgba(255,176,67,.16),rgba(36,24,12,.06));--bpo-card-glow:rgba(255,176,67,.25)}
.scope-service-business-process-outsourcing-bpo .bpo-domain-card--azure{--bpo-card-accent:linear-gradient(135deg,rgba(82,143,255,.16),rgba(16,28,84,.08));--bpo-card-glow:rgba(82,143,255,.28)}
.scope-service-business-process-outsourcing-bpo .bpo-timeline{position:relative;display:grid;gap:1.1rem;padding-left:2.4rem}
.scope-service-business-process-outsourcing-bpo .bpo-timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon-cyan),var(--neon-pink));opacity:.45}
.scope-service-business-process-outsourcing-bpo .bpo-timeline__step{position:relative;display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;border:1px solid color-mix(in oklab,var(--border) 62%,transparent);border-radius:1.15rem;background:color-mix(in oklab,var(--card) 96%,transparent)}
.scope-service-business-process-outsourcing-bpo .bpo-timeline__step:before{content:"";position:absolute;left:-1.25rem;top:50%;width:18px;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-violet));transform:translateY(-50%)}
.scope-service-business-process-outsourcing-bpo .bpo-timeline__index{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--card-2) 88%,transparent);color:var(--accent-strong);font-weight:700;font-size:.95rem}
.scope-service-business-process-outsourcing-bpo .bpo-timeline__step h4{font-size:1rem;font-weight:700;margin-bottom:.3rem}
.scope-service-business-process-outsourcing-bpo .bpo-timeline__step p{font-size:.9rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));line-height:1.55}
.scope-service-business-process-outsourcing-bpo .bpo-column-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.scope-service-business-process-outsourcing-bpo .bpo-two-col{display:grid;gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-business-process-outsourcing-bpo .bpo-two-col ul{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;font-size:.92rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted))}
.scope-service-business-process-outsourcing-bpo .bpo-tech-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-business-process-outsourcing-bpo .bpo-chip-cloud{display:flex;flex-wrap:wrap;gap:.55rem}
.scope-service-business-process-outsourcing-bpo .bpo-faq-list{display:grid;gap:1rem}
.scope-service-business-process-outsourcing-bpo .bpo-accordion{border:1px solid color-mix(in oklab,var(--border) 68%,transparent);border-radius:1rem;padding:1rem 1.2rem;background:color-mix(in oklab,var(--card) 95%,transparent);transition:all .25s ease}
.scope-service-business-process-outsourcing-bpo .bpo-accordion[open]{background:color-mix(in oklab,var(--card-2) 90%,transparent);border-color:color-mix(in oklab,var(--accent-strong) 35%,var(--border))}
.scope-service-business-process-outsourcing-bpo .bpo-accordion summary{cursor:pointer;font-weight:600}
.scope-service-business-process-outsourcing-bpo .bpo-accordion p{margin-top:.6rem;font-size:.9rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));line-height:1.55}
.scope-service-business-process-outsourcing-bpo .bpo-section--cta{margin-bottom:0}
.scope-service-business-process-outsourcing-bpo .bpo-cta{display:flex;flex-direction:column;gap:1.2rem;padding:2rem;border-radius:1.4rem;background:linear-gradient(135deg,rgba(34,210,226,.12),rgba(184,98,255,.12));border:1px solid color-mix(in oklab,var(--accent-strong) 28%,var(--border))}
.scope-service-business-process-outsourcing-bpo .bpo-cta h3{font-size:1.35rem;font-weight:700}
.scope-service-business-process-outsourcing-bpo .bpo-cta p{font-size:.95rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));max-width:35rem;line-height:1.55}
.scope-service-business-process-outsourcing-bpo .bpo-cta__actions{display:flex;flex-wrap:wrap;gap:.8rem}
.scope-service-business-process-outsourcing-bpo .bpo-cta__actions .btn-flat{border-color:color-mix(in oklab,var(--accent-strong) 28%,var(--border))}
.scope-service-business-process-outsourcing-bpo .bpo-header__cta .btn-flat-solid{box-shadow:0 18px 36px rgba(34,210,226,.18)}
@media (max-width:640px){.scope-service-business-process-outsourcing-bpo .bpo-header__cta{flex-direction:column;align-items:flex-start}.scope-service-business-process-outsourcing-bpo .bpo-timeline{padding-left:1.8rem}.scope-service-business-process-outsourcing-bpo .bpo-timeline:before{left:.6rem}.scope-service-business-process-outsourcing-bpo .bpo-timeline__step{padding-left:1rem}.scope-service-business-process-outsourcing-bpo .bpo-timeline__step:before{display:none}.scope-service-business-process-outsourcing-bpo .bpo-domain-card{padding:1.4rem 1.2rem}}
.scope-service-finance-bookkeeping-and-tax .fin-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.4rem}
.scope-service-finance-bookkeeping-and-tax .fin-breadcrumb{font-size:.85rem;color:var(--muted)}
.scope-service-finance-bookkeeping-and-tax .fin-breadcrumb a{color:inherit}
.scope-service-finance-bookkeeping-and-tax .fin-hero h1{font-size:clamp(2.6rem,4vw,3.5rem);font-weight:800;line-height:1.08}
.scope-service-finance-bookkeeping-and-tax .fin-hero__tagline{font-size:1.05rem;color:color-mix(in oklab,var(--fg) 78%,var(--muted));line-height:1.55;max-width:52rem}
.scope-service-finance-bookkeeping-and-tax .fin-overview{display:grid;gap:.85rem;font-size:.97rem;color:color-mix(in oklab,var(--fg) 78%,var(--muted));line-height:1.6;max-width:56rem}
.scope-service-finance-bookkeeping-and-tax .fin-header__cta{display:flex;flex-wrap:wrap;gap:1rem}
.scope-service-finance-bookkeeping-and-tax .fin-header__cta .btn-flat-solid{box-shadow:0 16px 30px rgba(61,236,211,.18)}
.scope-service-finance-bookkeeping-and-tax .fin-section{margin-bottom:2.4rem}
.scope-service-finance-bookkeeping-and-tax .fin-section__head{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}
.scope-service-finance-bookkeeping-and-tax .fin-section__head h3{font-size:1.35rem;font-weight:700}
.scope-service-finance-bookkeeping-and-tax .fin-section__head p{font-size:.95rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted))}
.scope-service-finance-bookkeeping-and-tax .fin-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;font-weight:600;color:color-mix(in oklab,var(--muted) 85%,var(--fg))}
.scope-service-finance-bookkeeping-and-tax .fin-offering-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-finance-bookkeeping-and-tax .fin-offering{position:relative;border-radius:1.3rem;padding:1.6rem;background:color-mix(in oklab,var(--card) 96%,transparent);border:1px solid color-mix(in oklab,var(--border) 62%,transparent);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.scope-service-finance-bookkeeping-and-tax .fin-offering:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(10,14,34,.18);border-color:color-mix(in oklab,var(--accent-strong) 30%,var(--border))}
.scope-service-finance-bookkeeping-and-tax .fin-offering__badge{position:absolute;inset:0;background:var(--fin-offer-gradient,linear-gradient(135deg,rgba(34,210,226,.16),rgba(12,18,48,.08)));opacity:.95;z-index:-1}
.scope-service-finance-bookkeeping-and-tax .fin-offering h4{margin-bottom:.45rem;font-size:1.05rem;font-weight:700;color:color-mix(in oklab,var(--fg) 92%,var(--muted))}
.scope-service-finance-bookkeeping-and-tax .fin-offering p{margin:0;font-size:.9rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));line-height:1.55}
.scope-service-finance-bookkeeping-and-tax .fin-offering--1{--fin-offer-gradient:linear-gradient(135deg,rgba(34,210,226,.18),rgba(18,22,58,.09))}
.scope-service-finance-bookkeeping-and-tax .fin-offering--2{--fin-offer-gradient:linear-gradient(135deg,rgba(184,98,255,.18),rgba(26,18,64,.09))}
.scope-service-finance-bookkeeping-and-tax .fin-offering--3{--fin-offer-gradient:linear-gradient(135deg,rgba(255,176,67,.18),rgba(38,24,8,.08))}
.scope-service-finance-bookkeeping-and-tax .fin-offering--4{--fin-offer-gradient:linear-gradient(135deg,rgba(82,143,255,.2),rgba(18,28,74,.08))}
.scope-service-finance-bookkeeping-and-tax .fin-security-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-finance-bookkeeping-and-tax .fin-security-card{border-radius:1.2rem;padding:1.5rem;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--card-2) 92%,transparent);box-shadow:0 18px 46px rgba(10,14,32,.12);display:flex;flex-direction:column;gap:.5rem}
.scope-service-finance-bookkeeping-and-tax .fin-security-card h4{font-size:1.02rem;font-weight:700;color:color-mix(in oklab,var(--fg) 90%,var(--muted))}
.scope-service-finance-bookkeeping-and-tax .fin-security-card p{font-size:.9rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));line-height:1.55}
.scope-service-finance-bookkeeping-and-tax .fin-terms-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-finance-bookkeeping-and-tax .fin-term{border-radius:1.2rem;padding:1.4rem;border:1px solid color-mix(in oklab,var(--border) 58%,transparent);background:linear-gradient(135deg,rgba(24,32,72,.22),rgba(12,16,32,.55));color:rgba(255,255,255,.9);position:relative;overflow:hidden;backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(7,12,32,.32)}
.scope-service-finance-bookkeeping-and-tax .fin-term__icon{position:absolute;width:46px;height:46px;border-radius:50%;right:-14px;top:-18px;background:linear-gradient(135deg,rgba(34,210,226,.8),rgba(184,98,255,.65));filter:blur(0);opacity:.85}
.scope-service-finance-bookkeeping-and-tax .fin-term p{margin:0;font-size:.9rem;line-height:1.6}
.scope-service-finance-bookkeeping-and-tax .fin-timeline{position:relative;display:grid;gap:1rem;padding-left:2.2rem}
.scope-service-finance-bookkeeping-and-tax .fin-timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon-cyan),var(--neon-violet));opacity:.45}
.scope-service-finance-bookkeeping-and-tax .fin-timeline__step{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;border:1px solid color-mix(in oklab,var(--border) 62%,transparent);border-radius:1.1rem;background:color-mix(in oklab,var(--card) 96%,transparent);position:relative}
.scope-service-finance-bookkeeping-and-tax .fin-timeline__step:before{content:"";position:absolute;left:-1.2rem;top:50%;width:16px;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-violet));transform:translateY(-50%)}
.scope-service-finance-bookkeeping-and-tax .fin-timeline__index{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--card-2) 88%,transparent);color:var(--accent-strong);font-weight:700;font-size:.92rem}
.scope-service-finance-bookkeeping-and-tax .fin-timeline__step h4{font-size:1rem;font-weight:700;margin-bottom:.3rem}
.scope-service-finance-bookkeeping-and-tax .fin-timeline__step p{font-size:.9rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));line-height:1.55}
.scope-service-finance-bookkeeping-and-tax .fin-outcome-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-finance-bookkeeping-and-tax .fin-outcome{border-radius:1.2rem;padding:1.4rem;border:1px solid color-mix(in oklab,var(--border) 55%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent);box-shadow:0 18px 40px rgba(10,14,30,.14);position:relative;overflow:hidden}
.scope-service-finance-bookkeeping-and-tax .fin-outcome:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top right,rgba(34,210,226,.28),transparent 65%);opacity:.7;z-index:-1}
.scope-service-finance-bookkeeping-and-tax .fin-outcome p{margin:0;font-size:.9rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));line-height:1.55}
.scope-service-finance-bookkeeping-and-tax .fin-tech-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-finance-bookkeeping-and-tax .fin-tech-card{border-radius:1.2rem;padding:1.5rem;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent);display:flex;flex-direction:column;gap:.8rem}
.scope-service-finance-bookkeeping-and-tax .fin-tech-card h4{font-size:1rem;font-weight:700;color:color-mix(in oklab,var(--fg) 88%,var(--muted))}
.scope-service-finance-bookkeeping-and-tax .fin-chip-cloud{display:flex;flex-wrap:wrap;gap:.5rem}
.scope-service-finance-bookkeeping-and-tax .fin-chip-cloud .chip{border-color:color-mix(in oklab,var(--border) 70%,transparent);background:color-mix(in oklab,var(--card-2) 90%,transparent)}
.scope-service-finance-bookkeeping-and-tax .fin-faq-list{display:grid;gap:1rem}
.scope-service-finance-bookkeeping-and-tax .fin-accordion{border:1px solid color-mix(in oklab,var(--border) 68%,transparent);border-radius:1rem;padding:1rem 1.2rem;background:color-mix(in oklab,var(--card) 95%,transparent);transition:all .25s ease}
.scope-service-finance-bookkeeping-and-tax .fin-accordion[open]{background:color-mix(in oklab,var(--card-2) 90%,transparent);border-color:color-mix(in oklab,var(--accent-strong) 32%,var(--border))}
.scope-service-finance-bookkeeping-and-tax .fin-accordion summary{cursor:pointer;font-weight:600}
.scope-service-finance-bookkeeping-and-tax .fin-accordion p{margin-top:.6rem;font-size:.9rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));line-height:1.55}
.scope-service-finance-bookkeeping-and-tax .fin-section--cta{margin-bottom:0}
.scope-service-finance-bookkeeping-and-tax .fin-cta{display:flex;justify-content:space-between;gap:1.6rem;padding:2rem;border-radius:1.4rem;background:linear-gradient(135deg,rgba(34,210,226,.18),rgba(82,143,255,.18));border:1px solid color-mix(in oklab,var(--accent-strong) 30%,var(--border));flex-wrap:wrap}
.scope-service-finance-bookkeeping-and-tax .fin-cta__copy{flex:1 1 280px;min-width:240px}
.scope-service-finance-bookkeeping-and-tax .fin-cta__copy h3{font-size:1.35rem;font-weight:700;margin-bottom:.4rem}
.scope-service-finance-bookkeeping-and-tax .fin-cta__copy p{font-size:.95rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));max-width:32rem;line-height:1.55}
.scope-service-finance-bookkeeping-and-tax .fin-cta__actions{display:flex;flex:0 0 auto;align-items:center;gap:.8rem;flex-wrap:wrap}
.scope-service-finance-bookkeeping-and-tax .fin-cta__actions .btn-flat{border-color:color-mix(in oklab,var(--accent-strong) 32%,var(--border))}
@media (max-width:640px){
  .scope-service-finance-bookkeeping-and-tax .fin-header__cta{flex-direction:column;align-items:flex-start}
  .scope-service-finance-bookkeeping-and-tax .fin-timeline{padding-left:1.6rem}
  .scope-service-finance-bookkeeping-and-tax .fin-timeline:before{left:.6rem}
  .scope-service-finance-bookkeeping-and-tax .fin-timeline__step{padding:1rem}
  .scope-service-finance-bookkeeping-and-tax .fin-timeline__step:before{display:none}
  .scope-service-finance-bookkeeping-and-tax .fin-cta{flex-direction:column;align-items:flex-start}
}
.scope-service-digital-transformation-and-consulting .dtc-header{display:flex;flex-direction:column;gap:1.4rem;margin-bottom:2.5rem}
.scope-service-digital-transformation-and-consulting .dtc-breadcrumb{font-size:.85rem;color:var(--muted)}
.scope-service-digital-transformation-and-consulting .dtc-breadcrumb a{color:inherit}
.scope-service-digital-transformation-and-consulting .dtc-hero h1{font-size:clamp(2.6rem,4vw,3.6rem);font-weight:800;line-height:1.08}
.scope-service-digital-transformation-and-consulting .dtc-hero__tagline{font-size:1.05rem;color:color-mix(in oklab,var(--fg) 76%,var(--muted));max-width:56rem;line-height:1.55}
.scope-service-digital-transformation-and-consulting .dtc-overview{display:grid;gap:.85rem;font-size:.96rem;color:color-mix(in oklab,var(--fg) 78%,var(--muted));line-height:1.6;max-width:58rem}
.scope-service-digital-transformation-and-consulting .dtc-header__cta{display:flex;flex-wrap:wrap;gap:1rem}
.scope-service-digital-transformation-and-consulting .dtc-header__cta .btn-flat-solid{box-shadow:0 16px 32px rgba(124,117,255,.22)}
.scope-service-digital-transformation-and-consulting .dtc-section{margin-bottom:2.4rem}
.scope-service-digital-transformation-and-consulting .dtc-section__head{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}
.scope-service-digital-transformation-and-consulting .dtc-section__head h3{font-size:1.35rem;font-weight:700}
.scope-service-digital-transformation-and-consulting .dtc-section__head p{font-size:.95rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted))}
.scope-service-digital-transformation-and-consulting .dtc-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:color-mix(in oklab,var(--muted) 82%,var(--fg))}
.scope-service-digital-transformation-and-consulting .dtc-domain-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-digital-transformation-and-consulting .dtc-domain{border-radius:1.2rem;padding:1.5rem;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent);position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.scope-service-digital-transformation-and-consulting .dtc-domain:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(11,14,32,.18);border-color:color-mix(in oklab,var(--accent-strong) 32%,var(--border))}
.scope-service-digital-transformation-and-consulting .dtc-domain:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--dtc-domain-bg,linear-gradient(135deg,rgba(82,143,255,.16),rgba(16,18,46,.08)));opacity:.95;z-index:-1}
.scope-service-digital-transformation-and-consulting .dtc-domain h4{margin-bottom:.4rem;font-size:1.05rem;font-weight:700}
.scope-service-digital-transformation-and-consulting .dtc-domain p{margin:0;font-size:.9rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));line-height:1.55}
.scope-service-digital-transformation-and-consulting .dtc-domain--1{--dtc-domain-bg:linear-gradient(135deg,rgba(34,210,226,.18),rgba(16,24,62,.08))}
.scope-service-digital-transformation-and-consulting .dtc-domain--2{--dtc-domain-bg:linear-gradient(135deg,rgba(184,98,255,.18),rgba(26,20,66,.08))}
.scope-service-digital-transformation-and-consulting .dtc-domain--3{--dtc-domain-bg:linear-gradient(135deg,rgba(255,176,67,.18),rgba(40,26,12,.08))}
.scope-service-digital-transformation-and-consulting .dtc-domain--4{--dtc-domain-bg:linear-gradient(135deg,rgba(124,117,255,.2),rgba(18,24,72,.08))}
.scope-service-digital-transformation-and-consulting .dtc-card-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-digital-transformation-and-consulting .dtc-card-grid--wide{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-digital-transformation-and-consulting .dtc-card{position:relative;border-radius:1.2rem;padding:1.35rem 1.4rem;border:1px solid color-mix(in oklab,var(--border) 54%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent);display:flex;flex-direction:column;gap:.5rem;min-height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.scope-service-digital-transformation-and-consulting .dtc-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 20% -10%,rgba(124,117,255,.28),transparent 60%),linear-gradient(135deg,rgba(16,22,58,.08),rgba(12,18,42,.02));opacity:.85;z-index:-1}
.scope-service-digital-transformation-and-consulting .dtc-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(12,18,42,.18)}
.scope-service-digital-transformation-and-consulting .dtc-card--glow{background:linear-gradient(135deg,rgba(34,210,226,.12),rgba(184,98,255,.12));border-color:color-mix(in oklab,var(--accent-strong) 24%,var(--border));box-shadow:0 22px 52px rgba(12,18,48,.25)}
.scope-service-digital-transformation-and-consulting .dtc-card h4{font-size:.98rem;font-weight:600;color:color-mix(in oklab,var(--fg) 86%,var(--muted))}
.scope-service-digital-transformation-and-consulting .dtc-card p{font-size:.88rem;color:color-mix(in oklab,var(--fg) 70%,var(--muted));line-height:1.55}
.scope-service-digital-transformation-and-consulting .dtc-journey{position:relative;display:grid;gap:1rem;padding-left:2.2rem}
.scope-service-digital-transformation-and-consulting .dtc-journey:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon-cyan),var(--neon-violet));opacity:.45}
.scope-service-digital-transformation-and-consulting .dtc-journey__step{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;border:1px solid color-mix(in oklab,var(--border) 62%,transparent);border-radius:1.1rem;background:color-mix(in oklab,var(--card) 96%,transparent);position:relative}
.scope-service-digital-transformation-and-consulting .dtc-journey__step:before{content:"";position:absolute;left:-1.2rem;top:50%;width:16px;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-violet));transform:translateY(-50%)}
.scope-service-digital-transformation-and-consulting .dtc-journey__index{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--card-2) 88%,transparent);color:var(--accent-strong);font-weight:700;font-size:.92rem}
.scope-service-digital-transformation-and-consulting .dtc-journey__step h4{font-size:1rem;font-weight:700;margin-bottom:.3rem}
.scope-service-digital-transformation-and-consulting .dtc-term-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-digital-transformation-and-consulting .dtc-term{border-radius:1.2rem;padding:1.4rem;border:1px solid color-mix(in oklab,var(--border) 54%,transparent);background:linear-gradient(135deg,rgba(20,28,72,.7),rgba(12,16,40,.35));color:rgba(255,255,255,.9);position:relative;overflow:hidden;backdrop-filter:blur(12px);box-shadow:0 26px 60px rgba(7,12,32,.35)}
.scope-service-digital-transformation-and-consulting .dtc-term__icon{position:absolute;width:48px;height:48px;border-radius:50%;right:-16px;top:-18px;background:linear-gradient(135deg,rgba(34,210,226,.85),rgba(184,98,255,.7));opacity:.85}
.scope-service-digital-transformation-and-consulting .dtc-term p{margin:0;font-size:.9rem;line-height:1.6}
.scope-service-digital-transformation-and-consulting .dtc-outcomes{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-digital-transformation-and-consulting .dtc-outcome{border-radius:1.2rem;padding:1.4rem;border:1px solid color-mix(in oklab,var(--border) 58%,transparent);background:color-mix(in oklab,var(--card) 95%,transparent);position:relative;overflow:hidden;box-shadow:0 20px 48px rgba(10,16,42,.18)}
.scope-service-digital-transformation-and-consulting .dtc-outcome:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top right,rgba(184,98,255,.32),transparent 70%);opacity:.8;z-index:-1}
.scope-service-digital-transformation-and-consulting .dtc-outcome p{margin:0;font-size:.9rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));line-height:1.55}
.scope-service-digital-transformation-and-consulting .dtc-tech-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-digital-transformation-and-consulting .dtc-tech-card{border-radius:1.2rem;padding:1.5rem;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent);display:flex;flex-direction:column;gap:.8rem}
.scope-service-digital-transformation-and-consulting .dtc-chip-cloud{display:flex;flex-wrap:wrap;gap:.5rem}
.scope-service-digital-transformation-and-consulting .dtc-chip-cloud .chip{border-color:color-mix(in oklab,var(--border) 70%,transparent);background:color-mix(in oklab,var(--card-2) 90%,transparent)}
.scope-service-digital-transformation-and-consulting .dtc-faq-list{display:grid;gap:1rem}
.scope-service-digital-transformation-and-consulting .dtc-accordion{border:1px solid color-mix(in oklab,var(--border) 68%,transparent);border-radius:1rem;padding:1rem 1.2rem;background:color-mix(in oklab,var(--card) 95%,transparent);transition:all .25s ease}
.scope-service-digital-transformation-and-consulting .dtc-accordion[open]{background:color-mix(in oklab,var(--card-2) 88%,transparent);border-color:color-mix(in oklab,var(--accent-strong) 30%,var(--border))}
.scope-service-digital-transformation-and-consulting .dtc-accordion summary{cursor:pointer;font-weight:600}
.scope-service-digital-transformation-and-consulting .dtc-accordion p{margin-top:.6rem;font-size:.9rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));line-height:1.55}
.scope-service-digital-transformation-and-consulting .dtc-section--cta{margin-bottom:0}
.scope-service-digital-transformation-and-consulting .dtc-cta{display:flex;justify-content:space-between;gap:1.6rem;padding:2rem;border-radius:1.4rem;background:linear-gradient(135deg,rgba(124,117,255,.2),rgba(34,210,226,.18));border:1px solid color-mix(in oklab,var(--accent-strong) 28%,var(--border));flex-wrap:wrap}
.scope-service-digital-transformation-and-consulting .dtc-cta__copy{flex:1 1 280px;min-width:240px}
.scope-service-digital-transformation-and-consulting .dtc-cta__copy h3{font-size:1.35rem;font-weight:700;margin-bottom:.35rem}
.scope-service-digital-transformation-and-consulting .dtc-cta__copy p{font-size:.95rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));max-width:32rem;line-height:1.55}
.scope-service-digital-transformation-and-consulting .dtc-cta__actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.scope-service-digital-transformation-and-consulting .dtc-cta__actions .btn-flat{border-color:color-mix(in oklab,var(--accent-strong) 28%,var(--border))}
@media (max-width:640px){
  .scope-service-digital-transformation-and-consulting .dtc-header__cta{flex-direction:column;align-items:flex-start}
  .scope-service-digital-transformation-and-consulting .dtc-journey{padding-left:1.6rem}
  .scope-service-digital-transformation-and-consulting .dtc-journey:before{left:.6rem}
  .scope-service-digital-transformation-and-consulting .dtc-journey__step{padding:1rem}
  .scope-service-digital-transformation-and-consulting .dtc-journey__step:before{display:none}
  .scope-service-digital-transformation-and-consulting .dtc-cta{flex-direction:column;align-items:flex-start}
}
.scope-platform .dtp-hero{position:relative;min-height:320px;border-radius:1.6rem;padding:3rem 3.4rem;color:#f8faff;overflow:hidden}
.scope-platform .dtp-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(34,210,226,.35),transparent 55%),linear-gradient(135deg,rgba(12,16,38,.9),rgba(12,16,32,.65));z-index:0}
.scope-platform .dtp-hero__overlay{display:none}
.scope-platform .dtp-hero__inner{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}
.scope-platform .dtp-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.1rem;max-width:720px}
.scope-platform .dtp-hero__logo{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:.6rem}
.scope-platform .dtp-hero__logo img{max-width:140px;height:auto;object-fit:contain;background:#fff;padding:.65rem 1rem;border-radius:1rem;border:none;box-shadow:none}
.scope-platform .dtp-crumb{font-size:.85rem;color:color-mix(in oklab,var(--fg) 70%,var(--muted));display:flex;align-items:center;gap:.4rem;margin-bottom:1.2rem}
.scope-platform .dtp-crumb a{color:color-mix(in oklab,var(--fg) 78%,var(--muted));text-decoration:none}
.scope-platform .dtp-crumb a:hover{text-decoration:underline}
.scope-platform .dtp-crumb span[aria-hidden="true"]{color:color-mix(in oklab,var(--fg) 50%,var(--muted));font-size:.8rem}
.scope-platform .dtp-badges{display:flex;flex-wrap:wrap;gap:.5rem}
.scope-platform .dtp-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(248,250,255,.28);backdrop-filter:blur(6px);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:rgba(248,250,255,.82)}
.scope-platform .dtp-hero h1{font-size:clamp(2.5rem,4vw,3.6rem);font-weight:800;line-height:1.05;margin:0}
.scope-platform .dtp-hero__tagline{font-size:1.05rem;line-height:1.55;color:rgba(248,250,255,.82);max-width:560px}
.scope-platform .dtp-metric-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.4rem}
.scope-platform .dtp-metric{flex:0 1 160px;min-width:140px;padding:1rem 1.1rem;border-radius:1rem;background:rgba(248,250,255,.14);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.35rem}
.scope-platform .dtp-metric__value{font-size:1.35rem;font-weight:700;color:#fff}
.scope-platform .dtp-metric__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:rgba(248,250,255,.7)}
.scope-platform .dtp-shell{margin-top:2.4rem;display:flex;flex-direction:column;gap:2.2rem}
.scope-platform .dtp-section{padding:2rem;border-radius:1.5rem;background:color-mix(in oklab,var(--card) 95%,transparent);border:1px solid color-mix(in oklab,var(--border) 55%,transparent);box-shadow:0 24px 48px rgba(10,14,38,.08)}
.scope-platform .dtp-section--prose{padding:2.4rem;background:linear-gradient(135deg,rgba(34,210,226,.08),rgba(12,16,34,.02));border:1px solid color-mix(in oklab,var(--border) 45%,transparent)}
.scope-platform .dtp-section--visual{padding:0;border:none;background:transparent;box-shadow:none}
.scope-platform .dtp-overview-visual{border-radius:1.5rem;overflow:hidden;aspect-ratio:16/9;background:color-mix(in oklab,var(--card) 96%,transparent)}
.scope-platform .dtp-overview-visual img{display:block;width:100%;height:100%;object-fit:cover}
.scope-platform .dtp-prose{display:grid;gap:1rem;font-size:1rem;color:color-mix(in oklab,var(--fg) 78%,var(--muted));line-height:1.65}
.scope-platform .dtp-section__head{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.3rem}
.scope-platform .dtp-section__head h3{font-size:1.35rem;font-weight:700;color:color-mix(in oklab,var(--fg) 92%,var(--muted))}
.scope-platform .dtp-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;font-weight:600;color:color-mix(in oklab,var(--muted) 80%,var(--fg))}
.scope-platform .dtp-value-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.scope-platform .dtp-value{padding:1.3rem;border-radius:1.2rem;background:linear-gradient(135deg,rgba(124,117,255,.12),rgba(34,210,226,.08));color:color-mix(in oklab,var(--fg) 78%,var(--muted));font-size:.92rem;line-height:1.6;border:1px solid color-mix(in oklab,var(--accent-strong) 22%,var(--border))}
.scope-platform .dtp-module-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-platform .dtp-module{padding:1.5rem;border-radius:1.2rem;background:color-mix(in oklab,var(--card) 96%,transparent);border:1px solid color-mix(in oklab,var(--border) 55%,transparent);display:flex;flex-direction:column;gap:.6rem;min-height:100%}
.scope-platform .dtp-module h4{font-size:1.02rem;font-weight:700;color:color-mix(in oklab,var(--fg) 90%,var(--muted))}
.scope-platform .dtp-module p{font-size:.9rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));margin:0}
.scope-platform .dtp-module ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.86rem;color:color-mix(in oklab,var(--fg) 70%,var(--muted))}
.scope-platform .dtp-timeline{position:relative;display:grid;gap:1rem;padding-left:2.2rem}
.scope-platform .dtp-timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--neon-cyan),var(--neon-violet));opacity:.45}
.scope-platform .dtp-timeline__step{position:relative;display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;border-radius:1.1rem;border:1px solid color-mix(in oklab,var(--border) 58%,transparent);background:color-mix(in oklab,var(--card) 96%,transparent)}
.scope-platform .dtp-timeline__step:before{content:"";position:absolute;left:-1.2rem;top:50%;width:16px;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-violet));transform:translateY(-50%)}
.scope-platform .dtp-timeline__index{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--card-2) 88%,transparent);color:var(--accent-strong);font-weight:700;font-size:.92rem}
.scope-platform .dtp-timeline__step h4{font-size:1rem;font-weight:700;margin-bottom:.25rem}
.scope-platform .dtp-timeline__step p{font-size:.9rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted))}
.scope-platform .dtp-chip-cloud{display:flex;flex-wrap:wrap;gap:.6rem}
.scope-platform .dtp-chip-cloud .chip{border-color:color-mix(in oklab,var(--border) 70%,transparent);background:color-mix(in oklab,var(--card-2) 90%,transparent)}
.scope-platform .dtp-security-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.scope-platform .dtp-security-card{padding:1.2rem;border-radius:1.1rem;background:linear-gradient(135deg,rgba(34,210,226,.06),rgba(12,16,32,.02));border:1px solid color-mix(in oklab,var(--border) 55%,transparent);font-size:.9rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));line-height:1.6}
.scope-platform .dtp-outcome-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.scope-platform .dtp-outcome-card{padding:1.2rem;border-radius:1.1rem;background:color-mix(in oklab,var(--card) 96%,transparent);border:1px solid color-mix(in oklab,var(--border) 55%,transparent);font-size:.9rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));line-height:1.6}
.scope-platform .dtp-gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.scope-platform .dtp-gallery__item{position:relative;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in oklab,var(--border) 55%,transparent);background:color-mix(in oklab,var(--card) 95%,transparent);box-shadow:0 16px 36px rgba(8,12,30,.15)}
.scope-platform .dtp-gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.scope-platform .dtp-gallery__item:hover img{transform:scale(1.05)}
.scope-platform .dtp-case{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}
.scope-platform .dtp-case__media{min-height:220px;border-radius:1.2rem;background-size:cover;background-position:center}
.scope-platform .dtp-case__body{padding:1.4rem;border-radius:1.2rem;background:linear-gradient(135deg,rgba(124,117,255,.14),rgba(34,210,226,.12));border:1px solid color-mix(in oklab,var(--accent-strong) 26%,var(--border));display:flex;flex-direction:column;gap:.6rem;color:color-mix(in oklab,var(--fg) 80%,var(--muted))}
.scope-platform .dtp-case__body h3{font-size:1.2rem;font-weight:700;margin:0;color:color-mix(in oklab,var(--fg) 92%,var(--muted))}
.scope-platform .dtp-faq-list{display:grid;gap:1rem}
.scope-platform .dtp-accordion{border:1px solid color-mix(in oklab,var(--border) 65%,transparent);border-radius:1rem;padding:1rem 1.2rem;background:color-mix(in oklab,var(--card) 95%,transparent);transition:all .25s ease}
.scope-platform .dtp-accordion[open]{background:color-mix(in oklab,var(--card-2) 90%,transparent);border-color:color-mix(in oklab,var(--accent-strong) 30%,var(--border))}
.scope-platform .dtp-accordion summary{cursor:pointer;font-weight:600}
.scope-platform .dtp-accordion p{margin-top:.6rem;font-size:.88rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));line-height:1.6}
.scope-platform .dtp-section--cta{background:linear-gradient(135deg,rgba(34,210,226,.12),rgba(124,117,255,.12));border:1px solid color-mix(in oklab,var(--accent-strong) 28%,var(--border))}
.scope-platform .dtp-cta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.4rem;align-items:center}
.scope-platform .dtp-cta h3{font-size:1.35rem;font-weight:700;margin:0;color:color-mix(in oklab,var(--fg) 92%,var(--muted))}
.scope-platform .dtp-cta p{font-size:.95rem;color:color-mix(in oklab,var(--fg) 74%,var(--muted));margin:0;max-width:32rem}
.scope-platform .dtp-cta__actions{display:flex;flex-wrap:wrap;gap:.8rem}
.scope-platform .dtp-cta__actions .btn-flat{border-color:color-mix(in oklab,var(--accent-strong) 24%,var(--border))}
@media (max-width:720px){
  .scope-platform .dtp-hero{padding:2.4rem;min-height:280px}
  .scope-platform .dtp-hero__inner{flex-direction:column;align-items:flex-start;gap:1.6rem}
  .scope-platform .dtp-hero__logo img{max-width:120px;padding:.5rem .85rem;background:#fff}
  .scope-platform .dtp-section{padding:1.6rem}
  .scope-platform .dtp-section--prose{padding:1.9rem}
  .scope-platform .dtp-section--visual{padding:0}
  .scope-platform .dtp-timeline{padding-left:1.6rem}
  .scope-platform .dtp-timeline:before{left:.6rem}
  .scope-platform .dtp-timeline__step{padding:1rem}
  .scope-platform .dtp-timeline__step:before{display:none}
}
#case-studies .cs-card{display:flex;flex-direction:column;min-height:100%;gap:.75rem}
#case-studies .cs-card h4{font-size:1.05rem;font-weight:700;color:color-mix(in oklab,var(--fg) 92%,var(--muted))}
#case-studies .cs-card p{margin:0;color:color-mix(in oklab,var(--fg) 76%,var(--muted));line-height:1.6}
#case-studies .cs-card .cs-highlight-list{margin-top:.8rem;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.85rem;color:color-mix(in oklab,var(--fg) 72%,var(--muted));line-height:1.55}
#case-studies .cs-card .cs-highlight-list li{list-style:disc}
.scope-service-healthcare-bpo .hxb-header{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2rem}
.scope-service-healthcare-bpo .hxb-breadcrumb{font-size:.85rem;color:var(--muted)}
.scope-service-healthcare-bpo .hxb-breadcrumb a{color:var(--muted)}
.scope-service-healthcare-bpo .hxb-header h1{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:1.1}
.scope-service-healthcare-bpo .hxb-header__tagline{font-size:1.05rem;color:color-mix(in oklab, var(--fg) 76%, var(--muted));line-height:1.55}
.scope-service-healthcare-bpo .hxb-header__overview{display:grid;gap:.8rem;font-size:.98rem;color:color-mix(in oklab, var(--fg) 80%, var(--muted));line-height:1.6}
.scope-service-healthcare-bpo .hxb-header__cta{display:flex;flex-wrap:wrap;gap:1rem}
.scope-service-healthcare-bpo .hxb-metric-grid{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.scope-service-healthcare-bpo .hxb-card{border-radius:1.2rem;border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--card) 94%, transparent);padding:1.6rem;display:flex;flex-direction:column;gap:.65rem}
.scope-service-healthcare-bpo .hxb-card--metric{gap:.3rem;align-items:flex-start;padding:1.4rem;background:color-mix(in oklab, var(--card-2) 92%, transparent)}
.scope-service-healthcare-bpo .hxb-card__eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.scope-service-healthcare-bpo .hxb-card__title{font-size:1.05rem;font-weight:700;color:var(--fg)}
.scope-service-healthcare-bpo .hxb-card--media{padding:0;overflow:hidden}
.scope-service-healthcare-bpo .hxb-card--media .hxb-card__media{height:160px;background-size:cover;background-position:center}
.scope-service-healthcare-bpo .hxb-card--media .hxb-card__body{padding:1.4rem;display:flex;flex-direction:column;gap:.65rem}
.scope-service-healthcare-bpo .hxb-card--soft{background:color-mix(in oklab, var(--card-2) 90%, transparent)}
.scope-service-healthcare-bpo .hxb-card--soft.is-hover{border-color:color-mix(in oklab, var(--accent-strong) 45%, var(--border));box-shadow:0 26px 60px rgba(12,16,32,.14);transform:translateY(-4px)}
.scope-service-healthcare-bpo .hxb-card--outline{border-style:dashed}
.scope-service-healthcare-bpo .hxb-card ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.9rem;color:color-mix(in oklab, var(--fg) 74%, var(--muted))}
.scope-service-healthcare-bpo .hxb-card-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-healthcare-bpo .hxb-card-grid--narrow{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-healthcare-bpo .hxb-section{margin-bottom:2.2rem}
.scope-service-healthcare-bpo .hxb-section__head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.2rem}
.scope-service-healthcare-bpo .hxb-section__head h3{font-size:1.4rem;font-weight:700}
.scope-service-healthcare-bpo .hxb-section__head p{font-size:.95rem;color:color-mix(in oklab, var(--fg) 74%, var(--muted))}
.scope-service-healthcare-bpo .hxb-column-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-healthcare-bpo .hxb-journey{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-healthcare-bpo .hxb-journey__step{border:1px solid color-mix(in oklab, var(--border) 65%, transparent);border-radius:1.1rem;padding:1.4rem;background:color-mix(in oklab, var(--card) 94%, transparent);display:flex;gap:.8rem;align-items:flex-start}
.scope-service-healthcare-bpo .hxb-journey__index{font-size:1.3rem;font-weight:700;color:var(--accent-strong)}
.scope-service-healthcare-bpo .hxb-journey__step h4{font-size:1rem;font-weight:700;margin-bottom:.25rem}
.scope-service-healthcare-bpo .hxb-journey__step p{font-size:.9rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted))}
.scope-service-healthcare-bpo .hxb-two-col{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-healthcare-bpo .hxb-two-col ul{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;font-size:.94rem;color:color-mix(in oklab, var(--fg) 76%, var(--muted))}
.scope-service-healthcare-bpo .hxb-chip-cloud{display:flex;flex-wrap:wrap;gap:.6rem}
.scope-service-healthcare-bpo .hxb-faq-list{display:grid;gap:1rem}
.scope-service-healthcare-bpo .hxb-accordion{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:1rem;padding:1rem 1.2rem;background:color-mix(in oklab, var(--card) 94%, transparent)}
.scope-service-healthcare-bpo .hxb-accordion summary{cursor:pointer;font-weight:600}
.scope-service-healthcare-bpo .hxb-accordion p{margin-top:.6rem;font-size:.88rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted));line-height:1.55}

@media (max-width:540px){
  .scope-service-healthcare-bpo .hxb-header__cta{flex-direction:column;align-items:flex-start}
}

/* ===== Healthcare Software Development detail ===== */
.scope-service-healthcare-software-development .panel{border-radius:1.4rem}
.scope-service-healthcare-software-development .hsd-header{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2rem}
.scope-service-healthcare-software-development .hsd-breadcrumb{font-size:.85rem;color:var(--muted)}
.scope-service-healthcare-software-development .hsd-breadcrumb a{color:var(--muted)}
.scope-service-healthcare-software-development .hsd-header h1{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:1.1}
.scope-service-healthcare-software-development .hsd-header__tagline{font-size:1.05rem;color:color-mix(in oklab, var(--fg) 76%, var(--muted));line-height:1.55}
.scope-service-healthcare-software-development .hsd-header__overview{display:grid;gap:.8rem;font-size:.98rem;color:color-mix(in oklab, var(--fg) 80%, var(--muted));line-height:1.6}
.scope-service-healthcare-software-development .hsd-header__cta{display:flex;flex-wrap:wrap;gap:1rem}
.scope-service-healthcare-software-development .hsd-section{margin-bottom:2.2rem}
.scope-service-healthcare-software-development .hsd-section__head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.2rem}
.scope-service-healthcare-software-development .hsd-section__head h3{font-size:1.4rem;font-weight:700}
.scope-service-healthcare-software-development .hsd-section__head p{font-size:.95rem;color:color-mix(in oklab, var(--fg) 74%, var(--muted))}
.scope-service-healthcare-software-development .hsd-metric-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.scope-service-healthcare-software-development .hsd-card{border-radius:1.2rem;border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--card) 94%, transparent);padding:1.6rem;display:flex;flex-direction:column;gap:.65rem}
.scope-service-healthcare-software-development .hsd-card--metric{gap:.3rem;padding:1.4rem;background:color-mix(in oklab, var(--card-2) 92%, transparent)}
.scope-service-healthcare-software-development .hsd-card__eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.scope-service-healthcare-software-development .hsd-card__title{font-size:1.05rem;font-weight:700;color:var(--fg)}
.scope-service-healthcare-software-development .hsd-card--media{padding:0;overflow:hidden}
.scope-service-healthcare-software-development .hsd-card--media .hsd-card__media{height:160px;background-size:cover;background-position:center}
.scope-service-healthcare-software-development .hsd-card--media .hsd-card__body{padding:1.4rem;display:flex;flex-direction:column;gap:.65rem}
.scope-service-healthcare-software-development .hsd-card--soft{background:color-mix(in oklab, var(--card-2) 90%, transparent);transition:transform .3s ease, box-shadow .3s ease,border-color .3s ease}
.scope-service-healthcare-software-development .hsd-card--soft.is-hover{border-color:color-mix(in oklab, var(--accent-strong) 45%, var(--border));box-shadow:0 26px 60px rgba(12,16,32,.14);transform:translateY(-4px)}
.scope-service-healthcare-software-development .hsd-card--outline{border-style:dashed}
.scope-service-healthcare-software-development .hsd-card ul{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.9rem;color:color-mix(in oklab, var(--fg) 74%, var(--muted))}
.scope-service-healthcare-software-development .hsd-card-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-healthcare-software-development .hsd-card-grid--narrow{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-healthcare-software-development .hsd-column-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-healthcare-software-development .hsd-journey{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.scope-service-healthcare-software-development .hsd-journey__step{border:1px solid color-mix(in oklab, var(--border) 65%, transparent);border-radius:1.1rem;padding:1.4rem;background:color-mix(in oklab, var(--card) 94%, transparent);display:flex;gap:.8rem;align-items:flex-start}
.scope-service-healthcare-software-development .hsd-journey__index{font-size:1.3rem;font-weight:700;color:var(--accent-strong)}
.scope-service-healthcare-software-development .hsd-journey__step h4{font-size:1rem;font-weight:700;margin-bottom:.25rem}
.scope-service-healthcare-software-development .hsd-journey__step p{font-size:.9rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted))}
.scope-service-healthcare-software-development .hsd-two-col{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.scope-service-healthcare-software-development .hsd-two-col ul{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;font-size:.94rem;color:color-mix(in oklab, var(--fg) 76%, var(--muted))}
.scope-service-healthcare-software-development .hsd-chip-cloud{display:flex;flex-wrap:wrap;gap:.6rem}
.scope-service-healthcare-software-development .hsd-faq-list{display:grid;gap:1rem}
.scope-service-healthcare-software-development .hsd-accordion{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:1rem;padding:1rem 1.2rem;background:color-mix(in oklab, var(--card) 94%, transparent)}
.scope-service-healthcare-software-development .hsd-accordion summary{cursor:pointer;font-weight:600}
.scope-service-healthcare-software-development .hsd-accordion p{margin-top:.6rem;font-size:.88rem;color:color-mix(in oklab, var(--fg) 72%, var(--muted));line-height:1.55}

@media (max-width:720px){
  .scope-service-healthcare-software-development .hsd-card--media .hsd-card__media{height:140px}
}
@media (max-width:540px){
  .scope-service-healthcare-software-development .hsd-header__cta{flex-direction:column;align-items:flex-start}
  .scope-service-healthcare-software-development .hsd-card-grid,
  .scope-service-healthcare-software-development .hsd-card-grid--narrow,
  .scope-service-healthcare-software-development .hsd-column-grid,
  .scope-service-healthcare-software-development .hsd-journey,
  .scope-service-healthcare-software-development .hsd-two-col{grid-template-columns:1fr}
}
}
@media (max-width:640px){
}
.panel--ra-line .ra-line-body h4{
  margin:0;
  font-size:1.02rem;
  font-weight:700;
}
.panel--ra-line .ra-line-body p{
  margin:0;
  font-size:.85rem;
  color: color-mix(in oklab, var(--fg) 78%, var(--muted));
  line-height:1.5;
}

.panel--cs-faq .cs-faq-grid{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.panel--cs-faq .cs-faq-item{
  border:1px solid var(--border);
  border-radius:1rem;
  padding:1rem 1.2rem;
  background: color-mix(in oklab, var(--card) 90%, transparent);
  transition: border-color .2s ease, transform .2s ease;
}
.panel--cs-faq .cs-faq-item[open]{
  border-color: color-mix(in oklab, var(--neon-cyan) 30%, var(--border));
  transform: translateY(-2px);
}
.panel--cs-faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  cursor:pointer;
  font-weight:600;
  list-style:none;
}
.panel--cs-faq summary::-webkit-details-marker{ display:none; }
.panel--cs-faq .cs-faq-q{ font-size:.92rem; }
.panel--cs-faq .cs-faq-icon{
  width:18px; height:18px;
  border-radius:50%;
  background: linear-gradient(135deg, var(--neon-cyan), var(--neon-violet));
  position:relative;
}
.panel--cs-faq .cs-faq-icon::before,
.panel--cs-faq .cs-faq-icon::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:10px; height:2px;
  background: var(--card);
  transform:translate(-50%,-50%);
  transition: transform .2s ease;
}
.panel--cs-faq .cs-faq-icon::after{ transform:translate(-50%,-50%) rotate(90deg); }
.panel--cs-faq .cs-faq-item[open] .cs-faq-icon::after{ transform:translate(-50%,-50%) rotate(0deg); }
.panel--cs-faq details p{
  margin:.75rem 0 0;
  font-size:.82rem;
  color: color-mix(in oklab, var(--fg) 80%, var(--muted));
  line-height:1.5;
}

.panel--cs-cta .cs-cta-wrap{
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:1.5rem;
  border:1px solid var(--border);
  border-radius:1.2rem;
  position:relative;
  overflow:hidden;
  background: color-mix(in oklab, var(--card) 92%, transparent);
}
.panel--cs-cta .cs-cta-wrap::before{
  content:"";
  position:absolute;
  inset:-30% -40% 40% auto;
  background: radial-gradient(circle, color-mix(in oklab, var(--neon-cyan) 18%, transparent) 0%, transparent 75%);
  opacity:.35;
  pointer-events:none;
}
.panel--cs-cta .cs-cta-copy h3{
  margin:0 0 .5rem 0;
  font-size:1.2rem;
  font-weight:700;
}
.panel--cs-cta .cs-cta-copy p{
  margin:0;
  font-size:.9rem;
  color: color-mix(in oklab, var(--fg) 82%, var(--muted));
  line-height:1.5;
  max-width:46ch;
}
.panel--cs-cta .btn-flat-solid{
  align-self:flex-start;
}
.panel--cs-cta .btn-flat-solid:hover{
  transform: translateY(-1px);
}

.panel--signature .signature-row{
  display:grid;
  gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
}
.panel--signature .signature-card{
  position:relative;
  padding:1.1rem 1.2rem;
  display:flex;
  flex-direction:column;
  gap:.65rem;
  min-height:190px;
  border:1px solid var(--border);
  border-radius:1.1rem;
  background: color-mix(in oklab, var(--card) 88%, transparent);
  overflow:hidden;
}
.panel--signature .sig-head{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
}
.panel--signature .sig-digit{
  display:inline-flex;
  width:32px; height:32px;
  border-radius:50%;
  align-items:center; justify-content:center;
  font-weight:700;
  font-size:.85rem;
  color: var(--fg);
  background: color-mix(in oklab, var(--card-2) 90%, transparent);
  border:1px solid color-mix(in oklab, var(--neon-cyan) 35%, var(--border));
  box-shadow:0 12px 22px -18px var(--neon-cyan);
}
.panel--signature .sig-title-wrap{ display:flex; flex-direction:column; gap:.35rem; }
.panel--signature .sig-title-wrap h4{
  margin:0;
  font-size:1rem;
  font-weight:600;
  position:relative;
  z-index:1;
}
.panel--signature .sig-body{
  margin:0;
  font-size:.86rem;
  color: color-mix(in oklab, var(--fg) 82%, var(--muted));
  line-height:1.5;
  position:relative;
  z-index:1;
}
.panel--signature .sig-body{
  margin:0;
  font-size:.86rem;
  color: color-mix(in oklab, var(--fg) 85%, var(--muted));
  line-height:1.45;
}

.panel--agile .agile-grid{
  display:grid;
  gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
}
.panel--agile .agile-card{
  border:1px solid var(--border);
  border-radius:1.05rem;
  padding:1.1rem 1.2rem;
  background: color-mix(in oklab, var(--card) 88%, transparent);
  position:relative;
  overflow:hidden;
}
.panel--agile .agile-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, color-mix(in oklab, var(--neon-cyan) 12%, transparent) 0%, transparent 55%);
  opacity:.45;
  pointer-events:none;
}
.panel--agile .agile-card::after{
  content:"";
  position:absolute;
  inset:auto auto -45% -35%;
  width:200px; height:200px;
  background: radial-gradient(circle, color-mix(in oklab, var(--neon-cyan) 25%, transparent) 0%, transparent 70%);
  opacity:.25;
  pointer-events:none;
}
.panel--agile .agile-card[data-idx="1"]::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-violet) 24%, transparent) 0%, transparent 70%); }
.panel--agile .agile-card[data-idx="2"]::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-pink) 22%, transparent) 0%, transparent 70%); }
.panel--agile .agile-card[data-idx="3"]::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-lime) 20%, transparent) 0%, transparent 70%); }
.panel--agile .agile-card header{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  margin-bottom:.6rem;
  position:relative;
  z-index:1;
}
.panel--agile .agile-step-index{
  width:32px; height:32px;
  border-radius:50%;
  display:inline-flex;
  align-items:center; justify-content:center;
  font-weight:700;
  color: var(--fg);
  background: color-mix(in oklab, var(--card-2) 90%, transparent);
  border:1px solid color-mix(in oklab, var(--neon-violet) 35%, var(--border));
}
.panel--agile .agile-time{
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color: color-mix(in oklab, var(--fg) 65%, var(--muted));
}
.panel--agile .agile-card h4{
  margin:0;
  font-size:.94rem;
  font-weight:600;
}
.panel--agile .agile-card p{
  margin:.2rem 0 0;
  font-size:.82rem;
  color: color-mix(in oklab, var(--fg) 85%, var(--muted));
  line-height:1.45;
  position:relative;
  z-index:1;
}

.panel--delivery .delivery-grid{
  display:grid;
  gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
}
.panel--delivery .delivery-card{
  display:flex;
  gap:.75rem;
  padding:1rem;
  border:1px solid var(--border);
  border-radius:1rem;
  background: color-mix(in oklab, var(--card) 88%, transparent);
  align-items:flex-start;
  position:relative;
  overflow:hidden;
}
.panel--delivery .delivery-card::after{
  content:"";
  position:absolute;
  inset:auto -30% -60% auto;
  width:180px; height:180px;
  background: radial-gradient(circle, color-mix(in oklab, var(--neon-cyan) 18%, transparent) 0%, transparent 70%);
  opacity:.25;
  pointer-events:none;
}
.panel--delivery .delivery-card:nth-child(2)::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-violet) 20%, transparent) 0%, transparent 70%); }
.panel--delivery .delivery-card:nth-child(3)::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-pink) 20%, transparent) 0%, transparent 70%); }
.panel--delivery .delivery-card:nth-child(4)::after{ background: radial-gradient(circle, color-mix(in oklab, var(--neon-lime) 18%, transparent) 0%, transparent 70%); }
.panel--delivery .delivery-card h4{
  margin:0;
  font-size:.92rem;
  font-weight:600;
  position:relative;
  z-index:1;
}
.panel--delivery .delivery-card p{
  margin:.35rem 0 0;
  font-size:.82rem;
  color: color-mix(in oklab, var(--fg) 85%, var(--muted));
  line-height:1.45;
  position:relative;
  z-index:1;
}
.panel--delivery .delivery-pill{
  width:12px;
  height:12px;
  border-radius:999px;
  background: linear-gradient(135deg, var(--neon-cyan), var(--neon-violet));
  margin-top:.4rem;
  box-shadow:0 0 14px -6px var(--neon-violet);
  position:relative;
  z-index:1;
}

.panel--foundations .foundations-columns{
  display:grid;
  gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
}
.panel--foundations .foundation-card{
  border:1px solid var(--border);
  border-radius:1rem;
  background: color-mix(in oklab, var(--card) 90%, transparent);
  padding:1rem 1.1rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  position:relative;
  overflow:hidden;
}
.panel--foundations .foundation-card::after{
  content:"";
  position:absolute;
  inset:auto -35% -45% auto;
  width:200px; height:200px;
  background: radial-gradient(circle, color-mix(in oklab, var(--neon-violet) 18%, transparent) 0%, transparent 70%);
  opacity:.25;
  pointer-events:none;
}
.panel--foundations .foundation-tag{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: color-mix(in oklab, var(--fg) 70%, var(--muted));
  position:relative;
  z-index:1;
}
.panel--foundations .foundation-tag::before{
  content:"";
  width:6px; height:6px;
  border-radius:999px;
  background: linear-gradient(135deg, var(--neon-cyan), var(--neon-violet));
  box-shadow:0 0 10px -4px var(--neon-violet);
}
.panel--foundations .foundation-card h4{
  margin:0;
  font-size:.94rem;
  font-weight:600;
  position:relative;
  z-index:1;
}
.panel--foundations .foundation-card p{
  margin:0;
  font-size:.82rem;
  color: color-mix(in oklab, var(--fg) 82%, var(--muted));
  line-height:1.45;
  position:relative;
  z-index:1;
}

.panel--outcomes .outcomes-canvas{
  position:relative;
  display:grid;
  gap:.85rem;
  grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
}
.panel--outcomes .outcome-pill{
  position:relative;
  display:flex;
  align-items:flex-start;
  padding:.65rem 1rem .65rem 1.1rem;
  border:1px solid var(--border);
  border-radius:1.05rem;
  background: color-mix(in oklab, var(--card) 90%, transparent);
  overflow:hidden;
  transition: transform .2s ease, border-color .2s ease;
}
.panel--outcomes .outcome-pill::before{
  content:"";
  position:absolute;
  inset:-40% auto auto -40%;
  width:180px; height:180px;
  background: radial-gradient(circle, color-mix(in oklab, var(--neon-cyan) 35%, transparent) 0%, transparent 70%);
  opacity:.3;
  transform: rotate(calc(12deg * var(--idx)));
  pointer-events:none;
}
.panel--outcomes .outcome-pill::after{
  content:"";
  position:absolute;
  top:50%; left:.75rem;
  width:6px; height:6px;
  border-radius:999px;
  background: linear-gradient(135deg, var(--neon-cyan), var(--neon-violet));
  transform:translateY(-50%);
  box-shadow: 0 0 10px -4px var(--neon-violet);
  z-index:1;
}
.panel--outcomes .outcome-pill:hover{
  transform: translateY(-3px);
  border-color: color-mix(in oklab, var(--neon-violet) 30%, var(--border));
}
.panel--outcomes .outcome-pill p{
  margin:0;
  font-size:.8rem;
  line-height:1.35;
  color: color-mix(in oklab, var(--fg) 82%, var(--muted));
  position:relative;
  z-index:1;
  padding-left:.7rem;
}
.panel--outcomes .outcome-gradient{
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:1.2rem;
  background: linear-gradient(135deg, transparent, color-mix(in oklab, var(--neon-cyan) 12%, transparent));
  opacity:.35;
}


/* ===== Pro workflow visuals ===== */
.gwf--pro .gwf-rail{ stroke-width:2.5; }
.gwf-conn{ stroke:url(#connGrad); stroke-width:2.5; fill:none; opacity:.85; }
.gwf-box{ fill: color-mix(in oklab, var(--card-2) 85%, var(--bg)); stroke: var(--border); }
.gwf-node{ transition: transform .2s ease, filter .2s ease; }
.gwf-node:hover{ transform: translateY(-2px); filter: drop-shadow(0 6px 20px var(--shadow)); }
.gwf-ico .ico-dot{ r:10; }
.ico-plan{ fill: var(--neon-cyan); }
.ico-build{ fill: var(--neon-violet); }
.ico-qa{ fill: var(--neon-pink); }
.ico-run{ fill: color-mix(in oklab, var(--neon-violet) 45%, var(--neon-cyan)); }
.ico-arch{ fill: color-mix(in oklab, var(--fg) 50%, var(--neon-cyan)); }


/* --- Flicker fix & hover feedback --- */
.gwf-node{ transition: filter .15s ease; } /* no transform to avoid repaint jumps */
.gwf-node:hover .gwf-box{ stroke: var(--neon-violet); stroke-width: 2; }
.gwf-conn{ transition: opacity .2s ease; }
.gwf-node:hover ~ .gwf-conn { opacity: .95; }

/* --- Cadence: better labels & tooltips --- */
/* --- Tech group icon --- */
.tg-ico{ width:16px; height:16px; margin-right:.35rem; opacity:.7; vertical-align:middle; }
.tech-group-title{ display:flex; align-items:center; gap:.35rem; }


/* === Engagement Options (right rail) === */
.engage .engage-h{
  padding: .9rem 1rem; font-weight: 800; border-bottom: 1px solid var(--border);
  background: linear-gradient(90deg, color-mix(in oklab, var(--card-2) 65%, var(--bg)), var(--card));
  border-top-left-radius: 1rem; border-top-right-radius: 1rem;
}
.engage-grid{ display:grid; gap:.6rem; padding: .8rem; }
.eng-card{
  display:flex; gap:.7rem; align-items:flex-start; padding:.75rem .8rem;
  border:1px solid var(--border); border-radius:.8rem; background: var(--card);
}
.eng-svg{ width: 22px; height: 22px; opacity:.8; }
.eng-name{ font-size:.75rem; text-transform:uppercase; letter-spacing:.08rem; color: var(--muted); }
.eng-title{ font-weight:800; margin-top:.1rem; }
.eng-desc{ font-size:.9rem; color: var(--muted); margin-top:.15rem; line-height:1.5; }

/* === Workflow node: flicker-free highlight === */
.gwf-node .gwf-box{ stroke-width:1.5; }
.gwf-node.active .gwf-box{ stroke: var(--neon-violet); }  /* color only, no width change */
.gwf-node{ will-change: opacity; } /* hint only; no transforms */

/* Remove old hover rules if present */
.gwf-node:hover .gwf-box{ stroke: var(--neon-violet); } /* harmless if both present */
.gwf-node:hover ~ .gwf-conn { opacity: .95; } /* ok; no size/pos change */


/* === Enlarge workflow nodes === */
.gwf-title{ font-size:14px; font-weight:800; }
.gwf-sub{ font-size:12px; }
.gwf-box{ height:80px !important; }
.gwf-node{ cursor:default; }


/* ===== Route-scoped hooks (no visual change by default) ===== */
.page-scope { /* acts as a namespace root per page */ }
.scope-service .section, .scope-platform .section { /* placeholder hook */ }

/* Example (commented): Customize a specific service without touching others */
/*
.route-service-detail-custom-software-and-app-development .page-scope [data-section="hero"] {
  /* e.g., background: linear-gradient(#000,#111); * /
}
*/


/* ===== Modern section panels ===== */
.panel--modern{ background:linear-gradient(180deg, color-mix(in oklab, var(--card) 90%, var(--bg)), var(--card)); border:1px solid var(--border); border-radius:1.25rem; padding:1.25rem; box-shadow: 0 6px 20px rgba(0,0,0,.05); }
.modern-grid{ display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap:.6rem; }
@media (min-width: 640px){ .modern-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width: 1024px){ .modern-grid{ grid-template-columns: repeat(3,minmax(0,1fr)); } }
.modern-item{ display:flex; align-items:flex-start; gap:.5rem; padding:.55rem .6rem; border:1px dashed var(--border); border-radius:.75rem; background:color-mix(in oklab, var(--card) 92%, var(--bg)); }
.modern-item:hover{ border-style:solid; }
.modern-dot{ width:.55rem; height:.55rem; border-radius:999px; background: color-mix(in oklab, var(--neon-cyan) 55%, var(--fg)); margin-top:.35rem; flex:0 0 auto; }
.modern-text{ font-size:.92rem; color:var(--muted); }


/* ===== Distinct section layouts ===== */

/* Commercials & Terms */
.panel--terms .panel-h{ margin-bottom:.5rem; }
.terms-grid{ display:grid; gap:.6rem; grid-template-columns: repeat(1,minmax(0,1fr)); }
@media (min-width:640px){ .terms-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
.term-card{ display:flex; gap:.6rem; padding:.7rem .8rem; border:1px solid var(--border); border-radius:.9rem; background:var(--card); }
.term-ico .sec-ico{ width:18px; height:18px; opacity:.9; }
.term-text{ color:var(--muted); font-size:.95rem; line-height:1.55; }

/* When To Use */
.panel--timeline .panel-h{ margin-bottom:.25rem; }
.page-scope .timeline{ position:relative; padding-top:.5rem; }
.timeline-line{ position:absolute; left:0; right:0; top:44px; height:2px; background:linear-gradient(90deg, var(--neon-cyan), var(--neon-violet), var(--neon-pink)); opacity:.35; }
.timeline-steps{ display:grid; gap:1rem; margin-top:.5rem; }
.timeline-step{ position:relative; padding-left:2.2rem; }
.timeline-dot{ position:absolute; left:.2rem; top:.45rem; width:12px; height:12px; border-radius:999px; background:color-mix(in oklab, var(--neon-cyan) 70%, var(--fg)); box-shadow:0 0 0 3px color-mix(in oklab, var(--bg) 70%, transparent); }
.timeline-body{ display:flex; align-items:flex-start; gap:.6rem; }
.timeline-index{ font-weight:800; font-size:.9rem; opacity:.7; margin-top:.05rem; }
.timeline-text{ color:var(--muted); font-size:.95rem; line-height:1.6; }

/* Optional Add‑Ons */
.panel--addons .panel-h{ margin-bottom:.4rem; }
.addon-grid{ display:grid; gap:.6rem; grid-template-columns: repeat(1,minmax(0,1fr)); }
@media (min-width:640px){ .addon-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .addon-grid{ grid-template-columns: repeat(3,minmax(0,1fr)); } }
.page-scope .addon-card{ display:flex; gap:.6rem; align-items:flex-start; padding:.75rem .85rem; border:1px dashed var(--border); border-radius:.9rem; background:color-mix(in oklab, var(--card) 92%, var(--bg)); }
.addon-card:hover{ border-style:solid; }
.addon-ico .sec-ico{ width:18px; height:18px; }
.addon-text{ color:var(--muted); font-size:.95rem; line-height:1.55; }


/* ===== Futuristic layouts per section ===== */
/* Commercials & Terms */
.terms-panel{ background:linear-gradient(180deg, color-mix(in oklab, var(--card) 86%, var(--bg)), var(--card)); border:1px solid var(--border); border-radius:1.25rem; padding:1.25rem; box-shadow: 0 8px 28px rgba(0,0,0,.06); }
.terms-grid{ display:grid; grid-template-columns: repeat(1, minmax(0,1fr)); gap:.75rem; }
@media (min-width: 768px){ .terms-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
.terms-item{ display:flex; gap:.6rem; border:1px solid var(--border); border-radius:.9rem; padding:.7rem .8rem; background:color-mix(in oklab, var(--card) 94%, var(--bg)); position:relative; overflow:hidden; }
.terms-item::after{ content:''; position:absolute; inset:auto -40% -70% -40%; height:120px; background: radial-gradient(120px 60px at 50% 100%, color-mix(in oklab, var(--neon-violet) 25%, transparent), transparent); opacity:.4; pointer-events:none; }
.terms-icon{ width:.65rem; height:.65rem; border-radius:999px; background: color-mix(in oklab, var(--neon-violet) 65%, var(--fg)); margin-top:.35rem; flex:0 0 auto; }
.terms-text{ color:var(--muted); font-size:.95rem; line-height:1.5; }

/* When To Use */
.use-panel{ background:linear-gradient(180deg, color-mix(in oklab, var(--card) 90%, var(--bg)), var(--card)); border:1px solid var(--border); border-radius:1.25rem; padding:1.25rem; }
.use-tiles{ display:grid; grid-template-columns: repeat(1, minmax(0,1fr)); gap:.75rem; }
@media (min-width: 768px){ .use-tiles{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 1280px){ .use-tiles{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
.use-tile{ display:flex; align-items:flex-start; gap:.6rem; padding:.8rem .9rem; border:1px solid var(--border); border-radius:1rem; background:linear-gradient(90deg, color-mix(in oklab, var(--card) 92%, var(--bg)), var(--card)); position:relative; overflow:hidden; }
.use-tile:hover{ border-color: color-mix(in oklab, var(--neon-cyan) 45%, var(--border)); box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.use-accent{ width:.25rem; height:1.1rem; border-radius:.25rem; margin-top:.25rem; background:linear-gradient(180deg, var(--neon-cyan), var(--neon-pink)); flex:0 0 auto; }
.use-text{ color:var(--muted); font-size:.95rem; line-height:1.55; }

/* Optional Add‑Ons */
.addon-panel{ background:linear-gradient(180deg, color-mix(in oklab, var(--card) 88%, var(--bg)), var(--card)); border:1px solid var(--border); border-radius:1.25rem; padding:1.25rem; }
.addon-chips{ display:flex; flex-wrap:wrap; gap:.55rem; }
.addon-chip{ display:inline-flex; align-items:center; gap:.45rem; padding:.45rem .7rem; border:1px solid var(--border); border-radius:999px; background:color-mix(in oklab, var(--card) 96%, var(--bg)); font-size:.92rem; color:var(--muted); }
.addon-chip:hover{ border-color: color-mix(in oklab, var(--neon-violet) 45%, var(--border)); }
.addon-dot{ width:.4rem; height:.4rem; border-radius:999px; background:color-mix(in oklab, var(--neon-pink) 60%, var(--fg)); }

/* ---- Custom Software & App Development page density tweak ---- */
body.route-service-custom-software-and-app-development.tls {
  --tls-gutter: var(--tls-space-3);
}

/* ===== Service detail layout polish ===== */
.scope-service .panel { border:1px solid var(--border); border-radius:1rem; background:var(--card); padding:1.1rem; }
.scope-service .panel + .panel { margin-top:1rem; }
.scope-service .panel-h .panel-title { font-weight:800; letter-spacing:.2px; }
.scope-service .modern-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.scope-service .modern-item { position:relative; padding:12px 14px; border:1px dashed var(--border-2); border-radius:.8rem; background:var(--card-2); }
.scope-service .modern-dot { width:6px; height:6px; border-radius:999px; background:var(--accent); display:inline-block; margin-right:8px; }

/* Terms grid (Commercials & Terms) */
.scope-service .terms-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; }
.scope-service .terms-item{ border:1px solid var(--border); border-radius:.8rem; padding:12px; background:var(--card-2); font-weight:600; }

/* Neon panel accent */
.panel--neon{ box-shadow:0 0 0 1px var(--border) inset, 0 0 24px rgba(94,234,212,.07); }

/* Use-cases tiles (if present) */
.scope-service .use-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.scope-service .use-tile{ border:1px solid var(--border); border-radius:.9rem; padding:14px; background:var(--card-2); }

/* Density tweak for this route */
body.route-service-custom-software-and-app-development.tls {
  --tls-gutter: var(--tls-space-3);
}



/* === Subpage Scoping Hardening ===
   Tie detail-only UI to the current page-scope so layouts/panels don't bleed. */
.page-scope .panel{ border:1px solid var(--border); background:var(--card); border-radius:1rem; padding:1.25rem; }
.page-scope .panel--prose p{ color:var(--muted); line-height:1.75; }
.page-scope .panel-title{ font-weight:800; letter-spacing:.2px; margin-bottom:.6rem; }

.page-scope .timeline{ position:relative; padding-top:.5rem; }
.page-scope .timeline-line{ position:absolute; left:0; right:0; top:44px; height:2px;
  background:linear-gradient(90deg, var(--neon-cyan), var(--neon-violet), var(--neon-pink)); opacity:.35; }
.page-scope .timeline-steps{ display:grid; gap:1rem; margin-top:.25rem; }
@media (min-width: 1024px){ .page-scope .timeline-steps{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.page-scope .tstep{ position:relative; padding:1rem; border:1px solid var(--border); border-radius:.85rem; background:var(--card-2); }
.page-scope .tbadge{ width:28px; height:28px; border-radius:9999px; display:inline-flex; align-items:center; justify-content:center;
  font-weight:800; border:1px solid var(--border); background:var(--card); }

.page-scope .panel--terms .terms-grid{ display:grid; gap:1rem; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); }
.page-scope .panel--addons .addon-grid{ display:grid; gap:1rem; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); }
.page-scope .panel--modern .modern-grid{ display:grid; gap:.75rem; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); }
.page-scope .panel--addons .addon-card,
.page-scope .panel--modern .modern-item,
.page-scope .panel--terms .term-card{ border:1px solid var(--border); background:var(--card); border-radius:.85rem; padding:.9rem; }
.page-scope .sec-ico{ width:18px; height:18px; opacity:.85; }

/* Ensure generic workflow/delivery panels outside page-scope never render accidentally */
main > section:not(.active) .page-scope{ display:none !important; }