@font-face {
  font-family:"HOODEL Plex Arabic";
  src:url("/assets/fonts/ibm-plex-arabic-600.woff2") format("woff2");
  font-style:normal;
  font-weight:600;
  font-display:swap;
}

/* =========================================================
   HOODEL Internal Pages
   Persian About — approved four-section architecture
   ========================================================= */

.hoodel-page {
  --page-ink:#172033;
  --page-ink-soft:#303a4d;
  --page-muted:#687082;
  --page-line:rgba(48,47,56,.12);
  --page-blue:#2866c7;
  --page-purple:#8160d7;
  --page-warm:#d8843f;
  --page-warm-deep:#b86b31;
  --page-ivory:#fbf8f3;
  --page-cream:#f8f2e9;
  --page-paper:#fffdf9;
  --page-max:1240px;
  --page-radius:14px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:80px;
  color:var(--page-ink);
  overflow:hidden;
}

.hoodel-about,
.hoodel-about button,
.hoodel-about input,
.hoodel-about textarea {
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
  direction:rtl;
  letter-spacing:0;
}

.hoodel-page *,
.hoodel-page *::before,
.hoodel-page *::after { box-sizing:border-box; }

.hoodel-page .page-shell {
  width:min(calc(100% - 48px),var(--page-max));
  margin-inline:auto;
}

.about-skip-link {
  position:fixed;
  z-index:1000;
  inset-block-start:12px;
  inset-inline-start:12px;
  padding:11px 16px;
  border-radius:6px;
  background:#172033;
  color:#fff;
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
  font-size:.9rem;
  text-decoration:none;
  transform:translateY(-160%);
  transition:transform .18s ease;
}
.about-skip-link:focus { transform:translateY(0); }

.hoodel-page a:focus-visible {
  outline:3px solid rgba(40,102,199,.42);
  outline-offset:4px;
  border-radius:6px;
}

.hoodel-page .about-eyebrow {
  margin:0 0 var(--space-4);
  color:var(--page-warm-deep);
  font-size:.82rem;
  line-height:1.6;
  font-weight:750;
}

.hoodel-page .page-button {
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:11px 22px;
  border:1px solid rgba(42,43,51,.16);
  border-radius:8px;
  background:#fff;
  color:var(--page-ink);
  text-decoration:none;
  font-size:.94rem;
  font-weight:680;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.hoodel-page .page-button:hover { transform:translateY(-2px); border-color:rgba(188,111,52,.4); box-shadow:0 10px 25px rgba(67,47,31,.08); }
.hoodel-page .page-button--primary { border-color:var(--page-ink); background:var(--page-ink); color:#fff; }
.hoodel-page .page-button--primary:hover { border-color:#273147; background:#273147; }

.hoodel-page .about-section-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);
  gap:clamp(40px,7vw,88px);
  align-items:start;
}
.hoodel-page .about-section-head h2,
.hoodel-page .about-experience h2 {
  max-width:720px;
  margin:0;
  color:var(--page-ink);
  font-family:"HOODEL Plex Arabic","Vazirmatn",Tahoma,Arial,sans-serif;
  font-size:clamp(1.9rem,3vw,2.85rem);
  line-height:1.38;
  letter-spacing:0;
  font-weight:600;
}
.hoodel-page .about-section-copy {
  margin:0;
  color:var(--page-muted);
  font-size:1rem;
  line-height:2;
}
.hoodel-page .about-section-copy p { margin:0 0 var(--space-4); }
.hoodel-page .about-section-copy p:last-child { margin-bottom:0; }

/* Compact hero */
.hoodel-page .about-hero {
  position:relative;
  padding:clamp(72px,7vw,102px) 0 clamp(52px,6vw,72px);
  overflow:hidden;
  border-bottom:1px solid rgba(77,59,42,.09);
  background:
    linear-gradient(rgba(133,98,65,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(133,98,65,.028) 1px,transparent 1px),
    linear-gradient(135deg,#fffdf9,#fbf7f0 58%,#f8f2e9);
  background-size:40px 40px,40px 40px,auto;
}
.hoodel-page .about-hero::before {
  content:"";
  position:absolute;
  width:440px;
  aspect-ratio:1;
  inset-block-start:-230px;
  inset-inline-end:-100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,132,63,.15),rgba(216,132,63,0) 69%);
  pointer-events:none;
}
.hoodel-page .about-hero__grid {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.7fr);
  gap:clamp(40px,7vw,88px);
  align-items:center;
}
.hoodel-page .about-hero__content { max-width:760px; }
.hoodel-page .about-hero h1 {
  max-width:740px;
  margin:0;
  color:var(--page-ink);
  font-family:"HOODEL Plex Arabic","Vazirmatn",Tahoma,Arial,sans-serif;
  font-size:clamp(2.3rem,3.8vw,3.65rem);
  line-height:1.32;
  letter-spacing:0;
  font-weight:600;
}
.hoodel-page .about-hero__lead {
  max-width:750px;
  margin:var(--space-6) 0 0;
  color:var(--page-ink-soft);
  font-size:clamp(1.05rem,1.3vw,1.2rem);
  line-height:2.05;
}
.hoodel-page .about-hero__text {
  max-width:720px;
  margin:var(--space-4) 0 0;
  color:var(--page-muted);
  font-size:.97rem;
  line-height:2;
}
.hoodel-page .about-hero__actions { display:flex; flex-wrap:wrap; gap:var(--space-5); align-items:center; margin-top:var(--space-6); }
.hoodel-page .about-text-link { display:inline-flex; gap:8px; align-items:center; min-height:44px; color:var(--page-blue); font-size:.92rem; font-weight:680; text-decoration:none; }
.hoodel-page .about-text-link span { font-size:1rem; }
.hoodel-page .about-hero__visual { position:relative; width:min(100%,480px); aspect-ratio:3 / 2; justify-self:center; }
.hoodel-page .about-hero__visual picture,.hoodel-page .about-hero__visual img { display:block; width:100%; height:100%; }
.hoodel-page .about-hero__visual img { object-fit:contain; }

/* Approach timeline */
.hoodel-page .about-process { padding:56px 0; background:var(--page-paper); }
.hoodel-page .process-timeline {
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  width:min(100%,1120px);
  margin:var(--space-7) auto 0;
  padding:0;
  list-style:none;
}
.hoodel-page .process-timeline::before { content:""; position:absolute; inset-inline:6%; inset-block-start:23px; height:1px; background:linear-gradient(90deg,rgba(216,132,63,.45),rgba(129,96,215,.35),rgba(40,102,199,.42)); }
.hoodel-page .process-timeline li { position:relative; padding-inline:0 var(--space-5); }
.hoodel-page .process-timeline li > span { position:relative; z-index:1; display:grid; width:46px; height:46px; place-items:center; border:1px solid rgba(104,76,52,.2); border-radius:50%; background:var(--page-paper); color:var(--page-warm-deep); font-weight:750; }
.hoodel-page .process-timeline h3 { margin:var(--space-4) 0 0; font-size:1.08rem; line-height:1.7; font-weight:720; }
.hoodel-page .process-timeline p { max-width:240px; margin:var(--space-2) 0 0; color:var(--page-muted); font-size:.91rem; line-height:1.9; }

/* Capability overview */
.hoodel-page .about-capabilities .about-section-head h2 { font-size:clamp(1.85rem,2.8vw,2.65rem); }
.hoodel-page .about-capabilities { padding:72px 0; border-block:1px solid rgba(88,65,46,.08); background:var(--page-cream); }
.hoodel-page .capability-overview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:var(--space-8); border-top:1px solid var(--page-line); }
.hoodel-page .capability-overview article { display:grid; grid-template-columns:48px 1fr; gap:var(--space-4); padding:var(--space-6) var(--space-5); border-bottom:1px solid var(--page-line); }
.hoodel-page .capability-overview article:nth-child(odd) { border-inline-end:1px solid var(--page-line); }
.hoodel-page .capability-overview__index { color:var(--page-warm-deep); font-family:"Vazirmatn",Tahoma,sans-serif; font-size:.76rem; font-weight:750; }
.hoodel-page .capability-overview h3 { margin:0; color:var(--page-ink); font-size:1.12rem; line-height:1.7; font-weight:720; }
.hoodel-page .capability-overview p { max-width:510px; margin:var(--space-3) 0 0; color:var(--page-muted); font-size:.93rem; line-height:1.95; }

/* Experience and contextual CTA */
.hoodel-page .about-experience { padding:72px 0; background:var(--page-paper); }
.hoodel-page .about-experience__grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.7fr); gap:clamp(48px,8vw,104px); align-items:center; }
.hoodel-page .about-experience__content { max-width:760px; }
.hoodel-page .about-experience__lead,.hoodel-page .about-experience__content > p:last-child { margin:var(--space-5) 0 0; color:var(--page-muted); font-size:1rem; line-height:2; }
.hoodel-page .about-experience blockquote { margin:var(--space-6) 0 0; padding:var(--space-5) var(--space-6) var(--space-5) 0; border:0; border-inline-start:3px solid var(--page-warm); color:var(--page-ink); font-size:clamp(1.3rem,2.1vw,1.85rem); line-height:1.75; font-weight:650; }
.hoodel-page .about-contact-panel { padding:var(--space-5) var(--space-6) var(--space-5) 0; border:0; border-inline-start:1px solid rgba(103,77,54,.16); border-radius:0; background:transparent; }
.hoodel-page .about-contact-panel h3 { margin:0; color:var(--page-ink); font-size:clamp(1.45rem,2.4vw,2.05rem); line-height:1.55; font-weight:700; }
.hoodel-page .about-contact-panel > p:not(.about-eyebrow) { margin:var(--space-4) 0 0; color:var(--page-muted); font-size:.96rem; line-height:2; }
.hoodel-page .about-contact-panel .page-button { margin-top:var(--space-6); }

@media (max-width:960px) {
  .hoodel-page .about-hero__grid,.hoodel-page .about-section-head,.hoodel-page .about-experience__grid { grid-template-columns:1fr; }
  .hoodel-page .about-hero__visual { width:min(100%,420px); }
  .hoodel-page .process-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-7) 0; }
  .hoodel-page .process-timeline::before { display:none; }
  .hoodel-page .process-timeline li { padding-inline-end:var(--space-5); border-inline-start:1px solid var(--page-line); }
}

