.special-hero .command-board {
  min-height: 620px;
  min-width: 0;
  width: 100%;
}

.special-board {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 520px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(38, 85, 191, .14);
  border-radius: 34px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 32px 80px rgba(19, 44, 96, .16);
  backdrop-filter: blur(16px);
}

.special-board::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  right: -90px;
  top: -110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(49, 102, 229, .18), transparent 70%);
  pointer-events: none;
}

.special-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.special-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0a1f44;
  font-weight: 800;
}

.special-status {
  padding: 8px 12px;
  border-radius: 999px;
  color: #177547;
  background: #e9f8ef;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.special-caption {
  color: #6d7890;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.special-board h3,
.special-board h4,
.special-board p { margin: 0; }

/* Meta creative studio */
.target-studio {
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(237,242,255,.96));
}

.creative-stage {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 14px;
}

.creative-phone {
  min-height: 360px;
  padding: 14px;
  border-radius: 28px;
  background: #102350;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);
}

.creative-phone-top {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.creative-avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f4bd45, #315fe0);
}

.creative-reel {
  position: relative;
  display: flex;
  min-height: 270px;
  margin-top: 12px;
  padding: 22px;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(155deg, #345ee0 0%, #122653 55%, #07142f 100%);
}

.creative-reel::before,
.creative-reel::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
}

.creative-reel::before { width: 180px; height: 180px; right: -50px; top: -40px; }
.creative-reel::after { width: 90px; height: 90px; left: -20px; bottom: 20px; }

