/* ============================================================
   DZIGNN V5.1 / GLASS REFINEMENT SYSTEM
   Production remediation layer: spacing, clarity, visible SVGs,
   motion affordances, theme switching, Atlas hierarchy, microdetail,
   and a rebuilt footer. Loaded after V5 CSS.
   ============================================================ */

:root{
  --v51-max:1500px;
  --v51-shell:calc(100% - 32px);
  --v51-gutter:clamp(22px,4.2vw,72px);
  --v51-section-y:clamp(72px,8vw,122px);
  --v51-card-pad:clamp(22px,2.2vw,36px);
  --v51-radius:22px;
  --v51-card-radius:15px;
  --v51-ease:cubic-bezier(.2,.72,.18,1);
  --v51-fast:240ms;
  --v51-mid:620ms;
}
html[data-theme="dark"]{
  --v51-bg:#07090d;
  --v51-bg-2:#0a0d12;
  --v51-surface:rgba(18,22,29,.72);
  --v51-surface-strong:rgba(13,16,22,.92);
  --v51-surface-soft:rgba(255,255,255,.035);
  --v51-card:rgba(255,255,255,.045);
  --v51-card-hover:rgba(255,255,255,.075);
  --v51-text:#f5f2ec;
  --v51-muted:rgba(245,242,236,.68);
  --v51-faint:rgba(245,242,236,.42);
  --v51-line:rgba(255,255,255,.115);
  --v51-line-strong:rgba(255,255,255,.22);
  --v51-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
  --v51-card-shadow:0 14px 40px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.045);
  --v51-svg-paper:#f2efe8;
  --v51-svg-ink:#11100f;
  --glass-night:#07090d;--glass-night-2:#0b0e13;--glass-text:#f5f2ec;--glass-muted:rgba(245,242,236,.68);--glass-faint:rgba(245,242,236,.42);--glass-line:rgba(255,255,255,.115);--glass-line-strong:rgba(255,255,255,.22);--glass-panel:rgba(18,22,29,.72);--glass-panel-strong:rgba(13,16,22,.92);--glass-panel-soft:rgba(255,255,255,.035);
}
html[data-theme="light"]{
  --v51-bg:#e9e7e2;
  --v51-bg-2:#f4f1eb;
  --v51-surface:rgba(255,255,255,.67);
  --v51-surface-strong:rgba(249,247,242,.92);
  --v51-surface-soft:rgba(255,255,255,.52);
  --v51-card:rgba(255,255,255,.58);
  --v51-card-hover:rgba(255,255,255,.86);
  --v51-text:#141414;
  --v51-muted:rgba(20,20,20,.67);
  --v51-faint:rgba(20,20,20,.43);
  --v51-line:rgba(17,16,15,.115);
  --v51-line-strong:rgba(17,16,15,.22);
  --v51-shadow:0 24px 70px rgba(32,29,24,.10),inset 0 1px 0 rgba(255,255,255,.82);
  --v51-card-shadow:0 12px 34px rgba(32,29,24,.075),inset 0 1px 0 rgba(255,255,255,.88);
  --v51-svg-paper:#f2efe8;
  --v51-svg-ink:#11100f;
  --glass-night:#e9e7e2;--glass-night-2:#f4f1eb;--glass-text:#141414;--glass-muted:rgba(20,20,20,.67);--glass-faint:rgba(20,20,20,.43);--glass-line:rgba(17,16,15,.115);--glass-line-strong:rgba(17,16,15,.22);--glass-panel:rgba(255,255,255,.67);--glass-panel-strong:rgba(249,247,242,.92);--glass-panel-soft:rgba(255,255,255,.52);--glass-shadow:0 24px 70px rgba(32,29,24,.10),inset 0 1px 0 rgba(255,255,255,.82);
}

html{background:var(--v51-bg);transition:background-color .32s var(--v51-ease)}
body.glass-site{
  background:
    radial-gradient(circle at 8% -4%,rgba(var(--dz-accent-rgb,243,84,45),.11),transparent 30rem),
    radial-gradient(circle at 92% 8%,rgba(49,91,255,.105),transparent 32rem),
    radial-gradient(circle at 70% 72%,rgba(159,115,255,.055),transparent 38rem),
    linear-gradient(145deg,var(--v51-bg),var(--v51-bg-2) 48%,var(--v51-bg));
  color:var(--v51-text);
  transition:background .4s var(--v51-ease),color .3s var(--v51-ease);
}
body.glass-site p{color:var(--v51-muted)}
body.glass-site main{padding:14px 0 34px}
body.glass-site:not(.start-page) main>section{
  width:var(--v51-shell);
  max-width:1920px;
  margin:14px auto;
  border:1px solid var(--v51-line)!important;
  border-radius:var(--v51-radius);
  background:linear-gradient(145deg,var(--v51-surface),color-mix(in srgb,var(--v51-surface) 58%,transparent));
  box-shadow:var(--v51-shadow);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  backdrop-filter:blur(22px) saturate(125%);
  overflow:hidden;
}
body.glass-site:not(.start-page) main>section + section{margin-top:16px}

/* ---------- consistent content rhythm ---------- */
body.glass-site .section-title{
  width:100%;max-width:var(--v51-max);margin:0 auto;
  padding:clamp(68px,7vw,108px) var(--v51-gutter) clamp(38px,4.4vw,64px);
  grid-template-columns:minmax(72px,112px) minmax(0,920px);
  gap:clamp(22px,3vw,44px);
}
body.glass-site .section-title h2{margin:14px 0 20px;max-width:940px;text-wrap:balance}
body.glass-site .section-title p{max-width:720px}
body.glass-site .section-no{border-top-color:var(--v51-line-strong)!important;color:var(--v51-faint)}
body.glass-site .section-title small{color:var(--v51-faint)}

