/* ======================================================================
   DZIGNN V5.3 / PREMIUM VISIBILITY + SEO-SAFE INTERFACE LAYER
   - section icon system + title reveals
   - CTA hierarchy and alignment
   - premium opaque Service Atlas command surface
   - cross-device SVG/icon alignment
   Loaded after V5.2 so it can safely remediate shared production styles.
   ====================================================================== */
:root{
  --v53-orange:#f3542d;
  --v53-orange-hi:#ff724f;
  --v53-blue:#4f78ff;
  --v53-acid:#c7f53d;
  --v53-violet:#a77cff;
  --v53-cyan:#67d9ff;
  --v53-ease:cubic-bezier(.16,1,.3,1);
  --v53-radius:16px;
}

/* 01 / SECTION INFORMATION SYSTEM ------------------------------------ */
body.glass-site main>section{position:relative}
body.glass-site main>section[data-v53-section]:after{
  content:"DZ / " attr(data-v53-section);
  position:absolute;top:18px;right:22px;z-index:3;pointer-events:none;
  font:800 7px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.15em;color:var(--v51-faint);opacity:.58;
}
.section-title-v53{
  --v53-title-accent:var(--v53-orange);
  display:grid!important;
  grid-template-columns:clamp(34px,3.2vw,46px) minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:clamp(12px,1.5vw,20px)!important;
  position:relative!important;
  max-width:min(1100px,100%);
}
.section-title-v53[data-v53-kind="ai"],.cat-ai .section-title-v53{--v53-title-accent:var(--v53-violet)}
.section-title-v53[data-v53-kind="design"],.cat-design .section-title-v53{--v53-title-accent:var(--v53-blue)}
.section-title-v53[data-v53-kind="growth"],.cat-marketing .section-title-v53{--v53-title-accent:var(--v53-acid)}
.section-title-icon-v53{
  width:clamp(34px,3.2vw,46px);height:clamp(34px,3.2vw,46px);display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--v53-title-accent) 42%,var(--v51-line));
  border-radius:12px;
  color:var(--v53-title-accent);
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--v53-title-accent) 10%,var(--v51-card-hover)),var(--v51-card));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px color-mix(in srgb,var(--v53-title-accent) 8%,transparent);
  flex:0 0 auto;position:relative;overflow:hidden;
}
.section-title-icon-v53:after{
  content:"";position:absolute;inset:auto 5px 5px auto;width:5px;height:5px;border-radius:50%;
  background:var(--v53-title-accent);box-shadow:0 0 12px color-mix(in srgb,var(--v53-title-accent) 68%,transparent);
}
.section-title-icon-v53 svg{display:block!important;width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.7!important;vector-effect:non-scaling-stroke}
.section-title-copy-v53{display:block;min-width:0;position:relative;padding-bottom:.12em}
.section-title-copy-v53:after{
  content:"";display:block;width:clamp(42px,5vw,82px);height:2px;margin-top:clamp(14px,1.7vw,24px);
  background:linear-gradient(90deg,var(--v53-title-accent),color-mix(in srgb,var(--v53-title-accent) 14%,transparent));
  transform-origin:left center;
}

/* Avoid duplicate decorative line where a title is intentionally compact. */
:where(.final-brief,.scope-lab,.configurator,.contact-layout) .section-title-copy-v53:after{width:42px}

/* Title motion only activates after V5.3 JS confirms availability. */
html.v53-motion .section-title-v53{
  opacity:.18;transform:translate3d(0,22px,0);filter:blur(3px);
  transition:opacity .72s var(--v53-ease),transform .82s var(--v53-ease),filter .72s ease;
}
html.v53-motion .section-title-v53 .section-title-icon-v53{transform:rotate(-8deg) scale(.82);opacity:.2;transition:transform .82s var(--v53-ease),opacity .6s ease}
html.v53-motion .section-title-v53 .section-title-copy-v53:after{transform:scaleX(0);transition:transform .9s .12s var(--v53-ease)}
html.v53-motion .section-title-v53[data-v53-visible="true"]{opacity:1;transform:none;filter:none}
html.v53-motion .section-title-v53[data-v53-visible="true"] .section-title-icon-v53{transform:none;opacity:1}
html.v53-motion .section-title-v53[data-v53-visible="true"] .section-title-copy-v53:after{transform:scaleX(1)}

