:root {
  --bg: #020814;
  --bg-deep: #01050d;
  --surface: #071326;
  --surface-2: #0a1830;
  --surface-3: #0d203b;
  --line: rgba(128, 186, 238, .18);
  --line-strong: rgba(94, 205, 255, .36);
  --text: #f3f7ff;
  --text-soft: #c2cee1;
  --muted: #8999b3;
  --cyan: #28dcf7;
  --blue: #3479f6;
  --blue-2: #4f5eff;
  --green: #58e0b5;
  --warning: #f7c86b;
  --danger: #ff8294;
  --gradient: linear-gradient(112deg, #31e3f5 0%, #2b9df0 54%, #4e64f7 100%);
  --gradient-soft: linear-gradient(120deg, #bdf7ff 0%, #78c8f9 45%, #6486ff 100%);
  --shadow: 0 30px 90px rgba(0, 8, 28, .48);
  --shadow-blue: 0 18px 55px rgba(26, 139, 255, .21);
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 30px;
  --radius-xl: 42px;
  --container: 1240px;
  --header-h: 78px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 82% 9%, rgba(39, 118, 255, .09), transparent 27rem),
    radial-gradient(circle at 12% 27%, rgba(25, 211, 244, .06), transparent 24rem),
    var(--bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
::selection { color: #001120; background: var(--cyan); }

h1, h2, h3, h4, p, ul, ol, blockquote { margin-top: 0; }
h1, h2, h3, h4 {
  color: var(--text);
  font-weight: 720;
  letter-spacing: -.035em;
  line-height: 1.08;
}
h1 { font-size: clamp(3rem, 7vw, 6.9rem); }
h2 { font-size: clamp(2.25rem, 4.6vw, 4.35rem); }
h3 { font-size: clamp(1.22rem, 2vw, 1.55rem); }
p { color: var(--text-soft); }
strong { color: var(--text); }

.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 1.18em; height: 1.18em; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important;
  margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important; border: 0 !important;
}
.skip-link {
  position: fixed; z-index: 9999; top: 12px; left: 12px; transform: translateY(-150%);
  padding: .75rem 1rem; border-radius: 9px; color: #00101e; background: var(--cyan); font-weight: 800;
  transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(44, 221, 249, .72); outline-offset: 4px; }

.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { position: relative; padding: clamp(5.8rem, 10vw, 9.5rem) 0; }
.section--compact { padding: clamp(4.5rem, 7vw, 6.5rem) 0; }
.section--tight { padding: clamp(3rem, 5vw, 4.5rem) 0; }
.section--surface {
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(7, 20, 40, .77), rgba(4, 13, 28, .88));
}
.section--glow::before {
  content: ""; position: absolute; inset: 5% auto auto 50%; width: min(70vw, 900px); height: 520px;
  transform: translateX(-50%); pointer-events: none; background: radial-gradient(ellipse, rgba(31, 149, 255, .12), transparent 66%); filter: blur(10px);
}
.divider { height: 1px; background: linear-gradient(90deg, transparent, var(--line-strong), transparent); }

.eyebrow {
  display: flex; align-items: center; gap: .8rem; margin-bottom: 1.35rem; color: var(--cyan);
  font-size: .76rem; font-weight: 830; letter-spacing: .17em; line-height: 1.3; text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 25px; height: 1px; background: currentColor; opacity: .9; }
.eyebrow--center { justify-content: center; }
.lead { max-width: 760px; color: #c5d2e7; font-size: clamp(1.08rem, 2vw, 1.32rem); line-height: 1.72; }
.accent { color: transparent; background: var(--gradient-soft); -webkit-background-clip: text; background-clip: text; }
.section-heading { position: relative; max-width: 790px; margin-bottom: 3.2rem; }
.section-heading h2 { margin-bottom: 1.35rem; }
.section-heading p:last-child { max-width: 690px; margin-bottom: 0; font-size: 1.07rem; }
.section-heading--center { margin-inline: auto; text-align: center; }
.section-heading--center p:last-child { margin-inline: auto; }
.kicker { color: var(--cyan); font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.announcement { position: relative; z-index: 100; border-bottom: 1px solid var(--line); background: rgba(2, 10, 23, .95); }
.announcement__inner { min-height: 35px; display: flex; align-items: center; justify-content: center; gap: .65rem; color: #b9c7dc; font-size: .78rem; letter-spacing: .015em; }
.announcement__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 16px var(--green); }
.announcement a { display: inline-flex; align-items: center; gap: .35rem; margin-left: .65rem; color: var(--text); font-weight: 700; }
.announcement a:hover { color: var(--cyan); }
.announcement .icon { width: .9rem; }

.site-header {
  position: sticky; z-index: 90; top: 0; height: var(--header-h); border-bottom: 1px solid transparent;
  background: rgba(2, 8, 20, .72); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.site-header.is-scrolled { border-color: var(--line); background: rgba(2, 8, 20, .94); box-shadow: 0 12px 45px rgba(0, 0, 0, .2); }
.header__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .9rem; flex: 0 0 auto; }
.brand__mark { width: 48px; height: 48px; border: 1px solid rgba(63, 203, 255, .25); border-radius: 13px; box-shadow: 0 8px 32px rgba(29, 148, 255, .12); }
.brand__text { display: grid; gap: .08rem; }
.brand__name { color: #f8fbff; font-size: 1rem; font-weight: 860; letter-spacing: .24em; line-height: 1.1; }
.brand__descriptor { color: #8fa1bc; font-size: .61rem; font-weight: 700; letter-spacing: .16em; line-height: 1.15; text-transform: uppercase; }
.site-nav { display: flex; align-items: center; gap: 1.7rem; }
.nav-list { display: flex; align-items: center; gap: 1.6rem; margin: 0; padding: 0; list-style: none; }
.nav-link { position: relative; padding: .85rem 0; color: #aebbd0; font-size: .84rem; font-weight: 710; }
.nav-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: .48rem; height: 2px; background: var(--gradient); transition: right .25s var(--ease); }
.nav-link:hover, .nav-link.is-active { color: var(--text); }
.nav-link:hover::after, .nav-link.is-active::after { right: 0; }
.nav-toggle { display: none; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); cursor: pointer; }
.nav-toggle .icon { width: 21px; height: 21px; }
.nav-toggle__close { display: none; }
.nav-toggle[aria-expanded="true"] .nav-toggle__menu { display: none; }
.nav-toggle[aria-expanded="true"] .nav-toggle__close { display: block; }

.btn {
  display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: .65rem; padding: .84rem 1.25rem;
  border: 1px solid transparent; border-radius: 12px; font-size: .9rem; font-weight: 800; letter-spacing: -.01em;
  transition: transform .2s var(--ease), border-color .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn--primary { color: #00101c; background: var(--gradient); box-shadow: var(--shadow-blue); }
.btn--primary:hover { box-shadow: 0 22px 62px rgba(33, 150, 255, .31); }
.btn--secondary { color: var(--text); border-color: var(--line-strong); background: rgba(7, 20, 40, .62); }
.btn--secondary:hover { border-color: rgba(44, 220, 247, .68); background: rgba(11, 31, 56, .9); }
.btn--ghost { color: #bad2ee; border-color: var(--line); background: transparent; }
.btn--small { min-height: 42px; padding: .65rem 1rem; border-radius: 11px; font-size: .82rem; }
.btn .icon { transition: transform .2s var(--ease); }
.btn:hover .icon { transform: translateX(3px); }
.link-arrow { display: inline-flex; align-items: center; gap: .55rem; color: #bdeeff; font-weight: 760; }
.link-arrow .icon { width: 1rem; transition: transform .2s ease; }
.link-arrow:hover { color: var(--cyan); }
.link-arrow:hover .icon { transform: translateX(4px); }

.hero { position: relative; min-height: 780px; display: flex; align-items: center; padding: clamp(6rem, 10vw, 9rem) 0 clamp(5.5rem, 9vw, 8rem); overflow: hidden; }
.hero::before {
  content: ""; position: absolute; width: 740px; height: 740px; top: -120px; right: -180px; border-radius: 50%;
  background: radial-gradient(circle, rgba(25, 141, 255, .17), rgba(14, 207, 238, .035) 45%, transparent 70%); filter: blur(3px); pointer-events: none;
}
.hero::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35;
  background-image: linear-gradient(rgba(55, 148, 220, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(55, 148, 220, .06) 1px, transparent 1px);
  background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 78%);
}
.hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr); align-items: center; gap: clamp(3rem, 6vw, 6.5rem); }
.hero__copy h1 { max-width: 810px; margin-bottom: 1.55rem; font-size: clamp(3.6rem, 6.5vw, 6.4rem); }
.hero__copy .lead { max-width: 700px; margin-bottom: 2rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .85rem; margin: 2rem 0 2.1rem; }
.hero__proof { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; padding-top: 1.15rem; border-top: 1px solid var(--line); }
.proof-item { display: inline-flex; align-items: center; gap: .45rem; color: #adbed6; font-size: .8rem; font-weight: 670; }
.proof-item .icon { width: 1rem; color: var(--green); }

.hero-panel {
  position: relative; padding: 1.15rem; border: 1px solid var(--line-strong); border-radius: var(--radius-xl);
  background: linear-gradient(145deg, rgba(10, 28, 54, .93), rgba(3, 11, 25, .96)); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.04); overflow: hidden;
}
.hero-panel::before { content: ""; position: absolute; width: 330px; height: 330px; top: 20%; left: 50%; transform: translateX(-50%); border-radius: 50%; background: rgba(32, 173, 255, .16); filter: blur(70px); }
.hero-panel__top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .25rem .35rem 1rem; color: #8194b0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .65rem; letter-spacing: .13em; text-transform: uppercase; }
.signal { display: inline-flex; align-items: center; gap: .42rem; color: #b9c8dc; font-family: inherit; letter-spacing: 0; text-transform: none; }
.signal::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 14px var(--green); }
.hero-panel__body { position: relative; min-height: 540px; border: 1px solid var(--line); border-radius: 30px; overflow: hidden; background: rgba(2, 10, 24, .72); }
.hero-panel__body::before, .hero-panel__body::after { content: ""; position: absolute; top: 50%; left: 50%; border: 1px solid rgba(51, 192, 255, .18); border-radius: 50%; transform: translate(-50%, -50%); }
.hero-panel__body::before { width: 340px; height: 340px; }
.hero-panel__body::after { width: 250px; height: 250px; border-style: dashed; }
.hero-logo-wrap { position: absolute; z-index: 3; top: 50%; left: 50%; width: 168px; height: 168px; transform: translate(-50%, -50%); padding: 8px; border: 1px solid rgba(60, 208, 255, .38); border-radius: 37px; background: rgba(2, 10, 25, .92); box-shadow: 0 0 72px rgba(32, 175, 255, .2); }
.hero-logo-wrap img { width: 100%; height: 100%; border-radius: 29px; }
.orbit-card { position: absolute; z-index: 4; width: 180px; min-height: 108px; padding: 1rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(4, 15, 31, .92); box-shadow: 0 12px 36px rgba(0,0,0,.22); }
.orbit-card .icon { width: 1.2rem; height: 1.2rem; margin-bottom: .55rem; color: var(--cyan); }
.orbit-card strong { display: block; margin-bottom: .25rem; font-size: .88rem; }
.orbit-card span { display: block; color: #8fa1bc; font-size: .72rem; line-height: 1.45; }
.orbit-card--a { top: 36px; left: 24px; }
.orbit-card--b { top: 36px; right: 24px; }
.orbit-card--c { bottom: 36px; left: 24px; }
.orbit-card--d { bottom: 36px; right: 24px; }
.orbit-line { position: absolute; z-index: 2; height: 1px; width: 118px; opacity: .55; background: linear-gradient(90deg, transparent, var(--cyan)); transform-origin: right center; }
.orbit-line--a { top: 160px; left: 145px; transform: rotate(24deg); }
.orbit-line--b { top: 160px; right: 145px; transform: rotate(156deg); }
.orbit-line--c { bottom: 160px; left: 145px; transform: rotate(-24deg); }
.orbit-line--d { bottom: 160px; right: 145px; transform: rotate(204deg); }
.hero-panel__foot { position: relative; z-index: 1; display: flex; align-items: center; gap: .7rem; padding: 1rem .35rem .2rem; color: #9fb0c9; font-size: .76rem; }
.hero-panel__foot .icon { color: var(--green); }

.page-hero { position: relative; padding: clamp(6rem, 10vw, 9.5rem) 0 clamp(4.8rem, 8vw, 7rem); overflow: hidden; }
.page-hero::before { content: ""; position: absolute; top: -190px; right: -90px; width: 650px; height: 650px; border-radius: 50%; background: radial-gradient(circle, rgba(31, 137, 255, .18), transparent 67%); }
.page-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, var(--line-strong), transparent); }
.page-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(360px, .6fr); align-items: end; gap: 4rem; }
.page-hero h1 { max-width: 900px; margin-bottom: 1.5rem; font-size: clamp(3.4rem, 7vw, 6.7rem); }
.page-hero .lead { margin-bottom: 0; }
.page-hero__aside { padding: 1.3rem; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(7, 20, 39, .58); }
.page-hero__aside p { margin-bottom: .8rem; color: #94a6c1; font-size: .85rem; }
.page-hero__aside strong { display: block; font-size: 1.15rem; line-height: 1.35; }
.page-hero__aside .mini-list { margin-top: 1rem; }

.grid { display: grid; gap: 1.15rem; }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr); align-items: center; gap: clamp(3rem, 7vw, 7rem); }
.split--top { align-items: start; }
.copy h2 { margin-bottom: 1.35rem; }
.copy > p { font-size: 1.05rem; }
.copy .btn { margin-top: 1.1rem; }

.card {
  position: relative; min-height: 100%; padding: 1.75rem; border: 1px solid var(--line); border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(9, 24, 46, .82), rgba(4, 13, 28, .82)); overflow: hidden;
}
.card::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(circle at 70% 0%, rgba(39, 174, 255, .11), transparent 48%); transition: opacity .3s ease; }
.card--interactive { transition: transform .3s var(--ease), border-color .3s ease, box-shadow .3s ease; }
.card--interactive:hover { transform: translateY(-5px); border-color: rgba(61, 203, 255, .38); box-shadow: 0 22px 55px rgba(0, 8, 24, .28); }
.card--interactive:hover::after { opacity: 1; }
.card > * { position: relative; z-index: 1; }
.card h3 { margin-bottom: .75rem; }
.card p:last-child { margin-bottom: 0; }
.card__label { color: var(--cyan); font-size: .68rem; font-weight: 820; letter-spacing: .14em; text-transform: uppercase; }
.card__topline { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.15rem; }
.icon-wrap { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 1.35rem; border: 1px solid rgba(63, 202, 255, .28); border-radius: 14px; color: var(--cyan); background: rgba(25, 157, 228, .08); }
.icon-wrap .icon { width: 23px; height: 23px; }
.status-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .62rem; border: 1px solid rgba(74, 224, 182, .22); border-radius: 999px; color: #92ebce; background: rgba(54, 198, 153, .08); font-size: .66rem; font-weight: 760; white-space: nowrap; }
.status-pill::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status-pill--blue { color: #9fdafa; border-color: rgba(81, 195, 255, .25); background: rgba(42, 151, 224, .08); }
.status-pill--neutral { color: #bdc9da; border-color: var(--line); background: rgba(118, 143, 177, .07); }

.metric-strip { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: rgba(5, 16, 33, .78); }
.metric { padding: 1.55rem; border-right: 1px solid var(--line); }
.metric:last-child { border-right: 0; }
.metric strong { display: block; margin-bottom: .28rem; font-size: 1.15rem; letter-spacing: -.02em; }
.metric span { color: var(--muted); font-size: .78rem; }

.list-clean { display: grid; gap: .9rem; margin: 1.5rem 0 2rem; padding: 0; list-style: none; }
.list-clean li { display: flex; align-items: flex-start; gap: .8rem; color: #b9c7dc; }
.list-clean .icon { width: 1.05rem; margin-top: .28rem; color: var(--green); }
.mini-list { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.mini-list li { display: flex; align-items: flex-start; gap: .6rem; color: #aebdd3; font-size: .84rem; }
.mini-list .icon { width: .92rem; margin-top: .22rem; color: var(--cyan); }

.process { display: grid; gap: 1px; border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; background: var(--line); }
.process-step { display: grid; grid-template-columns: 86px 1fr auto; align-items: center; gap: 1.5rem; padding: 1.45rem 1.6rem; background: rgba(5, 16, 34, .94); }
.process-step__number { color: rgba(75, 205, 255, .48); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1.35rem; font-weight: 800; }
.process-step__copy h3 { margin-bottom: .35rem; }
.process-step__copy p { margin-bottom: 0; font-size: .93rem; }
.process-step__icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 12px; color: var(--cyan); }

.flow-diagram { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 2rem; border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(3, 13, 28, .8); overflow: hidden; }
.flow-diagram::before { content: ""; position: absolute; top: 50%; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, rgba(44, 216, 247, .6), rgba(74, 107, 246, .6), transparent); }
.flow-node { position: relative; z-index: 1; min-height: 205px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.35rem; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, #081a32, #041023); }
.flow-node__icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; color: var(--cyan); background: rgba(35, 168, 236, .1); }
.flow-node h3 { margin: 1.4rem 0 .55rem; }
.flow-node p { margin-bottom: 0; font-size: .83rem; }
.flow-node__number { color: #60728e; font-size: .69rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }

.platform-card .platform-visual { height: 145px; display: grid; place-items: center; margin: -1.75rem -1.75rem 1.5rem; border-bottom: 1px solid var(--line); background: radial-gradient(circle, rgba(36, 174, 255, .14), transparent 60%), rgba(4, 14, 30, .75); }
.platform-visual__device { width: 72px; height: 72px; display: grid; place-items: center; border: 1px solid rgba(64, 207, 255, .32); border-radius: 21px; color: var(--cyan); background: #06172c; box-shadow: 0 20px 55px rgba(13, 143, 241, .17); }
.platform-visual__device .icon { width: 34px; height: 34px; }
.card__link { display: inline-flex; align-items: center; gap: .45rem; margin-top: .7rem; color: #b7e8ff; font-size: .85rem; font-weight: 760; }
.card__link .icon { width: .95rem; }
.card__link:hover { color: var(--cyan); }

.audience-card { min-height: 340px; display: flex; flex-direction: column; }
.audience-card__number { color: rgba(105, 190, 249, .35); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 2.4rem; font-weight: 800; }
.audience-card h3 { margin-top: auto; }
.audience-card .link-arrow { margin-top: .7rem; }

.feature-band { display: grid; grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; background: rgba(5, 16, 34, .84); }
.feature-band__visual { min-height: 460px; position: relative; display: grid; place-items: center; padding: 2rem; border-right: 1px solid var(--line); background: radial-gradient(circle, rgba(38, 168, 255, .18), transparent 56%), #041126; }
.feature-band__visual::before, .feature-band__visual::after { content: ""; position: absolute; border: 1px solid rgba(56, 194, 255, .17); border-radius: 50%; }
.feature-band__visual::before { width: 290px; height: 290px; }
.feature-band__visual::after { width: 380px; height: 380px; border-style: dashed; }
.feature-band__logo { position: relative; z-index: 1; width: 185px; border: 1px solid rgba(58, 209, 255, .33); border-radius: 38px; box-shadow: 0 0 80px rgba(32, 163, 255, .19); }
.feature-band__content { padding: clamp(2rem, 5vw, 4.5rem); }
.feature-band__content h2 { margin-bottom: 1.2rem; }
.feature-band__content > p { max-width: 650px; }

.resource-list { display: grid; gap: .8rem; }
.resource-card { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 1rem; padding: 1.15rem; border: 1px solid var(--line); border-radius: 15px; background: rgba(5, 17, 35, .72); transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.resource-card:hover { transform: translateX(4px); border-color: rgba(52, 204, 255, .42); background: rgba(8, 25, 48, .9); }
.resource-card__icon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(55, 197, 255, .22); border-radius: 12px; color: var(--cyan); }
.resource-card strong { display: block; margin-bottom: .15rem; }
.resource-card span { color: var(--muted); font-size: .78rem; }
.resource-card > .icon { color: #7e91ad; }

.assurance-panel { display: grid; gap: 1px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--line); }
.assurance-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1rem; padding: 1.15rem 1.25rem; background: rgba(5, 17, 35, .94); }
.assurance-row small { display: block; margin-top: .2rem; color: var(--muted); }

.quote-panel { padding: clamp(2rem, 5vw, 4.2rem); border: 1px solid var(--line-strong); border-radius: var(--radius-lg); text-align: center; background: radial-gradient(circle at 50% 0%, rgba(40, 173, 255, .12), transparent 55%), rgba(5, 17, 35, .78); }
.quote-panel blockquote { max-width: 950px; margin-inline: auto; margin-bottom: 1rem; color: var(--text); font-size: clamp(1.65rem, 3vw, 2.8rem); font-weight: 710; letter-spacing: -.035em; line-height: 1.32; }
.quote-panel p { margin-bottom: 0; }

.cta-panel { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 2.5rem; padding: clamp(2rem, 5vw, 4rem); border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: linear-gradient(120deg, rgba(9, 34, 63, .92), rgba(7, 20, 47, .96)); overflow: hidden; }
.cta-panel::before { content: ""; position: absolute; width: 360px; height: 360px; top: -160px; right: 2%; border-radius: 50%; background: rgba(48, 166, 255, .16); filter: blur(55px); }
.cta-panel > * { position: relative; z-index: 1; }
.cta-panel h2 { max-width: 780px; margin-bottom: .8rem; font-size: clamp(2rem, 4vw, 3.55rem); }
.cta-panel p { max-width: 690px; margin-bottom: 0; }
.cta-panel__actions { display: flex; flex-wrap: wrap; gap: .75rem; flex: 0 0 auto; }

.logo-seal { position: relative; width: min(100%, 410px); aspect-ratio: 1; display: grid; place-items: center; margin-inline: auto; }
.logo-seal::before, .logo-seal::after { content: ""; position: absolute; border: 1px solid rgba(54, 201, 255, .22); border-radius: 50%; }
.logo-seal::before { inset: 8%; }
.logo-seal::after { inset: 0; border-style: dashed; animation: rotate 28s linear infinite; }
.logo-seal img { position: relative; z-index: 1; width: 58%; border: 1px solid rgba(62, 209, 255, .27); border-radius: 26%; box-shadow: 0 0 85px rgba(37, 167, 255, .18); }
@keyframes rotate { to { transform: rotate(360deg); } }

.pill-row { display: flex; flex-wrap: wrap; gap: .65rem; }
.pill { display: inline-flex; align-items: center; gap: .45rem; padding: .58rem .8rem; border: 1px solid var(--line); border-radius: 999px; color: #b8c7db; background: rgba(7, 20, 40, .66); font-size: .76rem; font-weight: 690; }
.pill .icon { width: .92rem; color: var(--cyan); }

.timeline { position: relative; display: grid; gap: 1.2rem; padding-left: 2.1rem; }
.timeline::before { content: ""; position: absolute; top: .4rem; bottom: .4rem; left: 9px; width: 1px; background: linear-gradient(var(--cyan), rgba(79, 94, 255, .35)); }
.timeline-item { position: relative; padding: 1.35rem 1.45rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(5, 17, 35, .74); }
.timeline-item::before { content: ""; position: absolute; top: 1.6rem; left: -2.04rem; width: 12px; height: 12px; border: 3px solid var(--bg); border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px rgba(40, 220, 247, .55); }
.timeline-item h3 { margin-bottom: .45rem; }
.timeline-item p { margin-bottom: 0; }

.arch-layers { display: grid; gap: .85rem; }
.arch-layer { position: relative; display: grid; grid-template-columns: 74px 1fr; align-items: center; gap: 1.25rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(100deg, rgba(7, 24, 46, .88), rgba(4, 14, 29, .75)); }
.arch-layer__index { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(55, 204, 255, .26); border-radius: 15px; color: var(--cyan); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 800; }
.arch-layer h3 { margin-bottom: .25rem; }
.arch-layer p { margin-bottom: 0; font-size: .88rem; }

.boundary-panel { position: relative; min-height: 500px; display: grid; place-items: center; padding: 2rem; border: 1px solid var(--line); border-radius: var(--radius-lg); background: radial-gradient(circle, rgba(27, 157, 255, .15), transparent 46%), rgba(3, 13, 29, .86); overflow: hidden; }
.boundary-ring { position: absolute; border: 1px solid rgba(60, 203, 255, .2); border-radius: 50%; }
.boundary-ring--1 { width: 390px; height: 390px; }
.boundary-ring--2 { width: 300px; height: 300px; border-style: dashed; animation: rotate 35s linear infinite reverse; }
.boundary-ring--3 { width: 215px; height: 215px; }
.boundary-logo { position: relative; z-index: 2; width: 150px; border: 1px solid rgba(57, 205, 255, .36); border-radius: 32px; box-shadow: 0 0 70px rgba(28, 160, 255, .2); }
.boundary-tag { position: absolute; z-index: 3; padding: .62rem .8rem; border: 1px solid var(--line); border-radius: 10px; color: #b7c8de; background: rgba(4, 16, 33, .9); font-size: .72rem; font-weight: 740; }
.boundary-tag--a { top: 52px; left: 50%; transform: translateX(-50%); }
.boundary-tag--b { top: 50%; right: 30px; transform: translateY(-50%); }
.boundary-tag--c { bottom: 52px; left: 50%; transform: translateX(-50%); }
.boundary-tag--d { top: 50%; left: 30px; transform: translateY(-50%); }

.policy-layout { display: grid; grid-template-columns: 255px minmax(0, 1fr); align-items: start; gap: 3rem; }
.policy-nav { position: sticky; top: calc(var(--header-h) + 28px); display: grid; gap: .25rem; padding: 1rem; border: 1px solid var(--line); border-radius: 16px; background: rgba(5, 17, 35, .72); }
.policy-nav a { padding: .65rem .75rem; border-radius: 9px; color: #9caec7; font-size: .8rem; font-weight: 690; }
.policy-nav a:hover { color: var(--text); background: rgba(48, 166, 230, .08); }
.policy-content { min-width: 0; }
.policy-section { scroll-margin-top: calc(var(--header-h) + 35px); padding: 0 0 2.8rem; margin-bottom: 2.8rem; border-bottom: 1px solid var(--line); }
.policy-section:last-child { margin-bottom: 0; border-bottom: 0; }
.policy-section h2 { margin-bottom: 1.1rem; font-size: clamp(1.7rem, 3vw, 2.45rem); }
.policy-section h3 { margin-top: 1.8rem; margin-bottom: .75rem; font-size: 1.2rem; }
.policy-section p, .policy-section li { color: #adbed4; }
.policy-section ul, .policy-section ol { display: grid; gap: .65rem; padding-left: 1.3rem; }
.notice { padding: 1.25rem 1.35rem; border: 1px solid rgba(60, 207, 255, .26); border-left: 4px solid var(--cyan); border-radius: 12px; background: rgba(25, 139, 216, .075); }
.notice p:last-child { margin-bottom: 0; }
.notice--secure { border-color: rgba(86, 226, 181, .25); border-left-color: var(--green); background: rgba(49, 181, 139, .07); }
.notice--neutral { border-color: var(--line); border-left-color: #8298b8; background: rgba(99, 126, 164, .06); }
.code-box { padding: 1rem 1.15rem; border: 1px solid var(--line); border-radius: 12px; color: #c4dcf4; background: #020b18; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .82rem; overflow-wrap: anywhere; }

.advisory-header { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1rem; padding: 1rem 1.2rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(5, 17, 35, .8); }
.advisory-header p { margin-bottom: 0; }
.empty-state { display: grid; place-items: center; min-height: 330px; padding: 2.5rem; border: 1px dashed rgba(95, 185, 238, .28); border-radius: var(--radius); text-align: center; background: rgba(5, 17, 35, .48); }
.empty-state .icon-wrap { margin-inline: auto; }
.empty-state h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); }
.empty-state p { max-width: 620px; margin-inline: auto; }

.contact-layout { display: grid; grid-template-columns: minmax(0, .72fr) minmax(470px, 1.08fr); align-items: start; gap: clamp(2rem, 6vw, 6rem); }
.contact-panel { padding: 1.7rem; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(6, 18, 37, .72); }
.contact-panel h2 { margin-bottom: .85rem; font-size: 1.7rem; }
.contact-method { display: grid; grid-template-columns: 44px 1fr; gap: .9rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.contact-method:last-child { border-bottom: 0; }
.contact-method__icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(56, 203, 255, .23); border-radius: 12px; color: var(--cyan); }
.contact-method strong { display: block; margin-bottom: .08rem; font-size: .83rem; }
.contact-method a, .contact-method span { color: #aebfd6; font-size: .82rem; }
.contact-method a:hover { color: var(--cyan); }

.form-card { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(8, 25, 48, .92), rgba(4, 14, 30, .94)); box-shadow: var(--shadow); }
.form-card__header { margin-bottom: 1.8rem; }
.form-card__header h2 { margin-bottom: .65rem; font-size: clamp(1.8rem, 3vw, 2.55rem); }
.form-card__header p { margin-bottom: 0; font-size: .9rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.field { display: grid; gap: .42rem; }
.field--full { grid-column: 1 / -1; }
.field label { color: #d7e2f2; font-size: .77rem; font-weight: 740; }
.field label span { color: var(--cyan); }
.field input, .field select, .field textarea {
  width: 100%; border: 1px solid rgba(120, 173, 225, .22); border-radius: 11px; color: var(--text);
  background: rgba(2, 11, 24, .78); transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.field input, .field select { height: 50px; padding: 0 .9rem; }
.field textarea { min-height: 150px; padding: .85rem .9rem; resize: vertical; }
.field input::placeholder, .field textarea::placeholder { color: #61728d; }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: rgba(44, 219, 248, .62); background: rgba(4, 16, 33, .96); box-shadow: 0 0 0 3px rgba(44, 219, 248, .09); }
.field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #8ca3c0 50%), linear-gradient(135deg, #8ca3c0 50%, transparent 50%); background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.checkbox { display: flex; align-items: flex-start; gap: .7rem; margin: 1.1rem 0; color: #95a7c1; font-size: .75rem; }
.checkbox input { width: 17px; height: 17px; margin-top: .18rem; accent-color: var(--cyan); }
.form-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.2rem; }
.form-note { max-width: 330px; margin: 0; color: #7588a5; font-size: .7rem; line-height: 1.45; }
.form-status { display: none; margin-top: 1rem; padding: .9rem 1rem; border: 1px solid rgba(82, 225, 183, .25); border-radius: 11px; color: #b9f5e1; background: rgba(51, 185, 143, .07); font-size: .82rem; }
.form-status.is-visible { display: block; }

.logo-wall { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--line); }
.logo-wall__cell { min-height: 150px; display: grid; place-items: center; padding: 1.5rem; text-align: center; background: rgba(5, 17, 35, .9); }
.logo-wall__cell strong { display: block; margin-bottom: .3rem; font-size: 1rem; }
.logo-wall__cell span { color: var(--muted); font-size: .76rem; }

.legal-meta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.8rem; }
.legal-meta span { padding: .5rem .7rem; border: 1px solid var(--line); border-radius: 999px; color: #9fb1ca; font-size: .72rem; }

.error-page { min-height: calc(100vh - var(--header-h)); display: grid; place-items: center; padding: 7rem 0; text-align: center; }
.error-page__inner { max-width: 760px; }
.error-code { margin-bottom: 1rem; color: transparent; background: var(--gradient); -webkit-background-clip: text; background-clip: text; font-size: clamp(6rem, 20vw, 13rem); font-weight: 900; letter-spacing: -.08em; line-height: .8; }
.error-page h1 { font-size: clamp(2.2rem, 5vw, 4.2rem); }
.error-page p { max-width: 620px; margin-inline: auto; }
.error-page__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-top: 2rem; }

.marquee { position: relative; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #07172d; }
.marquee__track { width: max-content; display: flex; align-items: center; gap: 2.4rem; padding: 1.65rem 0; animation: marquee 34s linear infinite; }
.marquee__track span { color: #e8f4ff; font-size: clamp(1.65rem, 3vw, 3rem); font-weight: 760; letter-spacing: -.035em; text-transform: uppercase; white-space: nowrap; }
.marquee__track i { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 18px rgba(44, 220, 247, .8); }
@keyframes marquee { to { transform: translateX(-50%); } }

.site-footer { background: #010611; }
.footer__top { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr); gap: clamp(3rem, 8vw, 8rem); padding: clamp(4.5rem, 8vw, 7rem) 0; }
.brand--footer { margin-bottom: 1.2rem; }
.brand__mark--footer { width: 60px; height: 60px; border-radius: 16px; }
.footer__brand > p { max-width: 380px; color: #91a3be; font-size: .9rem; }
.footer__badges { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.25rem; }
.footer__badges span { padding: .42rem .62rem; border: 1px solid var(--line); border-radius: 999px; color: #8295b1; font-size: .66rem; font-weight: 700; }
.footer__nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.footer__nav h2 { margin-bottom: 1.1rem; color: #e5effc; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.footer__nav a { display: block; margin-bottom: .65rem; color: #899bb6; font-size: .8rem; }
.footer__nav a:hover { color: var(--cyan); }
.external-mark { font-size: .72rem; }
.footer__bottom { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line); }
.footer__bottom p { margin: 0; color: #6f819d; font-size: .72rem; }
.footer__bottom div { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.footer__bottom a { color: #7588a4; font-size: .72rem; }
.footer__bottom a:hover { color: var(--text); }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.reveal.is-visible { opacity: 1; transform: none; }
.reveal:nth-child(2) { transition-delay: .06s; }
.reveal:nth-child(3) { transition-delay: .12s; }
.reveal:nth-child(4) { transition-delay: .18s; }

@media (max-width: 1120px) {
  :root { --container: 1040px; }
  .site-nav { gap: 1.1rem; }
  .nav-list { gap: 1.05rem; }
  .nav-link { font-size: .78rem; }
  .hero__grid { grid-template-columns: minmax(0, 1fr) minmax(400px, .78fr); gap: 3rem; }
  .orbit-card { width: 160px; }
  .flow-diagram { grid-template-columns: repeat(2, 1fr); }
  .flow-diagram::before { display: none; }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .contact-layout { grid-template-columns: minmax(0, .7fr) minmax(440px, 1fr); gap: 3rem; }
}

@media (max-width: 940px) {
  :root { --header-h: 70px; }
  .container { width: min(calc(100% - 36px), var(--container)); }
  .announcement__inner { justify-content: flex-start; overflow: hidden; white-space: nowrap; }
  .announcement a { display: none; }
  .nav-toggle { display: grid; }
  .site-nav {
    position: fixed; top: calc(35px + var(--header-h)); left: 18px; right: 18px; display: none; max-height: calc(100vh - 125px);
    align-items: stretch; flex-direction: column; gap: 1rem; padding: 1rem; overflow-y: auto; border: 1px solid var(--line-strong);
    border-radius: 18px; background: rgba(3, 12, 27, .98); box-shadow: 0 28px 80px rgba(0,0,0,.54);
  }
  .site-nav.is-open { display: flex; }
  .nav-list { align-items: stretch; flex-direction: column; gap: .15rem; }
  .nav-link { display: block; padding: .82rem .9rem; border-radius: 10px; font-size: .9rem; }
  .nav-link::after { display: none; }
  .nav-link:hover, .nav-link.is-active { background: rgba(39, 161, 226, .09); }
  .header-cta { width: 100%; }
  body.nav-open { overflow: hidden; }
  .hero { min-height: auto; }
  .hero__grid, .page-hero__grid, .split, .contact-layout { grid-template-columns: 1fr; }
  .hero__copy h1 { max-width: 800px; }
  .hero-panel { max-width: 680px; width: 100%; margin-inline: auto; }
  .page-hero__aside { max-width: 650px; }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .metric-strip { grid-template-columns: repeat(2, 1fr); }
  .metric:nth-child(2) { border-right: 0; }
  .metric:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .feature-band { grid-template-columns: 1fr; }
  .feature-band__visual { min-height: 380px; border-right: 0; border-bottom: 1px solid var(--line); }
  .policy-layout { grid-template-columns: 1fr; }
  .policy-nav { position: static; grid-template-columns: repeat(2, 1fr); }
  .contact-layout > .contact-panel { order: 2; }
  .footer__top { grid-template-columns: 1fr; gap: 3rem; }
}

@media (max-width: 700px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .section { padding: 5.2rem 0; }
  .section--compact { padding: 4rem 0; }
  .announcement__inner { font-size: .68rem; }
  .brand__mark { width: 43px; height: 43px; border-radius: 11px; }
  .brand__name { font-size: .9rem; }
  .hero { padding-top: 4.9rem; }
  .hero__copy h1, .page-hero h1 { font-size: clamp(3rem, 15vw, 4.5rem); }
  .hero__actions, .cta-panel__actions { align-items: stretch; flex-direction: column; }
  .hero__actions .btn, .cta-panel__actions .btn { width: 100%; }
  .hero__proof { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
  .hero-panel__body { min-height: 500px; }
  .orbit-card { width: calc(50% - 30px); min-height: 110px; padding: .85rem; }
  .orbit-card--a, .orbit-card--c { left: 16px; }
  .orbit-card--b, .orbit-card--d { right: 16px; }
  .orbit-card strong { font-size: .78rem; }
  .orbit-card span { font-size: .65rem; }
  .hero-logo-wrap { width: 135px; height: 135px; border-radius: 30px; }
  .hero-logo-wrap img { border-radius: 23px; }
  .orbit-line { display: none; }
  .grid--2, .grid--3, .grid--4, .flow-diagram, .logo-wall { grid-template-columns: 1fr; }
  .process-step { grid-template-columns: 54px 1fr; gap: 1rem; }
  .process-step__icon { display: none; }
  .metric-strip { grid-template-columns: 1fr; }
  .metric { border-right: 0; border-bottom: 1px solid var(--line); }
  .metric:last-child { border-bottom: 0; }
  .metric:nth-child(2) { border-right: 0; }
  .cta-panel { align-items: stretch; flex-direction: column; }
  .feature-band__visual { min-height: 310px; }
  .feature-band__visual::before { width: 230px; height: 230px; }
  .feature-band__visual::after { width: 290px; height: 290px; }
  .feature-band__logo { width: 145px; }
  .policy-nav { grid-template-columns: 1fr; }
  .arch-layer { grid-template-columns: 55px 1fr; gap: .85rem; }
  .arch-layer__index { width: 46px; height: 46px; }
  .boundary-panel { min-height: 400px; }
  .boundary-ring--1 { width: 310px; height: 310px; }
  .boundary-ring--2 { width: 240px; height: 240px; }
  .boundary-ring--3 { width: 170px; height: 170px; }
  .boundary-logo { width: 120px; }
  .boundary-tag { font-size: .62rem; }
  .boundary-tag--b { right: 10px; }
  .boundary-tag--d { left: 10px; }
  .form-grid { grid-template-columns: 1fr; }
  .field--full { grid-column: auto; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .form-actions .btn { width: 100%; }
  .form-note { max-width: none; }
  .footer__nav { grid-template-columns: 1fr 1fr; }
  .footer__bottom { align-items: flex-start; flex-direction: column; justify-content: center; padding: 1.4rem 0; }
  .marquee__track { padding: 1.25rem 0; }
}

@media (max-width: 430px) {
  .hero__proof { grid-template-columns: 1fr; }
  .hero-panel { padding: .7rem; border-radius: 27px; }
  .hero-panel__body { min-height: 470px; border-radius: 22px; }
  .orbit-card { width: calc(50% - 20px); padding: .7rem; }
  .orbit-card--a, .orbit-card--c { left: 8px; }
  .orbit-card--b, .orbit-card--d { right: 8px; }
  .hero-logo-wrap { width: 110px; height: 110px; padding: 5px; }
  .orbit-card span { display: none; }
  .footer__nav { grid-template-columns: 1fr; }
  .boundary-tag--b, .boundary-tag--d { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .reveal { opacity: 1; transform: none; }
}

.announcement__message--mobile { display: none; }
@media (max-width: 700px) {
  .announcement__message--desktop { display: none; }
  .announcement__message--mobile { display: inline; }
  .announcement__inner { justify-content: center; }
}