.creative-copy { position: relative; z-index: 2; }
.creative-copy span { font-size: 12px; opacity: .78; }
.creative-copy b { display: block; max-width: 220px; margin: 8px 0 14px; font-size: 24px; line-height: 1.05; }
.creative-copy i { display: inline-flex; padding: 9px 13px; border-radius: 12px; color: #102350; background: #fff; font-size: 12px; font-style: normal; font-weight: 900; }

.creative-side { display: grid; gap: 14px; }
.creative-mini {
  padding: 18px;
  border: 1px solid #e2e8f5;
  border-radius: 22px;
  background: #fff;
}
.creative-mini strong { display: block; margin: 6px 0; color: #0a1f44; font-size: 22px; }
.creative-mini p { color: #6d7890; font-size: 12px; line-height: 1.5; }
.audience-rings { position: relative; height: 82px; margin-top: 10px; }
.audience-rings span { position: absolute; top: 0; width: 72px; height: 72px; border: 2px solid rgba(49,95,224,.32); border-radius: 50%; }
.audience-rings span:nth-child(1) { left: 0; }
.audience-rings span:nth-child(2) { left: 38px; border-color: rgba(242,167,49,.55); }
.audience-rings span:nth-child(3) { left: 76px; border-color: rgba(35,162,103,.46); }
.lead-signal { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; padding: 14px 16px; border-radius: 18px; color: #fff; background: #112754; }
.lead-signal b { font-size: 14px; }
.lead-signal span { color: #7ee2a9; font-size: 12px; font-weight: 800; }

/* Search result studio */
.search-studio { background: linear-gradient(155deg, #fff 0%, #f6f8fd 100%); }
.search-bar-ui { display: flex; align-items: center; gap: 12px; padding: 17px 20px; border: 2px solid #dfe5f2; border-radius: 18px; background: #fff; box-shadow: 0 14px 32px rgba(25,46,91,.08); }
.search-bar-ui i { width: 16px; height: 16px; border: 2px solid #315fe0; border-radius: 50%; position: relative; }
.search-bar-ui i::after { content: ""; position: absolute; width: 7px; height: 2px; right: -5px; bottom: -2px; transform: rotate(45deg); background: #315fe0; }
.search-bar-ui b { min-width: 0; overflow-wrap: anywhere; color: #0a1f44; font-size: 15px; }
.serp-layout { display: grid; grid-template-columns: 1fr 145px; min-width: 0; gap: 14px; margin-top: 16px; }
.serp-results { display: grid; min-width: 0; gap: 12px; }
.serp-card { padding: 18px; border: 1px solid #e0e6f2; border-radius: 20px; background: #fff; }
.serp-card.is-active { border-color: rgba(49,95,224,.45); box-shadow: 0 16px 35px rgba(49,95,224,.12); }
.serp-card small { color: #53637d; font-size: 11px; font-weight: 800; }
.serp-card h4 { margin: 7px 0; color: #1d4ed8; font-size: 17px; }
.serp-card p { color: #68758c; font-size: 12px; line-height: 1.5; }
.serp-kpis { display: grid; gap: 12px; }
.serp-kpi { padding: 16px 14px; border-radius: 18px; background: #eef3ff; }
.serp-kpi.dark { color: #fff; background: #102652; }
.serp-kpi small { display: block; color: #6f7c93; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.serp-kpi.dark small { color: #aebde1; }
.serp-kpi b { display: block; margin-top: 7px; font-size: 18px; }
.query-stream { display: flex; gap: 8px; margin-top: 14px; overflow: hidden; }
.query-stream span { flex: 0 0 auto; padding: 8px 11px; border: 1px solid #e0e6f2; border-radius: 999px; color: #526079; background: #fff; font-size: 11px; font-weight: 700; }

/* SEO crawler */
.special-hero--seo .perf-grid { grid-template-columns: 1.08fr .92fr; }
.special-hero--seo .command-board { order: -1; }
.audit-studio { background: #0d1f46; border-color: rgba(255,255,255,.12); color: #fff; }
.audit-studio::before { background: radial-gradient(circle, rgba(69,112,237,.36), transparent 70%); }
.audit-studio .special-brand { color: #fff; }
.audit-studio .special-status { color: #9af2b8; background: rgba(49,185,105,.16); }
.audit-progress { height: 8px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.1); }
.audit-progress span { display: block; width: 76%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #3a67ee, #70d9a2); animation: auditScan 3s ease-in-out infinite alternate; }
.audit-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 16px 0; }
.audit-summary div { padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.06); }
.audit-summary small { display: block; color: #aab7d3; font-size: 10px; text-transform: uppercase; }
.audit-summary b { display: block; margin-top: 6px; font-size: 18px; }
.audit-table { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.04); }
.audit-row { display: grid; grid-template-columns: 52px 1fr 90px; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
.audit-row:last-child { border-bottom: 0; }
.audit-priority { display: inline-flex; justify-content: center; padding: 6px 8px; border-radius: 9px; color: #ffb5ad; background: rgba(239,80,65,.14); font-size: 11px; font-weight: 900; }
.audit-priority.p1 { color: #ffd684; background: rgba(239,172,50,.14); }
.audit-priority.p2 { color: #9fc1ff; background: rgba(57,105,230,.18); }
.audit-row b { font-size: 12px; }
.audit-row span:last-child { color: #aab7d3; font-size: 10px; text-align: right; }
.audit-footer { display: flex; justify-content: space-between; margin-top: 16px; color: #aab7d3; font-size: 11px; }

/* Landing live browser */
.landing-studio { padding: 18px; background: linear-gradient(145deg, #eff4ff, #fff8ec); }
.landing-browser { overflow: hidden; border: 1px solid #dfe5f1; border-radius: 24px; background: #fff; box-shadow: 0 24px 50px rgba(18,42,91,.13); }
.landing-browser-top { display: flex; align-items: center; gap: 7px; padding: 12px 16px; border-bottom: 1px solid #e7ebf3; background: #f7f9fd; }
.landing-browser-top i { width: 8px; height: 8px; border-radius: 50%; background: #ffb14a; }
.landing-browser-top i:nth-child(2) { background: #6ed097; }
.landing-browser-top i:nth-child(3) { background: #5b81ed; }
.landing-browser-top span { margin-left: 8px; color: #7a859a; font-size: 10px; }
.landing-canvas { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; min-height: 340px; padding: 26px; background: linear-gradient(145deg, #f5f8ff, #fff); }
.landing-offer { display: flex; flex-direction: column; justify-content: center; }
.landing-offer small { color: #315fe0; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.landing-offer h4 { margin: 10px 0; color: #0a1f44; font-size: 28px; line-height: 1.02; }
.landing-offer p { color: #69758a; font-size: 12px; line-height: 1.55; }
.landing-offer b { display: inline-flex; width: fit-content; margin-top: 16px; padding: 10px 14px; border-radius: 12px; color: #fff; background: #1946b7; font-size: 11px; }
.landing-form-ui { align-self: center; padding: 18px; border: 1px solid #e1e7f1; border-radius: 20px; background: #fff; box-shadow: 0 18px 35px rgba(19,45,92,.1); }
.landing-form-ui strong { color: #0a1f44; font-size: 13px; }
.landing-input { height: 34px; margin-top: 10px; border-radius: 10px; background: #f0f3f8; }
.landing-submit { margin-top: 10px; padding: 10px; border-radius: 10px; color: #fff; background: #173f9f; font-size: 10px; font-weight: 900; text-align: center; }
.landing-flow { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 14px; }
.landing-flow div { padding: 12px; border-radius: 15px; color: #33425d; background: rgba(255,255,255,.85); font-size: 10px; font-weight: 900; text-align: center; }
.landing-flow div::after { content: "Ready"; display: block; margin-top: 5px; color: #218a55; font-size: 9px; }

/* Corporate architecture */
.corporate-studio { background: linear-gradient(145deg, #fff, #edf3ff); }
.architecture-root { position: relative; z-index: 2; display: flex; justify-content: center; margin: 8px auto 28px; }
.architecture-node { padding: 13px 16px; border: 1px solid #dae3f4; border-radius: 16px; color: #0a1f44; background: #fff; box-shadow: 0 12px 26px rgba(22,49,101,.09); font-size: 12px; font-weight: 900; text-align: center; }
.architecture-root .architecture-node { color: #fff; border-color: transparent; background: #102a60; }
.architecture-tree { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.architecture-tree::before { content: ""; position: absolute; left: 12%; right: 12%; top: -15px; height: 1px; background: #b8c7e5; }
.architecture-branch { position: relative; display: grid; gap: 9px; }
.architecture-branch::before { content: ""; position: absolute; left: 50%; top: -15px; height: 15px; width: 1px; background: #b8c7e5; }
.architecture-child { padding: 10px; border-radius: 13px; color: #68758d; background: rgba(255,255,255,.75); font-size: 10px; font-weight: 700; text-align: center; }
.cms-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 18px; }
.cms-strip div { padding: 14px; border: 1px solid #dfe6f3; border-radius: 16px; background: #fff; }
.cms-strip small { color: #758198; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.cms-strip b { display: block; margin-top: 6px; color: #0a1f44; font-size: 13px; }
.cms-strip span { display: block; margin-top: 5px; color: #26915d; font-size: 9px; font-weight: 800; }

/* E-commerce order flow */
.commerce-studio {
  background: linear-gradient(145deg, #fff 0%, #f0f5ff 62%, #fff7e9 100%);
}

.commerce-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  min-width: 0;
  gap: 14px;
}

.commerce-product,
.commerce-checkout {
  min-width: 0;
  padding: 17px;
  border: 1px solid #dfe6f2;
  border-radius: 23px;
  background: rgba(255,255,255,.92);
}

.commerce-product-image {
  position: relative;
  display: flex;
  min-height: 165px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 17px;
  background: linear-gradient(145deg, #dce6ff, #f8ead3);
}

.commerce-product-image::before,
.commerce-product-image::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(49,95,224,.13);
}

.commerce-product-image::before { width: 150px; height: 150px; left: -45px; top: -55px; }
.commerce-product-image::after { width: 100px; height: 100px; right: -20px; bottom: -30px; background: rgba(239,169,54,.18); }
.commerce-product-image span { position: absolute; z-index: 2; left: 12px; top: 12px; padding: 6px 8px; border-radius: 8px; color: #fff; background: #1c4bc2; font-size: 9px; font-weight: 900; }
.commerce-product-image i { position: relative; z-index: 2; width: 78px; height: 100px; border-radius: 22px 22px 30px 30px; background: linear-gradient(150deg, #254fac, #0c1d42); box-shadow: 0 18px 30px rgba(22,48,104,.25); transform: rotate(8deg); }
.commerce-product > small { display: block; margin-top: 13px; color: #7b879b; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.commerce-product h3 { margin: 6px 0; color: #0a1f44; font-size: 18px; }
.commerce-product p { color: #68758a; font-size: 11px; line-height: 1.45; }
.commerce-product-buy { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 13px; }
.commerce-product-buy b { color: #0a1f44; font-size: 16px; }
.commerce-product-buy span { padding: 9px 11px; border-radius: 10px; color: #fff; background: #1744b5; font-size: 10px; font-weight: 900; }

.commerce-total { display: flex; align-items: flex-end; justify-content: space-between; margin: 17px 0; padding-bottom: 14px; border-bottom: 1px solid #e5eaf3; }
.commerce-total small { color: #7a879c; font-size: 10px; font-weight: 800; }
.commerce-total b { color: #0a1f44; font-size: 21px; }
.commerce-steps { display: grid; gap: 11px; }
.commerce-steps > div { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 10px; color: #8a94a7; }
.commerce-steps i { display: inline-grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; background: #edf0f6; font-size: 10px; font-style: normal; font-weight: 900; }
.commerce-steps span { font-size: 11px; font-weight: 900; }
.commerce-steps small { display: block; margin-top: 3px; font-size: 9px; font-weight: 600; }
.commerce-steps .done { color: #133774; }
.commerce-steps .done i { color: #fff; background: #2c5ed4; }
.commerce-steps .done small { color: #25925b; }

.commerce-signals { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 14px; }
.commerce-signals div { min-width: 0; padding: 13px; border: 1px solid #dfe6f2; border-radius: 16px; background: rgba(255,255,255,.86); }
.commerce-signals small { display: block; color: #7b879c; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.commerce-signals b { display: block; margin-top: 5px; overflow-wrap: anywhere; color: #0a1f44; font-size: 12px; }
.commerce-signals span { display: block; margin-top: 4px; color: #27915d; font-size: 9px; font-weight: 800; }

/* Website redesign comparison */
.redesign-studio {
  background: linear-gradient(145deg, #f4f6fa 0%, #fff 48%, #edf3ff 100%);
}

.redesign-compare {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe5ef;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 45px rgba(22,45,91,.1);
}

.redesign-side { position: relative; min-width: 0; padding: 18px; }
.redesign-before { color: #6f7785; background: #f0f1f3; filter: saturate(.35); }
.redesign-after { color: #0a1f44; background: linear-gradient(145deg, #fff, #eef4ff); }
.redesign-label { display: inline-flex; padding: 5px 8px; border-radius: 8px; color: #737b89; background: rgba(255,255,255,.72); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.redesign-after .redesign-label { color: #2452c3; background: #dfe9ff; }

.redesign-nav { display: flex; align-items: center; gap: 6px; margin: 14px 0 22px; }
.redesign-nav b { margin-right: auto; overflow-wrap: anywhere; font-size: 11px; }
.redesign-nav i { width: 22px; height: 4px; border-radius: 999px; background: currentColor; opacity: .18; }
.redesign-old-hero small, .redesign-new-hero small { font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.redesign-old-hero h3, .redesign-new-hero h3 { margin: 8px 0; font-size: 20px; line-height: 1.08; }
.redesign-old-hero p, .redesign-new-hero p { min-height: 48px; font-size: 10px; line-height: 1.5; }
.redesign-old-hero > b, .redesign-new-hero > b { display: inline-flex; margin-top: 12px; padding: 9px 11px; border-radius: 10px; color: #fff; background: #858b95; font-size: 9px; }
.redesign-new-hero > b { background: #1949bd; box-shadow: 0 8px 18px rgba(25,73,189,.2); }
.redesign-old-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 21px; }
.redesign-old-cards i { height: 31px; border-radius: 7px; background: rgba(90,97,108,.12); }
.redesign-new-metrics { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 21px; }
.redesign-new-metrics span { padding: 8px 9px; border: 1px solid #d7e1f5; border-radius: 9px; color: #236947; background: rgba(255,255,255,.8); font-size: 8px; font-weight: 900; }

.redesign-divider { position: absolute; z-index: 3; inset: 0 auto 0 50%; width: 1px; background: rgba(13,38,85,.16); }
.redesign-divider span { position: absolute; left: 50%; top: 50%; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #d7dfed; border-radius: 50%; color: #214fbf; background: #fff; box-shadow: 0 8px 18px rgba(20,44,89,.14); font-size: 13px; transform: translate(-50%,-50%); }
.redesign-checks { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 14px; }
.redesign-checks > div { position: relative; min-width: 0; padding: 12px 28px 12px 12px; border: 1px solid #dfe6f2; border-radius: 15px; background: rgba(255,255,255,.86); }
.redesign-checks small { display: block; color: #7c8799; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.redesign-checks b { display: block; margin-top: 5px; overflow-wrap: anywhere; color: #0a1f44; font-size: 10px; }
.redesign-checks span { position: absolute; right: 10px; top: 50%; display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; color: #fff; background: #27925c; font-size: 9px; transform: translateY(-50%); }

/* Website support operations center */
.support-studio { background: linear-gradient(145deg, #0d2149 0%, #112d63 68%, #183b79 100%); border-color: rgba(255,255,255,.1); color: #fff; }
.support-studio::before { background: radial-gradient(circle, rgba(75,128,255,.4), transparent 70%); }
.support-studio .special-brand { color: #fff; }
.support-studio .special-status { color: #99edb8; background: rgba(48,181,104,.15); }
.support-health { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 13px; }
.support-health > div { padding: 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.07); }
.support-health small { display: block; color: #aab8d4; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.support-health b { display: block; margin-top: 5px; font-size: 16px; }
.support-health span { display: block; margin-top: 4px; color: #7ce2a3; font-size: 8px; font-weight: 800; }
.support-workspace { display: grid; grid-template-columns: 1.35fr .65fr; min-width: 0; gap: 11px; }
.support-queue, .support-release { min-width: 0; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 19px; background: rgba(7,20,47,.38); }
.support-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.support-title b { font-size: 11px; }
.support-title span { color: #9eacc9; font-size: 8px; }
.support-ticket { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.08); }
.support-ticket i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: #9fc0ff; background: rgba(68,113,222,.2); font-size: 8px; font-style: normal; font-weight: 900; }
.support-ticket.critical i { color: #ffb0a9; background: rgba(232,75,65,.16); }
.support-ticket b { display: block; overflow-wrap: anywhere; font-size: 9px; }
.support-ticket small { display: block; margin-top: 3px; color: #97a7c7; font-size: 7px; }
.support-ticket > span { color: #76dfa0; font-size: 9px; font-weight: 900; }
.support-ticket.muted { opacity: .72; }
.support-release > small { color: #9eacc8; font-size: 8px; text-transform: uppercase; }
.support-release > b { display: block; margin: 6px 0 15px; font-size: 20px; }
.release-line { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 7px; margin-top: 11px; color: #b9c5dc; font-size: 8px; }
.release-line i { width: 7px; height: 7px; border-radius: 50%; background: #55cf89; box-shadow: 0 0 0 4px rgba(85,207,137,.1); }
.release-line em { color: #76dfa0; font-size: 7px; font-style: normal; font-weight: 900; }
.release-line.active { color: #fff; }

@media (min-width: 761px) {
  .special-hero--support .note-right { top: auto; right: 24px; bottom: 24px; transform: rotate(3deg); }
}

/* Localized service delivery panels */
.localized-studio { color: #fff; background: linear-gradient(145deg,#0d2149,#183b79); border-color: rgba(255,255,255,.1); }
.localized-studio .special-brand { color: #fff; }
.localized-studio .special-status { color: #96edb7; background: rgba(45,181,103,.16); }
.localized-studio--2 { background: linear-gradient(145deg,#16346d,#315fe0); }
.localized-studio--3 { background: linear-gradient(145deg,#091a3c,#152c5f); }
.localized-studio--4 { background: linear-gradient(145deg,#164d65,#237b82); }
.localized-studio--5 { background: linear-gradient(145deg,#342263,#6043a4); }
.localized-studio--6 { background: linear-gradient(145deg,#5b3010,#a65b20); }
.localized-studio--7 { background: linear-gradient(145deg,#24324d,#536783); }
.localized-studio--8 { background: linear-gradient(145deg,#0d493b,#15745d); }
.localized-delivery { display: grid; gap: 11px; }
.localized-delivery > div { display: grid; grid-template-columns: 38px 1fr 24px; align-items: center; gap: 12px; min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.11); border-radius: 17px; background: rgba(255,255,255,.07); }
.localized-delivery small { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 11px; color: #b9cbef; background: rgba(255,255,255,.08); font-size: 10px; font-weight: 900; }
.localized-delivery b { min-width: 0; overflow-wrap: anywhere; font-size: 12px; }
.localized-delivery span { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; color: #fff; background: #35aa70; font-size: 9px; }
.localized-result { display: grid; grid-template-columns: 1fr auto 25px; align-items: center; gap: 10px; margin-top: 14px; padding: 15px; border-radius: 17px; color: #0a1f44; background: #fff; }
.localized-result small { overflow-wrap: anywhere; color: #66748c; font-size: 9px; font-weight: 800; }
.localized-result b { font-size: 11px; }
.localized-result span { color: #315fe0; font-weight: 900; }

@keyframes auditScan { from { width: 38%; } to { width: 92%; } }

@media (max-width: 980px) {
  .special-hero--seo .command-board { order: initial; }
  .special-hero--seo .perf-grid { grid-template-columns: 1fr; }
  .special-hero .command-board { min-height: 0; }
}

@media (max-width: 640px) {
  .special-board { min-height: 0; padding: 16px; border-radius: 25px; }
  .creative-stage, .serp-layout, .landing-canvas { grid-template-columns: 1fr; }
  .creative-phone { min-height: 320px; }
  .creative-reel { min-height: 230px; }
  .creative-side { grid-template-columns: 1fr 1fr; }
  .serp-kpis { grid-template-columns: repeat(3,1fr); }
  .serp-layout { gap: 10px; }
  .audit-row { grid-template-columns: 46px 1fr; }
  .audit-row span:last-child { display: none; }
  .landing-canvas { min-height: 0; padding: 18px; }
  .architecture-tree { grid-template-columns: repeat(2,1fr); }
  .architecture-tree::before, .architecture-branch::before { display: none; }
  .cms-strip { grid-template-columns: 1fr; }
  .commerce-layout { grid-template-columns: 1fr; }
  .commerce-signals { grid-template-columns: repeat(3,1fr); }
  .commerce-signals div { padding: 10px 8px; }
  .commerce-signals b { font-size: 10px; }
  .commerce-signals span { font-size: 8px; }
  .redesign-side { padding: 12px; }
  .redesign-nav { margin: 10px 0 16px; }
  .redesign-nav i { width: 13px; }
  .redesign-old-hero h3, .redesign-new-hero h3 { font-size: 14px; }
  .redesign-old-hero p, .redesign-new-hero p { min-height: 42px; font-size: 8px; }
  .redesign-old-hero > b, .redesign-new-hero > b { padding: 7px 8px; font-size: 8px; }
  .redesign-old-cards, .redesign-new-metrics { margin-top: 14px; }
  .redesign-new-metrics span { padding: 6px; font-size: 7px; }
  .redesign-divider span { width: 28px; height: 28px; }
  .redesign-checks { gap: 6px; }
  .redesign-checks > div { padding: 9px 20px 9px 8px; }
  .redesign-checks b { font-size: 8px; }
  .redesign-checks span { right: 6px; width: 14px; height: 14px; font-size: 7px; }
  .support-health { gap: 6px; }
  .support-health > div { padding: 10px 8px; }
  .support-health b { font-size: 13px; }
  .support-workspace { grid-template-columns: 1fr; }
  .support-release { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; align-items: center; }
  .support-release > small, .support-release > b { grid-column: 1 / -1; }
  .support-release > b { margin: 0 0 4px; }
  .release-line { grid-template-columns: 7px 1fr; margin-top: 0; }
  .release-line em { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .audit-progress span { animation: none; width: 76%; }
}