/* =========================================================
   ATLAS NUMÉRIQUE — HERO VISUAL SYSTEM V10.6
   Un système commun, cadré et lisible sur bureau et mobile.
   ========================================================= */

.atlas-hero-visual {
  --av-blue:#6e82ff;
  --av-cyan:#75d4ff;
  --av-coral:#ff6c51;
  --av-green:#54dfa4;
  --av-ink:#07111f;
  position:relative;
  width:min(100%,620px);
  min-width:0;
  min-height:0;
  margin-inline:auto;
  padding:20px;
  isolation:isolate;
  overflow:visible;
}

.atlas-hero-visual::before,
.atlas-hero-visual::after {
  content:"";
  position:absolute;
  z-index:-2;
  border-radius:50%;
  pointer-events:none;
}
.atlas-hero-visual::before {
  inset:2% 4%;
  border:1px solid rgba(102,132,255,.16);
  background:radial-gradient(circle at 66% 20%,rgba(100,125,255,.12),transparent 40%);
}
.atlas-hero-visual::after {
  inset:14% 16%;
  border:1px solid rgba(102,132,255,.1);
}

.atlas-visual-shell {
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:520px;
  padding:19px;
  overflow:hidden;
  color:#eff5ff;
  border:1px solid rgba(158,182,226,.18);
  border-radius:28px;
  background:
    linear-gradient(rgba(110,140,205,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,140,205,.04) 1px,transparent 1px),
    radial-gradient(circle at 90% 5%,rgba(83,112,218,.20),transparent 32%),
    linear-gradient(145deg,rgba(14,31,55,.96),rgba(5,15,28,.96));
  background-size:34px 34px,34px 34px,auto,auto;
  box-shadow:0 30px 80px rgba(0,5,14,.32),inset 0 1px rgba(255,255,255,.035);
}
.atlas-visual-shell::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 20%,rgba(255,255,255,.035) 48%,transparent 72%);
  transform:translateX(-120%);
  animation:atlasPanelScan 8s ease-in-out infinite;
}

.atlas-visual-topbar {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:35px;
  padding-bottom:12px;
  color:rgba(213,226,248,.42);
  border-bottom:1px solid rgba(255,255,255,.07);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.65rem;
  letter-spacing:.06em;
}
.atlas-visual-topbar i {
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--av-coral);
  box-shadow:0 0 18px rgba(255,108,81,.5);
}