@media (max-width:640px) {
  .hoodel-page .page-shell { width:min(calc(100% - 30px),var(--page-max)); }
  .hoodel-page .about-hero { padding:64px 0 var(--space-7); }
  .hoodel-page .about-hero__grid { gap:var(--space-5); }
  .hoodel-page .about-hero__content,.hoodel-page .about-section-head,.hoodel-page .about-section-copy,.hoodel-page .about-experience__content,.hoodel-page .about-contact-panel { text-align:right; }
  .hoodel-page .about-hero h1 { font-size:clamp(2.2rem,8vw,2.45rem); line-height:1.34; letter-spacing:0; }
  .hoodel-page .about-section-head h2,.hoodel-page .about-experience h2,.hoodel-page .about-capabilities .about-section-head h2 { font-size:clamp(1.8rem,7vw,2.05rem); line-height:1.4; }
  .hoodel-page .about-hero__lead { margin-top:var(--space-5); font-size:1rem; }
  .hoodel-page .about-hero__actions { gap:var(--space-3); }
  .hoodel-page .about-hero__visual { width:min(74vw,300px); margin:0 auto var(--space-3); }
  .hoodel-page .about-process,.hoodel-page .about-capabilities,.hoodel-page .about-experience { padding:56px 0; }
  .hoodel-page .process-timeline { grid-template-columns:1fr; margin-top:var(--space-7); gap:0; }
  .hoodel-page .process-timeline li { display:grid; grid-template-columns:46px 1fr; gap:var(--space-3); padding:0 0 var(--space-5); border:0; }
  .hoodel-page .process-timeline h3 { margin:0; }
  .hoodel-page .process-timeline p { margin-top:var(--space-2); }
  .hoodel-page .capability-overview { grid-template-columns:1fr; margin-top:var(--space-7); }
  .hoodel-page .capability-overview article,.hoodel-page .capability-overview article:nth-child(odd) { grid-template-columns:40px 1fr; padding:var(--space-5) 0; border-inline-end:0; }
  .hoodel-page .about-experience blockquote { padding:var(--space-4) var(--space-5) var(--space-4) 0; }
  .hoodel-page .about-contact-panel { padding:var(--space-5) 0 0; border-inline-start:0; border-top:1px solid rgba(103,77,54,.16); }
}

@media (prefers-reduced-motion:reduce) {
  .about-skip-link,.hoodel-page .page-button { transition:none; }
  .hoodel-page .page-button:hover { transform:none; }
}

/* Restrained About-page motion system */

.about-motion-ready .about-hero__content > .about-eyebrow,
.about-motion-ready .about-hero__content > h1,
.about-motion-ready .about-hero__lead,
.about-motion-ready .about-hero__text,
.about-motion-ready .about-hero__actions,
.about-motion-ready .about-hero__visual {
  opacity:0;
  transform:translateY(12px);
  transition:opacity .58s ease,transform .58s cubic-bezier(.22,.61,.36,1);
}
.about-motion-ready .about-hero.is-entered .about-hero__content > .about-eyebrow,
.about-motion-ready .about-hero.is-entered .about-hero__content > h1,
.about-motion-ready .about-hero.is-entered .about-hero__lead,
.about-motion-ready .about-hero.is-entered .about-hero__text,
.about-motion-ready .about-hero.is-entered .about-hero__actions,
.about-motion-ready .about-hero.is-entered .about-hero__visual { opacity:1; transform:translateY(0); }
.about-motion-ready .about-hero.is-entered .about-hero__content > h1 { transition-delay:70ms; }
.about-motion-ready .about-hero.is-entered .about-hero__lead { transition-delay:140ms; }
.about-motion-ready .about-hero.is-entered .about-hero__text { transition-delay:210ms; }
.about-motion-ready .about-hero.is-entered .about-hero__actions { transition-delay:280ms; }
.about-motion-ready .about-hero.is-entered .about-hero__visual { transition-delay:350ms; }

.about-motion-ready .motion-reveal {
  opacity:0;
  transform:translateY(16px);
  transition:opacity .62s ease var(--motion-delay,0ms),transform .62s cubic-bezier(.22,.61,.36,1) var(--motion-delay,0ms);
}
.about-motion-ready .motion-reveal.is-visible { opacity:1; transform:translateY(0); }

.about-motion-ready .motion-timeline::before {
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform 1.45s cubic-bezier(.22,.61,.36,1);
}
.about-motion-ready .motion-timeline.is-visible::before { transform:scaleX(1); }
.about-motion-ready .motion-timeline li > span,
.about-motion-ready .motion-timeline li > div {
  opacity:0;
  transform:translateY(10px);
  transition:opacity .48s ease,transform .48s ease,border-color .3s ease;
}
.about-motion-ready .motion-timeline.is-visible li > span,
.about-motion-ready .motion-timeline.is-visible li > div { opacity:1; transform:translateY(0); }
.about-motion-ready .motion-timeline.is-visible li:nth-child(1) > span,
.about-motion-ready .motion-timeline.is-visible li:nth-child(1) > div { transition-delay:160ms; }
.about-motion-ready .motion-timeline.is-visible li:nth-child(2) > span,
.about-motion-ready .motion-timeline.is-visible li:nth-child(2) > div { transition-delay:390ms; }
.about-motion-ready .motion-timeline.is-visible li:nth-child(3) > span,
.about-motion-ready .motion-timeline.is-visible li:nth-child(3) > div { transition-delay:620ms; }
.about-motion-ready .motion-timeline.is-visible li:nth-child(4) > span,
.about-motion-ready .motion-timeline.is-visible li:nth-child(4) > div { transition-delay:850ms; }
.about-motion-ready .motion-timeline.is-visible li > span { border-color:rgba(184,107,49,.38); }

.about-motion-ready .motion-capability { transition-property:opacity,transform,border-color; }
@media (hover:hover) {
  .hoodel-page .capability-overview article { transition:border-color .2s ease; }
  .hoodel-page .capability-overview article:hover { border-color:rgba(184,107,49,.24); }
}

.about-motion-ready .motion-statement { position:relative; border-inline-start-color:transparent; opacity:0; transform:translateY(12px); transition:opacity .55s ease .16s,transform .55s ease .16s; }
.about-motion-ready .motion-statement::before {
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:-3px;
  width:3px;
  background:var(--page-warm);
  transform:scaleY(0);
  transform-origin:center top;
  transition:transform .72s cubic-bezier(.22,.61,.36,1);
}
.about-motion-ready .motion-statement.is-visible { opacity:1; transform:translateY(0); }
.about-motion-ready .motion-statement.is-visible::before { transform:scaleY(1); }

@media (max-width:640px) {
  .about-motion-ready .motion-timeline::before {
    display:block;
    inset-block:23px 24px;
    inset-inline-start:23px;
    inset-inline-end:auto;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,rgba(216,132,63,.45),rgba(129,96,215,.35),rgba(40,102,199,.42));
    transform:scaleY(0);
    transform-origin:center top;
  }
  .about-motion-ready .motion-timeline.is-visible::before { transform:scaleY(1); }
}

@media (prefers-reduced-motion:reduce) {
  .about-motion-ready .about-hero__content > .about-eyebrow,
  .about-motion-ready .about-hero__content > h1,
  .about-motion-ready .about-hero__lead,
  .about-motion-ready .about-hero__text,
  .about-motion-ready .about-hero__actions,
  .about-motion-ready .about-hero__visual,
  .about-motion-ready .motion-reveal,
  .about-motion-ready .motion-timeline li > span,
  .about-motion-ready .motion-timeline li > div,
  .about-motion-ready .motion-statement { opacity:1; transform:none; transition:none; }
  .about-motion-ready .motion-timeline::before,
  .about-motion-ready .motion-statement::before { transform:none; transition:none; }
}

/* =========================================================
   Persian Capabilities — technology architecture map
   ========================================================= */
.hoodel-capabilities,
.hoodel-capabilities button,
.hoodel-capabilities input,
.hoodel-capabilities textarea {
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;
  direction:rtl;
  letter-spacing:0;
}
.hoodel-capabilities h1,
.hoodel-capabilities h2 {
  margin:0;
  color:var(--page-ink);
  font-family:"HOODEL Plex Arabic","Vazirmatn",Tahoma,Arial,sans-serif;
  font-weight:600;
  letter-spacing:0;
}
.hoodel-capabilities h1 { max-width:720px; font-size:clamp(2.3rem,3.8vw,3.65rem); line-height:1.32; }
.hoodel-capabilities h2 { max-width:760px; font-size:clamp(1.9rem,3vw,2.8rem); line-height:1.38; }
.hoodel-capabilities h3 { margin:0; color:var(--page-ink); font-size:1.08rem; line-height:1.7; font-weight:720; }
.hoodel-capabilities p { text-wrap:pretty; }
.hoodel-capabilities .cap-eyebrow { margin:0 0 var(--space-4); color:var(--page-warm-deep); font-size:.82rem; line-height:1.6; font-weight:750; }

.cap-breadcrumb { padding-top:var(--space-5); }
.cap-breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0; padding:0; list-style:none; color:var(--page-muted); font-size:.78rem; }
.cap-breadcrumb li + li::before { content:"/"; margin-inline-end:8px; color:rgba(104,112,130,.55); }
.cap-breadcrumb a { color:var(--page-blue); text-decoration:none; }

.cap-hero { position:relative; overflow:hidden; border-bottom:1px solid rgba(48,47,56,.09); background-color:#fffdf9; background-image:linear-gradient(rgba(40,102,199,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(40,102,199,.035) 1px,transparent 1px); background-size:40px 40px; }
.cap-hero::before { content:""; position:absolute; inset-block-start:-220px; inset-inline-start:-160px; width:430px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(129,96,215,.11),rgba(129,96,215,0) 70%); pointer-events:none; }
.cap-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr); gap:clamp(48px,7vw,92px); align-items:center; padding:clamp(60px,6vw,84px) 0 clamp(56px,5vw,72px); }
.cap-hero__content { max-width:760px; }
.cap-hero__lead { max-width:720px; margin:var(--space-6) 0 0; color:var(--page-ink-soft); font-size:clamp(1.03rem,1.25vw,1.16rem); line-height:2.05; }
.cap-hero__actions { display:flex; flex-wrap:wrap; gap:var(--space-5); align-items:center; margin-top:var(--space-6); }
.cap-text-link { display:inline-flex; min-height:44px; gap:8px; align-items:center; color:var(--page-blue); font-size:.92rem; font-weight:680; text-decoration:none; }

.cap-hero-stack { position:relative; width:min(100%,460px); min-height:330px; justify-self:center; padding:var(--space-6); border:1px solid rgba(40,102,199,.13); background:rgba(255,255,255,.72); }
.cap-hero-stack::before,.cap-hero-stack::after { content:""; position:absolute; pointer-events:none; }
.cap-hero-stack::before { inset:20px; border:1px solid rgba(129,96,215,.11); }
.cap-hero-stack::after { inset-block:50% auto; inset-inline:18px; height:1px; background:linear-gradient(90deg,rgba(216,132,63,.38),rgba(129,96,215,.35),rgba(40,102,199,.38)); transform:scaleX(.78); }
.cap-hero-stack__core { position:absolute; z-index:2; inset:50% auto auto 50%; display:grid; min-width:126px; min-height:82px; place-content:center; border:1px solid rgba(184,107,49,.25); background:var(--page-paper); text-align:center; transform:translate(-50%,-50%); }
.cap-hero-stack__core span { color:var(--page-warm-deep); font-size:1.45rem; line-height:1; font-weight:750; }
.cap-hero-stack__core strong { margin-top:8px; font-size:.78rem; }
.cap-hero-stack__layers { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-5); height:100%; min-height:218px; align-content:space-between; }
.cap-hero-stack__layers i { display:flex; min-height:58px; align-items:center; justify-content:center; border-inline-start:2px solid var(--page-blue); background:rgba(247,250,255,.9); color:var(--page-ink); font-style:normal; font-size:.82rem; }
.cap-hero-stack__layers i:nth-child(2),.cap-hero-stack__layers i:nth-child(3) { border-inline-start-color:var(--page-purple); }
.cap-hero-stack__layers i:nth-child(4) { border-inline-start-color:var(--page-warm); }
.cap-hero-stack__cross { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); margin-top:var(--space-5); border-top:1px solid var(--page-line); }
.cap-hero-stack__cross span { padding:var(--space-3) 8px 0; color:var(--page-muted); font-size:.67rem; line-height:1.65; text-align:center; }