/* 02 / CONSISTENT ICON GEOMETRY -------------------------------------- */
body.glass-site :where(.button,.contact-link,.start-button,.nav-feature,.nav-all,.atlas-route,.service-line) svg{
  display:block;flex:0 0 auto;align-self:center;vertical-align:middle;transform-origin:center;
}
body.glass-site :where(.button,.start-button)>svg,
body.glass-site :where(.button,.start-button)>.cta-glyph-v53 svg{width:17px!important;height:17px!important}
body.glass-site .contact-link svg{width:16px!important;height:16px!important}
body.glass-site .service-line>svg{width:18px!important;height:18px!important;justify-self:end;align-self:center;margin:0!important}
body.glass-site :where(.atlas-icon,.route-icon){display:grid!important;place-items:center!important;flex:0 0 auto!important}
body.glass-site :where(.atlas-icon,.route-icon) svg{margin:0!important;position:static!important;transform:none}
body.glass-site .section-title-icon-v53+span{min-width:0}

/* Icon-bearing supporting cards get a reliable baseline on all templates. */
body.glass-site :where(.micro-icon,.icon,.step-icon,.feature-icon,.card-icon){display:grid;place-items:center;line-height:0;flex:0 0 auto}
body.glass-site :where(.micro-icon,.icon,.step-icon,.feature-icon,.card-icon) svg{display:block;margin:0;width:1em;height:1em}

/* 03 / CTA SYSTEM — high visibility, clear hierarchy ---------------- */
body.glass-site :where(a.button,button.button,.start-button,.contact-link){
  --cta-accent:var(--v53-orange);
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex!important;align-items:center!important;justify-content:center;gap:clamp(11px,1vw,16px)!important;
  min-height:52px;padding:0 clamp(18px,1.7vw,25px)!important;
  border-radius:12px!important;
  font-weight:850!important;letter-spacing:.035em!important;
  transition:transform .26s var(--v53-ease),border-color .26s ease,background .26s ease,color .26s ease,box-shadow .26s ease!important;
  text-decoration:none!important;
}
body.glass-site :where(a.button,button.button,.start-button,.contact-link):before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;
  background:radial-gradient(circle at var(--cta-x,50%) var(--cta-y,50%),rgba(255,255,255,.26),transparent 38%);
  transition:opacity .25s ease;
}
body.glass-site :where(a.button,button.button,.start-button,.contact-link):hover:before{opacity:1}
body.glass-site :where(a.button,button.button,.start-button,.contact-link):hover{transform:translateY(-2px)}
body.glass-site :where(a.button,button.button,.start-button,.contact-link):active{transform:translateY(0) scale(.985)}
body.glass-site :where(a.button,button.button,.start-button,.contact-link):focus-visible{outline:3px solid color-mix(in srgb,var(--cta-accent) 38%,transparent)!important;outline-offset:3px!important}

