:root {
  --shell-gutter: clamp(22px, 4.6vw, 92px);
  --banner-h: 36px;
  --header-top: 50px;
  --tech-line: rgba(0, 205, 234, .2);
  --tech-glow: rgba(0, 205, 234, .14);
}

/* ---------- global technological shell ---------- */
.announcement-bar {
  position: fixed;
  inset: 0 0 auto;
  min-height: var(--banner-h);
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px var(--shell-gutter);
  overflow: hidden;
  border-bottom: 1px solid rgba(97,232,247,.14);
  background:
    linear-gradient(90deg, rgba(0,126,167,.15), rgba(0,205,234,.08) 48%, rgba(0,126,167,.15)),
    rgba(2,18,25,.96);
  backdrop-filter: blur(18px) saturate(150%);
  color: rgba(235,250,253,.8);
  font-size: .68rem;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.announcement-bar::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(0,205,234,.7) 45%, rgba(97,232,247,.95) 50%, rgba(0,205,234,.7) 55%, transparent 100%);
  transform: translateX(-65%);
  animation: bannerScan 6s linear infinite;
}
.announcement-inner { display: flex; align-items: center; justify-content: center; gap: 12px; text-align: center; }
.announcement-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); animation: pulse 2s infinite; }
.announcement-bar strong { color: #fff; }
.announcement-bar a { color: var(--cyan-2); font-weight: 800; white-space: nowrap; }
.announcement-bar a:hover { color: #fff; }

.site-header {
  top: var(--header-top) !important;
  width: calc(100% - clamp(26px, 4vw, 76px)) !important;
  max-width: none !important;
  min-height: 68px;
  padding-inline: clamp(14px, 1.2vw, 22px) !important;
  border-color: rgba(97,232,247,.12) !important;
  background:
    linear-gradient(180deg, rgba(8,39,49,.78), rgba(2,24,32,.84)) !important;
  box-shadow: 0 16px 55px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: visible;
}
.site-header::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(110deg, rgba(97,232,247,.28), transparent 18%, transparent 75%, rgba(0,126,167,.2));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
.site-header::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: -1px;
  height: 1px;
  opacity: .55;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
  transform: scaleX(.25);
  transition: transform .35s ease, opacity .35s ease;
}
.site-header:hover::after { transform: scaleX(1); opacity: .9; }
.site-header.scrolled { background: rgba(2,22,30,.94) !important; }

.brand-mark {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(97,232,247,.22), transparent 40%),
    linear-gradient(145deg, rgba(0,205,234,.15), rgba(0,126,167,.08)) !important;
  box-shadow: inset 0 0 22px rgba(0,205,234,.08), 0 0 28px rgba(0,205,234,.08) !important;
}
.brand-mark::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid var(--cyan);
  border-radius: 48% 52% 45% 55%;
  transform: rotate(45deg);
  box-shadow: 0 0 16px rgba(0,205,234,.28);
}
.brand-mark span { display: none !important; }
.brand-name { font-size: 1.04rem !important; }

.desktop-nav.tech-nav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 5px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.desktop-nav.tech-nav a {
  position: relative;
  isolation: isolate;
  min-width: 74px;
  padding: 9px 12px;
  border-radius: 10px;
  text-align: center;
  color: rgba(229,244,248,.58);
  overflow: hidden;
  transition: color .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.desktop-nav.tech-nav a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background:
    linear-gradient(110deg, transparent 10%, rgba(0,205,234,.09) 45%, rgba(97,232,247,.16) 52%, transparent 75%);
  transform: translateX(-70%);
  transition: opacity .2s ease, transform .45s cubic-bezier(.2,.8,.2,1);
}
.desktop-nav.tech-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 10px var(--cyan);
  opacity: 0;
  transform: translateX(-50%) scale(.5);
  transition: opacity .2s ease, transform .2s ease;
}
.desktop-nav.tech-nav a:hover {
  color: #fff;
  background: rgba(0,205,234,.045);
  transform: translateY(-1px);
}
.desktop-nav.tech-nav a:hover::before { opacity: 1; transform: translateX(45%); }
.desktop-nav.tech-nav a.active {
  color: #fff;
  background: linear-gradient(180deg, rgba(0,205,234,.095), rgba(0,126,167,.045));
  box-shadow: inset 0 0 20px rgba(0,205,234,.045), 0 0 20px rgba(0,205,234,.035);
}
.desktop-nav.tech-nav a.active::after { opacity: 1; transform: translateX(-50%) scale(1); }

