/* Premium default service template. Layout CSS remains owned by this view. */
.bdp-page {
  --bdp-bg: #0c0c1f;
  --bdp-surface: #18182b;
  --bdp-soft: #161a28;
  --bdp-text: #eaf4ff;
  --bdp-muted: #cfe3ff;
  --bdp-border: rgba(37, 99, 235, 0.12);
  --bdp-blue: #60a5fa;
  --bdp-primary-bg: #2563eb;
  --bdp-primary-hover: #1d4ed8;
  --bdp-primary-text: #fff;
  --bdp-secondary-bg: transparent;
  --bdp-secondary-text: #eaf4ff;
  --bdp-green: var(--color-success, #10B981);
  --bdp-shadow: var(--glass-shadow, 0 22px 70px rgba(0, 0, 0, 0.18));
  background: var(--bdp-bg);
  color: var(--bdp-text);
  overflow: clip;
  color-scheme: dark;
}
html[data-theme="dark"] .bdp-page {
  --bdp-bg: #0c0c1f;
  --bdp-surface: #18182b;
  --bdp-soft: #161a28;
  --bdp-text: #eaf4ff;
  --bdp-muted: #cfe3ff;
  --bdp-border: rgba(37, 99, 235, 0.12);
  --bdp-blue: #60a5fa;
  --bdp-primary-bg: #2563eb;
  --bdp-primary-hover: #1d4ed8;
  --bdp-primary-text: #fff;
  --bdp-secondary-bg: transparent;
  --bdp-secondary-text: #eaf4ff;
  color-scheme: dark;
}
.bdp-page--it-services,
html[data-theme="dark"] .bdp-page--it-services {
  --bdp-blue: #a78bfa;
  --bdp-border: rgba(167, 139, 250, 0.26);
}
html[data-theme="light"] .bdp-page {
  --bdp-bg: #f8fafc;
  --bdp-surface: #fff;
  --bdp-soft: #f1f5f9;
  --bdp-text: #0f172a;
  --bdp-muted: #475569;
  --bdp-border: rgba(15, 23, 42, 0.12);
  --bdp-blue: #1d4ed8;
  --bdp-primary-bg: #1d4ed8;
  --bdp-primary-hover: #1e40af;
  --bdp-primary-text: #fff;
  --bdp-secondary-bg: #fff;
  --bdp-secondary-text: #0f172a;
  --bdp-shadow: 0 22px 70px rgba(15, 23, 42, 0.1);
  color-scheme: light;
}
html[data-theme="light"] .bdp-page--it-services {
  --bdp-blue: #6d28d9;
  --bdp-border: rgba(109, 40, 217, 0.24);
}
@media (prefers-color-scheme: light) {
  html:not([data-theme]) .bdp-page { --bdp-bg: #f8fafc; --bdp-surface: #fff; --bdp-soft: #f1f5f9; --bdp-text: #0f172a; --bdp-muted: #475569; --bdp-border: rgba(15, 23, 42, 0.12); --bdp-blue: #1d4ed8; --bdp-primary-bg: #1d4ed8; --bdp-primary-hover: #1e40af; --bdp-primary-text: #fff; --bdp-secondary-bg: #fff; --bdp-secondary-text: #0f172a; --bdp-shadow: 0 22px 70px rgba(15, 23, 42, 0.1); color-scheme: light; }
  html:not([data-theme]) .bdp-page--it-services { --bdp-blue: #6d28d9; --bdp-border: rgba(109, 40, 217, 0.24); }
}
.bdp-page * { box-sizing: border-box; }
.bdp-page h1,
.bdp-page h2,
.bdp-page h3,
.bdp-page strong {
  color: var(--bdp-text);
}
.bdp-page a:focus-visible,
.bdp-page summary:focus-visible {
  outline: 3px solid var(--bdp-blue);
  outline-offset: 4px;
  border-radius: 10px;
}
.bdp-shell { width: min(100% - 32px, 1120px); margin: 0 auto; }
.bdp-section { padding: clamp(42px, 7vw, 82px) 0; }
.bdp-page-header { padding: clamp(54px, 9vw, 108px) 0 clamp(42px, 7vw, 82px); }
.bdp-page-header .bdp-title { margin-top: 0; }
.bdp-section--soft { background: var(--bdp-soft); }
.bdp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 7px 12px;
  border: 1px solid var(--bdp-border);
  border-radius: 999px;
  background: var(--bdp-soft);
  color: var(--bdp-text);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
html[data-theme="dark"] .bdp-eyebrow {
  background: var(--bdp-soft);
  border-color: var(--bdp-border);
  color: var(--bdp-text);
}
.bdp-hero { padding: clamp(34px, 6vw, 72px) 0 clamp(46px, 7vw, 84px); }
.bdp-hero__panel {
  border: 1px solid var(--bdp-border);
  border-radius: 28px;
  background: var(--bdp-surface);
  backdrop-filter: var(--glass-backdrop, blur(14px));
  box-shadow: var(--bdp-shadow);
  overflow: hidden;
}
html[data-theme="dark"] .bdp-hero__panel {
  background: var(--bdp-surface);
}
.bdp-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.26fr) minmax(300px, 0.74fr);
  gap: clamp(26px, 4vw, 48px);
  padding: clamp(24px, 5vw, 56px);
}
.bdp-title {
  margin: 16px 0 14px;
  max-width: 760px;
  font-size: clamp(2.35rem, 6vw, 5rem);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: 0;
}
.bdp-title span {
  color: var(--bdp-blue);
}
.bdp-lede {
  max-width: 760px;
  margin: 0;
  color: var(--bdp-muted);
  font-size: clamp(1rem, 1.9vw, 1.18rem);
  line-height: 1.75;
}
.bdp-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.bdp-price {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid var(--bdp-border);
  border-radius: 14px;
  background: var(--bdp-soft);
}
html[data-theme="dark"] .bdp-price { background: var(--bdp-soft); }
.bdp-price strong { font-size: clamp(1.7rem, 3.5vw, 2.35rem); line-height: 1; }
.bdp-price span { color: var(--bdp-muted); font-size: 0.88rem; }
.bdp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.bdp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 18px;
  border-radius: 999px;
  border: 1px solid transparent;
  text-decoration: none;
  font-weight: 800;
  font-size: 0.92rem;
}
.bdp-page a.bdp-btn--primary,
.bdp-page a.bdp-btn--primary:visited { background: var(--bdp-button-bg, var(--bdp-primary-bg)); color: var(--bdp-button-text, var(--bdp-primary-text)); box-shadow: 0 14px 30px rgba(37, 99, 235, 0.22); }
.bdp-btn--secondary { background: var(--bdp-button-bg, var(--bdp-secondary-bg)); color: var(--bdp-button-text, var(--bdp-secondary-text)); border-color: var(--bdp-border); }
html[data-theme="dark"] .bdp-btn--secondary { background: var(--bdp-button-bg, var(--bdp-secondary-bg)); color: var(--bdp-button-text, var(--bdp-secondary-text)); }
.bdp-page a.bdp-btn--primary:hover,
.bdp-page a.bdp-btn--primary:focus-visible { background: var(--bdp-button-bg, var(--bdp-primary-hover)); color: var(--bdp-button-text, var(--bdp-primary-text)); }
.bdp-page a.bdp-btn--secondary:hover,
.bdp-page a.bdp-btn--secondary:focus-visible { color: var(--bdp-button-text, var(--bdp-secondary-text)); border-color: var(--bdp-blue); }
.bdp-hero-list,
.bdp-check-list {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  gap: 11px;
}
.bdp-hero-list li,
.bdp-check-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--bdp-muted);
  line-height: 1.55;
}
.bdp-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--bdp-soft);
  color: var(--bdp-blue);
}
.bdp-icon svg,
.bdp-small-icon svg { width: 18px; height: 18px; display: block; }
.bdp-small-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bdp-green);
}
.bdp-snapshot {
  display: grid;
  gap: 14px;
}
.bdp-card {
  border: 1px solid var(--bdp-border);
  border-radius: 18px;
  background: var(--bdp-surface);
  box-shadow: var(--bdp-shadow);
  padding: clamp(18px, 2.7vw, 26px);
}
html[data-theme="dark"] .bdp-card { box-shadow: var(--bdp-shadow); }
.bdp-card h2,
.bdp-card h3 { margin: 0 0 9px; font-size: clamp(1.25rem, 2.3vw, 1.65rem); line-height: 1.12; }
.bdp-card p { margin: 0; color: var(--bdp-muted); line-height: 1.7; }
.bdp-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.bdp-stat {
  padding: 12px;
  border-radius: 12px;
  background: var(--bdp-soft);
}
.bdp-stat span { display: block; color: var(--bdp-muted); font-size: 0.78rem; font-weight: 800; text-transform: uppercase; }
.bdp-stat strong { display: block; margin-top: 4px; font-size: 1rem; }
.bdp-section-title {
  margin: 0 0 18px;
  max-width: 820px;
  color: var(--bdp-text);
  font-size: clamp(1.75rem, 4vw, 3rem);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: 0;
}
.bdp-intro { max-width: 760px; margin: 0 0 28px; color: var(--bdp-muted); line-height: 1.75; }
.bdp-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 22px;
}
.bdp-copy p { margin: 0 0 16px; color: var(--bdp-muted); line-height: 1.85; }
.bdp-copy p:last-child { margin-bottom: 0; }
.bdp-grid { display: grid; gap: 16px; }
.bdp-grid--features { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bdp-grid--pricing { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.bdp-grid--why { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bdp-tile {
  border: 1px solid var(--bdp-border);
  border-radius: 16px;
  background: var(--bdp-surface);
  padding: 18px;
}
.bdp-tile h3 { margin: 12px 0 8px; font-size: 1rem; line-height: 1.28; }
.bdp-tile p { margin: 0; color: var(--bdp-muted); line-height: 1.65; font-size: 0.93rem; }
.bdp-tier { display: flex; flex-direction: column; }
.bdp-tier__label {
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--bdp-soft);
  color: var(--bdp-text);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}
html[data-theme="dark"] .bdp-tier__label {
  background: var(--bdp-soft);
  color: var(--bdp-text);
}
.bdp-tier__price { margin: 13px 0 8px; font-size: 2rem; line-height: 1; font-weight: 900; }
.bdp-tier ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; }
.bdp-tier li { color: var(--bdp-muted); font-size: 0.9rem; line-height: 1.45; }
.bdp-faq { max-width: 900px; display: grid; gap: 12px; }
.bdp-faq__item {
  border: 1px solid var(--bdp-border);
  border-radius: 14px;
  background: var(--bdp-surface);
  padding: 0;
  overflow: hidden;
}
.bdp-faq__summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 24px;
  color: var(--bdp-text);
  font-weight: 850;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
}
.bdp-faq__summary::-webkit-details-marker { display: none; }
.bdp-faq__toggle {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bdp-border);
  border-radius: 999px;
  background: var(--bdp-soft);
  color: var(--bdp-text);
  font-size: 1.35rem;
  line-height: 1;
}
.bdp-faq__toggle::before { content: "+"; }
.bdp-faq__item[open] .bdp-faq__toggle::before { content: "-"; }
.bdp-faq__item p { margin: 0; padding: 0 24px 22px; color: var(--bdp-muted); line-height: 1.7; }
.bdp-related {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.bdp-related a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--bdp-border);
  border-radius: 14px;
  background: var(--bdp-surface);
  padding: 14px 16px;
  color: var(--bdp-text);
  text-decoration: none;
  font-weight: 850;
}
.bdp-related span { color: var(--bdp-text); }
.bdp-cta { padding-bottom: clamp(58px, 8vw, 92px); }
.bdp-cta__panel {
  border-radius: 24px;
  background: var(--service-section-bg, var(--card-bg, var(--bdp-surface)));
  border: 1px solid var(--card-border, var(--bdp-border));
  color: var(--bdp-text);
  padding: clamp(28px, 5vw, 52px);
  text-align: center;
  box-shadow: var(--bdp-shadow);
}
.bdp-cta__panel h2 { margin: 0 0 12px; color: var(--bdp-text); font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.08; }
.bdp-cta__panel p { max-width: 680px; margin: 0 auto; color: var(--bdp-muted); line-height: 1.75; }
.bdp-cta__panel .bdp-actions { justify-content: center; }
.bdp-cta__panel .bdp-btn--primary {
  background: var(--bdp-button-bg, var(--bdp-primary-bg));
  border-color: transparent;
  color: var(--bdp-button-text, var(--bdp-primary-text));
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}
.bdp-cta__panel .bdp-btn--secondary {
  background: transparent;
  border-color: var(--bdp-border);
  color: var(--bdp-text);
}
html[data-theme="dark"] .bdp-cta__panel .bdp-btn--secondary {
  background: transparent;
  border-color: var(--bdp-border);
  color: var(--bdp-text);
}
@media (max-width: 1020px) {
  .bdp-hero__grid,
  .bdp-overview,
  .bdp-grid--features,
  .bdp-grid--pricing,
  .bdp-grid--why,
  .bdp-related { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .bdp-shell { width: min(100% - 22px, 1120px); }
  .bdp-hero__grid { padding: 20px; }
  .bdp-stat-grid { grid-template-columns: 1fr; }
  .bdp-actions { flex-direction: column; }
  .bdp-btn { width: 100%; }
}
@media (max-width: 390px) {
  .bdp-shell { width: min(100% - 18px, 1120px); }
  .bdp-hero__grid { padding: 18px 16px; }
  .bdp-faq__summary { padding-inline: 16px; }
  .bdp-faq__item p { padding-inline: 16px; }
}
@media (max-width: 320px) {
  .bdp-title { font-size: 2.15rem; overflow-wrap: anywhere; }
  .bdp-eyebrow { border-radius: 14px; overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .bdp-page *, .bdp-page *::before, .bdp-page *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .bdp-hero__panel, .bdp-card, .bdp-tile, .bdp-faq__item, .bdp-related a, .bdp-cta__panel { border: 1px solid CanvasText; }
  .bdp-btn { border: 1px solid ButtonText; }
}