.cap-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.82fr); gap:clamp(40px,7vw,88px); align-items:start; }
.cap-section-head > p,.cap-section-head--compact > p { max-width:620px; margin:0; color:var(--page-muted); font-size:.98rem; line-height:2; }
.cap-section-head--compact { padding-bottom:var(--space-7); border-bottom:1px solid var(--page-line); }

.cap-architecture { padding:72px 0; background:var(--page-paper); }
.cap-map { position:relative; margin-top:var(--space-8); padding:var(--space-6); border-block:1px solid var(--page-line); }
.cap-map__foundation { display:flex; justify-content:center; position:relative; z-index:2; }
.cap-map__foundation span { min-width:250px; padding:14px 24px; border:1px solid rgba(184,107,49,.23); background:#fffaf3; color:var(--page-ink); text-align:center; font-weight:700; }
.cap-map__families { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:var(--space-7); background:var(--page-line); }
.cap-map__families::before { content:""; position:absolute; inset-block-start:calc(var(--space-7) * -1); inset-inline:12.5%; height:var(--space-7); border-top:1px solid rgba(40,102,199,.24); border-inline:1px solid rgba(40,102,199,.24); transform:scaleX(0); transform-origin:center; }
.cap-map__families a { display:flex; min-height:118px; flex-direction:column; justify-content:space-between; padding:var(--space-5); background:var(--page-paper); color:var(--page-ink); text-decoration:none; transition:background .2s ease,border-color .2s ease; }
.cap-map__families a:hover { background:#f8fbff; }
.cap-map__families span { color:var(--page-warm-deep); font-size:.75rem; font-weight:750; }
.cap-map__families strong { max-width:210px; font-size:.98rem; line-height:1.8; }
.cap-map__cross { display:grid; grid-template-columns:repeat(3,1fr); margin-top:var(--space-5); border-block:1px solid rgba(129,96,215,.15); }
.cap-map__cross span { padding:var(--space-4); color:var(--page-muted); font-size:.82rem; line-height:1.8; text-align:center; }
.cap-map__cross span + span { border-inline-start:1px solid rgba(129,96,215,.15); }
.cap-motion-ready .cap-map.is-visible .cap-map__families::before { transform:scaleX(1); transition:transform .8s cubic-bezier(.22,.61,.36,1) .15s; }

.cap-core { padding:72px 0; border-block:1px solid rgba(48,47,56,.08); background:var(--page-cream); }
.cap-family-zones { border-top:1px solid var(--page-line); }
.cap-family-zones article { display:grid; grid-template-columns:minmax(240px,.75fr) minmax(280px,1fr) minmax(330px,1.08fr); gap:clamp(24px,4vw,56px); align-items:start; padding:var(--space-7) var(--space-5); border-bottom:1px solid var(--page-line); scroll-margin-top:90px; }
.cap-family-zones article:nth-child(even) { background:rgba(255,255,255,.32); }
.cap-family-zones__identity { display:grid; grid-template-columns:34px 1fr; gap:var(--space-3); }
.cap-family-zones__identity span { color:var(--page-warm-deep); font-size:.75rem; font-weight:750; }
.cap-family-zones article > p { margin:0; color:var(--page-muted); font-size:.92rem; line-height:1.95; }
.cap-family-zones ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; direction:ltr; justify-content:flex-start; }
.cap-family-zones li { padding:7px 10px; border:1px solid rgba(40,102,199,.13); color:#40506a; font-family:"Manrope",Arial,sans-serif; font-size:.69rem; line-height:1.4; }

.cap-cross { padding:72px 0; background:var(--page-paper); }
.cap-cross-band { display:grid; grid-template-columns:repeat(3,1fr); margin-top:var(--space-8); border-block:1px solid var(--page-line); }
.cap-cross-band article { padding:var(--space-6); }
.cap-cross-band article + article { border-inline-start:1px solid var(--page-line); }
.cap-cross-band article > span { color:var(--page-warm-deep); font-size:.75rem; font-weight:750; }
.cap-cross-band h3 { margin-top:var(--space-4); }
.cap-cross-band p { margin:var(--space-3) 0 0; color:var(--page-muted); font-size:.91rem; line-height:1.95; }

.cap-delivery { padding:72px 0; border-block:1px solid rgba(48,47,56,.08); background:#fafcff; }
.cap-delivery-spectrum { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:var(--space-7) 0 0; padding:0; list-style:none; }
.cap-delivery-spectrum::before { content:""; position:absolute; inset-block-start:22px; inset-inline:7%; height:1px; background:linear-gradient(90deg,rgba(216,132,63,.42),rgba(129,96,215,.36),rgba(40,102,199,.42)); }
.cap-delivery-spectrum li { position:relative; display:grid; grid-template-columns:44px 1fr; gap:var(--space-4); padding-inline-end:var(--space-6); }
.cap-delivery-spectrum li > span { position:relative; z-index:1; display:grid; width:44px; height:44px; place-items:center; border:1px solid rgba(104,76,52,.2); border-radius:50%; background:#fafcff; color:var(--page-warm-deep); font-weight:750; }
.cap-delivery-spectrum p { margin:var(--space-2) 0 0; color:var(--page-muted); font-size:.88rem; line-height:1.85; }

.cap-paths { padding:72px 0; background:var(--page-paper); }
.cap-paths__grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(360px,1fr); gap:clamp(48px,8vw,112px); align-items:start; }
.cap-paths__grid > div > p:last-child { max-width:600px; margin:var(--space-5) 0 0; color:var(--page-muted); font-size:.95rem; line-height:2; }
.cap-paths__links { border-top:1px solid var(--page-line); }
.cap-paths__links a { display:flex; min-height:58px; align-items:center; justify-content:space-between; gap:var(--space-4); border-bottom:1px solid var(--page-line); color:var(--page-ink); font-size:.9rem; text-decoration:none; transition:color .2s ease,padding-inline .2s ease; }
.cap-paths__links a:hover { padding-inline:8px; color:var(--page-blue); }

.cap-final { padding:72px 0; border-top:1px solid rgba(48,47,56,.08); background:var(--page-cream); }
.cap-final__inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); gap:clamp(48px,8vw,104px); align-items:center; }
.cap-final__inner > div:last-child > p { margin:0; color:var(--page-muted); font-size:.96rem; line-height:2; }
.cap-final__inner .page-button { margin-top:var(--space-5); }

.cap-motion-ready [data-cap-reveal] { opacity:0; transform:translateY(16px); transition:opacity .62s ease,transform .62s cubic-bezier(.22,.61,.36,1); }
.cap-motion-ready [data-cap-reveal].is-visible { opacity:1; transform:translateY(0); }
.cap-motion-ready .cap-hero__content > *,
.cap-motion-ready .cap-hero-stack { opacity:0; transform:translateY(12px); transition:opacity .56s ease,transform .56s cubic-bezier(.22,.61,.36,1); }
.cap-motion-ready .cap-hero.is-entered .cap-hero__content > *,
.cap-motion-ready .cap-hero.is-entered .cap-hero-stack { opacity:1; transform:translateY(0); }
.cap-motion-ready .cap-hero.is-entered .cap-hero__content > :nth-child(2) { transition-delay:70ms; }
.cap-motion-ready .cap-hero.is-entered .cap-hero__content > :nth-child(3) { transition-delay:140ms; }
.cap-motion-ready .cap-hero.is-entered .cap-hero__content > :nth-child(4) { transition-delay:210ms; }
.cap-motion-ready .cap-hero.is-entered .cap-hero-stack { transition-delay:260ms; }

@media (max-width:960px) {
  .cap-hero__grid,.cap-section-head,.cap-paths__grid,.cap-final__inner { grid-template-columns:1fr; }
  .cap-hero-stack { width:min(100%,520px); }
  .cap-family-zones article { grid-template-columns:minmax(220px,.75fr) 1fr; }
  .cap-family-zones ul { grid-column:1 / -1; }
  .cap-cross-band { grid-template-columns:1fr; }
  .cap-cross-band article + article { border-inline-start:0; border-top:1px solid var(--page-line); }
}

@media (max-width:640px) {
  .hoodel-capabilities h1 { font-size:clamp(2.2rem,8vw,2.45rem); line-height:1.34; }
  .hoodel-capabilities h2 { font-size:clamp(1.8rem,7vw,2.05rem); line-height:1.4; }
  .cap-breadcrumb { padding-top:var(--space-4); }
  .cap-hero__grid { gap:var(--space-6); padding:52px 0 var(--space-7); }
  .cap-hero__lead { margin-top:var(--space-5); font-size:1rem; }
  .cap-hero__actions { gap:var(--space-3); }
  .cap-hero-stack { width:100%; min-height:0; padding:var(--space-5); }
  .cap-hero-stack::after { display:none; }
  .cap-hero-stack__core { position:relative; inset:auto; min-height:64px; transform:none; }
  .cap-hero-stack__layers { grid-template-columns:1fr; gap:1px; min-height:0; margin-top:var(--space-4); background:var(--page-line); }
  .cap-hero-stack__layers i { min-height:48px; justify-content:flex-start; padding-inline:var(--space-4); background:var(--page-paper); }
  .cap-hero-stack__cross { grid-template-columns:1fr; gap:0; }
  .cap-hero-stack__cross span { padding:10px 8px; text-align:right; }
  .cap-architecture,.cap-core,.cap-cross,.cap-delivery,.cap-paths,.cap-final { padding:56px 0; }
  .cap-map { margin-top:var(--space-7); padding:var(--space-4) 0; }
  .cap-map__foundation span { width:100%; min-width:0; }
  .cap-map__families { grid-template-columns:1fr; margin-top:var(--space-5); }
  .cap-map__families::before { display:none; }
  .cap-map__families a { min-height:82px; padding:var(--space-4); }
  .cap-map__cross { grid-template-columns:1fr; }
  .cap-map__cross span { text-align:right; }
  .cap-map__cross span + span { border-inline-start:0; border-top:1px solid rgba(129,96,215,.15); }
  .cap-family-zones article { grid-template-columns:1fr; gap:var(--space-4); padding:var(--space-6) 0; }
  .cap-family-zones ul { grid-column:auto; direction:rtl; justify-content:flex-start; }
  .cap-family-zones li { font-family:"Vazirmatn",Tahoma,Arial,sans-serif; }
  .cap-cross-band { margin-top:var(--space-7); }
  .cap-cross-band article { padding:var(--space-5) 0; }
  .cap-delivery-spectrum { grid-template-columns:1fr; gap:0; }
  .cap-delivery-spectrum::before { inset-block:22px 24px; inset-inline-start:22px; inset-inline-end:auto; width:1px; height:auto; }
  .cap-delivery-spectrum li { padding:0 0 var(--space-6); }
  .cap-paths__grid { gap:var(--space-7); }
}

@media (prefers-reduced-motion:reduce) {
  .cap-motion-ready [data-cap-reveal],
  .cap-motion-ready .cap-hero__content > *,
  .cap-motion-ready .cap-hero-stack { opacity:1; transform:none; transition:none; }
  .cap-motion-ready .cap-map__families::before { transform:none; transition:none; }
}


/* Capabilities visual system v2 - page-scoped provisional light/dark tokens */
.hoodel-capabilities{--page-bg:#f5f8fc;--surface:#fff;--surface-subtle:#edf3f9;--text-primary:#0b1d36;--text-secondary:#52627a;--border:rgba(21,55,92,.14);--brand-blue:#1264d7;--brand-cyan:#0d9fb2;--brand-violet:#6b5bd7;--brand-purple:#873dbb;--focus:#08a6bd;--button-bg:#0b2649;--button-text:#f7fbff;--page-ink:var(--text-primary);--page-ink-soft:#31445e;--page-muted:var(--text-secondary);--page-line:var(--border);--page-blue:var(--brand-blue);--page-purple:var(--brand-violet);--page-warm:var(--brand-cyan);--page-warm-deep:var(--brand-purple);--page-cream:var(--surface-subtle);--page-paper:var(--surface);--page-ivory:var(--page-bg);color-scheme:light;background:var(--page-bg);color:var(--text-primary)}
html[data-theme="dark"] .hoodel-capabilities{--page-bg:#071321;--surface:#0c1c2f;--surface-subtle:#10243a;--text-primary:#f1f6fb;--text-secondary:#aab9cb;--border:rgba(149,180,214,.18);--brand-blue:#5b9cff;--brand-cyan:#43c6d2;--brand-violet:#9b8df0;--brand-purple:#c17be5;--focus:#52d5df;--button-bg:#e7f2ff;--button-text:#09203c;--page-ink-soft:#d0dbe7;color-scheme:dark}
.hoodel-capabilities,.hoodel-capabilities button{font-synthesis:none}.hoodel-capabilities h1,.hoodel-capabilities h2{color:var(--text-primary);font-weight:600;text-wrap:balance}.hoodel-capabilities h1{max-width:680px;font-size:clamp(2.25rem,3.45vw,3.35rem);line-height:1.38}.hoodel-capabilities h2{max-width:700px;font-size:clamp(1.75rem,2.35vw,2.38rem);line-height:1.48}.hoodel-capabilities h3{color:var(--text-primary);line-height:1.75}.hoodel-capabilities .cap-eyebrow{color:var(--brand-purple)}
.cap-utility{display:flex;min-height:54px;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:var(--space-4)}.cap-breadcrumb{padding-top:8px}.cap-theme-toggle{visibility:hidden;display:inline-flex;width:126px;min-height:38px;flex:0 0 126px;align-items:center;justify-content:center;gap:8px;padding:7px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font-size:.76rem;line-height:1.5;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.cap-theme-ready .cap-theme-toggle{visibility:visible}.cap-theme-toggle:hover{border-color:var(--brand-cyan);color:var(--text-primary)}.cap-theme-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 48%,transparent);outline-offset:3px}.cap-theme-toggle__icons{display:grid;width:18px;height:18px;place-items:center}.cap-theme-toggle svg{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .18s ease,transform .18s ease}.cap-theme-toggle__moon{opacity:0;transform:scale(.72)}html[data-theme="dark"] .cap-theme-toggle__sun{opacity:0;transform:scale(.72)}html[data-theme="dark"] .cap-theme-toggle__moon{opacity:1;transform:scale(1)}
.cap-hero{border-color:var(--border);background-color:var(--page-bg);background-image:linear-gradient(color-mix(in srgb,var(--brand-blue) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand-blue) 6%,transparent) 1px,transparent 1px)}.cap-hero::before{background:radial-gradient(circle,color-mix(in srgb,var(--brand-violet) 16%,transparent),transparent 70%)}.cap-hero-stack{border-color:var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent)}.cap-hero-stack::before{border-color:color-mix(in srgb,var(--brand-violet) 24%,transparent)}.cap-hero-stack::after,.cap-delivery-spectrum::before{background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan),var(--brand-violet),var(--brand-purple));opacity:.55}.cap-hero-stack__core{border-color:color-mix(in srgb,var(--brand-cyan) 42%,transparent);background:var(--surface)}.cap-hero-stack__core span,.cap-map__families span,.cap-family-zones__identity span,.cap-cross-band article>span{color:var(--brand-purple)}.cap-hero-stack__layers i{border-inline-start-color:var(--brand-blue);background:var(--surface-subtle);color:var(--text-primary)}.cap-hero-stack__layers i:nth-child(2){border-inline-start-color:var(--brand-cyan)}.cap-hero-stack__layers i:nth-child(3){border-inline-start-color:var(--brand-violet)}.cap-hero-stack__layers i:nth-child(4){border-inline-start-color:var(--brand-purple)}
.cap-section-head{gap:clamp(32px,5vw,72px)}.cap-section-head>p,.cap-section-head--compact>p{color:var(--text-secondary)}.cap-section-head--compact{margin-bottom:var(--space-7);padding-bottom:var(--space-6);border-color:var(--border)}.cap-architecture,.cap-cross,.cap-paths{background:var(--surface)}.cap-core,.cap-final{background:var(--surface-subtle)}.cap-delivery{background:var(--page-bg)}.cap-map,.cap-map__families,.cap-map__cross,.cap-family-zones,.cap-cross-band,.cap-paths__links{border-color:var(--border)}.cap-map__foundation span{border-color:color-mix(in srgb,var(--brand-cyan) 38%,transparent);background:var(--surface-subtle);color:var(--text-primary)}.cap-map__families::before{border-color:color-mix(in srgb,var(--brand-cyan) 45%,transparent)}.cap-map__families a{background:var(--surface);color:var(--text-primary)}.cap-map__families a:hover{background:var(--surface-subtle)}.cap-map__cross{border-color:color-mix(in srgb,var(--brand-violet) 28%,transparent)}.cap-map__cross span+span,.cap-cross-band article+article{border-color:var(--border)}.cap-family-zones article:nth-child(even){background:color-mix(in srgb,var(--surface) 52%,transparent)}.cap-family-zones article>p,.cap-cross-band p,.cap-delivery-spectrum p,.cap-paths__grid>div>p:last-child,.cap-final__inner>div:last-child>p{color:var(--text-secondary)}.cap-family-zones li{border-color:color-mix(in srgb,var(--brand-blue) 20%,transparent);border-radius:4px;background:color-mix(in srgb,var(--surface) 72%,var(--brand-blue) 4%);color:var(--text-secondary);font-family:"Manrope",Arial,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.01em;text-align:left}.cap-delivery-spectrum{margin:0}.cap-delivery-spectrum li>span{border-color:color-mix(in srgb,var(--brand-cyan) 34%,transparent);background:var(--page-bg);color:var(--brand-purple)}.cap-paths__links a{color:var(--text-primary)}.cap-text-link,.cap-paths__links a:hover,.cap-breadcrumb a{color:var(--brand-blue)}.hoodel-capabilities .page-button--primary{border-color:var(--button-bg);background:var(--button-bg);color:var(--button-text)}.hoodel-capabilities .page-button--primary:hover{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff}.hoodel-capabilities a:focus-visible{outline-color:color-mix(in srgb,var(--focus) 50%,transparent)}
@media(max-width:960px){.cap-section-head--compact{margin-bottom:var(--space-6)}}@media(max-width:640px){.hoodel-capabilities h1{font-size:clamp(2.1rem,9vw,2.4rem);line-height:1.42}.hoodel-capabilities h2{max-width:100%;font-size:clamp(1.62rem,7vw,1.92rem);line-height:1.52}.cap-utility{min-height:52px;padding-top:var(--space-3)}.cap-theme-toggle{width:42px;min-height:38px;flex-basis:42px;padding:7px}.cap-theme-toggle__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cap-section-head--compact{margin-bottom:var(--space-6);padding-bottom:var(--space-5)}.cap-family-zones ul{direction:ltr}.cap-family-zones li{font-family:"Manrope",Arial,sans-serif}.cap-delivery-spectrum{margin-top:0}}@media(prefers-reduced-motion:reduce){.cap-theme-toggle,.cap-theme-toggle svg{transition:none}}