.header-actions { gap: 10px !important; }
.nav-toggle {
  display: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(97,232,247,.14);
  border-radius: 11px;
  background: rgba(0,205,234,.045);
  color: #fff;
  cursor: pointer;
  place-items: center;
}
.nav-toggle span,
.nav-toggle::before,
.nav-toggle::after {
  content: "";
  display: block;
  width: 17px;
  height: 1px;
  margin: 4px auto;
  background: var(--cyan-2);
  box-shadow: 0 0 8px rgba(0,205,234,.35);
  transition: transform .24s ease, opacity .24s ease;
}
.nav-open .nav-toggle span { opacity: 0; }
.nav-open .nav-toggle::before { transform: translateY(5px) rotate(45deg); }
.nav-open .nav-toggle::after { transform: translateY(-5px) rotate(-45deg); }

.mobile-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 69;
  pointer-events: none;
  opacity: 0;
  background: rgba(0,9,13,.58);
  backdrop-filter: blur(4px);
  transition: opacity .25s ease;
}
.mobile-nav-panel {
  position: fixed;
  z-index: 70;
  top: calc(var(--banner-h) + 22px);
  right: 14px;
  width: min(420px, calc(100% - 28px));
  padding: 78px 18px 20px;
  border: 1px solid rgba(97,232,247,.16);
  border-radius: 24px;
  background:
    linear-gradient(160deg, rgba(7,43,55,.98), rgba(2,20,28,.99));
  box-shadow: 0 30px 90px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
  transform: translateY(-18px) scale(.97);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .32s cubic-bezier(.2,.8,.2,1);
  overflow: hidden;
}
.mobile-nav-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(0,205,234,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,205,234,.025) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, black, transparent 85%);
}
.mobile-nav-panel nav { position: relative; display: grid; gap: 8px; }
.mobile-nav-panel a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 14px;
  color: var(--muted);
  background: rgba(255,255,255,.025);
  font-weight: 750;
}
.mobile-nav-panel a span { color: var(--cyan); font-size: .75rem; }
.mobile-nav-panel a.active { color: #fff; border-color: rgba(0,205,234,.23); background: rgba(0,205,234,.065); }
.nav-open .mobile-nav-overlay { opacity: 1; pointer-events: auto; }
.nav-open .mobile-nav-panel { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }

/* ---------- width / zoom behaviour ---------- */
.section-pad {
  width: 100% !important;
  max-width: none !important;
  padding-left: var(--shell-gutter) !important;
  padding-right: var(--shell-gutter) !important;
}
.hero { padding-top: 190px !important; }
.hero-copy { max-width: 900px; }
.hero h1 { max-width: 980px !important; }
.hero-visual { width: 100%; max-width: 900px; justify-self: end; }
.site-footer {
  width: 100% !important;
  max-width: none !important;
  padding-left: var(--shell-gutter) !important;
  padding-right: var(--shell-gutter) !important;
}

/* ---------- page transitions ---------- */
.page-wipe {
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: left;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,205,234,.14), transparent 32rem),
    linear-gradient(90deg, #021219, #052d39 52%, #021219);
  transition: transform .52s cubic-bezier(.76,0,.24,1);
}
.page-wipe::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10%;
  width: 1px;
  background: var(--cyan);
  box-shadow: 0 0 24px var(--cyan);
}
.page-ready .page-wipe { transform: scaleX(0); transform-origin: right; }
.page-leaving .page-wipe { transform: scaleX(1); transform-origin: left; }