body.glass-site :where(.button.solid,.start-button.primary){
  color:#0a0b0e!important;border:1px solid #ff815f!important;
  background:linear-gradient(135deg,#ff7956 0%,var(--v53-orange) 58%,#dc3f1d 100%)!important;
  box-shadow:0 13px 30px rgba(243,84,45,.23),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
body.glass-site :where(.button.solid,.start-button.primary):hover{
  box-shadow:0 18px 42px rgba(243,84,45,.31),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
body.glass-site .button.line{
  color:var(--v51-text)!important;border:1px solid color-mix(in srgb,var(--v53-orange) 28%,var(--v51-line-strong))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--v53-orange) 6%,var(--v51-card-hover)),var(--v51-card))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.08)!important;
}
body.glass-site .button.line:hover{border-color:color-mix(in srgb,var(--v53-orange) 60%,var(--v51-line-strong))!important;background:color-mix(in srgb,var(--v53-orange) 10%,var(--v51-card-hover))!important}
body.glass-site .button.ink{
  color:#f7f4ee!important;border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(145deg,#181b21,#0d0f14)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-theme="light"] body.glass-site .button.ink{color:#f7f4ee!important}
body.glass-site .contact-link{min-height:44px!important;height:44px!important;background:linear-gradient(135deg,#1b1e24,#0c0e12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 9px 24px rgba(0,0,0,.14)!important}
body.glass-site .contact-link:hover{border-color:rgba(243,84,45,.48)!important;box-shadow:0 12px 30px rgba(0,0,0,.2),0 0 0 1px rgba(243,84,45,.10)!important}
.cta-glyph-v53{
  width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;margin-right:-7px;
  border:1px solid currentColor;border-radius:8px;opacity:.78;
  transition:transform .28s var(--v53-ease),opacity .2s ease,background .2s ease;
}
body.glass-site :where(.button,.start-button):hover .cta-glyph-v53{transform:translateX(3px);opacity:1;background:rgba(255,255,255,.12)}
body.glass-site .button.solid .cta-glyph-v53{border-color:rgba(10,11,14,.36);background:rgba(10,11,14,.07)}

/* Make calls-to-action easier to identify in dense conversion sections. */
body.glass-site :where(.final-brief,.scope-output,.foot-v51-actions,.config-result,.contact-layout) .button{min-height:56px;padding-inline:26px!important}
body.glass-site .final-brief .button{font-size:12px!important;text-transform:uppercase}

/* 04 / SERVICE ATLAS V5.3 — OPAQUE PREMIUM COMMAND SURFACE ---------- */
@media(min-width:1151px){
  body.glass-site.nav-open{--atlas-ink:#07090c;--atlas-panel:#0b0e13;--atlas-card:#11151c;--atlas-text:#f7f5f0;--atlas-muted:#9b9da3}
  body.glass-site .nav-panel.atlas-v51.atlas-v53{
    top:calc(100% + 10px)!important;left:16px!important;right:16px!important;width:auto!important;
    max-height:calc(100vh - 122px)!important;overflow:auto!important;overscroll-behavior:contain;
    border:1px solid rgba(255,255,255,.17)!important;border-radius:24px!important;
    color:var(--atlas-text)!important;
    background:
      radial-gradient(circle at 82% -16%,rgba(79,120,255,.16),transparent 33rem),
      radial-gradient(circle at 4% 112%,rgba(243,84,45,.15),transparent 32rem),
      linear-gradient(145deg,#0c0f14 0%,#080a0e 52%,#06080b 100%)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    box-shadow:0 42px 120px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(0,0,0,.45)!important;
    isolation:isolate;
    scrollbar-width:thin;scrollbar-color:rgba(243,84,45,.5) rgba(255,255,255,.05);
  }
  /* Keep command surface intentionally dark in both site themes. */
  html[data-theme="light"] body.glass-site .nav-panel.atlas-v51.atlas-v53{
    color:var(--atlas-text)!important;
    background:
      radial-gradient(circle at 82% -16%,rgba(79,120,255,.16),transparent 33rem),
      radial-gradient(circle at 4% 112%,rgba(243,84,45,.15),transparent 32rem),
      linear-gradient(145deg,#0c0f14 0%,#080a0e 52%,#06080b 100%)!important;
    border-color:rgba(255,255,255,.17)!important;
    box-shadow:0 42px 120px rgba(22,18,15,.46),inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(0,0,0,.45)!important;
  }
  .atlas-v53:before{
    content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;opacity:.24!important;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
    background-size:48px 48px!important;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.78) 72%,transparent 100%)!important;
  }
  .atlas-v53:after{
    content:""!important;position:absolute!important;left:24px!important;right:24px!important;top:0!important;height:2px!important;z-index:5!important;pointer-events:none!important;
    background:linear-gradient(90deg,transparent,var(--v53-orange) 18%,var(--v53-acid) 42%,var(--v53-blue) 66%,var(--v53-violet) 84%,transparent)!important;
    box-shadow:0 0 28px rgba(243,84,45,.22)!important;opacity:.9!important;
  }
  body.nav-open .atlas-v53:after{animation:v53-atlas-signal 5.5s ease-in-out infinite}

  /* The header temporarily joins the command-surface palette. */
  html[data-theme="light"] body.glass-site.nav-open .site-head,
  body.glass-site.nav-open .site-head{
    background:#0b0e13!important;color:#f7f5f0!important;border-bottom-color:rgba(255,255,255,.13)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  }
  body.glass-site.nav-open .site-head .brand{color:#f7f5f0!important}
  body.glass-site.nav-open .site-head .head-line{color:rgba(247,245,240,.62)!important;border-bottom-color:rgba(255,255,255,.10)!important}
  body.glass-site.nav-open .site-head .primary a{color:rgba(247,245,240,.67)!important;background:transparent!important;box-shadow:none!important}
  body.glass-site.nav-open .site-head .primary a:hover,
  body.glass-site.nav-open .site-head .primary a:focus-visible,
  body.glass-site.nav-open .site-head .primary .nav-services[aria-expanded="true"]{color:#fff!important;background:rgba(255,255,255,.055)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)!important}
  body.glass-site.nav-open .site-head :where(.theme-toggle,.search-button){color:#f7f5f0!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.14)!important}

  .atlas-v53 .atlas-v51-head{
    position:relative;z-index:2;
    display:grid!important;grid-template-columns:minmax(310px,1.08fr) minmax(340px,.92fr) auto 44px!important;
    align-items:center!important;gap:22px!important;padding:26px 28px 23px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
  }
  .atlas-v53 .atlas-v51-intro .atlas-eyebrow{font-size:8.5px!important;letter-spacing:.145em!important;color:rgba(247,245,240,.52)!important}
  .atlas-v53 .atlas-v51-intro strong{font-size:clamp(30px,2.45vw,42px)!important;color:#fff!important;line-height:.96!important;letter-spacing:-.052em!important}
  .atlas-v53 .atlas-v51-intro strong em{color:rgba(247,245,240,.48)!important}
  .atlas-v53 .atlas-v51-intro p{margin-top:11px!important;color:rgba(247,245,240,.57)!important;font-size:12px!important;line-height:1.5!important;max-width:560px!important}
  .atlas-v53 .atlas-command{
    min-height:56px!important;border-radius:13px!important;padding:0 15px!important;
    color:rgba(247,245,240,.76)!important;background:#12161d!important;border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 28px rgba(0,0,0,.16)!important;
  }
  .atlas-v53 .atlas-command:hover{color:#fff!important;border-color:rgba(243,84,45,.46)!important;background:#151a22!important}
  .atlas-v53 .atlas-command svg{width:18px!important;height:18px!important}.atlas-v53 .atlas-command span{font-size:12.5px!important}.atlas-v53 .atlas-command kbd{font-size:9px!important;color:#fff!important}
  .atlas-v53 .atlas-v51-meta{gap:6px!important}.atlas-v53 .atlas-v51-meta>span{min-width:78px!important;padding:10px!important;border-radius:10px!important;background:#10141a!important;border:1px solid rgba(255,255,255,.10)!important}
  .atlas-v53 .atlas-v51-meta b{font-size:12px!important;color:#fff!important}.atlas-v53 .atlas-v51-meta small{font-size:6.5px!important;color:rgba(247,245,240,.42)!important}
  .atlas-v53 .atlas-close{width:42px!important;height:42px!important;border-radius:10px!important;background:#11151b!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}.atlas-v53 .atlas-close:hover{border-color:rgba(243,84,45,.5)!important;background:#171b22!important}

  .atlas-v53 .atlas-v51-lanes{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;padding:14px 16px 13px!important;background:rgba(0,0,0,.08)!important}
  .atlas-v53 .atlas-v51-lane{
    position:relative!important;padding:15px!important;border-radius:15px!important;
    border:1px solid rgba(255,255,255,.095)!important;
    background:linear-gradient(155deg,color-mix(in srgb,var(--lane) 5%,#141820),#0f1319 52%,#0c0f14)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.045)!important;
    transition:transform .3s var(--v53-ease),border-color .26s ease,box-shadow .3s ease!important;
    overflow:hidden!important;
  }
  .atlas-v53 .atlas-v51-lane:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--lane) 42%,rgba(255,255,255,.13))!important;box-shadow:0 24px 46px rgba(0,0,0,.27),0 0 30px color-mix(in srgb,var(--lane) 7%,transparent),inset 0 1px 0 rgba(255,255,255,.07)!important}
  .atlas-v53 .atlas-v51-lane:after{content:""!important;position:absolute!important;left:15px!important;right:15px!important;top:0!important;width:auto!important;height:2px!important;background:linear-gradient(90deg,var(--lane),transparent)!important;opacity:.95!important}
  .atlas-v53 .atlas-v51-lane>header{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:11px!important;min-height:82px!important;padding:2px 0 13px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .atlas-v53 .atlas-icon{width:40px!important;height:40px!important;border-radius:11px!important;background:color-mix(in srgb,var(--lane) 12%,#11151b)!important;border:1px solid color-mix(in srgb,var(--lane) 35%,rgba(255,255,255,.10))!important;color:var(--lane)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
  .atlas-v53 .atlas-icon svg{width:19px!important;height:19px!important}
  .atlas-v53 .atlas-v51-lane header small{font-size:7.6px!important;letter-spacing:.13em!important;color:color-mix(in srgb,var(--lane) 78%,#fff)!important}
  .atlas-v53 .atlas-v51-lane h3{font-size:20px!important;line-height:1.02!important;color:#fff!important;letter-spacing:-.03em!important;margin-top:5px!important}
  .atlas-v53 .atlas-v51-lane header p{font-size:10px!important;line-height:1.4!important;color:rgba(247,245,240,.49)!important;margin-top:6px!important;max-width:260px!important}
  .atlas-v53 .atlas-v51-lane header>b{font-size:10px!important;color:rgba(247,245,240,.36)!important}

  .atlas-v53 .nav-feature{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:70px!important;margin:11px 0 9px!important;padding:12px 12px!important;border-radius:11px!important;
    color:#fff!important;background:linear-gradient(135deg,color-mix(in srgb,var(--lane) 13%,#131820),#11151b)!important;
    border:1px solid color-mix(in srgb,var(--lane) 36%,rgba(255,255,255,.08))!important;
  }
  .atlas-v53 .nav-feature:before{content:"PRIMARY ROUTE"!important;position:absolute!important;top:8px!important;right:10px!important;font:800 5.7px/1 ui-monospace,monospace!important;letter-spacing:.13em!important;color:color-mix(in srgb,var(--lane) 75%,#fff)!important;opacity:.8!important}
  .atlas-v53 .nav-feature>span{font-size:13px!important;font-weight:850!important;padding-top:4px!important}.atlas-v53 .nav-feature small{display:block!important;margin-top:5px!important;font-size:9px!important;line-height:1.35!important;color:rgba(247,245,240,.46)!important;font-weight:550!important}
  .atlas-v53 .nav-feature>svg{width:17px!important;height:17px!important;color:var(--lane)!important}
  .atlas-v53 .nav-feature:hover{transform:translateY(-1px)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--lane) 19%,#151a22),#131820)!important;border-color:color-mix(in srgb,var(--lane) 66%,rgba(255,255,255,.09))!important}

  .atlas-v53 .atlas-link-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .atlas-v53 .atlas-link-grid a{
    min-height:39px!important;display:flex!important;align-items:center!important;padding:9px 9px!important;border-radius:9px!important;
    color:rgba(247,245,240,.72)!important;background:#0d1116!important;border:1px solid rgba(255,255,255,.065)!important;
    font-size:10.8px!important;line-height:1.22!important;font-weight:700!important;
  }
  .atlas-v53 .atlas-link-grid a:before{content:""!important;width:5px!important;height:5px!important;margin-right:8px!important;border-radius:50%!important;background:transparent!important;border:1px solid color-mix(in srgb,var(--lane) 68%,rgba(255,255,255,.22))!important;transform:none!important;box-shadow:none!important}
  .atlas-v53 .atlas-link-grid a:hover{color:#fff!important;background:color-mix(in srgb,var(--lane) 10%,#11161d)!important;border-color:color-mix(in srgb,var(--lane) 35%,rgba(255,255,255,.08))!important;transform:translateY(-1px)!important}
  .atlas-v53 .atlas-link-grid a:hover:before{background:var(--lane)!important;border-color:var(--lane)!important;box-shadow:0 0 9px color-mix(in srgb,var(--lane) 55%,transparent)!important}
  .atlas-v53 .nav-all{min-height:36px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:9px!important;padding:9px 2px 0!important;border-top:1px solid rgba(255,255,255,.08)!important;color:color-mix(in srgb,var(--lane) 78%,#fff)!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.07em!important}
  .atlas-v53 .nav-all svg{width:15px!important;height:15px!important}.atlas-v53 .nav-all:hover{color:#fff!important}

  .atlas-v53 .atlas-v51-utility{position:relative;z-index:2;display:grid!important;grid-template-columns:.78fr .78fr .78fr 1.25fr!important;gap:9px!important;padding:12px 16px 16px!important;border-top:1px solid rgba(255,255,255,.075)!important;background:#080b0f!important}
  .atlas-v53 :where(.atlas-route,.atlas-v51-cta){min-height:68px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.085)!important;background:#0e1218!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
  .atlas-v53 .atlas-route{padding:10px 12px!important;color:rgba(247,245,240,.76)!important}.atlas-v53 .atlas-route:hover{color:#fff!important;background:#131820!important;border-color:rgba(243,84,45,.34)!important;transform:translateY(-1px)!important}
  .atlas-v53 .atlas-route .route-icon{width:32px!important;height:32px!important;border-radius:9px!important;background:#171b22!important;border:1px solid rgba(255,255,255,.09)!important;color:var(--v53-orange)!important}.atlas-v53 .atlas-route .route-icon svg{width:16px!important;height:16px!important}
  .atlas-v53 .atlas-route small,.atlas-v53 .atlas-v51-cta small{font-size:7px!important;color:rgba(247,245,240,.38)!important;letter-spacing:.10em!important}.atlas-v53 .atlas-route b,.atlas-v53 .atlas-v51-cta b{font-size:11.5px!important;color:#fff!important}
  .atlas-v53 .atlas-v51-cta{padding:10px 11px!important;background:linear-gradient(135deg,rgba(243,84,45,.13),#10141a)!important;border-color:rgba(243,84,45,.26)!important}.atlas-v53 .atlas-v51-cta>a{min-height:40px!important;border-radius:9px!important;color:#0a0b0e!important;background:var(--v53-orange)!important;border-color:#ff805f!important;font-size:9px!important;font-weight:850!important}.atlas-v53 .atlas-v51-cta>a:hover{background:#ff714d!important;color:#050608!important}

  /* Staggered command reveal. */
  .atlas-v53 .atlas-v51-lane{opacity:0;transform:translateY(12px)}
  body.nav-open .atlas-v53 .atlas-v51-lane{opacity:1;transform:none;transition:opacity .36s var(--v53-ease),transform .48s var(--v53-ease),border-color .26s ease,box-shadow .3s ease!important}
  body.nav-open .atlas-v53 .atlas-v51-lane:nth-child(1){transition-delay:.04s!important}body.nav-open .atlas-v53 .atlas-v51-lane:nth-child(2){transition-delay:.08s!important}body.nav-open .atlas-v53 .atlas-v51-lane:nth-child(3){transition-delay:.12s!important}body.nav-open .atlas-v53 .atlas-v51-lane:nth-child(4){transition-delay:.16s!important}
}

@media(min-width:1151px) and (max-width:1320px){
  .atlas-v53 .atlas-v51-head{grid-template-columns:minmax(250px,.9fr) minmax(275px,.82fr) auto 42px!important;gap:12px!important;padding:20px 18px!important}
  .atlas-v53 .atlas-v51-intro strong{font-size:27px!important}.atlas-v53 .atlas-v51-intro p{display:none!important}
  .atlas-v53 .atlas-v51-meta>span{min-width:66px!important;padding:8px!important}.atlas-v53 .atlas-v51-meta small{font-size:5.8px!important}
  .atlas-v53 .atlas-v51-lanes{gap:8px!important;padding:11px!important}.atlas-v53 .atlas-v51-lane{padding:12px!important}.atlas-v53 .atlas-v51-lane>header{grid-template-columns:35px minmax(0,1fr) auto!important;gap:8px!important;min-height:72px!important}.atlas-v53 .atlas-icon{width:34px!important;height:34px!important}.atlas-v53 .atlas-v51-lane h3{font-size:17.5px!important}.atlas-v53 .atlas-v51-lane header p{font-size:8.8px!important}.atlas-v53 .nav-feature{min-height:64px!important;padding:10px!important}.atlas-v53 .nav-feature>span{font-size:11.5px!important}.atlas-v53 .nav-feature small{font-size:8px!important}.atlas-v53 .atlas-link-grid a{min-height:35px!important;padding:7px!important;font-size:9.5px!important}.atlas-v53 .atlas-v51-utility{gap:7px!important;padding:9px 11px 12px!important}.atlas-v53 :where(.atlas-route,.atlas-v51-cta){min-height:61px!important}.atlas-v53 .atlas-route b,.atlas-v53 .atlas-v51-cta b{font-size:10px!important}
}

@keyframes v53-atlas-signal{0%,100%{opacity:.64;filter:saturate(.9)}50%{opacity:1;filter:saturate(1.4)}}

/* 05 / MOBILE RHYTHM + ALIGNMENT ------------------------------------ */
@media(max-width:720px){
  body.glass-site main>section[data-v53-section]:after{top:13px;right:14px;font-size:6px;opacity:.42}
  .section-title-v53{grid-template-columns:31px minmax(0,1fr)!important;column-gap:11px!important}
  .section-title-icon-v53{width:31px;height:31px;border-radius:9px}.section-title-icon-v53 svg{width:16px!important;height:16px!important}.section-title-icon-v53:after{width:4px;height:4px;right:4px;bottom:4px}
  .section-title-copy-v53:after{margin-top:13px}
  body.glass-site :where(a.button,button.button,.start-button){min-height:50px;padding:0 17px!important;gap:10px!important}
  .cta-glyph-v53{width:27px;height:27px;margin-right:-4px}
  body.glass-site :where(.final-brief,.scope-output,.foot-v51-actions,.config-result,.contact-layout) .button{min-height:52px;padding-inline:19px!important}
  body.glass-site .service-line>svg{width:17px!important;height:17px!important}
}

@media(prefers-reduced-motion:reduce){
  html.v53-motion .section-title-v53,html.v53-motion .section-title-v53 .section-title-icon-v53{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  html.v53-motion .section-title-v53 .section-title-copy-v53:after{transform:scaleX(1)!important;transition:none!important}
  body.nav-open .atlas-v53:after{animation:none!important}
  .atlas-v53 .atlas-v51-lane{opacity:1!important;transform:none!important;transition:none!important}
}

/* V5.3.1 hardening: inherited text contrast + narrow viewport shells. */
html[data-theme="dark"] body.glass-site{color:#f5f2ec!important}
html[data-theme="light"] body.glass-site{color:#141414!important}
html[data-theme="dark"] body.glass-site .primary a{color:rgba(245,242,236,.68)!important}
html[data-theme="dark"] body.glass-site .primary a:hover,
html[data-theme="dark"] body.glass-site .primary a:focus-visible,
html[data-theme="dark"] body.glass-site .primary a[aria-current="page"]{color:#fff!important}
@media(min-width:1321px){.atlas-v53 .atlas-link-grid a{font-size:12.3px!important}.atlas-v53 .atlas-v51-lane h3{font-size:21px!important}.atlas-v53 .nav-feature>span{font-size:13.5px!important}}
@media(max-width:1320px) and (min-width:1151px){.atlas-v53 .atlas-link-grid a{font-size:11px!important}.atlas-v53 .atlas-v51-lane h3{font-size:18px!important}}
@media(max-width:1150px){
  body.glass-site .contact-link{display:none!important}
  body.glass-site .head-main{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(max-width:760px){
  body.glass-site .mobile-menu,body.glass-site .command{left:0!important;right:auto!important;width:100vw!important;max-width:100vw!important}
  body.glass-site .command-box{width:calc(100vw - 30px)!important;max-width:calc(100vw - 30px)!important}
  body.glass-site .head-actions{max-width:132px!important;justify-self:end!important}
}

/* Configurator step-title icon grammar. */
.config-legend-v53{width:100%!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:13px!important;align-items:start!important}
.config-legend-icon-v53{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--v53-violet);border:1px solid color-mix(in srgb,var(--v53-violet) 42%,var(--v51-line));background:color-mix(in srgb,var(--v53-violet) 8%,var(--v51-card));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.config-legend-icon-v53 svg{display:block!important;width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;margin:0!important}
.config-legend-copy-v53{display:block;min-width:0}
@media(max-width:720px){.config-legend-v53{grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important}.config-legend-icon-v53{width:30px;height:30px;border-radius:8px}.config-legend-icon-v53 svg{width:15px!important;height:15px!important}}