/* Direct hero spacing consistency */
body.glass-site :where(.page-hero,.atlas-hero,.industry-hero,.work-hero,.hire-hero,.agency-hero,.contact-hero,.about-hero){
  padding-left:var(--v51-gutter)!important;padding-right:var(--v51-gutter)!important;
}
body.glass-site .page-hero{padding-top:clamp(76px,8vw,126px)!important;padding-bottom:clamp(70px,7vw,112px)!important}
body.glass-site :where(.atlas-hero,.industry-hero,.work-hero,.hire-hero,.agency-hero,.contact-hero){padding-top:clamp(72px,7vw,112px);padding-bottom:clamp(72px,7vw,112px)}
body.glass-site .detail-copy{padding:clamp(64px,7vw,110px) var(--v51-gutter)}
body.glass-site .category-copy{padding:clamp(68px,7vw,110px) var(--v51-gutter)}
body.glass-site .detail-definition{padding:clamp(62px,6.5vw,104px) var(--v51-gutter);gap:clamp(36px,5vw,76px)}
body.glass-site .service-context{padding:clamp(62px,6.5vw,104px) var(--v51-gutter);gap:clamp(42px,5vw,78px)}

/* Normalize dense production grids */
body.glass-site :where(.deliver-grid,.fit-grid,.module-cards,.trust-grid,.insights-grid,.industry-directory>div,.talent-directory>div,.role-atlas>section>div,.models>div,.agency-principles>div,.agency-scenarios,.article-body,.category-lines,.service-coverage,.process-rail>div,.engagement-path>div,.related-services>div:last-child){
  gap:12px!important;
  background:transparent!important;
}
body.glass-site :where(.deliver-grid,.fit-grid,.module-cards,.insights-grid,.industry-directory>div,.talent-directory>div,.article-body){padding-left:var(--v51-gutter)!important;padding-right:var(--v51-gutter)!important}
body.glass-site :where(.deliver-grid,.fit-grid,.module-cards,.insights-grid,.industry-directory>div,.talent-directory>div){padding-bottom:clamp(70px,7vw,112px)!important}