/* ---------- dedicated institutional pages ---------- */
.page-main { min-height: 100vh; overflow: hidden; }
.page-shell {
  width: 100%;
  padding-inline: var(--shell-gutter);
}
.page-hero {
  min-height: min(860px, 100vh);
  padding-top: 188px;
  padding-bottom: 90px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: clamp(3rem, 7vw, 9rem);
  align-items: center;
  position: relative;
}
.page-hero::before {
  content: "";
  position: absolute;
  width: 48vw;
  height: 48vw;
  max-width: 820px;
  max-height: 820px;
  right: -10vw;
  top: 10%;
  border: 1px solid rgba(0,205,234,.07);
  border-radius: 50%;
  box-shadow: 0 0 0 5vw rgba(0,205,234,.018), 0 0 0 10vw rgba(0,205,234,.008);
  pointer-events: none;
}
.page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  color: var(--cyan-2);
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.page-kicker::before { content: ""; width: 18px; height: 1px; background: var(--cyan); box-shadow: 0 0 9px var(--cyan); }
.page-hero h1 {
  margin: 0;
  max-width: 980px;
  font-size: clamp(3.4rem, 6.5vw, 7.5rem);
  line-height: .91;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.page-hero h1 span { color: transparent; background: linear-gradient(90deg,#fff,var(--cyan-2) 45%,var(--cyan)); background-clip:text; -webkit-background-clip:text; }
.page-hero-lead { max-width: 760px; margin: 28px 0 0; color: var(--muted); font-size: clamp(1.03rem,1.45vw,1.25rem); line-height: 1.75; }
.page-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

.hero-console,
.tech-panel {
  position: relative;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 28px;
  background: linear-gradient(155deg, rgba(10,55,68,.8), rgba(3,27,36,.82));
  box-shadow: 0 32px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(20px);
  overflow: hidden;
}
.hero-console { min-height: 500px; padding: 28px; }
.hero-console::before,
.tech-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(0,205,234,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,205,234,.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}
.console-label { position: relative; display:flex; align-items:center; justify-content:space-between; color:var(--muted-2); font-size:.67rem; letter-spacing:.11em; text-transform:uppercase; }
.console-label b { color:var(--cyan-2); }
.console-orbit { position:absolute; left:50%; top:52%; width:280px; height:280px; transform:translate(-50%,-50%); border:1px solid rgba(0,205,234,.12); border-radius:50%; box-shadow:0 0 0 55px rgba(0,205,234,.025),0 0 0 110px rgba(0,205,234,.012); animation: orbit 18s linear infinite; }
.console-core { position:absolute; left:50%; top:52%; width:150px; height:150px; transform:translate(-50%,-50%); display:grid; place-items:center; border:1px solid rgba(0,205,234,.24); border-radius:32px; background:linear-gradient(145deg,rgba(0,205,234,.11),rgba(0,126,167,.06)); box-shadow:0 0 55px rgba(0,205,234,.11),inset 0 0 35px rgba(0,205,234,.05); }
.console-core strong { font-size:1.08rem; letter-spacing:-.04em; }
.console-core span { color:var(--cyan); }
.console-node { position:absolute; min-width:125px; padding:12px 14px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(3,29,38,.9); box-shadow:0 14px 36px rgba(0,0,0,.22); }
.console-node small,.console-node strong{display:block}.console-node small{color:var(--muted-2);font-size:.61rem}.console-node strong{margin-top:3px;font-size:.78rem}.console-node.a{left:7%;top:25%}.console-node.b{right:5%;top:30%}.console-node.c{left:13%;bottom:14%}.console-node.d{right:9%;bottom:13%}
.console-node::after { content:""; position:absolute; width:45px; height:1px; top:50%; background:linear-gradient(90deg,rgba(0,205,234,.35),transparent); }
.console-node.a::after,.console-node.c::after{left:100%}.console-node.b::after,.console-node.d::after{right:100%;transform:scaleX(-1)}

.page-section { padding: 112px var(--shell-gutter); position: relative; }
.page-section + .page-section { border-top: 1px solid rgba(255,255,255,.055); }
.page-section-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr); gap:clamp(2rem,7vw,8rem); align-items:end; margin-bottom:46px; }
.page-section-head h2 { margin:0; font-size:clamp(2.7rem,5vw,5.8rem); line-height:.96; letter-spacing:-.055em; text-wrap:balance; }
.page-section-head h2 span { color:var(--cyan-2); }
.page-section-head p { margin:0; color:var(--muted); line-height:1.75; font-size:1rem; }

.story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.story-card { min-height:300px; padding:26px; border:1px solid rgba(255,255,255,.095); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015)); transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.story-card:hover { transform:translateY(-5px); border-color:rgba(0,205,234,.24); background:linear-gradient(145deg,rgba(0,205,234,.06),rgba(255,255,255,.018)); }
.story-card .number { color:var(--cyan); font-size:.67rem; letter-spacing:.14em; }
.story-card h3 { margin:64px 0 12px; font-size:1.45rem; letter-spacing:-.03em; }
.story-card p { margin:0; color:var(--muted); line-height:1.7; }