/* Capabilities visual refinement v3 - page-scoped provisional system */
.hoodel-capabilities{--gradient-spectrum:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan) 34%,var(--brand-violet) 68%,var(--brand-purple));--atmosphere-a:rgba(18,100,215,.075);--atmosphere-b:rgba(135,61,187,.06);--surface-raised:#f9fbfe;--surface-strong:#e6eef7;--grid-line:rgba(18,100,215,.045);--rail:rgba(13,159,178,.28);--node-ring:rgba(107,91,215,.25);--shadow-soft:0 20px 60px rgba(18,48,82,.07)}
html[data-theme="dark"] .hoodel-capabilities{--atmosphere-a:rgba(55,128,238,.13);--atmosphere-b:rgba(150,77,205,.11);--surface-raised:#112740;--surface-strong:#152d47;--grid-line:rgba(91,156,255,.055);--rail:rgba(67,198,210,.35);--node-ring:rgba(155,141,240,.36);--shadow-soft:0 22px 70px rgba(0,5,14,.25)}
.hoodel-capabilities h1{font-size:clamp(2.2rem,3.2vw,3.18rem);line-height:1.42}.hoodel-capabilities h2{font-size:clamp(1.72rem,2.15vw,2.22rem);line-height:1.52}.hoodel-capabilities h3{font-weight:720}.cap-section-head>p,.cap-section-head--compact>p{max-width:570px;line-height:2.05}.cap-hero__lead{max-width:660px;line-height:2.08}
.cap-utility{min-height:48px;padding-top:12px;align-items:center}.cap-breadcrumb{padding-top:0}.cap-theme-toggle{width:38px;min-height:38px;flex-basis:38px;padding:8px;border-radius:50%;box-shadow:none}.cap-theme-toggle__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cap-theme-toggle:hover{background:var(--surface-subtle)}
.cap-hero{isolation:isolate;background-color:var(--page-bg);background-image:radial-gradient(circle at 15% 20%,var(--atmosphere-b),transparent 32%),radial-gradient(circle at 84% 72%,var(--atmosphere-a),transparent 34%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}.cap-hero::after{content:"";position:absolute;z-index:-1;inset-block-end:0;inset-inline:0;height:2px;background:var(--gradient-spectrum);opacity:.72}.cap-hero__grid{padding-block-start:52px;padding-block-end:68px}.cap-hero-stack{min-height:350px;padding:34px;border:0;background:linear-gradient(var(--surface-raised),var(--surface-raised)) padding-box,var(--gradient-spectrum) border-box;border:1px solid transparent;box-shadow:var(--shadow-soft);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.cap-hero-stack::before{inset:18px;border-color:var(--node-ring);background:linear-gradient(90deg,transparent 49.8%,var(--rail) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--rail) 50%,transparent 50.2%)}.cap-hero-stack::after{inset-inline:12%;transform:none;opacity:.7}.cap-hero-stack__core{min-width:134px;min-height:88px;border:1px solid var(--brand-cyan);background:var(--surface);box-shadow:0 0 0 7px color-mix(in srgb,var(--brand-cyan) 7%,transparent)}.cap-hero-stack__core::before,.cap-hero-stack__core::after{content:"";position:absolute;width:7px;height:7px;border:1px solid var(--brand-violet);background:var(--surface);transform:rotate(45deg)}.cap-hero-stack__core::before{inset-block-start:-25px;inset-inline-start:50%}.cap-hero-stack__core::after{inset-block-end:-25px;inset-inline-end:50%}.cap-hero-stack__layers{gap:18px}.cap-hero-stack__layers i{position:relative;min-height:62px;border:1px solid var(--border);border-inline-start-width:3px;background:color-mix(in srgb,var(--surface-raised) 90%,transparent)}.cap-hero-stack__layers i::after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:-10px;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px var(--surface)}.cap-hero-stack__cross{margin-top:18px;border-color:var(--rail);background:color-mix(in srgb,var(--surface-subtle) 70%,transparent)}.cap-hero-stack__cross span{position:relative}.cap-hero-stack__cross span+span::before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:1px;background:var(--rail)}
.cap-architecture,.cap-core,.cap-cross,.cap-delivery,.cap-paths,.cap-final{position:relative;isolation:isolate}.cap-architecture{background:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 94%,var(--brand-blue) 6%) 100%)}.cap-architecture::before,.cap-cross::before,.cap-final::before{content:"";position:absolute;z-index:-1;inset-block-start:0;inset-inline-start:0;width:38%;height:1px;background:var(--gradient-spectrum);opacity:.72}.cap-map{margin-top:56px;padding:34px 24px 24px;border-block-color:var(--border);background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px}.cap-map__foundation span{position:relative;border:1px solid var(--rail);background:var(--surface-raised)}.cap-map__foundation span::after{content:"";position:absolute;inset-block-end:-49px;inset-inline-start:50%;width:1px;height:48px;background:var(--gradient-spectrum)}.cap-map__families{gap:1px;background:var(--border)}.cap-map__families a{position:relative;overflow:hidden;background:color-mix(in srgb,var(--surface) 96%,var(--brand-blue) 4%)}.cap-map__families a::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:2px;background:var(--gradient-spectrum);opacity:.55}.cap-map__cross{position:relative;margin-top:24px;border-color:var(--rail);background:color-mix(in srgb,var(--surface-subtle) 78%,transparent)}.cap-map__cross::before{content:"";position:absolute;inset-block-start:-13px;inset-inline:8%;height:1px;background:var(--gradient-spectrum);opacity:.55}
.cap-core{background:linear-gradient(180deg,var(--surface-subtle),color-mix(in srgb,var(--surface-subtle) 94%,var(--brand-violet) 6%))}.cap-family-zones{position:relative;border-top:0}.cap-family-zones::before{content:"";position:absolute;z-index:2;inset-block:0;inset-inline-start:0;width:2px;background:var(--gradient-spectrum)}.cap-family-zones article{position:relative;padding-inline:30px;border-color:var(--border)}.cap-family-zones article::before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:-4px;width:9px;height:9px;border:2px solid var(--surface-subtle);border-radius:50%;background:var(--brand-blue)}.cap-family-zones article:nth-child(2)::before{background:var(--brand-cyan)}.cap-family-zones article:nth-child(3)::before{background:var(--brand-violet)}.cap-family-zones article:nth-child(4)::before{background:var(--brand-purple)}.cap-family-zones article:nth-child(even){background:color-mix(in srgb,var(--surface-raised) 64%,transparent)}.cap-family-zones__identity span{display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid var(--node-ring);border-radius:50%;background:var(--surface-raised)}.cap-family-zones li{padding:6px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-secondary);font-size:.66rem}
.cap-cross{background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface) 94%,var(--brand-cyan) 6%))}.cap-cross-band{position:relative;margin-top:56px;padding-block:12px;border-color:var(--rail);background:color-mix(in srgb,var(--surface-subtle) 58%,transparent)}.cap-cross-band::before{content:"";position:absolute;inset-block-start:50%;inset-inline:-18px;height:1px;background:var(--gradient-spectrum);opacity:.45}.cap-cross-band article{position:relative;z-index:1;background:color-mix(in srgb,var(--surface) 86%,transparent)}.cap-cross-band article>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--node-ring);border-radius:50%;background:var(--surface)}.cap-cross-band article+article{border-color:var(--rail)}
.cap-delivery{background:linear-gradient(180deg,var(--page-bg),color-mix(in srgb,var(--page-bg) 92%,var(--brand-blue) 8%))}.cap-delivery-spectrum{gap:0;padding-block-start:12px}.cap-delivery-spectrum::before{inset-inline:8%;height:2px;opacity:.7}.cap-delivery-spectrum li{min-height:104px;padding:0 24px;align-items:start}.cap-delivery-spectrum li>span{width:46px;height:46px;border:2px solid var(--brand-blue);box-shadow:0 0 0 7px color-mix(in srgb,var(--brand-blue) 8%,transparent)}.cap-delivery-spectrum li:nth-child(2)>span{width:50px;height:50px;border-color:var(--brand-cyan);box-shadow:0 0 0 9px color-mix(in srgb,var(--brand-cyan) 9%,transparent)}.cap-delivery-spectrum li:nth-child(3)>span{width:54px;height:54px;border-color:var(--brand-purple);box-shadow:0 0 0 11px color-mix(in srgb,var(--brand-purple) 10%,transparent)}
.cap-paths{background:linear-gradient(120deg,var(--surface) 0%,var(--surface) 55%,color-mix(in srgb,var(--surface) 92%,var(--brand-violet) 8%) 100%)}.cap-paths__links{position:relative;border-top-color:var(--border)}.cap-paths__links::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:1px;background:var(--gradient-spectrum)}.cap-paths__links a{position:relative;padding-inline:18px;border-color:var(--border)}.cap-paths__links a::before{content:"";position:absolute;inset-inline-start:-3px;width:7px;height:7px;border-radius:50%;background:var(--brand-cyan)}.cap-paths__links a:hover{padding-inline:24px;background:color-mix(in srgb,var(--surface-subtle) 56%,transparent)}
.cap-final{overflow:hidden;background:linear-gradient(135deg,var(--surface-subtle),color-mix(in srgb,var(--surface-subtle) 88%,var(--brand-violet) 12%))}.cap-final::after{content:"";position:absolute;z-index:-1;inset-block-end:-150px;inset-inline-end:-100px;width:360px;height:360px;border:1px solid var(--node-ring);border-radius:50%;box-shadow:0 0 0 48px color-mix(in srgb,var(--brand-blue) 3%,transparent),0 0 0 96px color-mix(in srgb,var(--brand-purple) 2%,transparent)}.cap-final__inner{position:relative}.cap-final__inner::before{content:"";position:absolute;inset-block-start:-28px;inset-inline-start:0;width:72px;height:2px;background:var(--gradient-spectrum)}
html[data-theme="dark"] .cap-hero-stack,html[data-theme="dark"] .cap-map__families a,html[data-theme="dark"] .cap-cross-band article{box-shadow:none}html[data-theme="dark"] .cap-hero,html[data-theme="dark"] .cap-architecture,html[data-theme="dark"] .cap-core,html[data-theme="dark"] .cap-cross,html[data-theme="dark"] .cap-delivery,html[data-theme="dark"] .cap-paths,html[data-theme="dark"] .cap-final{border-color:var(--border)}
@media(max-width:960px){.cap-hero__grid{padding-block-start:44px}.cap-map{padding-inline:16px}.cap-family-zones article{padding-inline:24px}.cap-cross-band::before{display:none}.cap-delivery-spectrum li{padding-inline:14px}.cap-paths__links::before{inset-inline-start:0}}
@media(max-width:640px){.hoodel-capabilities h1{font-size:clamp(2.05rem,8.7vw,2.32rem);line-height:1.46}.hoodel-capabilities h2{font-size:clamp(1.58rem,6.6vw,1.84rem);line-height:1.57}.cap-hero__grid{padding-block:38px 52px}.cap-hero-stack{min-height:0;padding:22px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.cap-hero-stack::before{inset:12px}.cap-hero-stack__layers{gap:1px}.cap-hero-stack__layers i::after{display:none}.cap-hero-stack__cross span+span::before{inset-block-start:0;inset-inline:8px;width:auto;height:1px}.cap-map{margin-top:40px;padding-inline:0;background-size:28px 28px}.cap-map__foundation span::after{height:24px;inset-block-end:-25px}.cap-map__cross::before{display:none}.cap-family-zones::before{inset-inline-start:1px}.cap-family-zones article{padding-inline:20px 4px}.cap-family-zones article::before{inset-inline-start:-3px}.cap-cross-band{margin-top:40px;padding-block:0}.cap-cross-band article{background:transparent}.cap-delivery-spectrum{padding-block-start:0}.cap-delivery-spectrum li{min-height:0;padding-inline:0;padding-block-end:32px}.cap-delivery-spectrum li>span,.cap-delivery-spectrum li:nth-child(2)>span,.cap-delivery-spectrum li:nth-child(3)>span{width:44px;height:44px;box-shadow:0 0 0 5px color-mix(in srgb,var(--brand-cyan) 8%,transparent)}.cap-paths__links a{padding-inline:16px}.cap-final::after{width:240px;height:240px;inset-block-end:-120px}}
@media(prefers-reduced-motion:reduce){.cap-theme-toggle,.cap-theme-toggle svg,.cap-paths__links a{transition:none}}


/* Capabilities reference alignment v4 - rounded architecture language */
.hoodel-capabilities{--frame-radius:16px;--module-radius:12px;--curve-radius:18px;--panel-stroke:color-mix(in srgb,var(--brand-blue) 58%,var(--brand-violet));--panel-stroke-alt:color-mix(in srgb,var(--brand-cyan) 72%,var(--brand-blue));--panel-fill:color-mix(in srgb,var(--surface-raised) 94%,transparent)}
html[data-theme="dark"] .hoodel-capabilities{--page-bg:#020e20;--surface:#04162d;--surface-subtle:#071b35;--surface-raised:#09213e;--surface-strong:#0c294a;--text-primary:#f5f8ff;--text-secondary:#b5c9e2;--border:rgba(80,151,224,.22);--brand-blue:#009bff;--brand-cyan:#18d0ee;--brand-violet:#7857ff;--brand-purple:#b94cff;--focus:#28d5f2;--button-bg:#078fec;--button-text:#fff;--atmosphere-a:rgba(0,155,255,.15);--atmosphere-b:rgba(185,76,255,.12);--grid-line:rgba(34,145,233,.055);--rail:rgba(24,208,238,.52);--node-ring:rgba(126,87,255,.5);--panel-stroke:#4b76ff;--panel-stroke-alt:#00bdf0;--panel-fill:rgba(7,29,56,.9)}
.cap-hero-stack{border-radius:var(--frame-radius);clip-path:none;background:linear-gradient(var(--panel-fill),var(--panel-fill)) padding-box,var(--gradient-spectrum) border-box}.cap-hero-stack::before{border-radius:12px;background:linear-gradient(90deg,transparent 49.7%,var(--rail) 49.8%,var(--rail) 50.2%,transparent 50.3%),linear-gradient(transparent 49.7%,var(--rail) 49.8%,var(--rail) 50.2%,transparent 50.3%)}.cap-hero-stack::after{height:2px;border-radius:999px}.cap-hero-stack__core{border-radius:50%;min-width:118px;width:118px;min-height:118px}.cap-hero-stack__layers i{border-radius:10px;border-color:var(--panel-stroke);background:linear-gradient(110deg,color-mix(in srgb,var(--surface-strong) 82%,transparent),color-mix(in srgb,var(--surface) 92%,transparent))}.cap-hero-stack__layers i:nth-child(2),.cap-hero-stack__layers i:nth-child(3){border-color:var(--panel-stroke-alt)}.cap-hero-stack__cross{overflow:hidden;border:1px solid var(--panel-stroke);border-radius:10px}.cap-hero-stack__cross span+span::before{background:linear-gradient(var(--brand-cyan),var(--brand-purple));opacity:.65}
.cap-map{border:1px solid var(--border);border-radius:var(--frame-radius);background-color:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--brand-cyan) 12%,transparent)}.cap-map__foundation span{border-radius:999px;border-color:var(--panel-stroke-alt)}.cap-map__foundation span::after{width:2px;border-radius:999px}.cap-map__families{gap:12px;background:transparent}.cap-map__families::before{border-width:2px;border-color:var(--rail);border-start-start-radius:var(--curve-radius);border-start-end-radius:var(--curve-radius)}.cap-map__families a{min-height:126px;border:1px solid var(--panel-stroke);border-radius:var(--module-radius);background:linear-gradient(135deg,var(--panel-fill),color-mix(in srgb,var(--surface) 88%,var(--brand-violet) 12%))}.cap-map__families a:nth-child(2),.cap-map__families a:nth-child(3){border-color:var(--panel-stroke-alt)}.cap-map__families a::after{inset-inline:18px;border-radius:999px}.cap-map__cross{gap:10px;padding:8px;border:0;background:transparent}.cap-map__cross span{border:1px solid var(--panel-stroke);border-radius:999px;background:var(--panel-fill)}.cap-map__cross span:nth-child(2){border-color:var(--panel-stroke-alt)}.cap-map__cross::before{height:2px;border-radius:999px}
.cap-family-zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cap-family-zones::before{display:none}.cap-family-zones article{display:flex;min-width:0;min-height:300px;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--panel-stroke);border-radius:var(--module-radius);background:linear-gradient(150deg,var(--panel-fill),color-mix(in srgb,var(--surface) 90%,var(--brand-blue) 10%))}.cap-family-zones article:nth-child(2),.cap-family-zones article:nth-child(3){border-color:var(--panel-stroke-alt)}.cap-family-zones article:nth-child(even){background:linear-gradient(150deg,var(--panel-fill),color-mix(in srgb,var(--surface) 90%,var(--brand-cyan) 10%))}.cap-family-zones article::before{inset-block-start:23px;inset-inline-start:23px;width:8px;height:8px;border-color:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-cyan) 12%,transparent)}.cap-family-zones__identity{grid-template-columns:36px 1fr}.cap-family-zones article>p{min-height:92px}.cap-family-zones ul{margin-top:auto;display:grid;gap:4px}.cap-family-zones li{position:relative;padding:4px 13px 4px 0;border:0}.cap-family-zones li::before{content:"";position:absolute;inset-block-start:10px;inset-inline-start:0;width:5px;height:5px;border-block-start:1px solid var(--brand-cyan);border-inline-start:1px solid var(--brand-cyan);transform:rotate(-45deg)}
.cap-cross-band{gap:18px;padding:0;border:0;background:transparent}.cap-cross-band::before{inset-inline:8%;height:2px;border-radius:999px;opacity:.85}.cap-cross-band article{min-height:112px;padding:22px 26px;border:1px solid var(--panel-stroke);border-radius:999px;background:var(--panel-fill)}.cap-cross-band article:nth-child(2){border-color:var(--panel-stroke-alt)}.cap-cross-band article+article{border-inline-start:1px solid var(--panel-stroke)}.cap-cross-band article>span{float:inline-start;margin-inline-end:14px}.cap-cross-band h3{margin-top:0}.cap-cross-band p{margin-top:8px}
.cap-delivery-spectrum::before{height:3px;border-radius:999px}.cap-delivery-spectrum li>span{border-radius:50%;background:var(--surface);box-shadow:0 0 0 7px var(--page-bg),0 0 0 8px color-mix(in srgb,var(--brand-blue) 30%,transparent)}.cap-delivery-spectrum li:nth-child(2)>span{box-shadow:0 0 0 8px var(--page-bg),0 0 0 9px color-mix(in srgb,var(--brand-cyan) 34%,transparent)}.cap-delivery-spectrum li:nth-child(3)>span{box-shadow:0 0 0 9px var(--page-bg),0 0 0 10px color-mix(in srgb,var(--brand-purple) 38%,transparent)}
.cap-paths__links{padding:8px 18px;border:1px solid var(--panel-stroke);border-radius:var(--frame-radius);background:var(--panel-fill)}.cap-paths__links::before{inset-block:18px;inset-inline-start:0;width:2px;border-radius:999px}.cap-paths__links a:last-child{border-bottom:0}.cap-final__inner{padding:30px;border:1px solid var(--panel-stroke);border-radius:var(--frame-radius);background:color-mix(in srgb,var(--panel-fill) 88%,transparent)}.cap-final__inner::before{inset-block-start:-1px;inset-inline-start:28px;width:120px;height:3px;border-radius:999px}
html[data-theme="dark"] .cap-hero,html[data-theme="dark"] .cap-architecture,html[data-theme="dark"] .cap-core,html[data-theme="dark"] .cap-cross,html[data-theme="dark"] .cap-delivery,html[data-theme="dark"] .cap-paths,html[data-theme="dark"] .cap-final{background-color:var(--page-bg);background-image:radial-gradient(circle at 10% 18%,var(--atmosphere-b),transparent 28%),radial-gradient(circle at 88% 75%,var(--atmosphere-a),transparent 30%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}html[data-theme="dark"] .cap-core,html[data-theme="dark"] .cap-delivery,html[data-theme="dark"] .cap-final{background-color:#04142a}
@media(max-width:1100px){.cap-family-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-family-zones article{min-height:270px}.cap-family-zones article>p{min-height:70px}}
@media(max-width:960px){.cap-cross-band{grid-template-columns:1fr}.cap-cross-band article{border-radius:18px}.cap-cross-band article+article{border-inline-start:1px solid var(--panel-stroke)}.cap-cross-band::before{inset-block:8%;inset-inline-start:50%;width:2px;height:84%}}
@media(max-width:640px){.cap-hero-stack{border-radius:12px}.cap-hero-stack__core{width:auto;min-width:0;min-height:64px;border-radius:10px}.cap-map{border-radius:12px}.cap-map__families{gap:8px}.cap-map__families a{min-height:84px;border-radius:10px}.cap-map__cross{grid-template-columns:1fr}.cap-map__cross span{border-radius:10px;text-align:right}.cap-family-zones{grid-template-columns:1fr;gap:10px}.cap-family-zones article{min-height:0;padding:22px;border-radius:10px}.cap-family-zones article>p{min-height:0}.cap-cross-band{gap:10px}.cap-cross-band article{min-height:0;border-radius:12px}.cap-delivery-spectrum li>span,.cap-delivery-spectrum li:nth-child(2)>span,.cap-delivery-spectrum li:nth-child(3)>span{box-shadow:0 0 0 5px var(--page-bg),0 0 0 6px color-mix(in srgb,var(--brand-cyan) 32%,transparent)}.cap-paths__links,.cap-final__inner{border-radius:12px}.cap-final__inner{padding:22px}}


/* Capabilities dark-surface audit v5 - structural architecture intro fix */
.cap-architecture{padding:56px 0 64px;background-color:var(--surface);background-image:radial-gradient(circle at 12% 16%,var(--atmosphere-b),transparent 30%),radial-gradient(circle at 88% 82%,var(--atmosphere-a),transparent 32%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}
.cap-section-head--architecture{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;background:transparent;position:relative;z-index:1}
.cap-section-head--architecture>div{display:block;width:100%;max-width:760px;margin:0;padding:0;background:transparent}
.cap-section-head--architecture .cap-eyebrow{margin:0 0 var(--space-4)}
.cap-section-head--architecture h2{display:block;position:static;width:100%;max-width:720px;margin:0;padding:0;background:transparent}
.cap-section-head--architecture>p{display:block;position:static;width:100%;max-width:670px;margin:var(--space-5) 0 0;padding:0;background:transparent;color:var(--text-secondary);line-height:2.05}
.cap-section-head--architecture+.cap-map{position:relative;clear:both;margin-top:44px}
html[data-theme="dark"] .cap-architecture{background-color:var(--surface);background-image:radial-gradient(circle at 12% 16%,var(--atmosphere-b),transparent 30%),radial-gradient(circle at 88% 82%,var(--atmosphere-a),transparent 32%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px)}
html[data-theme="dark"] .cap-section-head--architecture,html[data-theme="dark"] .cap-section-head--architecture>div,html[data-theme="dark"] .cap-section-head--architecture h2,html[data-theme="dark"] .cap-section-head--architecture>p{background:transparent;color:var(--text-primary)}
html[data-theme="dark"] .cap-section-head--architecture>p{color:var(--text-secondary)}
html[data-theme="dark"] .cap-map{background-color:var(--surface-subtle);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px)}
html[data-theme="dark"] .cap-map__foundation span,html[data-theme="dark"] .cap-map__families a,html[data-theme="dark"] .cap-map__cross span,html[data-theme="dark"] .cap-hero-stack,html[data-theme="dark"] .cap-hero-stack__core,html[data-theme="dark"] .cap-hero-stack__layers i,html[data-theme="dark"] .cap-hero-stack__cross,html[data-theme="dark"] .cap-family-zones article,html[data-theme="dark"] .cap-cross-band article,html[data-theme="dark"] .cap-paths__links,html[data-theme="dark"] .cap-final__inner{background-color:var(--surface-raised);color:var(--text-primary)}
html[data-theme="dark"] .cap-map__families a,html[data-theme="dark"] .cap-family-zones article{background-image:linear-gradient(145deg,var(--surface-raised),color-mix(in srgb,var(--surface) 82%,var(--brand-blue) 18%))}
html[data-theme="dark"] .cap-family-zones article:nth-child(even){background-image:linear-gradient(145deg,var(--surface-raised),color-mix(in srgb,var(--surface) 84%,var(--brand-violet) 16%))}
html[data-theme="dark"] .cap-hero-stack__cross,html[data-theme="dark"] .cap-map__cross{background-color:transparent;background-image:none}
html[data-theme="dark"] .cap-delivery-spectrum li>span{background-color:var(--surface);color:var(--brand-cyan)}
html[data-theme="dark"] .cap-theme-toggle{background-color:var(--surface);color:var(--text-secondary)}
@media(max-width:640px){.cap-architecture{padding:44px 0 52px}.cap-section-head--architecture>p{margin-top:18px}.cap-section-head--architecture+.cap-map{margin-top:34px}}

/* Root cause fix: neutralize legacy global header rule inside Capabilities sections. */
.hoodel-capabilities .cap-section-head{height:auto;min-height:0;position:static;inset:auto;top:auto;z-index:auto;overflow:visible;backdrop-filter:none;background:transparent;border-bottom:0}
.hoodel-capabilities .cap-section-head--compact{border-bottom:1px solid var(--border)}


/* Capabilities final visual polish v6 - scoped provisional review */
.hoodel-capabilities{--page-max:1320px;--surface-tint-blue:color-mix(in srgb,var(--surface) 94%,var(--brand-blue) 6%);--surface-tint-cyan:color-mix(in srgb,var(--surface) 95%,var(--brand-cyan) 5%);--surface-tint-violet:color-mix(in srgb,var(--surface-subtle) 92%,var(--brand-violet) 8%)}
html[data-theme="dark"] .hoodel-capabilities{--surface-tint-blue:#061a34;--surface-tint-cyan:#071d38;--surface-tint-violet:#091c39}
.hoodel-capabilities h1{max-width:650px;font-size:clamp(2.05rem,2.85vw,2.9rem);font-weight:600;line-height:1.46;letter-spacing:0}
.hoodel-capabilities h2{max-width:680px;font-size:clamp(1.62rem,1.9vw,2.02rem);font-weight:600;line-height:1.58;letter-spacing:0}
.hoodel-capabilities h3{font-size:1.03rem;font-weight:600;line-height:1.78;letter-spacing:0}
.hoodel-capabilities .cap-eyebrow{font-size:.78rem;font-weight:700;line-height:1.7}
.hoodel-capabilities .cap-hero__lead,.hoodel-capabilities .cap-section-head>p,.hoodel-capabilities .cap-section-head--compact>p{font-size:.96rem;line-height:2.04}
.hoodel-capabilities .cap-hero__content{max-width:700px}
.hoodel-capabilities .cap-hero__grid{gap:clamp(42px,6vw,82px)}
.hoodel-capabilities .cap-architecture{background-color:var(--surface-tint-blue)}
.hoodel-capabilities .cap-core{background-color:var(--surface-tint-violet);background-image:radial-gradient(circle at 88% 12%,var(--atmosphere-b),transparent 28%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.hoodel-capabilities .cap-cross{background-color:var(--surface-tint-cyan)}
.hoodel-capabilities .cap-delivery{background-color:var(--page-bg)}
.hoodel-capabilities .cap-paths{background-color:var(--surface-tint-blue)}
.hoodel-capabilities .cap-final{background-color:var(--surface-tint-violet)}
html[data-theme="dark"] .hoodel-capabilities .cap-architecture{background-color:#04162d}
html[data-theme="dark"] .hoodel-capabilities .cap-core{background-color:#061932}
html[data-theme="dark"] .hoodel-capabilities .cap-cross{background-color:#03172e}
html[data-theme="dark"] .hoodel-capabilities .cap-delivery{background-color:#051a33}
html[data-theme="dark"] .hoodel-capabilities .cap-paths{background-color:#03152b}
html[data-theme="dark"] .hoodel-capabilities .cap-final{background-color:#071a35}
.hoodel-capabilities .cap-family-zones{position:relative;gap:0;padding-block:12px;border-block:1px solid var(--rail);background:linear-gradient(90deg,transparent,var(--rail) 12%,var(--rail) 88%,transparent) center/100% 1px no-repeat}
.hoodel-capabilities .cap-family-zones::after{content:"";position:absolute;inset-block:50%;inset-inline:3%;height:2px;border-radius:999px;background:var(--gradient-spectrum);opacity:.38}
.hoodel-capabilities .cap-family-zones article{z-index:1;min-height:292px;margin-inline:-.5px;padding:24px 22px;border-color:var(--panel-stroke);border-radius:8px;background:color-mix(in srgb,var(--panel-fill) 72%,transparent);box-shadow:none}
.hoodel-capabilities .cap-family-zones article:nth-child(even){background:color-mix(in srgb,var(--panel-fill) 66%,transparent)}
.hoodel-capabilities .cap-family-zones article:first-child{border-start-end-radius:14px;border-end-end-radius:14px}
.hoodel-capabilities .cap-family-zones article:last-child{border-start-start-radius:14px;border-end-start-radius:14px}
.hoodel-capabilities .cap-family-zones__identity{position:relative;padding-bottom:14px;border-bottom:1px solid var(--border)}
.hoodel-capabilities .cap-family-zones article>p{min-height:88px;font-size:.9rem;line-height:1.98}
.hoodel-capabilities .cap-family-zones li{font-size:.65rem;line-height:1.55}
.hoodel-capabilities .cap-cross-band{gap:22px;margin-top:52px;padding-block:18px}
.hoodel-capabilities .cap-cross-band::before{inset-inline:4%;height:3px;opacity:.92;box-shadow:0 0 0 5px color-mix(in srgb,var(--brand-blue) 5%,transparent)}
.hoodel-capabilities .cap-cross-band::after{content:"";position:absolute;z-index:0;inset-block-start:calc(50% - 5px);inset-inline-start:4%;width:10px;height:10px;border-block-start:2px solid var(--brand-purple);border-inline-start:2px solid var(--brand-purple);transform:rotate(-45deg)}
.hoodel-capabilities .cap-cross-band article{min-height:118px;border-radius:18px;background:color-mix(in srgb,var(--panel-fill) 92%,transparent)}
.hoodel-capabilities .cap-cross-band article>span{position:relative;z-index:2}
.hoodel-capabilities .cap-delivery-spectrum{padding-block:18px 8px}
.hoodel-capabilities .cap-delivery-spectrum::before{inset-block-start:47px;inset-inline:5%;height:4px;opacity:.9}
.hoodel-capabilities .cap-delivery-spectrum li{min-height:124px;grid-template-columns:58px 1fr;gap:20px;padding-inline:28px}
.hoodel-capabilities .cap-delivery-spectrum li>span{width:54px;height:54px;font-size:1rem;border-width:2px}
.hoodel-capabilities .cap-delivery-spectrum li:nth-child(2)>span{width:58px;height:58px}
.hoodel-capabilities .cap-delivery-spectrum li:nth-child(3)>span{width:64px;height:64px}
.hoodel-capabilities .cap-delivery-spectrum h3{font-size:1.08rem}
.hoodel-capabilities .cap-delivery-spectrum p{font-size:.91rem}
.hoodel-capabilities .cap-paths__grid{grid-template-columns:minmax(0,.9fr) minmax(480px,1.25fr);gap:clamp(56px,8vw,120px);align-items:center}
.hoodel-capabilities .cap-paths__grid>div{max-width:560px}
.hoodel-capabilities .cap-paths__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:10px 20px}
.hoodel-capabilities .cap-paths__links::before{inset-block:16px}
.hoodel-capabilities .cap-paths__links a{min-height:66px;padding-inline:20px;border-color:var(--border)}
.hoodel-capabilities .cap-paths__links a:nth-child(odd){border-inline-end:1px solid var(--border)}
.hoodel-capabilities .cap-paths__links a:last-child{grid-column:1/-1;justify-content:center;border-top:1px solid var(--border)}
.hoodel-capabilities .cap-paths__links a::before{inset-inline-start:-4px}
.hoodel-capabilities .cap-final{padding-block:80px}
.hoodel-capabilities .cap-final__inner{grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:clamp(56px,8vw,112px);min-height:230px;padding:38px 42px}
.hoodel-capabilities .cap-final__inner h2{max-width:620px}
.hoodel-capabilities .cap-final__inner::before{width:150px;height:4px}
.hoodel-capabilities .cap-final__inner .page-button{min-height:50px;padding-inline:24px}
.hoodel-capabilities .cap-section-head{height:auto;min-height:0;position:static;inset:auto;top:auto;z-index:auto;overflow:visible;backdrop-filter:none;background:transparent}
@media(max-width:1100px){.hoodel-capabilities .cap-paths__grid{grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr);gap:48px}.hoodel-capabilities .cap-final__inner{grid-template-columns:1fr;min-height:0}.hoodel-capabilities .cap-family-zones article{min-height:265px}.hoodel-capabilities .cap-family-zones article>p{min-height:66px}}
@media(max-width:960px){.hoodel-capabilities .cap-paths__grid{grid-template-columns:1fr;align-items:start}.hoodel-capabilities .cap-paths__links{grid-template-columns:1fr}.hoodel-capabilities .cap-paths__links a:nth-child(odd){border-inline-end:0}.hoodel-capabilities .cap-paths__links a:last-child{grid-column:auto;justify-content:space-between}.hoodel-capabilities .cap-cross-band::after{display:none}.hoodel-capabilities .cap-delivery-spectrum li{padding-inline:18px}}
@media(max-width:640px){.hoodel-capabilities h1{font-size:clamp(1.95rem,8.2vw,2.2rem);line-height:1.5}.hoodel-capabilities h2{font-size:clamp(1.48rem,6.1vw,1.72rem);line-height:1.62}.hoodel-capabilities h3{font-size:1rem}.hoodel-capabilities .cap-family-zones{gap:10px;padding-block:0;border-block:0;background:none}.hoodel-capabilities .cap-family-zones::after{display:none}.hoodel-capabilities .cap-family-zones article{min-height:0;margin:0;border-radius:10px}.hoodel-capabilities .cap-family-zones article:first-child,.hoodel-capabilities .cap-family-zones article:last-child{border-radius:10px}.hoodel-capabilities .cap-family-zones article>p{min-height:0}.hoodel-capabilities .cap-cross-band{padding-block:8px}.hoodel-capabilities .cap-cross-band::before{inset-block:5%;inset-inline-start:50%;width:3px;height:90%}.hoodel-capabilities .cap-delivery-spectrum{padding-block:6px 0}.hoodel-capabilities .cap-delivery-spectrum::before{inset-block:28px 24px;inset-inline-start:27px;width:3px;height:auto}.hoodel-capabilities .cap-delivery-spectrum li{grid-template-columns:54px 1fr;min-height:0;padding:0 0 36px;gap:16px}.hoodel-capabilities .cap-delivery-spectrum li>span,.hoodel-capabilities .cap-delivery-spectrum li:nth-child(2)>span,.hoodel-capabilities .cap-delivery-spectrum li:nth-child(3)>span{width:54px;height:54px}.hoodel-capabilities .cap-paths__links{padding:8px 16px}.hoodel-capabilities .cap-final{padding-block:60px}.hoodel-capabilities .cap-final__inner{padding:28px 22px}.hoodel-capabilities .cap-final__inner .page-button{width:100%}}


/* Capabilities visual simplification v7 - open architectural structure */
.hoodel-capabilities .cap-map__families{gap:0;padding-block:8px;border-block:1px solid var(--rail);background:linear-gradient(90deg,transparent,var(--rail) 10%,var(--rail) 90%,transparent) center/100% 2px no-repeat}
.hoodel-capabilities .cap-map__families a{min-height:112px;padding:20px 22px;border:0;border-inline-start:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}
.hoodel-capabilities .cap-map__families a:first-child{border-inline-start:0}
.hoodel-capabilities .cap-map__families a::after{inset-inline:22px;height:2px;opacity:.75}
.hoodel-capabilities .cap-map__families a:hover{background:color-mix(in srgb,var(--surface-subtle) 42%,transparent)}
.hoodel-capabilities .cap-map__cross{padding-inline:0;border-block:1px solid var(--rail)}
.hoodel-capabilities .cap-map__cross span{padding:14px 18px;border:0;border-inline-start:1px solid var(--border);border-radius:0;background:transparent}
.hoodel-capabilities .cap-map__cross span:first-child{border-inline-start:0}
html[data-theme="dark"] .hoodel-capabilities .cap-map__families a,html[data-theme="dark"] .hoodel-capabilities .cap-map__cross span{background-color:transparent;background-image:none}
.hoodel-capabilities .cap-family-zones{gap:0;padding-block:0;border-block:1px solid var(--rail);background:none}
.hoodel-capabilities .cap-family-zones::after{inset-block-start:0;inset-block-end:auto;inset-inline:0;height:2px;opacity:.75}
.hoodel-capabilities .cap-family-zones article,.hoodel-capabilities .cap-family-zones article:nth-child(even){min-height:286px;margin:0;padding:30px 26px 24px;border:0;border-inline-start:1px solid var(--border);border-radius:0;background:transparent;background-image:none;box-shadow:none}
.hoodel-capabilities .cap-family-zones article:first-child{border-inline-start:0;border-radius:0}
.hoodel-capabilities .cap-family-zones article:last-child{border-radius:0}
.hoodel-capabilities .cap-family-zones article::after{content:"";position:absolute;inset-block-start:0;inset-inline:26px;height:3px;border-radius:0;background:var(--brand-blue)}
.hoodel-capabilities .cap-family-zones article:nth-child(2)::after{background:var(--brand-cyan)}
.hoodel-capabilities .cap-family-zones article:nth-child(3)::after{background:var(--brand-violet)}
.hoodel-capabilities .cap-family-zones article:nth-child(4)::after{background:var(--brand-purple)}
.hoodel-capabilities .cap-family-zones__identity{border-bottom:0;padding-bottom:8px}
.hoodel-capabilities .cap-family-zones__identity span{border:0;background:transparent;font-size:.8rem}
.hoodel-capabilities .cap-family-zones article>p{min-height:82px}
.hoodel-capabilities .cap-family-zones ul{display:block;margin-top:auto;line-height:1.8}
.hoodel-capabilities .cap-family-zones li{display:inline;padding:0;border:0}
.hoodel-capabilities .cap-family-zones li::before{display:none}
.hoodel-capabilities .cap-family-zones li:not(:last-child)::after{content:" · ";padding-inline:5px;color:var(--brand-cyan)}
html[data-theme="dark"] .hoodel-capabilities .cap-family-zones article,html[data-theme="dark"] .hoodel-capabilities .cap-family-zones article:nth-child(even){background-color:transparent;background-image:none}
.hoodel-capabilities .cap-cross-band{gap:0;padding-block:26px;border-block:1px solid var(--rail);background:transparent}
.hoodel-capabilities .cap-cross-band::before{inset-inline:3%;height:3px;box-shadow:none}
.hoodel-capabilities .cap-cross-band article{min-height:130px;padding:26px 30px;border:0;border-inline-start:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}
.hoodel-capabilities .cap-cross-band article:first-child{border-inline-start:0}
.hoodel-capabilities .cap-cross-band article+article{border-inline-start:1px solid var(--border)}
.hoodel-capabilities .cap-cross-band article>span{border:2px solid var(--panel-stroke);background:var(--surface);box-shadow:0 0 0 6px color-mix(in srgb,var(--brand-blue) 6%,transparent)}
.hoodel-capabilities .cap-cross-band article:nth-child(2)>span{border-color:var(--panel-stroke-alt)}
html[data-theme="dark"] .hoodel-capabilities .cap-cross-band article{background-color:transparent;background-image:none}
.hoodel-capabilities .cap-delivery-spectrum{background:transparent}
.hoodel-capabilities .cap-delivery-spectrum li{border:0;background:transparent}
.hoodel-capabilities .cap-paths__links{border-inline:0;border-radius:0;background:transparent;padding-inline:0}
.hoodel-capabilities .cap-paths__links::before{inset-inline-start:0}
.hoodel-capabilities .cap-paths__links a{padding-inline:22px;background:transparent}
html[data-theme="dark"] .hoodel-capabilities .cap-paths__links{background-color:transparent;background-image:none}
.hoodel-capabilities .cap-final__inner>div{border:0;background:transparent}
.hoodel-capabilities .cap-section-head{height:auto;min-height:0;position:static;inset:auto;top:auto;z-index:auto;overflow:visible;backdrop-filter:none;background:transparent}
@media(max-width:1100px){.hoodel-capabilities .cap-family-zones article,.hoodel-capabilities .cap-family-zones article:nth-child(even){min-height:250px;border-block-end:1px solid var(--border)}.hoodel-capabilities .cap-family-zones article:nth-child(odd){border-inline-start:0}.hoodel-capabilities .cap-family-zones article>p{min-height:64px}}
@media(max-width:960px){.hoodel-capabilities .cap-cross-band article,.hoodel-capabilities .cap-cross-band article+article{border-inline-start:0;border-block-end:1px solid var(--border)}.hoodel-capabilities .cap-cross-band article:last-child{border-block-end:0}}
@media(max-width:640px){.hoodel-capabilities .cap-map__families{padding-block:0;background:none}.hoodel-capabilities .cap-map__families a{border-inline-start:0;border-block-end:1px solid var(--border)}.hoodel-capabilities .cap-map__families a:last-child{border-block-end:0}.hoodel-capabilities .cap-map__cross span{border-inline-start:0;border-block-end:1px solid var(--border)}.hoodel-capabilities .cap-map__cross span:last-child{border-block-end:0}.hoodel-capabilities .cap-family-zones{border-block:1px solid var(--rail)}.hoodel-capabilities .cap-family-zones article,.hoodel-capabilities .cap-family-zones article:nth-child(even){min-height:0;padding:26px 4px 24px;border:0;border-block-end:1px solid var(--border);background:transparent}.hoodel-capabilities .cap-family-zones article:last-child{border-block-end:0}.hoodel-capabilities .cap-family-zones article::after{inset-inline:4px}.hoodel-capabilities .cap-family-zones article>p{min-height:0}.hoodel-capabilities .cap-cross-band{padding-block:10px}.hoodel-capabilities .cap-cross-band article{min-height:0;padding:24px 4px}.hoodel-capabilities .cap-paths__links{border-block:1px solid var(--rail)} }


/* Capabilities limited cleanup v8 - rail spacing and hierarchy */
.hoodel-capabilities .cap-map{border-color:color-mix(in srgb,var(--border) 62%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--brand-cyan) 7%,transparent)}
.hoodel-capabilities .cap-family-zones{border-block:0;background:none}
.hoodel-capabilities .cap-family-zones::after{inset-block-start:0;inset-inline:0;height:2px;background:var(--gradient-spectrum);opacity:.7}
.hoodel-capabilities .cap-family-zones article::after{inset-block-start:0;inset-inline-start:26px;inset-inline-end:auto;width:48px;height:3px;border-radius:0}
.hoodel-capabilities .cap-cross-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:20px;border-block:0;background:transparent}
.hoodel-capabilities .cap-cross-band::before,.hoodel-capabilities .cap-cross-band::after{display:none}
.hoodel-capabilities .cap-cross-band article,.hoodel-capabilities .cap-cross-band article+article{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto 14px auto;column-gap:14px;align-items:center;min-height:148px;padding:20px 30px;border:0;border-inline-start:1px solid var(--border);background:transparent}
.hoodel-capabilities .cap-cross-band article:first-child{border-inline-start:0}
.hoodel-capabilities .cap-cross-band article>span{grid-column:1;grid-row:1;float:none;margin:0}
.hoodel-capabilities .cap-cross-band h3{grid-column:2;grid-row:1;margin:0}
.hoodel-capabilities .cap-cross-band article::after{content:"";display:block;grid-column:1/-1;grid-row:2;align-self:center;width:100%;height:2px;background:var(--gradient-spectrum)}
.hoodel-capabilities .cap-cross-band p{grid-column:1/-1;grid-row:3;margin:8px 0 0;line-height:1.95}
@media(min-width:961px){.hoodel-capabilities .cap-section-head:not(.cap-section-head--architecture){grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(28px,4vw,60px)}}
.hoodel-capabilities .cap-section-head{height:auto;min-height:0;position:static;inset:auto;top:auto;z-index:auto;overflow:visible;backdrop-filter:none;background:transparent}
@media(max-width:960px){.hoodel-capabilities .cap-cross-band{grid-template-columns:1fr;padding-block:10px}.hoodel-capabilities .cap-cross-band article,.hoodel-capabilities .cap-cross-band article+article{min-height:0;border-inline-start:0;border-block-end:1px solid var(--border)}.hoodel-capabilities .cap-cross-band article:last-child{border-block-end:0}}
@media(max-width:640px){.hoodel-capabilities .cap-family-zones::after{display:block}.hoodel-capabilities .cap-family-zones article::after{inset-inline-start:4px;width:44px}.hoodel-capabilities .cap-cross-band article,.hoodel-capabilities .cap-cross-band article+article{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto 12px auto;padding:22px 4px}.hoodel-capabilities .cap-cross-band p{margin-top:8px}}


/* Shared HOODEL theme-toggle geometry and logical placement */
.hoodel-page :is(.cap-theme-toggle,.solutions-theme-toggle){width:38px;height:38px;min-height:38px;flex:0 0 38px;padding:8px;border-width:1px;border-style:solid;border-radius:50%;transition:color .2s ease,border-color .2s ease,background-color .2s ease}
.hoodel-page :is(.cap-theme-toggle__icons,.solutions-theme-toggle__icons),.hoodel-page :is(.cap-theme-toggle,.solutions-theme-toggle) svg{width:18px;height:18px}
.hoodel-page :is(.cap-theme-toggle,.solutions-theme-toggle):focus-visible{outline-width:3px;outline-style:solid;outline-color:color-mix(in srgb,var(--focus) 52%,transparent);outline-offset:3px}
.hoodel-solutions .solutions-theme-toggle{inset-block-start:12px;inset-inline-start:auto;inset-inline-end:0}
@media(prefers-reduced-motion:reduce){.hoodel-page :is(.cap-theme-toggle,.solutions-theme-toggle),.hoodel-page :is(.cap-theme-toggle,.solutions-theme-toggle) svg{transition:none}}