/* Unified cards: enough breathing room, less border collision */
body.glass-site :where(
  .deliver-grid article,.fit-grid article,.module-cards article,.trust-grid article,.insight-card,
  .industry-directory>div>a,.talent-directory>div>a,.role-atlas article,.models article,
  .agency-principles article,.agency-scenarios article,.article-body>div,.engagement-path article,
  .related-services>div:last-child>a,.case-blueprints article,.service-inputs li,.config-options label,
  .config-fields label,.brief-form label,.contact-form label
){
  margin:0!important;
  border:1px solid var(--v51-line)!important;
  border-radius:var(--v51-card-radius)!important;
  background:linear-gradient(145deg,var(--v51-card),color-mix(in srgb,var(--v51-card) 54%,transparent))!important;
  box-shadow:var(--v51-card-shadow);
  overflow:hidden;
}
body.glass-site :where(.deliver-grid article,.fit-grid article,.module-cards article,.trust-grid article,.insight-card,.industry-directory>div>a,.talent-directory>div>a,.role-atlas article,.models article,.agency-principles article,.agency-scenarios article,.article-body>div,.engagement-path article,.related-services>div:last-child>a){
  padding:var(--v51-card-pad)!important;
}
body.glass-site :where(.deliver-grid article,.fit-grid article,.module-cards article,.trust-grid article,.insight-card,.industry-directory>div>a,.talent-directory>div>a,.article-body>div):hover{
  background:linear-gradient(145deg,var(--v51-card-hover),color-mix(in srgb,var(--v51-card-hover) 60%,transparent))!important;
  border-color:color-mix(in srgb,var(--dz-accent,#f3542d) 44%,var(--v51-line))!important;
  transform:translateY(-3px)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-theme="light"] body.glass-site :where(.deliver-grid article,.fit-grid article,.module-cards article,.trust-grid article,.insight-card,.industry-directory>div>a,.talent-directory>div>a,.article-body>div):hover{box-shadow:0 18px 40px rgba(35,30,24,.10),inset 0 1px 0 #fff!important}

/* Remove old colliding grid borders where cards are now separated */
body.glass-site :where(.trust-grid article,.deliver-grid article,.fit-grid article,.engagement-path article,.related-services a,.authority-strip a){border-right-color:var(--v51-line)!important;border-bottom-color:var(--v51-line)!important}
body.glass-site .trust-grid{padding:0 var(--v51-gutter) clamp(70px,7vw,112px);border-bottom:0!important}
body.glass-site .trust-grid article{min-height:360px}
body.glass-site .authority-strip{gap:12px;padding:0 var(--v51-gutter) clamp(72px,7vw,110px);border-bottom:0!important}
body.glass-site .authority-strip a{border:1px solid var(--v51-line)!important;border-radius:var(--v51-card-radius);background:var(--v51-card);padding:var(--v51-card-pad);min-height:240px}
body.glass-site .article-body{padding-top:clamp(68px,6vw,96px)!important;padding-bottom:clamp(68px,6vw,96px)!important}
body.glass-site .article-body>div{min-height:0}

/* Configurator */
body.glass-site .configurator{max-width:var(--v51-max);margin:50px auto 110px;padding:0 var(--v51-gutter)}
body.glass-site .config-progress{border:1px solid var(--v51-line)!important;border-radius:12px;overflow:hidden;background:var(--v51-card);gap:1px}
body.glass-site .config-progress span{border:0!important;background:transparent;padding:16px 14px}
body.glass-site .config-progress span.active{background:color-mix(in srgb,var(--dz-accent) 18%,var(--v51-card))!important;color:var(--v51-text)}
body.glass-site .configurator form{margin-top:12px;border:1px solid var(--v51-line)!important;border-radius:18px;background:var(--v51-surface);overflow:hidden;box-shadow:var(--v51-shadow)}
body.glass-site .config-step{padding:clamp(42px,5vw,78px)}
body.glass-site .config-options{gap:12px;background:transparent;margin-top:38px}
body.glass-site .config-options label{padding:22px;min-height:145px}
body.glass-site .config-options label:has(input:checked){border-color:var(--dz-accent)!important;background:color-mix(in srgb,var(--dz-accent) 10%,var(--v51-card))!important}
body.glass-site .config-fields{gap:12px;background:transparent}.config-fields label{padding:22px!important}
body.glass-site :where(.config-fields select,.brief-form input,.brief-form textarea,.brief-form select,.contact-form input,.contact-form textarea,.contact-form select){background:color-mix(in srgb,var(--v51-bg) 54%,transparent)!important;border-color:var(--v51-line-strong)!important;color:var(--v51-text)!important;border-radius:9px}
body.glass-site :where(input,textarea,select)::placeholder{color:var(--v51-faint)}
body.glass-site .config-nav{border-top-color:var(--v51-line)!important;padding:20px clamp(20px,3vw,34px)}

/* ---------- SVG and icon visibility ---------- */
body.glass-site :where(.button,.contact-link,.search-button,.menu-button,.theme-toggle,.text-link,.faq button,.related-services a,.atlas-row,.service-line,.industry-ticker a,.foot-v51-actions,.foot-v51-systems,.atlas-v51) svg{
  opacity:1!important;visibility:visible!important;stroke:currentColor;fill:none;filter:none!important;
}
body.glass-site .brand svg{opacity:1!important;visibility:visible!important;filter:none!important}
body.glass-site .brand svg text{fill:currentColor}
body.glass-site :where(.service-visual,.hero-system-map,.intent-visual,.capability-visual,.delivery-map){
  background:var(--v51-svg-paper)!important;
  border-color:color-mix(in srgb,var(--v51-line-strong) 70%,#11100f)!important;
}
body.glass-site :where(.service-visual,.hero-system-map,.intent-visual,.capability-visual,.delivery-map) img[src$=".svg"]{
  display:block!important;opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important;
}
body.glass-site .service-visual{padding:0!important}
body.glass-site .service-visual img{width:100%;height:auto;object-fit:contain;background:var(--v51-svg-paper)!important}
body.glass-site .founder-map,body.glass-site .final-signal-art{opacity:.7!important;filter:none!important}
html[data-theme="dark"] body.glass-site :where(.hero-system-map,.capability-visual,.delivery-map){box-shadow:0 12px 30px rgba(0,0,0,.22)}

/* ---------- Header + real theme switch ---------- */
body.glass-site .site-head{
  position:sticky;top:0;z-index:150;
  background:color-mix(in srgb,var(--v51-surface-strong) 88%,transparent)!important;
  color:var(--v51-text)!important;
  border-bottom-color:var(--v51-line)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.10),inset 0 -1px 0 rgba(255,255,255,.025);
  -webkit-backdrop-filter:blur(26px) saturate(135%);backdrop-filter:blur(26px) saturate(135%);
}
html[data-theme="light"] body.glass-site .site-head{box-shadow:0 10px 28px rgba(28,25,21,.07),inset 0 -1px 0 rgba(255,255,255,.8)}
body.glass-site .head-line{color:var(--v51-faint);border-bottom-color:var(--v51-line)!important}
body.glass-site .primary{color:var(--v51-muted)}
body.glass-site :where(.search-button,.menu-button){border-color:var(--v51-line-strong)!important;background:var(--v51-card)!important;color:var(--v51-text)!important}
.theme-toggle{height:42px;min-width:82px;padding:0 8px;border:1px solid var(--v51-line-strong);border-radius:10px;background:var(--v51-card);color:var(--v51-text);display:flex;align-items:center;gap:7px;justify-content:center;transition:border-color var(--v51-fast),background var(--v51-fast),transform var(--v51-fast)}
.theme-toggle:hover{border-color:color-mix(in srgb,var(--orange) 60%,var(--v51-line));background:var(--v51-card-hover);transform:translateY(-1px)}
.theme-toggle-track{position:relative;width:31px;height:18px;border:1px solid var(--v51-line-strong);border-radius:20px;background:color-mix(in srgb,var(--v51-bg) 58%,transparent);display:block;flex:0 0 auto}
.theme-toggle-knob{position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--orange);transition:transform .3s var(--v51-ease),background .3s}
html[data-theme="light"] .theme-toggle-knob{transform:translateX(13px);background:#315bff}
.theme-toggle-track svg{position:absolute;width:7px!important;height:7px!important;top:4px;opacity:.44!important;stroke-width:2!important}.theme-sun{right:3px}.theme-moon{left:3px}
html[data-theme="dark"] .theme-moon{opacity:.9!important}html[data-theme="light"] .theme-sun{opacity:.9!important}
.theme-toggle-label{font:800 8px/1 monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--v51-muted)}

/* ---------- V5.1 Service Atlas: clearer, 4 systems instead of 6 crowded lanes ---------- */
@media(min-width:1151px){
  .nav-panel.atlas-v51{
    position:absolute;top:calc(100% + 10px);left:clamp(12px,2vw,30px);right:clamp(12px,2vw,30px);width:auto;
    max-height:calc(100vh - 132px);overflow:auto;padding:0;border:1px solid var(--v51-line-strong);border-radius:20px;
    color:var(--v51-text);background:
      radial-gradient(circle at 84% 0%,rgba(49,91,255,.10),transparent 26rem),
      radial-gradient(circle at 8% 105%,rgba(243,84,45,.11),transparent 28rem),
      color-mix(in srgb,var(--v51-surface-strong) 94%,transparent)!important;
    box-shadow:0 34px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);
    -webkit-backdrop-filter:blur(30px) saturate(142%);backdrop-filter:blur(30px) saturate(142%);
  }
  html[data-theme="light"] .nav-panel.atlas-v51{box-shadow:0 30px 80px rgba(31,27,22,.17),inset 0 1px 0 #fff}
  .atlas-v51:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--v51-line) 1px,transparent 1px),linear-gradient(90deg,var(--v51-line) 1px,transparent 1px);background-size:44px 44px;opacity:.22;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
  .atlas-v51-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(315px,1.05fr) minmax(310px,.95fr) auto 42px;align-items:center;gap:18px;padding:20px 22px;border-bottom:1px solid var(--v51-line)}
  .atlas-v51-intro{min-width:0}.atlas-v51-intro .atlas-eyebrow{margin-bottom:8px}.atlas-v51-intro strong{display:block;font-size:clamp(24px,2.25vw,36px);line-height:.98;letter-spacing:-.045em;color:var(--v51-text)}
  .atlas-v51-intro strong em{font-style:normal;color:var(--v51-faint);font-weight:500}.atlas-v51-intro p{font-size:10px;line-height:1.45;margin:10px 0 0;max-width:500px;color:var(--v51-faint)}
  .atlas-v51 .atlas-command{height:48px;background:var(--v51-card);border-color:var(--v51-line-strong);color:var(--v51-muted)}
  .atlas-v51 .atlas-command kbd{color:var(--v51-muted);border-color:var(--v51-line);background:color-mix(in srgb,var(--v51-bg) 45%,transparent)}
  .atlas-v51-meta{display:flex;align-items:stretch;border:1px solid var(--v51-line);border-radius:10px;overflow:hidden;background:var(--v51-card)}
  .atlas-v51-meta>span{min-width:78px;padding:9px 10px;border-right:1px solid var(--v51-line);display:flex;flex-direction:column;gap:3px}.atlas-v51-meta>span:last-child{border-right:0}
  .atlas-v51-meta b{font:900 12px/1 monospace;color:var(--v51-text)}.atlas-v51-meta small{font:700 6px/1.2 monospace;letter-spacing:.06em;color:var(--v51-faint)}
  .atlas-v51-meta .is-live b{color:#79df83}.atlas-v51-meta .is-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#65d871;margin-right:4px;box-shadow:0 0 8px #65d871}
  .atlas-v51 .atlas-close{align-self:center;background:var(--v51-card);border-color:var(--v51-line-strong);color:var(--v51-muted)}
  .atlas-v51-lanes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;border-bottom:1px solid var(--v51-line)}
  .atlas-v51-lane{--lane:#f3542d;min-width:0;padding:16px;border:1px solid var(--v51-line);border-radius:14px;background:linear-gradient(155deg,color-mix(in srgb,var(--lane) 7%,var(--v51-card)),var(--v51-card));box-shadow:var(--v51-card-shadow);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
  .atlas-v51-lane:after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--lane),transparent 84%);box-shadow:0 0 16px color-mix(in srgb,var(--lane) 48%,transparent)}
  .atlas-v51-lane[data-atlas-accent=development]{--lane:#f3542d}.atlas-v51-lane[data-atlas-accent=marketing]{--lane:#b8ef2f}.atlas-v51-lane[data-atlas-accent=design]{--lane:#4f78ff}.atlas-v51-lane[data-atlas-accent=ai]{--lane:#9f73ff}
  .atlas-v51-lane>header{min-height:68px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:start;padding-bottom:10px;border-bottom:1px solid var(--v51-line)}
  .atlas-v51-lane .atlas-icon{width:34px;height:34px;border-radius:9px;color:var(--lane);background:color-mix(in srgb,var(--lane) 10%,transparent);border-color:color-mix(in srgb,var(--lane) 40%,transparent)}
  .atlas-v51-lane header small{display:block;font:800 6.5px/1 monospace;letter-spacing:.09em;color:color-mix(in srgb,var(--lane) 82%,var(--v51-text));margin-bottom:5px}.atlas-v51-lane h3{font-size:16px;line-height:1;margin:0;color:var(--v51-text)}
  .atlas-v51-lane header p{font-size:8px;line-height:1.35;margin:5px 0 0;color:var(--v51-faint)}.atlas-v51-lane header>b{font:900 9px/1 monospace;color:var(--lane)}
  .atlas-v51-lane .nav-feature{min-height:58px!important;border:1px solid color-mix(in srgb,var(--lane) 35%,var(--v51-line))!important;border-radius:9px!important;background:color-mix(in srgb,var(--lane) 7%,var(--v51-card))!important;color:var(--v51-text)!important;padding:9px 10px!important;display:grid!important;grid-template-columns:1fr 16px!important;align-items:center!important;gap:8px!important;margin:0!important}
  .atlas-v51-lane .nav-feature>span{font-size:10.5px;font-weight:800}.atlas-v51-lane .nav-feature small{display:block;font-size:7.5px;line-height:1.3;font-weight:400;color:var(--v51-faint);margin-top:3px}.atlas-v51-lane .nav-feature>svg{color:var(--lane);width:14px}
  .atlas-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.atlas-link-grid a{min-width:0;padding:7px 8px;border:1px solid transparent;border-radius:7px;background:color-mix(in srgb,var(--v51-card) 60%,transparent);color:var(--v51-muted);font-size:8.7px;line-height:1.15;transition:.2s}.atlas-link-grid a:hover{color:var(--v51-text);border-color:color-mix(in srgb,var(--lane) 33%,var(--v51-line));background:color-mix(in srgb,var(--lane) 6%,var(--v51-card));transform:translateY(-1px)}
  .atlas-v51-lane .nav-all{margin-top:auto;min-height:28px;padding:7px 2px 0!important;border:0!important;border-top:1px solid var(--v51-line)!important;border-radius:0!important;background:transparent!important;color:var(--lane)!important;font:800 7.5px/1 monospace!important;text-transform:uppercase;display:flex!important;justify-content:space-between!important;align-items:center}.atlas-v51-lane .nav-all svg{width:12px}
  .atlas-v51-utility{position:relative;z-index:1;display:grid;grid-template-columns:.72fr .72fr .72fr 1.2fr;gap:10px;padding:12px 14px 14px}
  .atlas-route,.atlas-v51-cta{min-height:60px;border:1px solid var(--v51-line);border-radius:11px;background:var(--v51-card);display:grid;align-items:center;transition:.2s}
  .atlas-route{grid-template-columns:32px 1fr 14px;gap:9px;padding:10px;color:var(--v51-text)}.atlas-route:hover{background:var(--v51-card-hover);border-color:var(--v51-line-strong);transform:translateY(-1px)}
  .atlas-route>.route-icon{width:30px;height:30px;border-radius:8px;border:1px solid var(--v51-line);display:grid;place-items:center;color:var(--orange)}.atlas-route>.route-icon svg{width:15px}.atlas-route>svg{width:13px;color:var(--orange)}
  .atlas-route small,.atlas-v51-cta small{display:block;font:700 6px/1 monospace;letter-spacing:.08em;color:var(--v51-faint);margin-bottom:4px}.atlas-route b,.atlas-v51-cta b{display:block;font-size:9px;line-height:1.15;color:var(--v51-text)}
  .atlas-v51-cta{grid-template-columns:1fr auto;gap:12px;padding:10px 12px;background:linear-gradient(135deg,rgba(243,84,45,.10),var(--v51-card));border-color:rgba(243,84,45,.25)}.atlas-v51-cta>a{height:36px;padding:0 11px;border:1px solid rgba(243,84,45,.48);border-radius:8px;display:flex;align-items:center;gap:12px;color:var(--v51-text);font:800 8px monospace;text-transform:uppercase}.atlas-v51-cta>a:hover{background:var(--orange);color:#11100f}.atlas-v51-cta>a svg{width:12px}
  body.nav-open .site-head{background:color-mix(in srgb,var(--v51-surface-strong) 94%,transparent)!important;color:var(--v51-text)!important}
}

/* ---------- premium microdetails ---------- */
.v51-section-chrome{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;overflow:hidden}
.v51-section-chrome:before,.v51-section-chrome:after{content:"";position:absolute;width:18px;height:18px;opacity:.48}
.v51-section-chrome:before{left:12px;top:12px;border-left:1px solid var(--dz-accent);border-top:1px solid var(--dz-accent)}
.v51-section-chrome:after{right:12px;bottom:12px;border-right:1px solid var(--v51-line-strong);border-bottom:1px solid var(--v51-line-strong)}
.v51-section-meta{position:absolute;right:18px;top:16px;z-index:4;display:flex;align-items:center;gap:8px;font:800 6.5px/1 monospace;letter-spacing:.10em;color:var(--v51-faint);pointer-events:none;text-transform:uppercase}
.v51-section-meta i{width:5px;height:5px;background:var(--dz-accent);box-shadow:0 0 9px color-mix(in srgb,var(--dz-accent) 58%,transparent)}
.v51-card-index{position:absolute!important;right:10px!important;top:9px!important;z-index:4!important;font:800 6px/1 monospace!important;letter-spacing:.08em!important;color:var(--v51-faint)!important;pointer-events:none!important}
body.glass-site .dz-card{border-color:var(--v51-line)!important}
body.glass-site .dz-card-glow{mix-blend-mode:screen;opacity:0}
html[data-theme="light"] body.glass-site .dz-card-glow{mix-blend-mode:multiply}
body.glass-site .dz-signal-rail{mix-blend-mode:screen;opacity:.58}.dz-signal-rail__track{background:var(--v51-line)}.dz-signal-rail__label{color:var(--v51-muted)}
html[data-theme="light"] body.glass-site .dz-signal-rail{mix-blend-mode:multiply}
body.glass-site .dz-pointer-field{mix-blend-mode:screen;opacity:.4}
html[data-theme="light"] body.glass-site .dz-pointer-field{mix-blend-mode:multiply}

/* ---------- reinforced scroll/reveal choreography ---------- */
html.v51-motion-ready .v51-reveal{opacity:0;transform:translate3d(0,26px,0);filter:blur(3px);transition:opacity .72s var(--v51-ease),transform .72s var(--v51-ease),filter .72s var(--v51-ease);transition-delay:var(--v51-delay,0ms)}
html.v51-motion-ready .v51-reveal.v51-in{opacity:1;transform:none;filter:none}
html.v51-motion-ready .v51-stagger-item{opacity:0;transform:translateY(16px);transition:opacity .58s var(--v51-ease),transform .58s var(--v51-ease);transition-delay:var(--v51-delay,0ms)}
html.v51-motion-ready .v51-in .v51-stagger-item,.v51-stagger-item.v51-in{opacity:1;transform:none}
body.glass-site .site-head{transition:transform .38s var(--v51-ease),background .3s,box-shadow .3s}
body.glass-site.v51-scroll-down:not(.nav-open):not(.command-open) .site-head{transform:translateY(-29px)}
body.glass-site.v51-scroll-up .site-head{transform:translateY(0)}
.v51-scroll-cue{position:fixed;left:18px;bottom:18px;z-index:80;pointer-events:none;display:flex;align-items:center;gap:7px;font:800 6.5px/1 monospace;letter-spacing:.1em;color:var(--v51-faint);text-transform:uppercase;opacity:.72}.v51-scroll-cue i{width:24px;height:1px;background:var(--v51-line-strong);position:relative;overflow:hidden}.v51-scroll-cue i:after{content:"";position:absolute;inset:0;background:var(--dz-accent);transform:translateX(-100%);animation:v51-cue 2.2s ease-in-out infinite}
@keyframes v51-cue{0%,20%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}

/* ---------- rebuilt creative footer ---------- */
.site-foot-v51{position:relative;margin:0 16px 16px;border:1px solid var(--v51-line)!important;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--v51-surface-strong) 94%,transparent),var(--v51-bg))!important;color:var(--v51-text);box-shadow:var(--v51-shadow)}
.foot-v51-stage{min-height:460px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);position:relative;border-bottom:1px solid var(--v51-line);overflow:hidden}
.foot-v51-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--v51-line) 1px,transparent 1px),linear-gradient(90deg,var(--v51-line) 1px,transparent 1px);background-size:52px 52px;opacity:.18;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.foot-v51-copy{position:relative;z-index:2;padding:clamp(58px,6.5vw,98px) var(--v51-gutter);border-right:1px solid var(--v51-line)}
.foot-v51-copy>span{display:flex;align-items:center;gap:8px;font:800 8px/1 monospace;letter-spacing:.13em;color:var(--orange)}.foot-v51-copy>span i{width:7px;height:7px;background:var(--orange);box-shadow:0 0 14px var(--orange)}
.foot-v51-copy h2{font-size:clamp(58px,7.5vw,118px);line-height:.78;letter-spacing:-.075em;margin:clamp(36px,5vw,68px) 0 28px;max-width:980px;text-transform:uppercase}.foot-v51-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--v51-text) 64%,transparent)}
.foot-v51-copy p{font-size:clamp(15px,1.3vw,19px);max-width:720px}.foot-v51-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.foot-v51-actions .button.line{color:var(--v51-text);border-color:var(--v51-line-strong);background:var(--v51-card)}
.foot-v51-radar{position:relative;min-height:460px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(var(--dz-accent-rgb),.11),transparent 48%)}
.foot-v51-radar:before,.foot-v51-radar:after,.foot-v51-radar>i{content:"";position:absolute;border:1px solid var(--v51-line);border-radius:50%}.foot-v51-radar:before{width:74%;aspect-ratio:1}.foot-v51-radar:after{width:52%;aspect-ratio:1}.foot-v51-radar .r1{width:31%;aspect-ratio:1}.foot-v51-radar .r2{width:92%;aspect-ratio:1;border-style:dashed;animation:v51-radar-spin 30s linear infinite}.foot-v51-radar .r3{width:1px;height:120%;border:0;border-left:1px solid rgba(243,84,45,.4);border-radius:0;transform:rotate(36deg)}
.radar-core{position:relative;z-index:2;width:92px;height:92px;border:1px solid var(--orange);display:grid;place-items:center;transform:rotate(45deg);font-size:34px;font-weight:900;letter-spacing:-.08em;background:color-mix(in srgb,var(--v51-bg) 70%,transparent);box-shadow:0 0 42px rgba(243,84,45,.10)}.radar-core::first-letter{color:var(--orange)}
.foot-v51-radar>b{position:absolute;width:7px;height:7px;background:var(--orange);box-shadow:0 0 12px var(--orange)}.foot-v51-radar .p1{top:23%;left:20%}.foot-v51-radar .p2{right:16%;top:48%;background:#4f78ff;box-shadow:0 0 12px #4f78ff}.foot-v51-radar .p3{bottom:22%;left:34%;background:#b8ef2f;box-shadow:0 0 12px #b8ef2f}.foot-v51-radar small{position:absolute;bottom:24px;right:24px;font:800 7px monospace;letter-spacing:.1em;color:var(--v51-faint)}
@keyframes v51-radar-spin{to{transform:rotate(360deg)}}
.foot-v51-core{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(0,2.85fr);border-bottom:1px solid var(--v51-line)}
.foot-v51-brand{padding:clamp(44px,5vw,72px) var(--v51-gutter);border-right:1px solid var(--v51-line)}
.foot-v51-brand p{max-width:440px;color:var(--v51-muted)!important;margin:24px 0 18px}.foot-email{font-size:clamp(18px,2vw,28px)!important;color:var(--v51-text)!important;font-weight:800;border-bottom:1px solid var(--v51-line-strong)}
.foot-v51-status{margin-top:38px;display:grid;gap:7px;font:700 7px/1.3 monospace;letter-spacing:.08em;color:var(--v51-faint)}.foot-v51-status span:first-child{color:var(--v51-muted)}.foot-v51-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65d871;margin-right:6px;box-shadow:0 0 9px #65d871}
.foot-v51-systems{display:grid;grid-template-columns:repeat(4,1fr)}.foot-v51-systems>div{padding:clamp(38px,4vw,60px) clamp(20px,2.5vw,38px);border-right:1px solid var(--v51-line);display:flex;flex-direction:column;gap:9px}.foot-v51-systems>div:last-child{border-right:0}.foot-v51-systems span{font:800 7px/1 monospace;color:var(--orange);letter-spacing:.08em}.foot-v51-systems h3{font-size:18px;margin:9px 0 14px;color:var(--v51-text)}.foot-v51-systems a{font-size:12px;color:var(--v51-muted)!important}.foot-v51-systems a:hover{color:var(--v51-text)!important;transform:translateX(2px)}.foot-v51-systems .all{margin-top:auto;padding-top:18px;color:color-mix(in srgb,var(--dz-accent) 80%,var(--v51-text))!important;font-weight:800}
.foot-v51-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px var(--v51-gutter)!important;font:700 7px/1.4 monospace;color:var(--v51-faint)}.foot-v51-bottom nav{display:flex;gap:18px;flex-wrap:wrap}.foot-v51-bottom a{color:var(--v51-muted)!important}.foot-v51-bottom a:hover{color:var(--v51-text)!important}

