/* Mobile and tablet layout. Desktop keeps the original product journey. */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
main, section, article, .hero-copy, .chapter-copy, .tech-intro>*,
.tech-detail>*, .ai-detail>*, .hyper-map>*, .intelligence-map>*,
.platform-display, .solar-visual, .tech-console, .zamurai-lab { min-width:0; }
button, summary { touch-action:manipulation; }
[role="tab"], .tech-run, .connection-toggle, .image-expand { min-height:44px; }
p, dd, .tech-label, .eyebrow, .demo-badge { overflow-wrap:break-word; }
button { max-width:100%; }
/* Space for the additional municipal page in the existing navigation. */
@media (min-width:1025px) and (max-width:1380px) {
  .desktop-nav:has(a[href="estados-y-municipios/"]) { gap:16px;margin-right:10px; }
}
@media (max-width:1024px) {
  :root { --gutter:clamp(18px,4.5vw,40px); --mobile-header:calc(72px + env(safe-area-inset-top,0px)); }
  html { scroll-padding-top:calc(var(--mobile-header) + 12px); }
  .site-header,.site-header.scrolled {
    height:var(--mobile-header); gap:16px;
    padding:env(safe-area-inset-top,0px) max(var(--gutter),env(safe-area-inset-right,0px)) 0 max(var(--gutter),env(safe-area-inset-left,0px));
    background:rgba(10,15,31,.94);backdrop-filter:blur(14px);
  }
  .site-header .brand { width:clamp(126px,19vw,160px); }
  .desktop-nav { display:none; }
  .site-header .header-cta { display:none; }
  .menu-button {
    display:flex;flex-direction:column;justify-content:center;align-items:center;
    flex:0 0 44px;min-width:44px;min-height:44px;padding:10px;margin-left:auto;gap:7px;background:none;
  }
  .menu-button span { width:23px;height:1px;background:white; }
  .menu-button[aria-expanded=true] span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-button[aria-expanded=true] span:last-child { transform:translateY(-4px) rotate(-45deg); }
  .mobile-menu {
    inset:var(--mobile-header) 0 0;max-height:calc(100dvh - var(--mobile-header));overflow-y:auto;
    overscroll-behavior:contain;padding:20px var(--gutter) calc(28px + env(safe-area-inset-bottom,0px));
  }
  .mobile-menu a,.mobile-menu>button {
    align-items:center;min-height:56px;padding:18px 0;gap:18px;font-size:clamp(1.25rem,5.3vw,1.75rem);line-height:1.4;
  }
  .mobile-menu a span,.mobile-menu>button span { flex-shrink:0; }
  .product-journey { padding-bottom:0; }
  .hero {
    display:block;min-height:0;padding:calc(var(--mobile-header) + 36px) var(--gutter) 32px;
  }
  .hero-copy { width:100%;max-width:760px;margin:0 auto; }
  .hero-copy>.eyebrow { font-size:.75rem;line-height:1.6;letter-spacing:.06em;margin-bottom:22px;gap:10px; }
  .hero h1 { font-size:clamp(3rem,10vw,5.25rem);line-height:1.04;letter-spacing:-.055em; }
  .hero h1 br:nth-of-type(2) { display:block; }
  .hero-copy h1 em:before { content:none; }
  .hero-description {
    max-width:38rem;font-size:1rem;line-height:1.75;margin-top:24px;
  }
  /* The same scene moves into the introduction on narrow screens. */
  .hero .scene-shell {
    display:grid;grid-template-columns:minmax(0,1fr);position:relative;inset:auto;z-index:1;
    width:100%;height:auto;min-height:0;margin:32px 0 0;overflow:visible;
  }
  .hero .model-caption {
    grid-row:1;position:relative;inset:auto;width:100%;gap:10px;min-width:0;
    font-size:.75rem;line-height:1.5;letter-spacing:.06em;flex-wrap:wrap;
  }
  .hero .model-caption #view-label { overflow-wrap:anywhere; }
  .hero .model-caption .caption-rule { min-width:12px; }
  .hero .model-stage {
    grid-row:2;position:relative;inset:auto;justify-self:center;
    width:100%;max-width:620px;height:clamp(300px,90vw,520px);min-width:0;
    margin:0;touch-action:pan-y;
  }
  .hero .scene-word { top:20%;right:0;width:100%;text-align:center;font-size:clamp(2.5rem,13vw,7rem); }
  .hero .scene-controls {
    grid-row:3;position:relative;inset:auto;width:100%;display:flex;flex-wrap:wrap;
    gap:10px;align-items:center;justify-content:center;margin:0;padding:0;
  }
  .hero .drag-hint { display:block;flex-basis:100%;font-size:.8125rem;line-height:1.6;margin:0;text-align:center; }
  .view-switch { min-width:0;max-width:100%; }
  .view-switch button { min-height:44px;padding:10px 12px;font-size:.875rem; }
  .scene-controls .icon-button { min-width:44px;width:44px;height:44px;flex-shrink:0; }
  .hero .scene-extras { display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:0; }
  .hero .scene-extras button { min-height:44px;padding:10px 12px;font-size:.875rem;line-height:1.4;white-space:normal; }
  .hero .hero-actions { margin-top:28px;gap:12px 20px;flex-wrap:wrap; }
  .hero-actions .button,.hero-actions .text-button { min-height:48px;font-size:.875rem;line-height:1.5; }
  .hero-actions .button { padding:14px 18px;gap:20px; }
  .hero-bottom {
    position:static;margin:32px auto 0;max-width:760px;flex-wrap:wrap;
    align-items:center;gap:14px;padding-top:22px;
  }
  .hero-bottom-right { display:none; }
  .hero-bottom .micro { max-width:none;font-size:.75rem; }
  .scroll-cue { min-height:44px;display:flex;align-items:center;font-size:.875rem; }
  .section-pad,.product-chapter { padding:64px var(--gutter); }
  .product-chapter { min-height:0;border-top:1px solid var(--line);background:rgba(10,15,31,.9); }
  .chapter-copy { display:block;width:100%;max-width:none; }
  .chapter-copy>.eyebrow { margin-bottom:24px; }
  .chapter-copy h2 { font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.12; }
  .chapter-copy h2 br:last-child { display:none; }
  .chapter-copy .section-description { max-width:44rem;font-size:1rem;line-height:1.75; }
  .product-features { margin-top:30px; }
  .feature-row { min-height:72px;padding:22px 0;gap:14px; }
  .feature-row>span:nth-child(2) { min-width:0; }
  .feature-row strong { font-size:1rem;line-height:1.45; }
  .feature-row small { font-size:.875rem;line-height:1.65; }
  .feature-plus { flex-shrink:0; }
  .product-signature { flex-wrap:wrap;gap:12px;font-size:.75rem; }
  .section-topline { align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:30px;padding-bottom:22px; }
  .section-topline .eyebrow { min-width:0;font-size:.75rem;line-height:1.6;letter-spacing:.06em;gap:10px; }
  .section-number { flex-shrink:0; }
  .section-intro,.tech-intro { display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:32px; }
  .section-intro h2,.tech-intro h2,.hypercore h2,.zamurai h2,.platform .section-intro h2 {
    font-size:clamp(2.125rem,6vw,3.5rem);line-height:1.14;overflow-wrap:break-word;
  }
  .section-intro>p,.tech-intro>p,.solar .section-description,.closing-bottom>p {
    font-size:1rem;line-height:1.8;max-width:46rem;margin:0;
  }
  .architecture-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .architecture-tabs button { min-width:0;padding:18px 14px;border-bottom:1px solid var(--line); }
  .architecture-tabs strong { font-size:1rem;white-space:normal;overflow-wrap:break-word; }
  .architecture-tabs small { font-size:.8125rem;line-height:1.5; }
  .architecture-tabs button>span { margin-bottom:12px; }
  .architecture-detail { display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;padding:32px 18px;min-height:0; }
  .architecture-body { min-width:0; }
  .architecture-body h3 { font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2; }
  .architecture-body>p:not(.eyebrow) { font-size:1rem;line-height:1.75; }
  .architecture-visual { width:240px;height:240px;transform:scale(.75);justify-self:center; }
  .principles { grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
  .principles strong { font-size:1rem;line-height:1.5; }
  .principles span { font-size:.875rem;line-height:1.7; }
  .guardian-film-heading { display:block; }
  .guardian-film-heading h2,.solar h2 { font-size:clamp(2rem,6vw,3.25rem);line-height:1.15; }
  .guardian-film-heading>p { margin-top:20px;font-size:1rem;line-height:1.75; }
  .guardian-film video,.solar-visual video { width:100%;height:auto;aspect-ratio:16/9;object-fit:contain; }
  .guardian-film-caption { font-size:.75rem;line-height:1.6;flex-wrap:wrap;gap:8px 16px; }
  .solar { display:flex;flex-direction:column-reverse;align-items:stretch;gap:32px; }
  .solar-visual { min-width:0;max-width:100%;padding:0 0 18px; }
  .solar-tabs { gap:8px;padding:14px 10px;flex-wrap:wrap; }
  .solar-tabs button { min-height:44px;padding:10px 12px;font-size:.875rem; }
  .solar-caption { display:block;font-size:.75rem;line-height:1.6;overflow-wrap:anywhere; }
  .solar-specs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
  .solar-specs>div { flex-wrap:wrap;gap:8px;min-width:0; }
  .solar-specs dt { font-size:.875rem; }
  .solar-specs dd { font-size:.875rem; }
  .solar-specs dd strong { margin:0;font-size:1.25rem; }
  .platform-display { margin:0; }
  .platform-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .platform-tabs button { padding:18px 14px;min-width:0; }
  .platform-tabs button>span { font-size:.75rem;line-height:1.5;display:block; }
  .platform-tabs button>strong { font-size:1rem;line-height:1.45; }
  .image-expand { width:44px;height:44px;right:8px;bottom:8px; }
  .module-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:30px; }
  .module-list h3 { font-size:1.375rem;line-height:1.3; }
  .module-list p { font-size:1rem;line-height:1.7; }
  .tech-toolbar,.tech-console-foot { flex-wrap:wrap;gap:14px;padding:18px 20px; }
  .tech-console-foot>span { max-width:100%; }
  .tech-explainers { grid-template-columns:minmax(0,1fr);gap:22px; }
  .tech-explainers summary { min-height:44px;padding:8px 28px 8px 0;font-size:1.125rem; }
  .tech-explainers summary:after { top:8px; }
  .tech-explainers p { font-size:1rem; }
  .tech-stage-tabs button { font-size:.9375rem;overflow-wrap:anywhere; }
  .tech-detail,.ai-detail { grid-template-columns:minmax(0,1fr);gap:26px;padding:26px 20px;min-height:0; }
  .tech-detail p,.ai-detail p { font-size:1rem; }
  .input-output { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .connection-toggle,.tech-run,.scenario-tabs button { min-height:44px;font-size:.875rem;line-height:1.5;white-space:normal; }
  .tech-label,.tech-toolbar>.tech-label { font-size:.75rem;line-height:1.65; }
  .closing h2 { font-size:clamp(2.125rem,7vw,4.5rem);line-height:1.15;overflow-wrap:break-word; }
  .closing-bottom { display:flex;flex-wrap:wrap;gap:24px;margin-top:30px; }
  .closing .button { min-width:0;min-height:48px;max-width:100%;margin:0; }
  .site-footer { flex-wrap:wrap;gap:24px;padding:32px var(--gutter) calc(100px + env(safe-area-inset-bottom,0px)); }
  .motion-toggle {
    right:max(12px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));
    min-height:44px;max-width:calc(100vw - 24px);font-size:.8125rem;padding:10px 14px;
  }
  .media-dialog {
    width:calc(100% - 24px);max-width:960px;max-height:calc(100dvh - 24px);
    margin:auto;overflow:auto;overscroll-behavior:contain;
  }
  .dialog-heading { position:sticky;top:0;background:var(--bg);z-index:1;padding:8px 14px;gap:10px;flex-wrap:wrap; }
  .dialog-heading>span { min-width:0;overflow-wrap:anywhere;font-size:.75rem; }
  .dialog-heading button { min-height:44px;flex-shrink:0;font-size:.875rem; }
  .media-dialog video,.media-dialog>img { max-height:calc(100dvh - 104px);height:auto;object-fit:contain; }
}
@media (max-width:700px) {
  .hero .hero-actions { display:grid;grid-template-columns:minmax(0,1fr); }
  .hero-actions .button { width:100%; }
  .hero-actions .text-button { justify-self:start; }
  .section-topline>.micro { display:none; }
  .architecture-detail { display:block;padding:28px 12px; }
  .architecture-visual { display:none; }
  .architecture-number { left:auto;right:0;bottom:-30px;font-size:220px; }
  .principles { grid-template-columns:minmax(0,1fr); }
  .principles p { display:block; }
  .principles span { margin-top:6px; }
  .solar-specs { grid-template-columns:minmax(0,1fr);gap:0; }
  .solar-specs>div { flex-wrap:wrap;justify-content:space-between; }
  .platform-toolbar>.micro { display:none; }
  .platform-tabs { grid-template-columns:minmax(0,1fr); }
  .platform-tabs button { border-right:0;border-bottom:1px solid var(--line);padding:16px 18px; }
  .platform-tabs button>strong { margin-top:4px; }
  .tech-stage-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tech-stage-tabs button { padding:16px 14px; }
  .tech-stage-tabs button:nth-child(2) { border-right:0; }
  .tech-stage-tabs button:nth-child(-n+2) { border-bottom:1px solid #26374d; }
  .hyper-map,.intelligence-map {
    display:grid;grid-template-columns:minmax(0,1fr);padding:26px 20px;min-height:0;gap:0;
  }
  .signal-sources { grid-template-columns:minmax(0,1fr);gap:12px; }
  .signal-sources>div { padding:12px 12px 12px 32px; }
  .signal-sources strong { font-size:1rem; }
  .signal-sources small { font-size:.875rem; }
  .signal-sources>.tech-label,.evidence-inputs>.tech-label { font-size:.75rem; }
  .hyper-map>.signal-link,.intelligence-map>.signal-link {
    display:block;justify-self:center;width:2px;height:40px;margin:16px 0;
  }
  .hyper-map>.signal-link>span,.intelligence-map>.signal-link>span {
    left:-1px;top:0;width:3px;height:18%;animation-name:signal-travel-vertical;
  }
  .hyper-engine { width:100%;padding:22px 18px; }
  .engine-heading>strong { font-size:2rem; }
  .engine-heading>.tech-label { font-size:.75rem;letter-spacing:.04em; }
  .engine-layers button { min-height:68px;padding:14px 32px 14px 14px; }
  .engine-layers button span { font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere; }
  .engine-layers button small { font-size:.9375rem;line-height:1.5; }
  .engine-foot { font-size:.8125rem;line-height:1.5;flex-wrap:wrap; }
  .cloud-endpoint,.ai-result-preview {
    display:block;grid-column:1;grid-row:auto;margin:0;padding:20px 0 0;text-align:left;border-top:1px solid #334d68;
  }
  .cloud-endpoint>strong { font-size:1.5rem;margin-top:12px; }
  .cloud-endpoint>p,.ai-result-preview>p { padding:0;margin-top:12px;font-size:1rem;line-height:1.75; }
  .cloud-endpoint>.connection-badge { margin-top:16px;padding-top:12px;line-height:1.6; }
  .cloud-symbol { display:none; }
  .input-output { grid-template-columns:minmax(0,1fr); }
  .evidence-inputs { grid-template-columns:minmax(0,1fr); }
  .evidence-node { padding:14px; }
  .evidence-node>strong { font-size:1rem; }
  .evidence-node>span { font-size:.75rem;line-height:1.5; }
  .correlation-lines { display:block;justify-self:center;width:80px;height:90px;margin:12px 0;transform:rotate(90deg); }
  .ai-core { justify-self:center;width:180px;height:180px;max-width:100%;margin:14px 0; }
  .ai-core>strong { font-size:1.5rem; }
  .ai-core>span:last-child { font-size:.75rem; }
  .ai-core-mark { font-size:2.75rem; }
  .ai-result-preview>strong { font-size:1.5rem;line-height:1.3; }
  .ai-human-tag { font-size:.8125rem;margin-top:16px; }
  .scenario-tabs { padding:18px 20px 0; }
  .operator-question { margin:0 20px 24px;padding:18px; }
  .operator-question p { font-size:1.125rem;line-height:1.6; }
  .evidence-card { min-width:0;padding:16px; }
  .evidence-card dl>div { flex-wrap:wrap;gap:4px 12px; }
  .evidence-card dd { max-width:100%;overflow-wrap:anywhere; }
  .closing-bottom { display:block; }
  .closing .button { width:100%;max-width:100%;margin-top:24px; }
}
@media (max-width:480px) {
  .architecture-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .architecture-tabs button { padding:18px 12px; }
  .architecture-tabs strong { font-size:1rem; }
  .hero .model-caption { gap:8px;letter-spacing:.03em; }
  .hero .model-caption .cross-mark,.hero .model-caption .caption-rule { display:none; }
  .hero .model-caption #view-label { flex-basis:100%;font-size:.75rem; }
  .hero .scene-extras { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero .scene-extras button:first-child { grid-column:1/-1; }
  .hero .scene-extras button { padding:10px 8px; }
  .hero-bottom { display:block; }
  .hero-bottom .scroll-cue { margin-top:10px; }
  .module-list { grid-template-columns:minmax(0,1fr); }
  .scenario-tabs { display:grid;grid-template-columns:minmax(0,1fr); }
  .scenario-tabs button { text-align:left;padding:12px 14px; }
  .tech-console-foot .tech-run { width:100%; }
  .tech-toolbar .connection-toggle { width:100%;justify-content:space-between; }
  .tech-detail h3,.ai-detail h3 { font-size:1.5rem;line-height:1.3;overflow-wrap:break-word; }
  .site-footer .brand { width:120px; }
  .site-footer>span { margin-left:0; }
}

/* Hypercore: preguntas claramente interactivas */
.hypercore-explainer-intro {
  display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:38px 0 17px;
}
.hypercore-explainer-intro>div { display:grid;gap:7px; }
.hypercore-explainer-intro .tech-label { color:#9db7ce;font-weight:600; }
.hypercore-explainer-intro h3 {
  margin:0;color:#f5f9fd;font:500 clamp(1.35rem,2vw,1.75rem)/1.25 var(--display);letter-spacing:-.015em;
}
.hypercore-explainer-intro>p {
  display:flex;align-items:center;gap:9px;margin:0;padding:10px 14px;border:1px solid rgba(89,190,240,.32);
  background:rgba(22,53,78,.55);color:#bcd3e5;font-size:.8125rem;line-height:1.35;
}
.hypercore-explainer-intro>p>span { color:#ff9b7d;font-size:1rem;animation:hyper-cue 1.6s ease-in-out infinite; }
.hypercore-explainers { align-items:stretch;gap:14px;margin-top:0; }
.hypercore-explainers details {
  position:relative;overflow:hidden;padding:0;border:1px solid #344d66;background:linear-gradient(145deg,rgba(22,44,66,.92),rgba(10,22,37,.98));
  box-shadow:0 12px 34px rgba(0,0,0,.15);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.hypercore-explainers details:before {
  content:"";position:absolute;z-index:1;top:-1px;left:-1px;width:calc(100% + 2px);height:2px;
  background:linear-gradient(90deg,#ef8f72 0 22%,#53c7fb 22% 48%,transparent 82%);opacity:.42;transition:opacity .25s ease;
}
.hypercore-explainers details:hover {
  transform:translateY(-3px);border-color:#5b92b8;box-shadow:0 18px 40px rgba(0,0,0,.22),0 0 24px rgba(64,176,231,.09);
}
.hypercore-explainers details[open] {
  border-color:#d98069;background:linear-gradient(145deg,rgba(34,58,79,.97),rgba(12,27,44,.99));
  box-shadow:0 18px 44px rgba(0,0,0,.24),0 0 28px rgba(239,143,114,.09);
}
.hypercore-explainers details[open]:before { opacity:1; }
.hypercore-explainers summary {
  display:flex;min-height:154px;flex-direction:column;justify-content:space-between;gap:22px;padding:22px;color:#f4f8fc;list-style:none;
}
.hypercore-explainers details:not([open]) summary { height:100%; }
.hypercore-explainers summary::-webkit-details-marker { display:none; }
.hypercore-explainers summary:after { content:none; }
.hypercore-explainers summary:focus-visible { outline:2px solid #6bd0ff;outline-offset:-4px; }
.explainer-question { display:flex;align-items:flex-start;gap:13px; }
.explainer-question>span:last-child { display:grid;gap:7px; }
.explainer-index {
  display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(239,143,114,.58);
  background:rgba(239,143,114,.08);color:#ffab91;font:600 .6875rem/1 var(--mono);letter-spacing:.08em;
}
.explainer-question small { color:#84a6bf;font:500 .625rem/1.2 var(--mono);letter-spacing:.12em; }
.explainer-question strong { color:#f5f9fd;font:500 1.0625rem/1.4 var(--display); }
.explainer-action {
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid rgba(87,128,161,.34);
  color:#73cff7;font:600 .75rem/1 var(--sans);letter-spacing:.035em;text-transform:uppercase;
}
.explainer-action i {
  position:relative;display:block;flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(104,202,247,.64);border-radius:50%;
  background:rgba(62,167,216,.1);box-shadow:0 0 0 0 rgba(83,199,251,.2);transition:transform .3s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.explainer-action i:before,.explainer-action i:after {
  content:"";position:absolute;top:50%;left:50%;width:11px;height:1px;background:#8cddff;transform:translate(-50%,-50%);transition:transform .3s ease,opacity .3s ease;
}
.explainer-action i:after { transform:translate(-50%,-50%) rotate(90deg); }
.hypercore-explainers details:hover .explainer-action i { background:rgba(65,182,235,.2);box-shadow:0 0 0 6px rgba(83,199,251,.07); }
.hypercore-explainers details[open] .explainer-action { color:#ffad94; }
.hypercore-explainers details[open] .explainer-action i { transform:rotate(180deg);border-color:#ef9b82;background:rgba(239,143,114,.13); }
.hypercore-explainers details[open] .explainer-action i:before { background:#ffb19a; }
.hypercore-explainers details[open] .explainer-action i:after { opacity:0;transform:translate(-50%,-50%) rotate(180deg); }
.hypercore-explainers .action-open { display:none; }
.hypercore-explainers details[open] .action-closed { display:none; }
.hypercore-explainers details[open] .action-open { display:inline; }
.hypercore-explainers .explainer-answer { margin:0 22px 22px;padding:18px 0 0;border-top:1px solid rgba(87,128,161,.38); }
.hypercore-explainers .explainer-answer p { margin:0;color:#c9d8e5;font-size:.9375rem;line-height:1.72; }
.hypercore-explainers details[open] .explainer-answer { animation:hyper-answer-reveal .32s ease both; }

@keyframes hyper-cue { 0%,100% { transform:translate(0,0); } 50% { transform:translate(3px,3px); } }
@keyframes hyper-answer-reveal { from { opacity:0;transform:translateY(-7px); } to { opacity:1;transform:translateY(0); } }

@media (max-width:1024px) {
  .hypercore-explainers details:not([open]) summary { height:auto; }
  .hypercore-explainers summary { min-height:0; }
}
@media (max-width:700px) {
  .hypercore-explainer-intro { align-items:flex-start;flex-direction:column;gap:14px;margin-top:30px; }
  .hypercore-explainer-intro>p { width:100%; }
  .hypercore-explainers summary { padding:19px 18px; }
  .hypercore-explainers .explainer-answer { margin:0 18px 19px; }
}
@media (prefers-reduced-motion:reduce) {
  .hypercore-explainer-intro>p>span,.hypercore-explainers details[open] .explainer-answer { animation:none; }
  .hypercore-explainers details { transition:none; }
}
@media (max-width:1024px) and (orientation:landscape) and (max-height:600px) {
  .hero .model-stage { height:clamp(280px,70svh,400px);max-width:600px; }
  .hero { padding-top:calc(var(--mobile-header) + 24px); }
}
@keyframes signal-travel-vertical {
  0% { top:0;opacity:0; } 15% { opacity:1; } 85% { opacity:1; } 100% { top:85%;opacity:0; }
}

/* Zamurai: a brighter, continuously legible signal-to-decision sequence. */
.zamurai-lab {
  --ai-progress:25%;
  position:relative;
  border-color:#3d6385;
  background:
    radial-gradient(circle at 50% 31%,rgba(47,151,210,.15),transparent 31%),
    linear-gradient(145deg,#122238 0%,#0b1524 58%,#080f1c 100%);
  box-shadow:0 28px 85px rgba(2,8,18,.68),0 0 0 1px rgba(100,185,233,.05) inset;
}
.zamurai-lab:before {
  content:'';position:absolute;z-index:2;top:-1px;left:8%;right:8%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#55c7ff 48%,#ef8f72 52%,transparent);
  box-shadow:0 0 22px rgba(85,199,255,.62);
}
.zamurai-lab .tech-toolbar { background:rgba(15,30,49,.9);border-color:#34516d; }
.zamurai-lab .tech-toolbar>.tech-label { color:#e8f2fc;font-weight:600; }
.zamurai-lab .demo-badge { color:#bacadd;font-size:.8125rem; }
.ai-live-status {
  display:inline-flex;align-items:center;gap:9px;margin-left:auto;padding:7px 11px;border:1px solid #365b79;
  border-radius:999px;background:rgba(15,43,65,.78);color:#bfeaff;font:500 .75rem/1.4 var(--mono);letter-spacing:.065em;
}
.ai-live-status i,.ai-human-tag i {
  display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#55c7ff;box-shadow:0 0 12px rgba(85,199,255,.88);
}
.scenario-tabs { padding-top:24px;gap:10px; }
.scenario-tabs button {
  min-height:46px;padding:11px 17px;border-color:#41617f;background:rgba(19,38,60,.88);color:#d7e4f2;
  font-size:.9375rem;font-weight:600;letter-spacing:.005em;transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s;
}
.scenario-tabs button:hover { border-color:#68b7e3;color:#fff;transform:translateY(-1px); }
.scenario-tabs button[aria-selected=true] {
  color:#fff2ec;border-color:#ef8f72;background:linear-gradient(120deg,rgba(157,62,44,.42),rgba(32,60,84,.88));
  box-shadow:0 0 0 1px rgba(239,143,114,.12) inset,0 8px 25px rgba(0,0,0,.2);
}
.intelligence-map {
  grid-template-columns:minmax(220px,1fr) 78px 230px 64px minmax(280px,1fr);
  padding:46px 30px 38px;min-height:370px;background:linear-gradient(180deg,rgba(17,33,53,.45),rgba(8,17,30,.12));
}
.evidence-inputs { gap:13px; }
.evidence-inputs>.tech-label { color:#c5d5e7;font-weight:600; }
.evidence-node {
  position:relative;overflow:hidden;padding:14px 34px 14px 15px;border-color:#38536f;border-left-width:3px;
  background:linear-gradient(105deg,rgba(23,48,76,.98),rgba(15,31,50,.96));box-shadow:0 8px 22px rgba(0,0,0,.16);
  transition:border-color .35s,transform .35s,box-shadow .35s,background .35s;
}
.evidence-node>span { color:#9db6cf;font-size:.75rem;font-weight:500;letter-spacing:.08em; }
.evidence-node>strong { color:#edf6ff;font-size:1.0625rem;font-weight:600; }
.node-signal { position:absolute;right:15px;top:50%;width:8px;height:8px;border:1px solid #6b88a3;border-radius:50%;transform:translateY(-50%); }
.evidence-node:after {
  content:'';position:absolute;inset:0;width:42%;pointer-events:none;transform:translateX(-165%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(95,203,255,.12),transparent);
}
.evidence-node.is-linked {
  border-color:#58bceb;transform:translateX(5px);background:linear-gradient(105deg,rgba(26,66,98,.98),rgba(16,37,58,.96));
  box-shadow:0 0 0 1px rgba(85,199,255,.08) inset,0 10px 28px rgba(0,0,0,.22),0 0 24px rgba(55,159,217,.09);
}
.evidence-node.is-linked .node-signal { background:#59c9ff;border-color:#b9ecff;box-shadow:0 0 15px #55c7ff; }
#zamurai.is-running .evidence-node.is-linked:after { animation:ai-node-sweep 2.8s ease-in-out infinite; }
.correlation-lines path { stroke:#446986;stroke-width:1.4; }
.correlation-lines .correlation-pulse { stroke:#6fd1ff;stroke-width:2.7;stroke-dasharray:8 46;filter:drop-shadow(0 0 5px rgba(95,203,255,.85));animation-duration:1.55s; }
.ai-core { width:230px;height:230px;gap:7px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.35)); }
.ai-orbit {
  border-color:#527796;background:radial-gradient(circle,rgba(31,96,137,.5),rgba(14,38,61,.38) 46%,rgba(7,17,30,.05) 71%);
  box-shadow:0 0 55px rgba(66,171,229,.16),0 0 0 1px rgba(89,201,255,.06) inset;
}
.ai-orbit:before { inset:-13px;border-color:#446885;animation-duration:24s; }
.ai-orbit:after { inset:11px;border-width:2px;border-top-color:#65d2ff;border-right-color:rgba(101,210,255,.2);border-bottom-color:#ef8f72;animation-duration:7s; }
.ai-core:before {
  content:'';position:absolute;inset:29px;border:1px solid rgba(104,200,245,.22);border-radius:50%;z-index:0;
  box-shadow:0 0 25px rgba(73,174,228,.08) inset;
}
.ai-scan { position:absolute;z-index:1;inset:20px;border-radius:50%;overflow:hidden;pointer-events:none; }
.ai-scan:after {
  content:'';position:absolute;left:12%;right:12%;top:-25%;height:34%;opacity:0;
  background:linear-gradient(180deg,transparent,rgba(93,207,255,.17),rgba(93,207,255,.5));filter:blur(.3px);
}
.ai-core-logo { position:relative;z-index:2;width:170px;max-width:78%;height:auto;object-fit:contain;filter:drop-shadow(0 0 13px rgba(66,177,234,.25)); }
.ai-core>span:last-child {
  position:relative;z-index:3;padding:4px 8px;border:1px solid rgba(239,143,114,.36);border-radius:999px;
  background:rgba(31,21,29,.72);color:#ffc0ad;font-size:.6875rem;font-weight:600;letter-spacing:.1em;
}
#zamurai.is-running .ai-scan:after { opacity:1;animation:ai-scan 2.25s ease-in-out infinite; }
#zamurai.is-running .ai-core-logo { animation:ai-logo-breathe 2.8s ease-in-out infinite; }
#zamurai.is-running .ai-live-status i { animation:ai-status-pulse 1.35s ease-out infinite; }
.ai-result-preview {
  position:relative;overflow:hidden;min-height:218px;padding:22px 21px 20px;border:1px solid #3b5e7e;border-left:3px solid #ef8f72;
  background:linear-gradient(145deg,rgba(22,48,74,.94),rgba(11,25,42,.97));box-shadow:0 12px 34px rgba(0,0,0,.24);
}
.ai-result-preview:before,.ai-result-preview:after { content:'';position:absolute;right:10px;width:28px;height:13px;border-right:1px solid rgba(100,207,255,.54);pointer-events:none; }
.ai-result-preview:before { top:10px;border-top:1px solid rgba(100,207,255,.54); }
.ai-result-preview:after { bottom:10px;border-bottom:1px solid rgba(100,207,255,.54); }
.ai-target-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.ai-target-head .tech-label { color:#d4e2ef;font-weight:600; }
.ai-output-state {
  flex:0 0 auto;padding:4px 8px;border:1px solid rgba(95,203,255,.38);border-radius:999px;background:rgba(37,107,145,.18);
  color:#8edbff;font:600 .6875rem/1.3 var(--mono);letter-spacing:.08em;
}
.ai-result-preview>strong { color:#fff;font-size:clamp(1.55rem,2vw,1.9rem);font-weight:500;line-height:1.18;margin:17px 0 11px; }
.ai-result-preview>p { color:#c8d7e7;font-size:1rem;line-height:1.7; }
.ai-human-tag { display:inline-flex;align-items:center;gap:8px;color:#d8e6f3;font-size:.8125rem;font-weight:500;border-color:#426681; }
.ai-human-tag i { width:6px;height:6px;background:#ef8f72;box-shadow:0 0 10px rgba(239,143,114,.75); }
#zamurai.is-running .ai-output-state { animation:ai-target-pulse 1.8s ease-in-out infinite; }
.operator-question {
  margin:0 30px 30px;padding:20px 23px;border-left:3px solid #67caff;background:linear-gradient(90deg,rgba(27,61,91,.9),rgba(20,41,65,.72));
  box-shadow:0 8px 25px rgba(0,0,0,.16);
}
.operator-question>.tech-label { color:#b9d8ec;font-weight:600; }
.operator-question p { color:#f6faff;font-size:clamp(1.25rem,1.7vw,1.5rem);font-weight:500;line-height:1.45; }
.tech-stage-tabs { border-color:#36536e;background:#0c1828; }
.tech-stage-tabs button { min-height:94px;padding:17px 16px;color:#9fb3ca;border-color:#304b65; }
.tech-stage-tabs button>span { color:#7795b2;font-size:.75rem;margin-bottom:5px; }
.tech-stage-tabs button>strong { display:block;color:#c3d1df;font-size:1.0625rem;font-weight:600;line-height:1.3; }
.tech-stage-tabs button>small { display:block;margin-top:4px;color:#7890aa;font-size:.75rem;line-height:1.4; }
.tech-stage-tabs button[aria-selected=true] { background:linear-gradient(140deg,rgba(39,81,112,.78),rgba(29,48,72,.94));box-shadow:inset 0 -3px #ef8f72,0 0 25px rgba(68,171,225,.08); }
.tech-stage-tabs button[aria-selected=true]>span { color:#ffad94; }
.tech-stage-tabs button[aria-selected=true]>strong { color:#fff; }
.tech-stage-tabs button[aria-selected=true]>small { color:#b9d7e9; }
.ai-detail { background:linear-gradient(180deg,rgba(13,26,43,.82),rgba(9,18,31,.9)); }
.ai-detail .tech-label { color:#aac6dc;font-weight:600; }
.ai-detail h3 { color:#f7fbff;font-weight:500; }
.ai-detail p { color:#c5d3e2; }
.evidence-card { border-color:#3a5874;background:rgba(9,21,36,.9);box-shadow:0 10px 30px rgba(0,0,0,.15); }
.evidence-card dt { color:#a8bfd4;font-weight:500; }
.evidence-card dd { color:#eef5fb;font-weight:500; }
.zamurai-lab .tech-console-foot { background:#091523;border-color:#35516c; }
.ai-progress-group { display:grid;flex:1;gap:9px;min-width:170px; }
.ai-progress-group>#ai-progress-label { color:#c4d5e6;font-size:.8125rem;font-weight:500; }
.ai-progress-track { width:min(520px,100%);height:3px;overflow:hidden;background:#263f57;border-radius:99px; }
.ai-progress-track>span { display:block;width:var(--ai-progress);height:100%;background:linear-gradient(90deg,#56c9ff,#ef8f72);box-shadow:0 0 12px rgba(88,202,255,.55);transition:width .55s cubic-bezier(.2,.75,.2,1); }
.zamurai-lab .tech-run {
  min-height:46px;padding:11px 17px;border-color:#5582a4;background:linear-gradient(120deg,rgba(35,91,126,.72),rgba(28,52,77,.9));
  color:#f4f9fd;font-weight:600;box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.zamurai-lab .tech-run:hover,.zamurai-lab .tech-run[aria-pressed=true] { border-color:#70cef7;color:#fff;background:linear-gradient(120deg,rgba(43,112,151,.8),rgba(45,55,77,.94)); }

@keyframes ai-node-sweep { 0%,18% { transform:translateX(-165%) skewX(-18deg); } 72%,100% { transform:translateX(340%) skewX(-18deg); } }
@keyframes ai-scan { 0% { transform:translateY(-15%);opacity:0; } 18% { opacity:.78; } 78% { opacity:.4; } 100% { transform:translateY(370%);opacity:0; } }
@keyframes ai-logo-breathe { 0%,100% { transform:scale(1);filter:drop-shadow(0 0 11px rgba(66,177,234,.2)); } 50% { transform:scale(1.035);filter:drop-shadow(0 0 19px rgba(66,177,234,.48)); } }
@keyframes ai-status-pulse { 0% { box-shadow:0 0 0 0 rgba(85,199,255,.55); } 100% { box-shadow:0 0 0 8px rgba(85,199,255,0); } }
@keyframes ai-target-pulse { 0%,100% { border-color:rgba(95,203,255,.35);color:#8edbff; } 50% { border-color:rgba(239,143,114,.72);color:#ffd0c1; } }

@media (max-width:1100px) {
  .intelligence-map { grid-template-columns:minmax(185px,1fr) 42px 190px 36px minmax(210px,1fr);padding-left:22px;padding-right:22px; }
  .ai-core { width:190px;height:190px; }
  .ai-core-logo { width:145px; }
  .ai-result-preview { padding:19px 17px; }
}
@media (max-width:860px) {
  .intelligence-map { grid-template-columns:minmax(0,1fr) 42px 190px;padding:34px 20px; }
  .ai-output-link { display:none; }
  .ai-result-preview { grid-column:1/-1;margin-top:28px;min-height:0; }
  .ai-live-status { order:3;margin:0; }
}
@media (max-width:700px) {
  .zamurai-lab .tech-toolbar { align-items:center; }
  .zamurai-lab .tech-toolbar>.tech-label { flex:1; }
  .zamurai-lab .demo-badge { order:4;width:100%; }
  .ai-live-status { order:2;margin-left:auto;font-size:.6875rem; }
  .intelligence-map { grid-template-columns:minmax(0,1fr);padding:28px 18px; }
  .correlation-lines { width:84px;height:92px;margin:14px auto;transform:rotate(90deg); }
  .ai-core { width:188px;height:188px;margin:12px auto; }
  .ai-core-logo { width:144px; }
  .ai-output-link { display:block;width:2px;height:42px;margin:14px auto; }
  .ai-output-link>span { left:-1px;top:0;width:3px;height:18%;animation-name:signal-travel-vertical; }
  .ai-result-preview { grid-column:1;margin:0;padding:20px 18px;border-top:1px solid #3b5e7e;border-left:3px solid #ef8f72; }
  .ai-target-head { align-items:flex-start; }
  .operator-question { margin:0 18px 24px;padding:18px; }
  .tech-stage-tabs button { min-height:104px;padding:15px 13px; }
  .tech-stage-tabs button>strong { font-size:1rem; }
  .tech-stage-tabs button>small { font-size:.75rem; }
  .ai-progress-group { width:100%; }
}
@media (max-width:480px) {
  .ai-live-status { width:100%;justify-content:center;margin:0;order:3; }
  .zamurai-lab .demo-badge { order:4; }
  .scenario-tabs { padding:18px 16px 0; }
  .tech-stage-tabs button { min-height:108px; }
  .tech-stage-tabs button>small { max-width:120px; }
  .ai-result-preview>strong { font-size:1.5rem; }
  .ai-output-state { font-size:.625rem; }
}

/* Hypercore 3D ecosystem and unified AI workflow */
.hypercore-intro { grid-template-columns:1.22fr 1fr; }
.hypercore-intro>p { max-width:590px;color:#bccbd9; }
.hypercore-console {
  --flow-speed:1.55s;position:relative;isolation:isolate;background:radial-gradient(circle at 52% 24%,rgba(28,90,123,.17),transparent 37%),linear-gradient(145deg,#0d1929,#070f1b 72%);
  border-color:#35516c;box-shadow:0 30px 90px rgba(1,8,18,.48),0 0 50px rgba(58,158,209,.06);
}
.hypercore-console:before {
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(80,145,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(80,145,184,.08) 1px,transparent 1px);
  background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 68%);
}
.hyper-toolbar { position:relative;z-index:8;min-height:78px;background:rgba(10,23,38,.82); }
.hyper-toolbar-title { display:grid;gap:5px; }
.hyper-toolbar-title>strong { color:#eaf3fa;font:500 .9375rem/1.3 var(--display); }
.hyper-live-readout { display:flex;align-items:center;gap:10px;margin-left:auto;color:#9fc5da;font:500 .75rem/1 var(--mono);letter-spacing:.07em; }
.hyper-live-readout>b { padding:7px 9px;border:1px solid rgba(95,203,255,.28);background:rgba(43,126,165,.12);color:#8bdcff;font-weight:600; }
.hyper-live-dot { width:7px;height:7px;border-radius:50%;background:#64d4ff;box-shadow:0 0 12px rgba(100,212,255,.85);animation:hyper-live-pulse 1.25s ease-out infinite; }
.hypercore-console[data-step="2"] { --flow-speed:.9s; }
.hypercore-console[data-step="3"] { --flow-speed:.72s; }
.hypercore-console .connection-toggle { min-height:40px;border-color:#3c6987;background:rgba(24,58,82,.74); }

.hyper-map.hyper-ecosystem-map {
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:minmax(210px,.95fr) 58px minmax(370px,1.55fr) 58px minmax(235px,1fr);align-items:center;gap:0;
  min-height:640px;padding:34px 28px 38px;
}
.source-cluster,.central-services { position:relative;z-index:3; }
.cluster-heading { display:grid;gap:6px;margin-bottom:18px; }
.cluster-heading>strong { color:#f2f7fb;font:500 1.25rem/1.25 var(--display); }
.cluster-heading>small { color:#829ab1;font-size:.75rem;line-height:1.45; }
.source-list { display:grid;gap:9px; }
.source-node {
  position:relative;display:grid;grid-template-columns:32px 1fr 8px;align-items:center;gap:11px;min-height:72px;padding:12px 12px;
  border:1px solid rgba(55,84,110,.74);background:linear-gradient(105deg,rgba(20,40,61,.88),rgba(12,25,42,.92));transition:border-color .3s ease,transform .3s ease,background .3s ease,box-shadow .3s ease;
}
.source-node>span { display:grid;place-items:center;width:32px;height:32px;border:1px solid #375c77;color:#81bad7;font:600 .6875rem/1 var(--mono); }
.source-node>div { display:grid;gap:4px; }
.source-node strong { color:#dce8f2;font:500 .875rem/1.3 var(--display); }
.source-node small { color:#7f98ae;font-size:.75rem;line-height:1.35; }
.source-node>i { width:6px;height:6px;border-radius:50%;background:#44637c;box-shadow:0 0 0 0 rgba(91,203,255,0); }
.hypercore-console[data-step="0"] .source-node { transform:translateX(4px);border-color:#5792b6;background:linear-gradient(105deg,rgba(27,67,91,.92),rgba(13,31,50,.96));box-shadow:-3px 0 #58c9fa; }
.hypercore-console[data-step="0"] .source-node>i { background:#6ed5ff;animation:hyper-node-pulse 1.3s ease-out infinite; }
.hypercore-console[data-step="0"] .source-node:nth-child(2)>i { animation-delay:.2s; }
.hypercore-console[data-step="0"] .source-node:nth-child(3)>i { animation-delay:.4s; }
.hypercore-console[data-step="0"] .source-node:nth-child(4)>i { animation-delay:.6s; }

.hyper-data-lane { position:relative;z-index:9;height:2px;background:linear-gradient(90deg,#2e526b,#4a83a3 52%,#2e526b);overflow:visible;pointer-events:none; }
.hyper-data-lane:before,.hyper-data-lane:after { content:"";position:absolute;top:50%;width:7px;height:7px;border:1px solid #659cba;border-radius:50%;background:#0c1929;transform:translateY(-50%); }
.hyper-data-lane:before { left:-1px; }.hyper-data-lane:after { right:-1px; }
.hyper-data-lane>i { position:absolute;top:-2px;left:0;width:7px;height:6px;border-radius:4px;background:#70d6ff;box-shadow:0 0 12px #61c9ff;animation:hyper-data-travel var(--flow-speed) linear infinite;opacity:0; }
.hyper-data-lane>i:nth-of-type(2) { animation-delay:-.38s; }
.hyper-data-lane>i:nth-of-type(3) { animation-delay:-.76s; }
.hyper-data-lane>i:nth-of-type(4) { animation-delay:-1.14s; }
.lane-label { position:absolute;z-index:1;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;padding:7px 10px;border:1px solid #406781;border-radius:3px;background:#102238;box-shadow:0 5px 18px rgba(0,0,0,.42);color:#b5e6ff;font:600 .875rem/1.2 var(--mono);letter-spacing:.04em; }
.outbound-lane>i { background:#ff9b7d;box-shadow:0 0 12px rgba(255,138,105,.85); }
.outbound-lane .lane-label { border-color:#956450;background:#28212b;color:#ffbc9f; }

.hypercore-stack { position:relative;z-index:4;padding:18px;border:1px solid #3b6380;background:linear-gradient(145deg,rgba(18,43,65,.93),rgba(8,20,35,.98));box-shadow:0 24px 65px rgba(0,0,0,.36),0 0 55px rgba(54,169,222,.1);transition:border-color .35s ease,box-shadow .35s ease; }
.hypercore-stack:before { content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(111,207,248,.05);transform:translate(7px,7px); }
.stack-heading { position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px; }
.stack-heading>div { display:grid;gap:2px; }
.stack-heading strong { color:#f2f8fc;font:500 clamp(1.5rem,2.6vw,2.15rem)/1 var(--display);letter-spacing:-.045em; }
.stack-state { display:flex;align-items:center;gap:7px;color:#8fb4cb;font:500 .75rem/1 var(--mono);letter-spacing:.07em; }
.stack-state>i { width:6px;height:6px;border-radius:50%;background:#65d2ff;box-shadow:0 0 10px #65d2ff; }
.rack-stage { position:relative;display:grid;place-items:center;min-height:400px;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(39,114,150,.16),transparent 54%); }
.rack-stage:after { content:"";position:absolute;z-index:0;left:13%;right:13%;bottom:14px;height:28px;border-radius:50%;background:rgba(0,0,0,.54);filter:blur(12px); }
.hypercore-rack { --rack-height:390px;position:relative;z-index:2;display:grid;place-items:center;width:100%;height:var(--rack-height);filter:drop-shadow(0 24px 28px rgba(0,0,0,.55));animation:hyper-rack-float 5s ease-in-out infinite; }
.rack-artwork { position:relative;width:min(100%,calc(var(--rack-height) * 1.5));aspect-ratio:3/2; }
.rack-artwork>img { display:block;width:100%;height:auto; }
/* Keep the original rack and upper three servers untouched. Only the generated
   lower server fronts are revealed, entirely inside the original chassis. */
.rack-artwork>.rack-radar-fronts { position:absolute;inset:0;width:100%;height:100%;clip-path:polygon(47.1% 47.1%,67.8% 48.6%,67.8% 81.8%,47.1% 82.4%); }
.rack-orbit { position:absolute;z-index:1;top:50%;left:50%;border:1px solid rgba(90,196,239,.18);border-radius:50%;transform:translate(-50%,-50%); }
.rack-orbit.orbit-a { width:330px;height:330px;animation:hyper-orbit 12s linear infinite; }
.rack-orbit.orbit-b { width:270px;height:270px;border-color:rgba(239,143,114,.15);animation:hyper-orbit 9s linear infinite reverse; }
.rack-orbit:before { content:"";position:absolute;top:10%;left:13%;width:7px;height:7px;border-radius:50%;background:#63d0fb;box-shadow:0 0 14px #63d0fb; }
.rack-orbit.orbit-b:before { top:auto;bottom:8%;left:auto;right:18%;background:#f39a7f;box-shadow:0 0 14px #f39a7f; }
.rack-scan { position:absolute;z-index:3;top:17%;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#65d3ff,transparent);box-shadow:0 0 14px #56c5f6;animation:hyper-rack-scan 2.7s ease-in-out infinite; }
.ai-agent-dock {
  position:absolute;z-index:6;right:3px;bottom:22px;display:grid;width:190px;gap:6px;padding:12px 32px 11px 13px;text-align:left;
  border:1px solid rgba(239,143,114,.62);background:linear-gradient(120deg,rgba(34,41,58,.97),rgba(18,30,47,.98));box-shadow:0 12px 28px rgba(0,0,0,.4),-3px 0 #ef8f72;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.ai-agent-dock>span { color:#f29b80;font:600 .75rem/1 var(--mono);letter-spacing:.1em; }
.ai-agent-dock>img { width:125px;height:auto;object-fit:contain;filter:brightness(1.18) drop-shadow(0 0 7px rgba(79,186,235,.2)); }
.ai-agent-dock>strong { color:#b9cddd;font:500 .75rem/1.35 var(--sans); }
.ai-agent-dock>i { position:absolute;right:12px;top:13px;color:#ffac92;font-style:normal; }
.ai-agent-dock:hover,.ai-agent-dock.active { transform:translateY(-4px);border-color:#ffab92;box-shadow:0 17px 34px rgba(0,0,0,.46),0 0 26px rgba(239,143,114,.18),-3px 0 #ef8f72; }
.hypercore-console[data-step="1"] .hypercore-stack,.hypercore-console[data-step="2"] .hypercore-stack { border-color:#68bfe7;box-shadow:0 26px 70px rgba(0,0,0,.4),0 0 65px rgba(54,169,222,.18); }
.hypercore-console[data-step="3"] .ai-agent-dock { animation:hyper-agent-active 1.35s ease-in-out infinite; }
.stack-module-buttons { position:relative;z-index:7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px; }
.stack-module-buttons button { display:grid;gap:4px;min-height:54px;padding:9px 8px;text-align:left;border:1px solid #2f4e67;background:#0c1b2d;transition:border-color .25s ease,background .25s ease,transform .25s ease; }
.stack-module-buttons button:hover,.stack-module-buttons button.active { transform:translateY(-2px);border-color:#69c9ef;background:#17334a; }
.stack-module-buttons button.active { box-shadow:inset 0 -2px #ef8f72; }
.stack-module-buttons span { color:#718fa8;font:500 .75rem/1 var(--mono);letter-spacing:.08em; }
.stack-module-buttons strong { color:#c7d9e7;font:600 .75rem/1.25 var(--sans); }

.central-services { display:grid;gap:12px; }
.intel-hybrid,.operation-hub { position:relative;display:grid;gap:11px;padding:17px;border:1px solid #35546e;background:linear-gradient(145deg,rgba(18,40,61,.94),rgba(10,23,39,.97));text-align:left;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease; }
.intel-hybrid:hover,.hypercore-console[data-step="4"] .intel-hybrid { transform:translateY(-3px);border-color:#52ade0;box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 24px rgba(25,145,214,.12); }
.intel-logo-shell { display:grid;place-items:center;justify-self:center;width:140px;max-width:100%;height:90px;margin:3px auto 7px;padding:4px 0;background:none; }
.intel-logo-shell img { display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.94; }
.intel-hybrid>strong,.operation-hub>strong { color:#f0f6fb;font:500 1.0625rem/1.35 var(--display); }
.intel-hybrid>p,.operation-hub>p { margin:0;color:#9fb3c6;font-size:.8125rem;line-height:1.55; }
.intel-hybrid .connection-badge { display:flex;align-items:center;gap:7px;margin-top:0;padding-top:10px;color:#8bd7f7; }
.intel-hybrid .connection-badge>i { width:6px;height:6px;border-radius:50%;background:#5dd1ff;box-shadow:0 0 10px #5dd1ff; }
.intel-explore { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px;padding:9px 10px;border:1px solid #356a89;background:rgba(24,75,103,.34);color:#9fdcf5;font-size:.75rem;font-weight:600; }
.intel-explore:hover,.intel-explore.active { border-color:#69c9ef;background:rgba(31,100,133,.5);color:#eaf8ff; }
.operation-hub { border-color:#4f3f45;background:linear-gradient(145deg,rgba(39,34,47,.95),rgba(17,26,41,.98)); }
.operation-hub>div { display:flex;flex-wrap:wrap;gap:5px; }
.operation-hub>div span { padding:6px 7px;border:1px solid rgba(239,143,114,.28);color:#d9a08e;font:500 .75rem/1 var(--mono);letter-spacing:.05em; }
.hypercore-console[data-step="4"] .intel-hybrid,.hypercore-console[data-step="4"] .operation-hub { border-color:#e68d73;box-shadow:0 14px 34px rgba(0,0,0,.3),0 0 26px rgba(239,143,114,.1); }
.hypercore-console[data-online="false"] .intel-hybrid { opacity:.62;border-color:#8f624f; }
.hypercore-console[data-online="false"] .intel-hybrid .connection-badge>i { background:#f39a76;box-shadow:0 0 9px #f39a76; }
.hypercore-console[data-online="false"] .outbound-lane>i { animation-play-state:paused;opacity:.12; }

.hypercore-console .hyper-network-note { position:relative;padding:15px 28px 15px 48px;background:linear-gradient(90deg,#142a40,#101f33);color:#c0d4e4;border-color:#31516a; }
.hypercore-console .hyper-network-note:before { content:"";position:absolute;left:28px;top:50%;width:8px;height:8px;border:1px solid #67c9ef;transform:translateY(-50%) rotate(45deg); }
.hyper-workflow-tabs { grid-template-columns:repeat(5,minmax(0,1fr)); }
.hyper-workflow-tabs button { min-height:92px;padding:16px 14px; }
.hyper-workflow-tabs button>strong { display:block;color:#c5d5e2;font:600 .9375rem/1.25 var(--display); }
.hyper-workflow-tabs button>small { display:block;margin-top:4px;color:#718ca4;font-size:.75rem;line-height:1.3; }
.hyper-workflow-tabs button[aria-selected="true"]>strong { color:#fff; }
.hyper-workflow-tabs button[aria-selected="true"]>small { color:#a9d4e8; }
.hyper-detail { background:linear-gradient(110deg,rgba(16,34,54,.92),rgba(8,18,31,.97)); }
.hyper-detail h3 { color:#f6f9fc; }
.hyper-detail p { color:#bccddd; }
.hyper-detail .input-output>div { border-color:#4e91b5; }

.system-difference { display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);align-items:stretch;gap:0;padding:26px 28px;border-top:1px solid #2b4259;background:rgba(7,16,28,.72); }
.system-difference article { padding:21px;border:1px solid #3a4554;background:rgba(22,27,38,.8); }
.system-difference .radar-system { border-color:#376b87;background:linear-gradient(135deg,rgba(19,53,75,.76),rgba(12,28,44,.9)); }
.difference-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:17px; }
.difference-heading>strong { color:#edf4f9;font:500 1.0625rem/1.25 var(--display); }
.traditional-system .tech-label { color:#9d8f95; }.radar-system .tech-label { color:#7dbedc; }
.system-difference article>p { margin:17px 0 0;color:#9cadbd;font-size:.875rem;line-height:1.6; }
.system-difference .radar-system>p { color:#c0d5e4; }
.silo-track { display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:4px; }
.silo-track>span { display:grid;gap:5px;place-items:center;min-height:58px;padding:8px 4px;border:1px solid #554750;color:#bcaeb4;font:600 .75rem/1 var(--mono); }
.silo-track small { color:#796d73;font-size:.75rem; }.silo-track>i { color:#a16f70;text-align:center;font-style:normal; }
.unified-track { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:4px; }
.unified-track>span { padding:8px 3px;border:1px solid #365c74;color:#8dbbd2;text-align:center;font:600 .75rem/1 var(--mono); }
.unified-track>b { padding:10px 4px;border:1px solid #e68e73;background:rgba(239,143,114,.1);color:#f4f8fb;text-align:center;font:600 .75rem/1.25 var(--mono);box-shadow:0 0 20px rgba(239,143,114,.09); }
.unified-track small { color:#ef9c82;font-size:.75rem; }
.difference-switch { display:grid;place-items:center;align-content:center;gap:9px;color:#ef967b; }
.difference-switch>span { display:grid;place-items:center;width:34px;height:34px;border:1px solid #614a4d;border-radius:50%;font:600 .75rem/1 var(--mono); }
.difference-switch>i { font-size:1.2rem;font-style:normal; }
.hypercore-console .tech-console-foot { background:#091523;border-color:#35516c; }
.hypercore-console .tech-run { min-height:44px;border-color:#4f89aa;background:rgba(27,73,99,.42);font-weight:600; }
.hypercore-console .tech-run:hover,.hypercore-console .tech-run[aria-pressed="true"] { border-color:#73d1f7;background:rgba(38,97,128,.55); }
.intel-trademark { margin:10px 0 0;color:#657d91;font-size:.75rem;line-height:1.5; }

@keyframes hyper-data-travel { 0% { left:0;opacity:0;transform:scale(.6); } 12%,82% { opacity:1; } 100% { left:calc(100% - 7px);opacity:0;transform:scale(1.15); } }
@keyframes hyper-data-travel-vertical { 0% { top:0;opacity:0;transform:scale(.6); } 12%,82% { opacity:1; } 100% { top:calc(100% - 7px);opacity:0;transform:scale(1.15); } }
@keyframes hyper-node-pulse { 0% { box-shadow:0 0 0 0 rgba(91,203,255,.62); } 100% { box-shadow:0 0 0 9px rgba(91,203,255,0); } }
@keyframes hyper-live-pulse { 0% { box-shadow:0 0 0 0 rgba(100,212,255,.55); } 100% { box-shadow:0 0 0 9px rgba(100,212,255,0); } }
@keyframes hyper-rack-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
@keyframes hyper-rack-scan { 0% { transform:translateY(0);opacity:0; } 18% { opacity:.8; } 78% { opacity:.35; } 100% { transform:translateY(250px);opacity:0; } }
@keyframes hyper-orbit { to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes hyper-agent-active { 0%,100% { box-shadow:0 14px 34px rgba(0,0,0,.44),0 0 16px rgba(239,143,114,.12),-3px 0 #ef8f72; } 50% { box-shadow:0 17px 38px rgba(0,0,0,.48),0 0 32px rgba(239,143,114,.3),-3px 0 #ffad92; } }

@media (max-width:1180px) {
  .hyper-map.hyper-ecosystem-map { grid-template-columns:minmax(180px,.9fr) 42px minmax(330px,1.45fr) 42px minmax(210px,1fr);padding-left:20px;padding-right:20px; }
  .hypercore-stack { padding:15px; }.rack-stage { min-height:365px; }.hypercore-rack { --rack-height:355px; }
  .stack-module-buttons { grid-template-columns:1fr 1fr; }
  .ai-agent-dock { position:relative;grid-row:2;justify-self:end;inset:auto;width:170px;margin:0 0 12px; }.ai-agent-dock>img { width:110px; }
  .source-node { grid-template-columns:28px 1fr 6px;padding:10px 9px; }.source-node>span { width:28px;height:28px; }
}
@media (max-width:1000px) {
  .hypercore-intro { grid-template-columns:1fr;gap:22px; }
  .hyper-map.hyper-ecosystem-map { grid-template-columns:minmax(0,1fr);gap:0;max-width:720px;margin:0 auto;padding:32px 24px; }
  .source-list { grid-template-columns:1fr 1fr; }.source-node { min-height:70px; }
  .hyper-data-lane { width:2px;height:88px;justify-self:center;background:linear-gradient(180deg,#2e526b,#4a83a3 52%,#2e526b); }
  .hyper-data-lane:before,.hyper-data-lane:after { top:auto;left:50%;transform:translateX(-50%); }.hyper-data-lane:before { top:0; }.hyper-data-lane:after { right:auto;bottom:0; }
  .hyper-data-lane>i { top:0;left:-2px;animation-name:hyper-data-travel-vertical; }
  .lane-label { left:50%;bottom:50%;transform:translate(-50%,50%); }
  .hypercore-stack { width:100%; }.rack-stage { min-height:440px; }.hypercore-rack { --rack-height:430px; }
  .central-services { grid-template-columns:1fr 1fr; }
  .system-difference { grid-template-columns:1fr;gap:12px; }.difference-switch { min-height:42px;grid-template-columns:auto auto; }.difference-switch>i { transform:rotate(90deg); }
}
@media (max-width:760px) {
  .hyper-toolbar-title { width:100%; }.hyper-live-readout { order:3;width:100%;margin-left:0;justify-content:space-between; }.hypercore-console .connection-toggle { margin-left:auto; }
  .hyper-map.hyper-ecosystem-map { padding:26px 18px; }.source-list { grid-template-columns:1fr; }
  .rack-stage { min-height:390px; }.hypercore-rack { --rack-height:380px; }
  .central-services { grid-template-columns:1fr; }
  .hyper-workflow-tabs { display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin; }
  .hyper-workflow-tabs button { flex:0 0 150px;min-height:88px;scroll-snap-align:start;border-bottom:0!important; }
  .system-difference { padding:22px 18px; }.difference-heading { align-items:flex-start;flex-direction:column; }
  .hypercore-console .hyper-network-note { padding:15px 18px 15px 38px; }.hypercore-console .hyper-network-note:before { left:19px; }
}
@media (max-width:520px) {
  .hyper-live-readout { flex-wrap:wrap; }.hyper-live-readout>b { margin-left:auto; }
  .hyper-map.hyper-ecosystem-map { padding-left:13px;padding-right:13px; }
  .hypercore-stack { padding:12px; }.stack-heading { align-items:flex-start;flex-direction:column; }
  .rack-stage { min-height:330px; }.hypercore-rack { --rack-height:325px; }
  .rack-orbit.orbit-a { width:270px;height:270px; }.rack-orbit.orbit-b { width:220px;height:220px; }
  .ai-agent-dock { width:158px;padding-left:10px; }.ai-agent-dock>img { width:100px; }
  .stack-module-buttons { grid-template-columns:1fr 1fr; }
  .silo-track { grid-template-columns:1fr; }.silo-track>i { transform:rotate(45deg); }.unified-track { grid-template-columns:1fr 1fr; }.unified-track>b { grid-column:1/-1;grid-row:3; }
  .intel-trademark { font-size:.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  .hyper-live-dot,.source-node>i,.hyper-data-lane>i,.hypercore-rack,.rack-orbit,.rack-scan,.hypercore-console[data-step="3"] .ai-agent-dock { animation:none!important; }
}