.timeline { position:relative; display:grid; gap:12px; max-width:1100px; margin:0 auto; }
.timeline::before { content:""; position:absolute; left:30px; top:30px; bottom:30px; width:1px; background:linear-gradient(var(--cyan),rgba(0,205,234,.08)); }
.timeline-item { position:relative; display:grid; grid-template-columns:62px 1fr; gap:22px; padding:26px 28px; border:1px solid rgba(255,255,255,.075); border-radius:22px; background:rgba(255,255,255,.02); }
.timeline-dot { width:17px; height:17px; margin:5px auto; border-radius:50%; background:#062a38; border:3px solid var(--cyan); box-shadow:0 0 22px rgba(0,205,234,.3); z-index:2; }
.timeline-item h3 { margin:0 0 8px; font-size:1.28rem; }
.timeline-item p { margin:0; color:var(--muted); line-height:1.7; }

.product-lanes { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.product-lane { min-height:440px; padding:28px; border:1px solid rgba(255,255,255,.1); border-radius:26px; background:linear-gradient(150deg,rgba(10,55,68,.55),rgba(255,255,255,.015)); position:relative; overflow:hidden; transition:transform .28s ease,border-color .28s ease; }
.product-lane:hover { transform:translateY(-6px); border-color:rgba(0,205,234,.28); }
.product-lane::after { content:""; position:absolute; width:260px; height:260px; right:-120px; bottom:-130px; border:1px solid rgba(0,205,234,.1); border-radius:50%; box-shadow:0 0 0 42px rgba(0,205,234,.02),0 0 0 84px rgba(0,205,234,.01); }
.lane-tag { display:inline-flex; padding:6px 9px; border:1px solid rgba(0,205,234,.15); border-radius:999px; background:rgba(0,205,234,.055); color:var(--cyan-2); font-size:.62rem; letter-spacing:.09em; text-transform:uppercase; }
.product-lane h3 { margin:60px 0 12px; font-size:1.65rem; letter-spacing:-.035em; }
.product-lane p { color:var(--muted); line-height:1.7; }
.product-lane ul { list-style:none; padding:0; margin:32px 0 0; display:grid; gap:10px; }
.product-lane li { padding-top:10px; border-top:1px solid rgba(255,255,255,.06); color:rgba(229,244,248,.7); font-size:.88rem; }

.compare-grid { display:grid; grid-template-columns:1.15fr repeat(3,1fr); border:1px solid rgba(255,255,255,.09); border-radius:24px; overflow:hidden; }
.compare-grid > div { min-height:58px; display:flex; align-items:center; padding:14px 18px; border-right:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); color:var(--muted); }
.compare-grid > div:nth-child(4n) { border-right:0; }
.compare-grid .compare-head { background:rgba(0,205,234,.045); color:#fff; font-weight:800; }
.compare-grid .feature-name { color:#fff; font-weight:700; }
.compare-check { color:var(--green) !important; font-weight:900; justify-content:center; }

.faq-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.faq-item { padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:rgba(255,255,255,.02); }
.faq-item h3 { margin:0 0 10px; font-size:1.08rem; }
.faq-item p { margin:0; color:var(--muted); line-height:1.65; }

.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:18px; align-items:stretch; }
.contact-cards { display:grid; gap:12px; }
.contact-card { padding:24px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background:rgba(255,255,255,.025); }
.contact-card small { color:var(--cyan-2); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; }
.contact-card h3 { margin:18px 0 7px; font-size:1.35rem; }
.contact-card p { margin:0; color:var(--muted); line-height:1.65; }
.contact-card a { display:inline-flex; margin-top:18px; color:var(--cyan-2); font-weight:800; }
.contact-form { padding:28px; border:1px solid rgba(255,255,255,.1); border-radius:26px; background:linear-gradient(150deg,rgba(9,51,64,.58),rgba(255,255,255,.018)); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.field { display:grid; gap:8px; }
.field.full { grid-column:1/-1; }
.field label { color:rgba(229,244,248,.72); font-size:.76rem; font-weight:700; }
.field input,.field select,.field textarea { width:100%; border:1px solid rgba(255,255,255,.09); border-radius:13px; padding:13px 14px; background:rgba(2,23,31,.75); color:#fff; outline:none; font:inherit; transition:border-color .2s ease,box-shadow .2s ease; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:rgba(0,205,234,.35); box-shadow:0 0 0 3px rgba(0,205,234,.06); }
.field textarea { min-height:130px; resize:vertical; }
.form-note { margin:15px 0 0; color:var(--muted-2); font-size:.72rem; line-height:1.55; }

.page-footer { padding:36px var(--shell-gutter) 46px; border-top:1px solid rgba(255,255,255,.07); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; color:var(--muted-2); font-size:.78rem; }
.page-footer p { text-align:center; margin:0; }
.page-footer nav { display:flex; gap:14px; }
.page-footer nav a:hover { color:var(--cyan-2); }

@keyframes bannerScan { to { transform: translateX(65%); } }

@media (max-width: 1100px) {
  .desktop-nav.tech-nav { display: none !important; }
  .nav-toggle { display: grid; }
  .site-header { grid-template-columns:auto 1fr auto !important; }
  .header-actions { justify-self:end; }
  .page-hero { grid-template-columns:1fr; min-height:auto; }
  .hero-console { width:min(820px,100%); }
  .story-grid,.product-lanes { grid-template-columns:1fr; }
  .story-card { min-height:230px; }
  .page-section-head { grid-template-columns:1fr; gap:22px; }
  .contact-layout { grid-template-columns:1fr; }
  .compare-grid { overflow-x:auto; grid-template-columns:220px repeat(3,220px); }
}

@media (max-width: 720px) {
  :root { --shell-gutter: 16px; --banner-h: 42px; --header-top: 52px; }
  .announcement-bar { font-size:.59rem; letter-spacing:.045em; }
  .announcement-inner { gap:7px; }
  .announcement-inner .banner-detail { display:none; }
  .site-header { width:calc(100% - 18px) !important; min-height:58px !important; border-radius:16px !important; }
  .header-actions .text-link { display:none !important; }
  .header-actions .button-small { display:none; }
  .brand-name { font-size:.95rem !important; }
  .hero { padding-top:150px !important; }
  .section-pad { padding-left:16px !important; padding-right:16px !important; }
  .page-hero { padding-top:160px; padding-bottom:70px; grid-template-columns:1fr; }
  .page-hero h1 { font-size:clamp(3rem,14vw,5rem); }
  .page-hero::before { width:100vw; height:100vw; right:-45vw; }
  .hero-console { min-height:430px; padding:20px; }
  .console-node { min-width:105px; padding:9px 10px; }
  .console-node.a{left:4%;top:24%}.console-node.b{right:3%;top:30%}.console-node.c{left:7%;bottom:13%}.console-node.d{right:4%;bottom:11%}
  .page-section { padding:84px 16px; }
  .story-grid,.product-lanes,.faq-grid { grid-template-columns:1fr; }
  .form-grid { grid-template-columns:1fr; }
  .page-footer { padding:30px 16px 40px; grid-template-columns:1fr; justify-items:center; text-align:center; }
  .page-footer nav { flex-wrap:wrap; justify-content:center; }
}

@media (prefers-reduced-motion: reduce) {
  .announcement-bar::before,.console-orbit { animation:none !important; }
  .page-wipe { display:none; }
}