/* /start refinements and theme compatibility */
.start-page{color:var(--v51-text)}
.start-page .start-top{grid-template-columns:190px minmax(0,1fr) auto auto!important;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--v51-surface-strong) 90%,transparent)!important;border-color:var(--v51-line)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.start-page .start-top .theme-toggle{justify-self:end;margin-right:10px}
.start-page :where(.start-section,.start-hero,.final-signal){border-color:var(--v51-line)!important}
.start-page :where(.quick-nav,.intent-lab,.capability-grid,.operating-grid,.proof-band,.founder-note,.final-signal){border-color:var(--v51-line)!important}
.start-page .start-foot{margin:14px 16px 16px;padding:28px var(--v51-gutter);border:1px solid var(--v51-line);border-radius:18px;background:var(--v51-surface-strong)!important;color:var(--v51-text)!important;box-shadow:var(--v51-card-shadow)}
.start-page .start-foot:before{content:"DZ / PROJECT ENTRY / END OF SIGNAL";display:block;font:800 6.5px monospace;letter-spacing:.1em;color:var(--v51-faint);position:absolute;left:50%;transform:translateX(-50%)}
.start-page .start-foot{position:relative}.start-page .start-foot-nav a{color:var(--v51-muted)}
.start-page .start-brand img{opacity:1;filter:none}
html[data-theme="light"] .start-page .start-brand img{filter:invert(1) grayscale(1) brightness(.22)}
.start-page :where(.start-section,.start-hero,.final-signal){background:linear-gradient(145deg,var(--v51-surface),color-mix(in srgb,var(--v51-surface) 58%,transparent))!important;color:var(--v51-text)!important}
.start-page .final-actions,.start-page .intent-result,.start-page .capability{background:var(--v51-card)!important;color:var(--v51-text)!important}
.start-page .start-hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--v51-text)!important}
.start-page p{color:var(--v51-muted)!important}