.atlas-visual-heading {
  position:relative;
  z-index:2;
  display:grid;
  gap:4px;
  padding:16px 2px 14px;
}
.atlas-visual-heading small,
.atlas-profile-head small,
.atlas-profile-mission small {
  color:#8fa4ff;
  font-size:.58rem;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.atlas-visual-heading strong {
  max-width:470px;
  color:#f3f7ff;
  font-size:1.15rem;
  line-height:1.15;
}
.atlas-visual-heading > span {
  color:rgba(221,232,250,.47);
  font-size:.69rem;
  line-height:1.45;
}
.atlas-visual-heading--brand {
  grid-template-columns:52px 1fr;
  align-items:center;
  gap:13px;
}
.atlas-visual-heading--brand img {
  width:52px;
  height:52px;
  padding:8px;
  border:1px solid rgba(110,130,255,.55);
  border-radius:15px;
  background:rgba(4,12,25,.74);
}
.atlas-visual-heading--brand div {display:grid;gap:4px}

.atlas-visual-footer {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:48px;
  margin-top:auto;
  padding:11px 13px;
  color:rgba(220,232,251,.56);
  border:1px solid rgba(160,184,225,.11);
  border-radius:14px;
  background:rgba(5,14,27,.55);
}
.atlas-visual-footer .pulse-dot {width:9px;height:9px}
.atlas-visual-footer strong {color:rgba(239,245,255,.84);font-size:.67rem}
.atlas-visual-footer small {font-size:.58rem;line-height:1.4}

/* HOME */
.atlas-home-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:2px 0 12px;
}
.atlas-home-grid article {
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  min-height:106px;
  padding:14px;
  border:1px solid rgba(144,168,214,.15);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(19,39,67,.78),rgba(7,18,34,.82));
}
.atlas-home-grid article > span,
.atlas-service-matrix a > span,
.atlas-method-list article > span,
.atlas-intake-grid article > span {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  color:#93a5ff;
  border:1px solid rgba(99,124,255,.45);
  border-radius:11px;
  background:rgba(63,86,179,.14);
  font-size:.66rem;
  font-weight:850;
}
.atlas-home-grid article div {display:grid;align-content:center;gap:5px}
.atlas-home-grid strong {font-size:.78rem;line-height:1.2}
.atlas-home-grid small {color:rgba(221,232,249,.47);font-size:.6rem;line-height:1.35}
.atlas-home-grid b {
  position:absolute;
  right:12px;
  bottom:10px;
  color:rgba(120,211,255,.72);
  font-size:.5rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.atlas-visual-flow {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:9px;
  margin:0 2px 12px;
  color:rgba(226,235,251,.42);
  font-size:.54rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.atlas-visual-flow i {height:1px;background:linear-gradient(90deg,rgba(109,129,255,.2),rgba(111,207,255,.65),rgba(109,129,255,.2))}

/* SERVICES */
.atlas-service-matrix {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-bottom:13px;
}
.atlas-service-matrix a {
  position:relative;
  display:grid;
  grid-template-columns:30px 34px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:104px;
  padding:13px;
  color:#eef4ff;
  border:1px solid rgba(144,168,214,.15);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(19,39,67,.78),rgba(7,18,34,.84));
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.atlas-service-matrix a:hover {transform:translateY(-3px);border-color:rgba(111,137,255,.38);background:linear-gradient(145deg,rgba(26,50,87,.9),rgba(8,20,39,.92))}
.atlas-service-matrix a > span {width:28px;height:28px;font-size:.58rem;border-radius:9px}
.atlas-service-matrix a div {display:grid;gap:4px;min-width:0}
.atlas-service-matrix strong {font-size:.73rem;line-height:1.2}
.atlas-service-matrix small {color:rgba(221,232,249,.45);font-size:.55rem;line-height:1.3}
.atlas-service-matrix b {position:absolute;right:12px;bottom:10px;color:#7dcfff;font-size:.49rem;letter-spacing:.08em;text-transform:uppercase}
.atlas-icon {position:relative;width:34px;height:34px;border:1px solid rgba(102,129,255,.28);border-radius:10px;background:rgba(61,84,174,.13)}
.atlas-icon::before,.atlas-icon::after {content:"";position:absolute}
.atlas-icon--site::before {inset:8px 7px;border:1px solid #8294ff;border-radius:3px}
.atlas-icon--site::after {left:10px;right:10px;top:12px;height:2px;background:#ff7055;box-shadow:0 6px #7294ff}
.atlas-icon--app::before {inset:7px;box-shadow:0 0 0 1px #8294ff;border-radius:3px;background:linear-gradient(90deg,rgba(120,143,255,.5) 33%,transparent 33% 38%,rgba(120,143,255,.22) 38% 66%,transparent 66% 71%,rgba(255,112,85,.65) 71%)}
.atlas-icon--seo::before {left:8px;bottom:8px;width:4px;height:8px;background:#7189ff;box-shadow:7px -5px #7189ff,14px -12px #ff7055;border-radius:2px}
.atlas-icon--care::before {inset:8px;border:2px solid #7590ff;border-radius:50%}
.atlas-icon--care::after {width:4px;height:4px;right:7px;top:6px;border-radius:50%;background:#ff7055}

/* SHARED METRICS */
.atlas-metric-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:10px 0 13px;
}
.atlas-metric-grid article {
  display:grid;
  gap:5px;
  min-height:67px;
  padding:10px;
  border:1px solid rgba(144,168,214,.13);
  border-radius:13px;
  background:rgba(8,20,38,.62);
}
.atlas-metric-grid small {color:rgba(218,230,249,.42);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}
.atlas-metric-grid strong {font-size:.65rem;line-height:1.25}
.atlas-metric-grid i {position:relative;height:3px;margin-top:auto;overflow:hidden;border-radius:99px;background:rgba(136,161,210,.14)}
.atlas-metric-grid i::after {content:"";position:absolute;inset:0 auto 0 0;width:var(--value);border-radius:inherit;background:linear-gradient(90deg,#667fff,#79d2ff)}

/* CREATION */
.atlas-browser-preview {position:relative;z-index:2;overflow:hidden;border:1px solid rgba(145,170,215,.18);border-radius:17px;background:rgba(5,14,27,.72);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.atlas-browser-bar {display:flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.07);color:rgba(215,227,247,.35);font-size:.52rem}
.atlas-browser-bar > span {width:6px;height:6px;border-radius:50%;background:rgba(218,230,247,.24)}
.atlas-browser-bar span:first-child {background:#ff7055}
.atlas-browser-bar b {margin-left:auto;font-weight:500}
.atlas-browser-layout {display:grid;grid-template-columns:48px 1fr;min-height:190px}
.atlas-browser-layout aside {display:grid;align-content:start;justify-items:center;gap:12px;padding:14px 8px;border-right:1px solid rgba(255,255,255,.06);background:rgba(4,12,24,.54)}
.atlas-browser-layout aside img {width:28px;height:28px}
.atlas-browser-layout aside i {width:18px;height:4px;border-radius:99px;background:rgba(126,150,199,.16)}
.atlas-browser-layout aside i:first-of-type {background:#7189ff}
.atlas-browser-page {padding:18px;display:flex;flex-direction:column}
.atlas-browser-page > small {width:72px;height:4px;background:#ff7055}
.atlas-browser-page > strong {width:74%;height:17px;margin-top:15px;border-radius:4px;background:#f0f5ff}
.atlas-browser-page > strong.short {width:46%;margin-top:7px;background:#7bcfff}
.atlas-browser-page > p {width:58%;height:5px;margin:12px 0 0;border-radius:99px;background:rgba(164,184,219,.25)}
.atlas-browser-actions {display:flex;gap:8px;margin-top:14px}
.atlas-browser-actions i {width:58px;height:18px;border-radius:6px;background:#ff684b}
.atlas-browser-actions i:last-child {background:transparent;border:1px solid rgba(160,183,222,.22)}
.atlas-browser-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}
.atlas-browser-cards span {height:38px;border-radius:8px;background:rgba(72,102,160,.18)}
.atlas-browser-cards span:nth-child(2) {background:linear-gradient(135deg,#5f77f7,#75cfff)}

/* APPLICATION */
.atlas-app-kpis {position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}
.atlas-app-kpis article {display:grid;gap:3px;padding:10px 11px;border:1px solid rgba(143,167,210,.12);border-radius:12px;background:rgba(14,29,52,.66)}
.atlas-app-kpis small {color:rgba(216,229,249,.4);font-size:.5rem}
.atlas-app-kpis strong {font-size:.9rem}
.atlas-app-workspace {position:relative;z-index:2;display:grid;grid-template-columns:104px 1fr;min-height:175px;overflow:hidden;border:1px solid rgba(143,168,214,.15);border-radius:15px;background:rgba(4,13,26,.6)}
.atlas-app-menu {display:grid;align-content:center;gap:5px;padding:10px;border-right:1px solid rgba(255,255,255,.06)}
.atlas-app-menu span {padding:7px 8px;color:rgba(218,230,248,.38);border-radius:7px;font-size:.52rem}
.atlas-app-menu .is-active {color:#f0f5ff;background:rgba(91,116,232,.18)}
.atlas-app-chart,.atlas-seo-chart {position:relative;overflow:hidden}
.atlas-app-chart svg,.atlas-seo-chart svg {position:absolute;inset:20px 16px 14px;width:calc(100% - 32px);height:calc(100% - 34px)}
.atlas-app-chart .area {fill:url(#atlasAppGradient)}
.atlas-app-chart .line {fill:none;stroke:#7893ff;stroke-width:4;stroke-linecap:round}
.atlas-chart-grid {position:absolute;inset:0;background:linear-gradient(rgba(133,158,207,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(133,158,207,.07) 1px,transparent 1px);background-size:38px 34px}
.atlas-module-grid {position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0 12px}
.atlas-module-grid span {padding:9px 5px;text-align:center;color:rgba(230,238,252,.67);border:1px solid rgba(145,169,212,.11);border-radius:10px;background:rgba(10,22,42,.56);font-size:.51rem}

/* SEO */
.atlas-seo-query {position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;border:1px solid rgba(143,169,215,.16);border-radius:14px;background:rgba(7,18,35,.66)}
.atlas-seo-query small {grid-column:1;color:rgba(216,229,249,.42);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}
.atlas-seo-query strong {font-size:.72rem}
.atlas-seo-query span {grid-row:1/3;grid-column:2;align-self:center;padding:6px 8px;color:#82a0ff;border:1px solid rgba(105,132,255,.25);border-radius:8px;font-size:.5rem}
.atlas-seo-chart {position:relative;z-index:2;height:170px;margin-top:8px;overflow:hidden;border:1px solid rgba(143,168,214,.13);border-radius:15px;background:rgba(5,14,27,.6)}
.atlas-seo-chart .area {fill:url(#atlasSeoGradient)}
.atlas-seo-chart .line {fill:none;stroke:#7acfff;stroke-width:4;stroke-linecap:round}
.atlas-seo-chart circle {fill:#ff7055;stroke:#f5f8ff;stroke-width:2}

/* MAINTENANCE */
.atlas-care-heading {grid-template-columns:1fr auto;align-items:end}
.atlas-care-heading div {display:grid;gap:4px}
.atlas-care-heading div strong {font-size:1.6rem}
.atlas-care-heading b {color:#58dda5;font-size:1.55rem}
.atlas-health-list {position:relative;z-index:2;display:grid;gap:9px;padding:13px;border:1px solid rgba(143,168,214,.15);border-radius:15px;background:rgba(5,14,27,.6)}
.atlas-health-list article {display:grid;grid-template-columns:82px 1fr 58px;align-items:center;gap:10px;color:rgba(219,230,248,.53);font-size:.58rem}
.atlas-health-list article > i {height:5px;overflow:hidden;border-radius:99px;background:rgba(140,164,210,.14)}
.atlas-health-list article > i b {display:block;width:var(--value);height:100%;border-radius:inherit;background:linear-gradient(90deg,#6880ff,#87a5ff)}
.atlas-health-list article > strong {text-align:right;color:rgba(235,242,253,.62);font-size:.52rem}
.atlas-action-grid {position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 13px}
.atlas-action-grid article {display:grid;gap:4px;padding:11px;border:1px solid rgba(144,168,214,.13);border-radius:13px;background:rgba(10,22,42,.56)}
.atlas-action-grid span {color:#8fa4ff;font-size:.52rem;font-weight:850}
.atlas-action-grid strong {font-size:.68rem}
.atlas-action-grid small {color:rgba(218,230,248,.4);font-size:.5rem;line-height:1.3}
.atlas-action-grid article:last-child {border-color:rgba(255,112,85,.22)}
.atlas-action-grid article:last-child span {color:#ff765a}

/* PORTFOLIO */
.atlas-project-grid {position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}
.atlas-project-grid article {display:grid;align-content:start;gap:4px;min-height:117px;padding:13px;border:1px solid rgba(144,168,214,.14);border-radius:16px;background:linear-gradient(145deg,rgba(18,37,64,.74),rgba(7,18,34,.8))}
.atlas-project-grid article > div {display:flex;align-items:center;gap:7px;margin-bottom:4px}
.atlas-project-grid .status-dot {width:7px;height:7px;flex:0 0 auto}
.atlas-project-grid article small {color:rgba(219,231,249,.42);font-size:.48rem;text-transform:uppercase;letter-spacing:.06em}
.atlas-project-grid article strong {font-size:.75rem}
.atlas-project-grid article p {margin:0;color:#80d1ff;font-size:.59rem}
.atlas-project-grid article b {margin-top:auto;color:rgba(221,232,249,.42);font-size:.49rem;font-weight:550;line-height:1.35}

/* ABOUT */
.atlas-profile-head {position:relative;z-index:2;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:13px;padding:15px 2px}
.atlas-profile-monogram {display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(100,129,255,.42);border-radius:17px;background:linear-gradient(145deg,rgba(56,82,162,.25),rgba(14,31,56,.7));font-size:1.15rem;font-weight:850}
.atlas-profile-head > div:last-child {display:grid;gap:4px}
.atlas-profile-head strong {font-size:1.05rem}
.atlas-profile-head span {color:rgba(220,232,250,.46);font-size:.62rem}
.atlas-profile-mission {position:relative;z-index:2;display:grid;gap:6px;padding:13px 14px;border:1px solid rgba(144,168,214,.13);border-radius:14px;background:rgba(8,19,37,.58)}
.atlas-profile-mission strong {font-size:.82rem}
.atlas-profile-mission > span {width:70%;height:4px;border-radius:99px;background:linear-gradient(90deg,#657eff,#7ad3ff)}
.atlas-method-list {position:relative;z-index:2;display:grid;gap:7px;margin:10px 0}
.atlas-method-list article {display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:54px;padding:9px 11px;border:1px solid rgba(144,168,214,.11);border-radius:12px;background:rgba(9,20,39,.5)}
.atlas-method-list article > span {width:30px;height:30px;font-size:.56rem}
.atlas-method-list article div {display:grid;gap:3px}
.atlas-method-list strong {font-size:.68rem}
.atlas-method-list small {color:rgba(219,231,249,.42);font-size:.52rem;line-height:1.35}
.atlas-discipline-grid {position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}
.atlas-discipline-grid span {padding:8px 4px;text-align:center;color:rgba(228,237,251,.55);border:1px solid rgba(144,168,214,.1);border-radius:9px;background:rgba(12,25,46,.5);font-size:.5rem}

/* CONTACT */
.atlas-intake-grid {position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.atlas-intake-grid article {position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:78px;padding:11px;border:1px solid rgba(144,168,214,.12);border-radius:14px;background:rgba(9,20,39,.52)}
.atlas-intake-grid article.is-active {border-color:rgba(104,132,255,.38);background:linear-gradient(145deg,rgba(38,62,126,.38),rgba(9,21,41,.66))}
.atlas-intake-grid article > span {width:30px;height:30px;font-size:.56rem}
.atlas-intake-grid article div {display:grid;gap:4px}
.atlas-intake-grid strong {font-size:.68rem}
.atlas-intake-grid small {color:rgba(220,231,249,.42);font-size:.52rem;line-height:1.35}
.atlas-intake-grid article > i {position:absolute;right:10px;bottom:9px;width:34px;height:3px;border-radius:99px;background:rgba(135,160,210,.14)}
.atlas-intake-grid article.is-active > i {background:linear-gradient(90deg,#677fff,#7ed3ff)}
.atlas-intake-summary {position:relative;z-index:2;display:grid;gap:5px;margin:9px 0 12px;padding:12px 14px;border:1px solid rgba(255,112,85,.18);border-radius:14px;background:linear-gradient(145deg,rgba(65,35,42,.28),rgba(10,21,40,.66))}
.atlas-intake-summary span {color:#ff8065;font-size:.52rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.atlas-intake-summary strong {font-size:.74rem}
.atlas-intake-summary small {color:rgba(220,232,249,.43);font-size:.54rem;line-height:1.4}

@keyframes atlasPanelScan {0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}

@media (max-width:1120px) {
  .atlas-hero-visual {width:min(100%,560px);padding:12px}
  .atlas-visual-shell {min-height:500px}
}

@media (max-width:760px) {
  .atlas-hero-visual,
  .hero-visual.atlas-hero-visual,
  .service-hero-visual.atlas-hero-visual,
  .creation-hero-visual.atlas-hero-visual,
  .seo-hero-visual.atlas-hero-visual,
  .portfolio-hero-visual.atlas-hero-visual,
  .about-hero-visual.atlas-hero-visual,
  .contact-hero-visual.atlas-hero-visual {
    width:100%;
    max-width:100%;
    min-height:0;
    margin:12px auto 0;
    padding:0;
    overflow:visible;
    transform:none;
  }
  .atlas-hero-visual::before {inset:2% -4%}
  .atlas-hero-visual::after {inset:15% 4%}
  .atlas-visual-shell {min-height:0;padding:14px;border-radius:22px;background-size:28px 28px,28px 28px,auto,auto}
  .atlas-visual-heading {padding:13px 1px 12px}
  .atlas-visual-heading strong {font-size:1rem}
  .atlas-visual-heading > span {font-size:.64rem}
  .atlas-visual-footer {grid-template-columns:auto 1fr;gap:7px;padding:10px 11px}
  .atlas-visual-footer small {grid-column:2;font-size:.55rem}
  .atlas-visual-footer strong {font-size:.63rem}
  .atlas-home-grid,.atlas-service-matrix,.atlas-project-grid,.atlas-intake-grid {gap:7px}
  .atlas-home-grid article {min-height:94px;padding:11px;grid-template-columns:30px 1fr}
  .atlas-home-grid article > span {width:28px;height:28px;font-size:.56rem}
  .atlas-home-grid strong {font-size:.68rem}
  .atlas-home-grid small {font-size:.53rem}
  .atlas-home-grid b {font-size:.44rem}
  .atlas-service-matrix a {grid-template-columns:25px 30px 1fr;min-height:92px;padding:10px;gap:7px}
  .atlas-service-matrix a > span {width:24px;height:24px;font-size:.5rem}
  .atlas-icon {width:30px;height:30px}
  .atlas-service-matrix strong {font-size:.64rem}
  .atlas-service-matrix small {font-size:.49rem}
  .atlas-service-matrix b {font-size:.43rem}
  .atlas-browser-layout {min-height:165px;grid-template-columns:40px 1fr}
  .atlas-browser-page {padding:14px}
  .atlas-browser-page > strong {height:14px}
  .atlas-browser-cards span {height:32px}
  .atlas-metric-grid {gap:6px}
  .atlas-metric-grid article {min-height:61px;padding:8px}
  .atlas-metric-grid strong {font-size:.57rem}
  .atlas-app-workspace {grid-template-columns:82px 1fr;min-height:160px}
  .atlas-app-menu {padding:7px}
  .atlas-app-menu span {padding:6px;font-size:.46rem}
  .atlas-module-grid {grid-template-columns:repeat(2,1fr)}
  .atlas-seo-chart {height:150px}
  .atlas-health-list article {grid-template-columns:68px 1fr 48px;gap:7px;font-size:.53rem}
  .atlas-action-grid article {padding:9px}
  .atlas-project-grid article {min-height:108px;padding:10px}
  .atlas-project-grid article strong {font-size:.67rem}
  .atlas-profile-head {padding:12px 1px}
  .atlas-method-list article {min-height:50px}
  .atlas-discipline-grid {grid-template-columns:repeat(2,1fr)}
}

@media (max-width:360px) {
  .atlas-home-grid,.atlas-service-matrix,.atlas-project-grid,.atlas-intake-grid {grid-template-columns:1fr}
  .atlas-home-grid article,.atlas-service-matrix a,.atlas-project-grid article,.atlas-intake-grid article {min-height:auto}
  .atlas-metric-grid {grid-template-columns:1fr}
  .atlas-metric-grid article {min-height:54px}
  .atlas-action-grid {grid-template-columns:1fr}
  .atlas-action-grid article {grid-template-columns:28px 1fr;align-items:center}
  .atlas-action-grid small {grid-column:2}
}

@media (prefers-reduced-motion:reduce) {
  .atlas-visual-shell::before {animation:none}
  .atlas-service-matrix a {transition:none}
}


/* =========================================================
   V10.6.3 — isolation des trois anciens héros
   Les anciennes classes .hero-visual, .service-hero-visual et
   .creation-hero-visual appliquaient encore leurs compositions
   orbitales/flottantes historiques.
   ========================================================= */

.hero > .atlas-hero-visual,
.services-hero .atlas-hero-visual,
.creation-hero .atlas-hero-visual {
  min-height: 0;
  display: block;
  place-items: initial;
  transform: none;
}

.hero > .atlas-hero-visual .atlas-visual-shell,
.services-hero .atlas-hero-visual .atlas-visual-shell,
.creation-hero .atlas-hero-visual .atlas-visual-shell {
  position: relative;
  inset: auto;
  width: 100%;
  transform: none;
}

@media (max-width: 1120px) {
  .hero > .atlas-hero-visual,
  .services-hero .atlas-hero-visual,
  .creation-hero .atlas-hero-visual {
    min-height: 0;
    margin: 0 auto;
    transform: none;
  }
}

@media (max-width: 660px) {
  .hero > .atlas-hero-visual,
  .services-hero .atlas-hero-visual,
  .creation-hero .atlas-hero-visual {
    width: 100%;
    padding: 10px 0 0;
    overflow: visible;
  }

  .hero > .atlas-hero-visual .atlas-visual-shell,
  .services-hero .atlas-hero-visual .atlas-visual-shell,
  .creation-hero .atlas-hero-visual .atlas-visual-shell {
    min-height: auto;
    border-radius: 22px;
  }
}


/* =========================================================
   V10.6.4 — ACCESSIBILITÉ ET NAVIGATION AGENTIQUE
   ========================================================= */

/* Les anciens <button> étaient purement décoratifs.
   Ils sont désormais des <span aria-hidden="true">. */
.browser-hero > .decorative-cta {
  display: block;
  width: 92px;
  height: 30px;
  margin-top: 25px;
  border-radius: 9px;
  background: var(--coral);
}

.solution-card-screen > .decorative-cta {
  display: block;
  width: 92px;
  height: 29px;
  margin-top: 25px;
  border-radius: 9px;
  background: var(--coral);
}

.site-window-hero > .decorative-cta {
  display: block;
  width: 83px;
  height: 27px;
  margin-top: 18px;
  border-radius: 999px;
  background: #20252a;
}

.phone-demo > .decorative-cta {
  display: block;
  width: 84px;
  height: 29px;
  margin-top: 19px;
  border-radius: 9px;
  background: var(--coral);
}

.club-panel > .decorative-cta {
  display: block;
  width: 100%;
  height: 31px;
  margin-top: 21px;
  border-radius: 9px;
  background: var(--blue);
}

.delices-product > .decorative-cta {
  display: block;
  width: 90px;
  height: 30px;
  border-radius: 999px;
  background: #d68c66;
}

/* Contrastes conformes pour les petits textes du pied de page.
   La hiérarchie visuelle reste volontairement discrète. */
.site-footer .brand-copy small {
  color: rgba(237, 244, 255, 0.62);
}

.site-footer .footer-brand p {
  color: rgba(237, 244, 255, 0.58);
}

.site-footer .footer-links a {
  color: rgba(237, 244, 255, 0.62);
}

.site-footer .footer-bottom {
  color: rgba(237, 244, 255, 0.58);
}


/* =========================================================
   V10.6.5 — CONTRASTE DU SOUS-TITRE DU HEADER
   ========================================================= */

/* « Studio digital indépendant » :
   contraste renforcé tout en conservant son rôle secondaire. */
.site-header .brand-copy small {
  color: rgba(237, 244, 255, 0.68);
}