/* Light theme overrides for previously hard-coded dark/colored panels */
html[data-theme="light"] body.glass-site .operating-system,
html[data-theme="light"] body.glass-site .outcome-section,
html[data-theme="light"] body.glass-site .scope-output,
html[data-theme="light"] body.glass-site .contact-aside{
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(245,242,236,.62))!important;color:#171717!important
}
html[data-theme="light"] body.glass-site .work-piece.dark{background:#262626!important;color:#f5f2ec!important}
html[data-theme="light"] body.glass-site .command{background:rgba(30,27,23,.28)}
html[data-theme="light"] body.glass-site .command-box{background:rgba(250,248,243,.94);color:#171717}
html[data-theme="light"] body.glass-site .command-input input{color:#171717}

/* Light-mode remapping for legacy V5 hard-coded dark surfaces. */
html[data-theme="light"] body.glass-site :where(.browser-tools,.fit-section,.agency-services,.founder-identity,.scope-output,.operating-system,.contact-aside){background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,242,236,.60))!important;color:var(--v51-text)!important}
html[data-theme="light"] body.glass-site :where(.service-line,.category-lines a,.atlas-row,.industry-ticker a,.os-lines article,.work-piece,.agency-services article,.agency-scenarios>div,.industry-list article,.industry-directory a,.about-beliefs article,.about-model article,.insight-card,.trust-grid article,.article-body>div,.brief-form,.config-fields label,.config-options label){background:var(--v51-card)!important;color:var(--v51-text)!important}
html[data-theme="light"] body.glass-site :where(.browser-search input,.config-fields input,.config-fields textarea,.config-fields select,.brief-form input,.brief-form textarea,.brief-form select){color:var(--v51-text)!important}
html[data-theme="light"] body.glass-site :where(.config-fields option,.brief-form option){background:#f5f2ec!important;color:#171717!important}
html[data-theme="light"] body.glass-site .hero-machine{background:linear-gradient(145deg,#1a1d22,#0a0d11)!important;color:#f5f2ec}
html[data-theme="light"] body.glass-site .detail-signal{background:linear-gradient(145deg,#15191f,#090b0f)!important;color:#f5f2ec}
html[data-theme="light"] body.glass-site .final-brief{color:#11100f}

/* Responsive */
@media(max-width:1240px) and (min-width:1151px){
  .head-main{grid-template-columns:205px 1fr auto;gap:18px}.primary{gap:20px}.theme-toggle{min-width:42px}.theme-toggle-label{display:none}
  .atlas-v51-head{grid-template-columns:minmax(280px,1fr) minmax(260px,.82fr) auto 40px}.atlas-v51-meta>span{min-width:66px;padding:8px}.atlas-v51-intro p{display:none}
  .atlas-link-grid a{font-size:8px;padding:6px}.atlas-v51-lane{padding:13px}.atlas-v51-lanes{gap:9px;padding:11px}.atlas-v51-utility{gap:8px;padding:10px 11px 12px}
}
@media(max-width:1150px){
  body.glass-site main{padding-top:8px}.theme-toggle{min-width:42px}.theme-toggle-label{display:none}
  .foot-v51-stage{grid-template-columns:1fr .7fr}.foot-v51-core{grid-template-columns:1fr}.foot-v51-brand{border-right:0;border-bottom:1px solid var(--v51-line)}.foot-v51-systems{grid-template-columns:repeat(2,1fr)}.foot-v51-systems>div:nth-child(2){border-right:0}.foot-v51-systems>div:nth-child(-n+2){border-bottom:1px solid var(--v51-line)}
  .start-page .start-top{grid-template-columns:180px 1fr auto auto}
}
@media(max-width:760px){
  :root{--v51-shell:calc(100% - 20px);--v51-gutter:20px;--v51-radius:17px;--v51-card-radius:12px}
  body.glass-site main{padding:5px 0 20px}body.glass-site:not(.start-page) main>section{margin:10px auto}
  body.glass-site .section-title{grid-template-columns:1fr;padding:58px var(--v51-gutter) 30px;gap:18px}.section-title:after{bottom:15px!important}
  body.glass-site :where(.page-hero,.atlas-hero,.industry-hero,.work-hero,.hire-hero,.agency-hero,.contact-hero,.about-hero){padding-left:var(--v51-gutter)!important;padding-right:var(--v51-gutter)!important}
  body.glass-site .page-hero{padding-top:62px!important;padding-bottom:58px!important}
  body.glass-site .detail-copy,body.glass-site .category-copy{padding:56px var(--v51-gutter)}
  body.glass-site .detail-definition,body.glass-site .service-context{padding:54px var(--v51-gutter)}
  body.glass-site :where(.deliver-grid,.fit-grid,.module-cards,.insights-grid,.industry-directory>div,.talent-directory>div,.article-body,.trust-grid,.authority-strip){padding-left:var(--v51-gutter)!important;padding-right:var(--v51-gutter)!important}
  body.glass-site .trust-grid{padding-bottom:64px}.trust-grid article{min-height:0!important}
  body.glass-site .configurator{padding:0 var(--v51-gutter);margin:30px auto 70px}.config-step{padding:38px 18px!important}.config-options{grid-template-columns:1fr!important}
  .head-main{padding:0 14px!important;gap:8px}.brand{width:150px!important}.head-actions{gap:7px!important}.theme-toggle,.search-button,.menu-button{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important}.theme-toggle-track{width:27px}.theme-toggle-label{display:none}.theme-toggle-knob{width:10px;height:10px}.theme-toggle-track svg{display:none}.theme-toggle-knob{top:3px}html[data-theme="light"] .theme-toggle-knob{transform:translateX(11px)}
  .site-foot-v51{margin:10px;border-radius:18px}.foot-v51-stage{grid-template-columns:1fr;min-height:0}.foot-v51-copy{border-right:0;border-bottom:1px solid var(--v51-line);padding:58px var(--v51-gutter)}.foot-v51-copy h2{font-size:clamp(54px,16vw,80px);margin:40px 0 22px}.foot-v51-radar{min-height:300px}.foot-v51-radar:before{width:62%}.foot-v51-radar .r2{width:82%}.foot-v51-systems{grid-template-columns:1fr}.foot-v51-systems>div{border-right:0!important;border-bottom:1px solid var(--v51-line)!important;padding:30px var(--v51-gutter)}.foot-v51-systems>div:last-child{border-bottom:0!important}.foot-v51-bottom{align-items:flex-start;flex-direction:column;padding:18px var(--v51-gutter)!important}.foot-v51-bottom nav{gap:11px 16px}
  .v51-section-meta{right:12px;top:10px;font-size:5.5px}.v51-section-chrome:before,.v51-section-chrome:after{width:12px;height:12px}.v51-scroll-cue{display:none}
  body.glass-site.v51-scroll-down .site-head{transform:translateY(-29px)}
  .start-page .start-top{grid-template-columns:145px 1fr auto auto;padding-left:14px!important;padding-right:14px!important}.start-page .start-top .theme-toggle{margin-right:0}.start-page .start-home{width:40px!important}.start-page .start-foot{margin:10px;align-items:flex-start}
}

@media(prefers-reduced-motion:reduce){
  html.v51-motion-ready .v51-reveal,html.v51-motion-ready .v51-stagger-item{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .foot-v51-radar .r2,.v51-scroll-cue i:after{animation:none!important}
  body.glass-site .site-head{transform:none!important}
}
@media(prefers-reduced-transparency:reduce){
  body.glass-site .site-head,.nav-panel.atlas-v51,.site-foot-v51,body.glass-site:not(.start-page) main>section{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--v51-surface-strong)!important}
}