/* Global motion layer loaded after page styles. */
html {
    scroll-behavior: smooth;
}

body.motion-ready {
    --myu-pointer-x: 50vw;
    --myu-pointer-y: 30vh;
    --myu-pointer-opacity: 0;
}

.myu-motion-canvas {
    position: fixed;
    inset: 0;
    z-index: 2;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    opacity: 0.42;
    mix-blend-mode: screen;
}

.myu-pointer-light {
    position: fixed;
    left: var(--myu-pointer-x);
    top: var(--myu-pointer-y);
    z-index: 2;
    width: 58px;
    height: 58px;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(255, 244, 191, 0.74) 0 3px, rgba(246, 212, 123, 0.28) 4px 7px, transparent 8px),
        radial-gradient(circle, rgba(143, 223, 255, 0.16) 0 28%, transparent 62%);
    opacity: var(--myu-pointer-opacity);
    transform: translate(-50%, -50%);
    pointer-events: none;
    mix-blend-mode: screen;
    filter: drop-shadow(0 0 10px rgba(246, 212, 123, 0.24));
    transition: opacity 0.6s ease;
    will-change: left, top, opacity;
}

.myu-pointer-light::before,
.myu-pointer-light::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

.myu-pointer-light::before {
    border: 1px solid rgba(246, 212, 123, 0.34);
    box-shadow:
        inset 0 0 12px rgba(143, 223, 255, 0.08),
        0 0 0 8px rgba(143, 223, 255, 0.025);
}

.myu-pointer-light::after {
    inset: 12px;
    background:
        conic-gradient(from 34deg, transparent 0 18%, rgba(143, 223, 255, 0.5) 24%, transparent 32% 100%);
    mask-image: radial-gradient(circle, transparent 0 58%, #000 59% 66%, transparent 67%);
    -webkit-mask-image: radial-gradient(circle, transparent 0 58%, #000 59% 66%, transparent 67%);
    animation: myu-pointer-ring 1.8s linear infinite;
}

.nav-link::before,
.ui-button::before,
.info-card::before,
.compact-list article::before,
.flow-grid article::before,
.stat-card::before,
.hero-product-card__shine {
    display: block;
}

.section-head h2,
.hero-copy h1,
.strip-inner h2,
.page-hero__copy h1 {
    background-size: 280% 100%;
    animation: myu-gradient-flow 7.5s linear infinite;
}

.site-header {
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.brand-mark img,
.footer-brand .footer-logo {
    animation: myu-logo-glow 4.8s ease-in-out infinite;
}

.nav-link,
.ui-button,
.info-card,
.compact-list article,
.flow-grid article,
.stat-card,
.fact-table,
.page-hero-panel,
.hero-product-stage,
.interactive-stepper,
.interactive-tabs,
.node-map,
.stepper-button,
.tab-button,
.node-map__node,
.stepper-panel,
.tab-panel,
.node-map__panel {
    transition:
        transform 0.32s var(--ease),
        border-color 0.32s ease,
        box-shadow 0.32s ease,
        background 0.32s ease,
        color 0.32s ease,
        opacity 0.48s ease;
}

.nav-link:hover,
.nav-link:focus-visible {
    transform: translateY(-2px);
}

.ui-button:hover,
.ui-button:focus-visible {
    transform: translateY(-4px);
    box-shadow: 0 24px 62px rgba(246, 212, 123, 0.24);
}

.ui-button:active {
    transform: translateY(-1px) scale(0.98);
}

.info-card:hover,
.compact-list article:hover,
.flow-grid article:hover {
    transform: translateY(-8px);
    border-color: rgba(246, 212, 123, 0.5);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 34px 92px rgba(5, 8, 18, 0.32);
}

.stat-card:hover {
    transform: translateY(-8px) scale(1.012);
    border-color: rgba(246, 212, 123, 0.44);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 34px 92px rgba(5, 8, 18, 0.3);
}

.stepper-button:hover,
.stepper-button:focus-visible,
.tab-button:hover,
.tab-button:focus-visible,
.node-map__node:hover,
.node-map__node:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(246, 212, 123, 0.42);
    box-shadow: 0 18px 44px rgba(246, 212, 123, 0.14);
}

.info-card::before,
.compact-list article::before,
.flow-grid article::before,
.stat-card::before,
.nav-link::before,
.ui-button::before {
    animation: none;
}

.info-card:hover::before,
.compact-list article:hover::before,
.flow-grid article:hover::before,
.stat-card:hover::before,
.nav-link:hover::before,
.nav-link:focus-visible::before,
.ui-button:hover::before,
.ui-button:focus-visible::before {
    transform: translateX(120%);
}

.info-card::after,
.compact-list article::after,
.flow-grid article::after {
    background:
        radial-gradient(circle at var(--myu-spot-x, 50%) var(--myu-spot-y, 0%), rgba(255, 243, 190, 0.2), transparent 13rem),
        radial-gradient(circle at 50% -10%, rgba(143, 223, 255, 0.16), transparent 14rem),
        linear-gradient(90deg, transparent, rgba(246, 212, 123, 0.72), rgba(143, 223, 255, 0.42), transparent) top / 100% 2px no-repeat;
    transition: opacity 0.32s ease;
}

.info-card:hover::after,
.compact-list article:hover::after,
.flow-grid article:hover::after {
    opacity: 0.9;
}

.hero-product-stage,
.page-hero-panel {
    --myu-tilt-x: 0deg;
    --myu-tilt-y: 0deg;
    --myu-spin: 0deg;
    --myu-counter-spin: 0deg;
    transform: perspective(1000px) rotateX(var(--myu-tilt-x)) rotateY(var(--myu-tilt-y)) rotateZ(var(--myu-spin));
    animation: myu-panel-breathe 5.8s ease-in-out infinite;
}

.home-page .hero-product-stage {
    --myu-hud-x: 0px;
    --myu-hud-y: 0px;
    --myu-hud-pill-x: 0px;
    --myu-hud-pill-y: 0px;
    --myu-hud-angle: 0deg;
    width: min(100%, 620px);
    max-width: min(48vw, 620px);
    min-height: 0;
    aspect-ratio: 1 / 1;
    justify-self: center;
    border-radius: 999px;
    cursor: grab;
    overflow: visible;
    background:
        radial-gradient(circle at 42% 36%, rgba(255, 255, 255, 0.12), transparent 28%),
        radial-gradient(circle at 62% 58%, rgba(143, 223, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(18, 23, 37, 0.78), rgba(8, 11, 20, 0.86)),
        linear-gradient(135deg, rgba(246, 212, 123, 0.08), rgba(143, 223, 255, 0.04));
}

.home-page .hero-product-stage.is-rotating {
    cursor: grabbing;
}

.home-page .hero-product-stage::before {
    inset: 5.5%;
    border-radius: 999px;
}

.home-page .hero-product-stage::after {
    display: block;
    inset: 9%;
    height: auto;
    border-radius: 999px;
    background:
        conic-gradient(from 90deg, transparent 0 20%, rgba(246, 212, 123, 0.22) 26%, transparent 34% 58%, rgba(143, 223, 255, 0.16) 66%, transparent 76% 100%);
    filter: blur(0);
    transform: none;
    mask-image: radial-gradient(circle, transparent 0 58%, #000 59% 61%, transparent 62%);
    -webkit-mask-image: radial-gradient(circle, transparent 0 58%, #000 59% 61%, transparent 62%);
    animation: myu-ring-spin 26s linear infinite;
}

.home-page .hero-product-stage .hero-stage-grid {
    border-radius: 999px;
    mask-image: radial-gradient(circle, #000 0 72%, transparent 96%);
    -webkit-mask-image: radial-gradient(circle, #000 0 72%, transparent 96%);
}

.home-page .hero-product-stage .hero-core {
    inset: 22% 8% 20%;
    z-index: 5;
    animation: myu-core-stable-float 5.6s ease-in-out infinite;
}

.home-page .hero-product-stage .hero-core img {
    width: min(88%, 560px);
}

.home-page .hero-product-stage .hero-orbit {
    inset: 7%;
}

.home-page .hero-product-stage .hero-telemetry {
    right: -1%;
    bottom: 9%;
    width: min(154px, 29%);
    padding: 12px 13px;
    border-radius: 12px;
    overflow: visible;
    white-space: nowrap;
}

.home-page .hero-product-stage .hero-telemetry strong {
    font-size: clamp(29px, 3vw, 38px);
}

.home-page .hero-product-stage .hero-signal--one {
    left: -3%;
    top: 16%;
}

.home-page .hero-product-stage .hero-signal--two {
    right: -4%;
    top: 31%;
}

.home-page .hero-product-stage .hero-signal {
    overflow: visible;
    white-space: nowrap;
}

.home-page .hero-hud {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    pointer-events: none;
    transform: translate3d(var(--myu-hud-x), var(--myu-hud-y), 0);
    transition: transform 0.18s ease;
}

.hero-hud__scan,
.hero-hud__ring,
.hero-hud__progress,
.hero-hud__axis,
.hero-hud__dot,
.hero-hud__pill,
.hero-hud__alert {
    position: absolute;
    pointer-events: none;
}

.hero-hud__scan {
    inset: 12%;
    border-radius: 999px;
    background: conic-gradient(from var(--myu-hud-angle), rgba(143, 223, 255, 0.22), rgba(246, 212, 123, 0.14) 13%, transparent 28% 100%);
    opacity: 0.66;
    mix-blend-mode: screen;
    mask-image: radial-gradient(circle, transparent 0 25%, #000 26% 78%, transparent 79%);
    -webkit-mask-image: radial-gradient(circle, transparent 0 25%, #000 26% 78%, transparent 79%);
    animation: myu-radar-spin 8s linear infinite;
}

.hero-hud__ring {
    border-radius: 999px;
}

.hero-hud__ring--ticks {
    inset: 4%;
    background: repeating-conic-gradient(from 0deg, rgba(246, 212, 123, 0.42) 0deg 1.6deg, transparent 1.6deg 8deg);
    opacity: 0.34;
    mask-image: radial-gradient(circle, transparent 0 87%, #000 88% 90%, transparent 91%);
    -webkit-mask-image: radial-gradient(circle, transparent 0 87%, #000 88% 90%, transparent 91%);
    animation: myu-ring-spin 34s linear infinite;
}

.hero-hud__ring--inner {
    inset: 31%;
    border: 1px solid rgba(255, 122, 168, 0.28);
    box-shadow:
        0 0 22px rgba(255, 122, 168, 0.06),
        inset 0 0 20px rgba(143, 223, 255, 0.05);
    animation: myu-ring-spin-reverse 24s linear infinite;
}

.hero-hud__progress {
    border-radius: 999px;
    opacity: 0.7;
    mask-image: radial-gradient(circle, transparent 0 82%, #000 83% 86%, transparent 87%);
    -webkit-mask-image: radial-gradient(circle, transparent 0 82%, #000 83% 86%, transparent 87%);
}

.hero-hud__progress--gold {
    inset: 10%;
    background: conic-gradient(from 215deg, transparent 0 6%, rgba(246, 212, 123, 0.8) 6% 23%, transparent 23% 100%);
    animation: myu-ring-spin 18s linear infinite;
}

.hero-hud__progress--blue {
    inset: 20%;
    background: conic-gradient(from 28deg, transparent 0 10%, rgba(143, 223, 255, 0.76) 10% 34%, transparent 34% 100%);
    animation: myu-ring-spin-reverse 20s linear infinite;
}

.hero-hud__axis {
    left: 16%;
    right: 16%;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(143, 223, 255, 0.18), rgba(246, 212, 123, 0.2), transparent);
    transform-origin: center;
    opacity: 0.66;
}

.hero-hud__axis--two {
    transform: rotate(58deg);
}

.hero-hud__axis--three {
    transform: rotate(-42deg);
}

.hero-hud__dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #8fdfff;
    box-shadow:
        0 0 0 4px rgba(143, 223, 255, 0.08),
        0 0 18px rgba(143, 223, 255, 0.42);
    animation: myu-dot-pulse 2.8s ease-in-out infinite;
}

.hero-hud__dot--one {
    left: 28%;
    top: 22%;
}

.hero-hud__dot--two {
    right: 18%;
    top: 36%;
    background: var(--gold);
    box-shadow:
        0 0 0 4px rgba(246, 212, 123, 0.08),
        0 0 18px rgba(246, 212, 123, 0.38);
    animation-delay: -0.6s;
}

.hero-hud__dot--three {
    left: 17%;
    bottom: 31%;
    animation-delay: -1.2s;
}

.hero-hud__dot--four {
    right: 28%;
    bottom: 18%;
    background: #ff7aa8;
    box-shadow:
        0 0 0 4px rgba(255, 122, 168, 0.08),
        0 0 18px rgba(255, 122, 168, 0.36);
    animation-delay: -1.8s;
}

.hero-hud__dot--five {
    left: 49%;
    top: 15%;
    background: var(--gold);
    animation-delay: -2.2s;
}

.hero-hud__pill {
    z-index: 4;
    display: grid;
    gap: 2px;
    min-width: 108px;
    padding: 9px 11px;
    border: 1px solid rgba(246, 212, 123, 0.22);
    border-radius: var(--radius);
    background: rgba(8, 12, 22, 0.72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 16px 40px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(14px);
    transform: translate3d(var(--myu-hud-pill-x), var(--myu-hud-pill-y), 0);
    animation: myu-pill-float 5s ease-in-out infinite;
}

.hero-hud__pill b,
.hero-hud__pill em,
.hero-hud__alert b,
.hero-hud__alert em {
    font-style: normal;
    line-height: 1.15;
    white-space: nowrap;
}

.hero-hud__pill b {
    color: #fff4bc;
    font-size: 12px;
    font-weight: 900;
}

.hero-hud__pill em {
    color: rgba(245, 247, 255, 0.66);
    font-size: 10px;
    font-weight: 800;
}

.hero-hud__pill--sync {
    left: 34%;
    top: -3%;
}

.hero-hud__pill--audit {
    right: -9%;
    top: 33%;
    animation-delay: -1.1s;
}

.hero-hud__pill--trace {
    left: -11%;
    bottom: 26%;
    animation-delay: -2.1s;
}

.hero-hud__pill--review {
    left: 36%;
    bottom: -3%;
    animation-delay: -3.1s;
}

.hero-hud__alert {
    z-index: 6;
    display: grid;
    gap: 2px;
    min-width: 132px;
    padding: 10px 12px;
    border: 1px solid rgba(143, 223, 255, 0.28);
    border-radius: var(--radius);
    background:
        linear-gradient(135deg, rgba(143, 223, 255, 0.12), rgba(246, 212, 123, 0.08)),
        rgba(7, 10, 18, 0.82);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 18px 46px rgba(0, 0, 0, 0.3),
        0 0 28px rgba(143, 223, 255, 0.1);
    backdrop-filter: blur(16px);
    opacity: 0;
    transform: translate3d(var(--myu-hud-pill-x), var(--myu-hud-pill-y), 0) scale(0.92);
    animation: myu-scan-alert 10.8s ease-in-out infinite;
}

.hero-hud__alert::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #8fdfff;
    box-shadow: 0 0 14px rgba(143, 223, 255, 0.7);
}

.hero-hud__alert b {
    padding-left: 14px;
    color: #f8fbff;
    font-size: 12px;
    font-weight: 900;
}

.hero-hud__alert em {
    padding-left: 14px;
    color: rgba(245, 247, 255, 0.66);
    font-size: 10px;
    font-weight: 800;
}

.hero-hud__alert--risk {
    right: 4%;
    top: 18%;
    border-color: rgba(255, 122, 168, 0.34);
    animation-delay: 0s;
}

.hero-hud__alert--risk::before {
    background: #ff7aa8;
    box-shadow: 0 0 14px rgba(255, 122, 168, 0.72);
}

.hero-hud__alert--shield {
    left: 18%;
    top: 24%;
    animation-delay: 2.7s;
}

.hero-hud__alert--watermark {
    right: 8%;
    bottom: 29%;
    animation-delay: 5.4s;
}

.hero-hud__alert--recover {
    left: 21%;
    bottom: 18%;
    border-color: rgba(246, 212, 123, 0.32);
    animation-delay: 8.1s;
}

.hero-hud__alert--recover::before {
    background: var(--gold);
    box-shadow: 0 0 14px rgba(246, 212, 123, 0.68);
}

.hero-stage-grid {
    animation: myu-grid-drift 18s linear infinite;
}

.hero-core {
    animation: myu-float 5.6s ease-in-out infinite;
}

.hero-core img {
    animation: myu-logo-pulse 4.8s ease-in-out infinite;
}

.hero-product-card__shine {
    animation: myu-shine-sweep 4.8s var(--ease) infinite;
}

.hero-orbit__ring--outer {
    animation: myu-ring-spin 22s linear infinite;
}

.hero-orbit__ring--middle {
    animation: myu-ring-spin-reverse 18s linear infinite;
}

.hero-orbit__ring--inner {
    animation: myu-ring-spin 14s linear infinite;
}

.hero-orbit__node,
.hero-signal,
.security-radar__trace,
.module-network__node {
    animation: myu-node-float 4.8s ease-in-out infinite;
}

.hero-orbit__node--audit,
.hero-signal--two,
.security-radar__trace--two,
.module-network__node--creator {
    animation-delay: -1.4s;
}

.hero-orbit__node--guard,
.security-radar__trace--three,
.module-network__node--risk {
    animation-delay: -2.6s;
}

.module-network__node--service {
    animation-delay: -3.4s;
}

.hero-scroll-cue::after {
    animation: myu-cue-bounce 1.45s ease-in-out infinite;
}

.strip-orbit span,
.module-network::before {
    animation: myu-ring-spin 16s linear infinite;
}

.strip-orbit span:nth-child(2) {
    animation-duration: 12s;
    animation-direction: reverse;
}

.strip-orbit span:nth-child(3) {
    animation-duration: 8s;
}

.module-network__line {
    overflow: hidden;
}

.module-network__line::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
    transform: translateX(-120%);
    animation: myu-line-flow 2.8s var(--ease) infinite;
}

.security-radar__scan {
    opacity: 0.68;
    animation: myu-radar-spin 5s linear infinite;
}

.page-hero--security .security-radar {
    --radar-accent: #8fdfff;
    --radar-accent-soft: rgba(143, 223, 255, 0.18);
    cursor: pointer;
    user-select: none;
    overflow: visible;
    outline: none;
}

.page-hero--security .security-radar:focus-visible {
    border-color: rgba(246, 212, 123, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 32px 92px rgba(0, 0, 0, 0.3),
        0 0 0 3px rgba(246, 212, 123, 0.14);
}

.security-radar__field,
.security-radar__sweep,
.security-radar__orbit,
.security-radar__pulse,
.security-radar__event {
    position: absolute;
    pointer-events: none;
}

.security-radar__field {
    inset: 8%;
    border-radius: 24px;
    background:
        radial-gradient(circle at 50% 50%, rgba(246, 212, 123, 0.13), transparent 16%),
        radial-gradient(circle at 44% 42%, rgba(143, 223, 255, 0.12), transparent 28%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 42px),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 42px);
    opacity: 0.72;
    mask-image: radial-gradient(circle, #000 0 72%, transparent 92%);
    -webkit-mask-image: radial-gradient(circle, #000 0 72%, transparent 92%);
}

.security-radar__sweep {
    width: 308px;
    height: 308px;
    border-radius: 999px;
    background: conic-gradient(from 0deg, transparent 0 66%, var(--radar-accent-soft) 78%, rgba(246, 212, 123, 0.22) 88%, transparent 100%);
    mix-blend-mode: screen;
    opacity: 0.72;
    animation: myu-radar-spin 6.2s linear infinite;
}

.security-radar__sweep--inner {
    width: 178px;
    height: 178px;
    opacity: 0.42;
    animation-duration: 4.4s;
    animation-direction: reverse;
}

.security-radar__orbit {
    border-radius: 999px;
    border: 1px solid rgba(246, 212, 123, 0.16);
    box-shadow: inset 0 0 24px rgba(143, 223, 255, 0.04);
}

.security-radar__orbit--one {
    width: 330px;
    height: 330px;
    animation: myu-ring-spin 28s linear infinite;
}

.security-radar__orbit--two {
    width: 232px;
    height: 232px;
    border-color: rgba(143, 223, 255, 0.18);
    animation: myu-ring-spin-reverse 22s linear infinite;
}

.security-radar__orbit--three {
    width: 152px;
    height: 152px;
    border-color: rgba(255, 122, 168, 0.2);
    animation: myu-ring-spin 16s linear infinite;
}

.security-radar__pulse {
    z-index: 5;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--radar-accent);
    box-shadow:
        0 0 0 6px var(--radar-accent-soft),
        0 0 24px var(--radar-accent);
    opacity: 0.76;
    animation: myu-radar-dot 2.8s ease-in-out infinite;
}

.security-radar__pulse--one {
    left: 28%;
    top: 30%;
}

.security-radar__pulse--two {
    right: 30%;
    top: 24%;
    animation-delay: -0.9s;
}

.security-radar__pulse--three {
    right: 25%;
    bottom: 28%;
    animation-delay: -1.8s;
}

.security-radar__event {
    z-index: 7;
    left: 50%;
    bottom: 8%;
    display: grid;
    gap: 2px;
    min-width: 156px;
    padding: 11px 13px;
    border: 1px solid rgba(246, 212, 123, 0.24);
    border-radius: var(--radius);
    background:
        linear-gradient(135deg, rgba(246, 212, 123, 0.12), rgba(143, 223, 255, 0.08)),
        rgba(7, 10, 18, 0.82);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 18px 48px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
    opacity: 0.88;
    transform: translateX(-50%);
}

.security-radar__event b,
.security-radar__event em {
    font-style: normal;
    line-height: 1.2;
    white-space: nowrap;
}

.security-radar__event b {
    color: #fff4bc;
    font-size: 13px;
    font-weight: 900;
}

.security-radar__event em {
    color: rgba(245, 247, 255, 0.66);
    font-size: 11px;
    font-weight: 800;
}

.security-radar.radar-effect--anomaly {
    --radar-accent: #ff7aa8;
    --radar-accent-soft: rgba(255, 122, 168, 0.2);
}

.security-radar.radar-effect--anomaly .security-radar__event {
    left: 58%;
    top: 16%;
    bottom: auto;
    border-color: rgba(255, 122, 168, 0.36);
}

.security-radar.radar-effect--shield {
    --radar-accent: #f6d47b;
    --radar-accent-soft: rgba(246, 212, 123, 0.2);
}

.security-radar.radar-effect--shield .security-radar__event {
    left: 34%;
    top: auto;
    bottom: 14%;
    border-color: rgba(246, 212, 123, 0.36);
}

.security-radar.radar-effect--trace {
    --radar-accent: #8fdfff;
    --radar-accent-soft: rgba(143, 223, 255, 0.2);
}

.security-radar.radar-effect--trace .security-radar__event {
    left: 68%;
    top: auto;
    bottom: 24%;
    border-color: rgba(143, 223, 255, 0.36);
}

.security-radar.radar-effect--review {
    --radar-accent: #66e6d2;
    --radar-accent-soft: rgba(102, 230, 210, 0.18);
}

.security-radar.radar-effect--review .security-radar__event {
    left: 50%;
    top: auto;
    bottom: 8%;
    border-color: rgba(102, 230, 210, 0.32);
}

.security-radar.is-radar-clicked .security-radar__event {
    animation: myu-radar-event-pop 0.82s var(--ease);
}

.security-radar.is-radar-clicked .security-radar__core {
    animation: myu-radar-core-hit 0.82s var(--ease);
}

.security-radar.is-radar-clicked .security-radar__sweep--outer {
    animation: myu-radar-hit-sweep 0.82s var(--ease), myu-radar-spin 6.2s linear infinite 0.82s;
}

.security-radar.is-radar-clicked .security-radar__pulse {
    animation: myu-radar-dot-hit 0.82s var(--ease);
}

.security-radar::before {
    animation: myu-radar-pulse 3.2s ease-in-out infinite;
}

.security-radar::after {
    animation: myu-radar-pulse 3.2s ease-in-out infinite -1.4s;
}

.stat-card::after {
    animation: myu-stat-pulse 5.4s ease-in-out infinite;
}

.identity-card::before {
    animation: myu-opacity-pulse 5.4s ease-in-out infinite;
}

.page-hero--about .identity-card {
    --identity-accent: #f6d47b;
    --identity-accent-soft: rgba(246, 212, 123, 0.18);
    --myu-hud-pill-x: 0px;
    --myu-hud-pill-y: 0px;
    min-height: 430px;
    display: grid;
    grid-template-columns: minmax(180px, 0.82fr) minmax(250px, 1.06fr);
    grid-template-rows: auto auto;
    align-content: center;
    align-items: center;
    justify-items: stretch;
    column-gap: clamp(28px, 5vw, 56px);
    isolation: isolate;
    overflow: visible;
    cursor: pointer;
    user-select: none;
    padding: clamp(30px, 4vw, 44px);
}

.page-hero--about .identity-card:focus-visible {
    border-color: rgba(246, 212, 123, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 32px 92px rgba(0, 0, 0, 0.3),
        0 0 0 3px rgba(246, 212, 123, 0.14);
}

.identity-card__system,
.identity-card__ring,
.identity-card__beam,
.identity-card__glyph,
.identity-card__spark {
    position: absolute;
    pointer-events: none;
}

.identity-card__system {
    left: 4%;
    top: 8%;
    bottom: 8%;
    width: min(48%, 360px);
    z-index: 0;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 44%, var(--identity-accent-soft), transparent 24%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 54px),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 54px);
    opacity: 0.86;
    overflow: visible;
}

.identity-card__ring {
    left: 50%;
    top: 50%;
    border-radius: 999px;
    border: 1px solid rgba(246, 212, 123, 0.2);
    transform: translate(-50%, -50%);
}

.identity-card__ring--outer {
    width: 330px;
    height: 330px;
    box-shadow: inset 0 0 44px rgba(143, 223, 255, 0.04);
    animation: myu-ring-spin 32s linear infinite;
}

.identity-card__ring--middle {
    width: 232px;
    height: 232px;
    border-color: rgba(143, 223, 255, 0.2);
    animation: myu-ring-spin-reverse 24s linear infinite;
}

.identity-card__ring--inner {
    width: 138px;
    height: 138px;
    border-style: dashed;
    border-color: rgba(255, 122, 168, 0.22);
    animation: myu-ring-spin 18s linear infinite;
}

.identity-card__beam {
    left: 50%;
    top: 50%;
    width: 280px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(246, 212, 123, 0.28), rgba(143, 223, 255, 0.2), transparent);
    transform-origin: center;
}

.identity-card__beam--one {
    transform: translateX(-50%) rotate(0deg);
}

.identity-card__beam--two {
    transform: translateX(-50%) rotate(54deg);
}

.identity-card__beam--three {
    transform: translateX(-50%) rotate(-48deg);
}

.identity-card__glyph {
    z-index: 3;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(246, 212, 123, 0.22);
    border-radius: 999px;
    background:
        radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.2), transparent 28%),
        rgba(7, 10, 18, 0.72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 14px 34px rgba(0, 0, 0, 0.22),
        0 0 22px var(--identity-accent-soft);
    backdrop-filter: blur(14px);
    animation: myu-identity-node-glow 5s ease-in-out infinite;
}

.identity-card__event b,
.identity-card__event em {
    font-style: normal;
    line-height: 1.15;
    white-space: nowrap;
}

.identity-card__glyph::before {
    color: #fff4bc;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.identity-card__glyph::after {
    content: attr(data-label);
    position: absolute;
    left: 50%;
    top: calc(100% + 6px);
    color: rgba(245, 247, 255, 0.62);
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    transform: translateX(-50%);
    white-space: nowrap;
}

.identity-card__glyph--brand {
    left: 50%;
    top: 1%;
    transform: translateX(-50%);
}

.identity-card__glyph--brand::before {
    content: "◆";
}

.identity-card__glyph--security {
    right: -8%;
    top: 42%;
    animation-delay: -1s;
}

.identity-card__glyph--security::before {
    content: "盾";
    font-size: 17px;
}

.identity-card__glyph--service {
    left: 50%;
    bottom: 1%;
    transform: translateX(-50%);
    animation-delay: -2s;
}

.identity-card__glyph--service::before {
    content: "✓";
}

.identity-card__glyph--scope {
    left: -8%;
    top: 42%;
    animation-delay: -3s;
}

.identity-card__glyph--scope::before {
    content: "⌁";
}

.identity-card__spark {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--identity-accent);
    box-shadow:
        0 0 0 5px var(--identity-accent-soft),
        0 0 22px var(--identity-accent);
    animation: myu-dot-pulse 2.8s ease-in-out infinite;
}

.identity-card__spark--one {
    left: 33%;
    top: 29%;
}

.identity-card__spark--two {
    right: 30%;
    top: 31%;
    background: #8fdfff;
    animation-delay: -0.8s;
}

.identity-card__spark--three {
    left: 48%;
    bottom: 22%;
    background: #ff7aa8;
    animation-delay: -1.6s;
}

.page-hero--about .identity-card__logo {
    grid-column: 1;
    grid-row: 1 / 3;
    justify-self: center;
    align-self: center;
    position: relative;
    z-index: 4;
    width: clamp(98px, 11vw, 128px);
    height: clamp(98px, 11vw, 128px);
    color: #0a0e16;
    background: linear-gradient(135deg, #fff4bc, var(--identity-accent), #8fdfff);
    box-shadow:
        0 24px 64px rgba(246, 212, 123, 0.24),
        0 0 38px var(--identity-accent-soft);
    animation: myu-identity-core 5.4s ease-in-out infinite;
}

.page-hero--about .identity-card__rows {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    z-index: 4;
    justify-items: start;
    align-self: end;
    padding-top: 0;
    text-align: left;
    text-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.page-hero--about .identity-card__rows span,
.page-hero--about .identity-card__rows em {
    color: rgba(245, 247, 255, 0.66);
    font-size: 12px;
}

.page-hero--about .identity-card__rows strong {
    max-width: 7.2em;
    color: #fff;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.08;
    letter-spacing: 0;
}

.identity-card__event {
    position: relative;
    grid-column: 2;
    grid-row: 2;
    z-index: 4;
    display: grid;
    gap: 2px;
    min-width: 176px;
    width: min(100%, 236px);
    margin-top: 18px;
    padding: 10px 13px;
    border: 1px solid rgba(246, 212, 123, 0.24);
    border-radius: var(--radius);
    background:
        linear-gradient(135deg, rgba(246, 212, 123, 0.12), rgba(143, 223, 255, 0.08)),
        rgba(7, 10, 18, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 46px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(14px);
}

.identity-card__event b {
    color: #fff4bc;
    font-size: 12px;
    font-weight: 900;
}

.identity-card__event em {
    color: rgba(245, 247, 255, 0.64);
    font-size: 10px;
    font-weight: 800;
}

.identity-card.identity-effect--brand {
    --identity-accent: #f6d47b;
    --identity-accent-soft: rgba(246, 212, 123, 0.2);
}

.identity-card.identity-effect--security {
    --identity-accent: #8fdfff;
    --identity-accent-soft: rgba(143, 223, 255, 0.2);
}

.identity-card.identity-effect--service {
    --identity-accent: #66e6d2;
    --identity-accent-soft: rgba(102, 230, 210, 0.18);
}

.identity-card.identity-effect--scope {
    --identity-accent: #ff7aa8;
    --identity-accent-soft: rgba(255, 122, 168, 0.18);
}

.identity-card.is-identity-clicked .identity-card__event {
    animation: myu-identity-event-pop 0.82s var(--ease);
}

.identity-card.is-identity-clicked .identity-card__logo {
    animation: myu-identity-core-hit 0.82s var(--ease), myu-identity-core 5.4s ease-in-out infinite 0.82s;
}

.identity-card.is-identity-clicked .identity-card__spark,
.identity-card.is-identity-clicked .identity-card__glyph {
    animation: myu-radar-dot-hit 0.82s var(--ease);
}

.motion-ready .myu-reveal {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    transition:
        opacity 0.62s ease,
        transform 0.62s var(--ease);
}

.motion-ready .myu-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.motion-ready .myu-reveal[data-motion-delay="1"] {
    transition-delay: 0.06s;
}

.motion-ready .myu-reveal[data-motion-delay="2"] {
    transition-delay: 0.12s;
}

.motion-ready .myu-reveal[data-motion-delay="3"] {
    transition-delay: 0.18s;
}

.motion-ready .myu-reveal[data-motion-delay="4"] {
    transition-delay: 0.24s;
}

@keyframes myu-gradient-flow {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 280% 50%;
    }
}

@keyframes myu-logo-glow {
    0%,
    100% {
        filter: drop-shadow(0 8px 18px rgba(246, 212, 123, 0.18));
    }

    50% {
        filter:
            drop-shadow(0 12px 26px rgba(246, 212, 123, 0.3))
            drop-shadow(0 0 18px rgba(143, 223, 255, 0.18));
    }
}

@keyframes myu-logo-pulse {
    0%,
    100% {
        filter: drop-shadow(0 22px 34px rgba(0, 0, 0, 0.28));
    }

    50% {
        filter:
            drop-shadow(0 26px 44px rgba(0, 0, 0, 0.36))
            drop-shadow(0 0 28px rgba(143, 223, 255, 0.22));
    }
}

@keyframes myu-panel-breathe {
    0%,
    100% {
        border-color: rgba(246, 212, 123, 0.16);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 28px 78px rgba(0, 0, 0, 0.24);
    }

    50% {
        border-color: rgba(246, 212, 123, 0.34);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 34px 96px rgba(5, 8, 18, 0.32),
            0 0 44px rgba(143, 223, 255, 0.08);
    }
}

@keyframes myu-grid-drift {
    0% {
        background-position: center, center, 58% 42%;
    }

    100% {
        background-position: 58px 58px, -58px -58px, 64% 48%;
    }
}

@keyframes myu-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -14px, 0);
    }
}

@keyframes myu-core-stable-float {
    0%,
    100% {
        transform: rotateZ(var(--myu-counter-spin)) translate3d(0, 0, 0);
    }

    50% {
        transform: rotateZ(var(--myu-counter-spin)) translate3d(0, -10px, 0);
    }
}

@keyframes myu-shine-sweep {
    0%,
    42% {
        transform: translateX(-48%) rotate(0.001deg);
        opacity: 0;
    }

    56% {
        opacity: 1;
    }

    100% {
        transform: translateX(46%) rotate(0.001deg);
        opacity: 0;
    }
}

@keyframes myu-ring-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes myu-ring-spin-reverse {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes myu-node-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -8px, 0);
    }
}

@keyframes myu-pill-float {
    0%,
    100% {
        transform: translate3d(var(--myu-hud-pill-x), var(--myu-hud-pill-y), 0);
    }

    50% {
        transform: translate3d(var(--myu-hud-pill-x), calc(var(--myu-hud-pill-y) - 7px), 0);
    }
}

@keyframes myu-scan-alert {
    0%,
    15%,
    100% {
        opacity: 0;
        transform: translate3d(var(--myu-hud-pill-x), var(--myu-hud-pill-y), 0) scale(0.92);
    }

    4%,
    10% {
        opacity: 1;
        transform: translate3d(var(--myu-hud-pill-x), var(--myu-hud-pill-y), 0) scale(1);
    }
}

@keyframes myu-dot-pulse {
    0%,
    100% {
        opacity: 0.46;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.55);
    }
}

@keyframes myu-cue-bounce {
    0%,
    100% {
        transform: translateY(0) rotate(45deg);
    }

    50% {
        transform: translateY(6px) rotate(45deg);
    }
}

@keyframes myu-line-flow {
    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(120%);
    }
}

@keyframes myu-radar-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes myu-radar-pulse {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(1);
    }

    50% {
        opacity: 0.95;
        transform: scale(1.035);
    }
}

@keyframes myu-radar-dot {
    0%,
    100% {
        opacity: 0.42;
        transform: scale(0.92);
    }

    50% {
        opacity: 1;
        transform: scale(1.35);
    }
}

@keyframes myu-radar-event-pop {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(12px) scale(0.94);
    }

    45% {
        opacity: 1;
        transform: translateX(-50%) translateY(-4px) scale(1.04);
    }

    100% {
        opacity: 0.88;
        transform: translateX(-50%) translateY(0) scale(1);
    }
}

@keyframes myu-radar-core-hit {
    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 22px 54px rgba(246, 212, 123, 0.2);
    }

    45% {
        transform: scale(1.12);
        box-shadow:
            0 24px 64px rgba(246, 212, 123, 0.32),
            0 0 42px var(--radar-accent-soft);
    }
}

@keyframes myu-radar-hit-sweep {
    0% {
        transform: rotate(0deg) scale(0.82);
        opacity: 0.42;
    }

    100% {
        transform: rotate(220deg) scale(1.06);
        opacity: 0.88;
    }
}

@keyframes myu-radar-dot-hit {
    0% {
        transform: scale(0.7);
        opacity: 0.35;
    }

    45% {
        transform: scale(1.9);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0.76;
    }
}

@keyframes myu-identity-core {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
        box-shadow:
            0 24px 64px rgba(246, 212, 123, 0.24),
            0 0 38px var(--identity-accent-soft);
    }

    50% {
        transform: translate3d(0, -8px, 0);
        box-shadow:
            0 30px 72px rgba(246, 212, 123, 0.3),
            0 0 48px var(--identity-accent-soft);
    }
}

@keyframes myu-identity-node-glow {
    0%,
    100% {
        border-color: rgba(246, 212, 123, 0.2);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 16px 38px rgba(0, 0, 0, 0.24);
    }

    50% {
        border-color: rgba(246, 212, 123, 0.38);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.1),
            0 18px 44px rgba(0, 0, 0, 0.28),
            0 0 24px var(--identity-accent-soft);
    }
}

@keyframes myu-identity-core-hit {
    0%,
    100% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.14);
    }
}

@keyframes myu-identity-event-pop {
    0% {
        opacity: 0;
        transform: translateY(12px) scale(0.94);
    }

    45% {
        opacity: 1;
        transform: translateY(-4px) scale(1.04);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes myu-stat-pulse {
    0%,
    100% {
        opacity: 0.32;
        transform: translateX(-50%) scale(1);
    }

    50% {
        opacity: 0.58;
        transform: translateX(-50%) scale(1.08);
    }
}

@keyframes myu-opacity-pulse {
    0%,
    100% {
        opacity: 0.28;
        transform: scale(1);
    }

    50% {
        opacity: 0.52;
        transform: scale(1.08);
    }
}

@keyframes myu-pointer-ring {
    to {
        transform: rotate(360deg);
    }
}

@media (hover: none), (pointer: coarse) {
    .myu-pointer-light {
        display: none;
    }

    .info-card:hover,
    .compact-list article:hover,
    .flow-grid article:hover,
    .stat-card:hover,
    .ui-button:hover,
    .nav-link:hover,
    .stepper-button:hover,
    .tab-button:hover,
    .node-map__node:hover {
        transform: none;
    }
}

@media (max-width: 620px) {
    .myu-motion-canvas {
        opacity: 0.34;
    }

    .myu-pointer-light {
        width: 46px;
        height: 46px;
    }

    .home-page .hero-product-stage {
        width: min(100%, 430px);
        max-width: 100%;
    }

    .home-page .hero-product-stage .hero-telemetry {
        width: 132px;
        right: 2%;
        bottom: 7%;
        padding: 10px;
    }

    .home-page .hero-product-stage .hero-telemetry strong {
        font-size: 28px;
    }

    .home-page .hero-hud__axis,
    .home-page .hero-hud__dot--three,
    .home-page .hero-hud__dot--four,
    .home-page .hero-hud__pill--audit,
    .home-page .hero-hud__pill--review,
    .home-page .hero-hud__alert--watermark,
    .home-page .hero-hud__alert--recover {
        display: none;
    }

    .home-page .hero-hud__pill {
        min-width: 82px;
        padding: 7px 8px;
    }

    .home-page .hero-hud__pill b {
        font-size: 11px;
    }

    .home-page .hero-hud__pill em {
        font-size: 9px;
    }

    .home-page .hero-hud__pill--sync {
        left: 31%;
        top: -2%;
    }

    .home-page .hero-hud__pill--trace {
        left: -3%;
        bottom: 24%;
    }

    .home-page .hero-hud__alert {
        min-width: 112px;
        padding: 8px 9px;
    }

    .home-page .hero-hud__alert b {
        font-size: 11px;
    }

    .home-page .hero-hud__alert em {
        font-size: 9px;
    }

    .home-page .hero-hud__alert--risk {
        right: 2%;
        top: 20%;
    }

    .home-page .hero-hud__alert--shield {
        left: 9%;
        top: 29%;
    }

    .hero-orbit__node,
    .hero-signal,
    .security-radar__trace,
    .module-network__node {
        animation-duration: 6.2s;
    }

    .page-hero--security .security-radar {
        min-height: 330px;
        overflow: hidden;
    }

    .security-radar__field {
        inset: 6%;
        border-radius: 18px;
    }

    .security-radar__sweep--outer,
    .security-radar__scan {
        width: 230px;
        height: 230px;
    }

    .security-radar__sweep--inner {
        width: 138px;
        height: 138px;
    }

    .security-radar__orbit--one {
        width: 252px;
        height: 252px;
    }

    .security-radar__orbit--two {
        width: 184px;
        height: 184px;
    }

    .security-radar__orbit--three {
        width: 118px;
        height: 118px;
    }

    .security-radar__core {
        width: 82px;
        height: 82px;
        font-size: 18px;
    }

    .security-radar__event {
        left: 50%;
        bottom: 9%;
        min-width: 138px;
        padding: 9px 10px;
    }

    .security-radar__event b {
        font-size: 12px;
    }

    .security-radar__event em {
        font-size: 10px;
    }

    .security-radar__pulse--one {
        left: 24%;
        top: 29%;
    }

    .security-radar__pulse--two {
        right: 24%;
        top: 25%;
    }

    .security-radar__pulse--three {
        display: none;
    }

    .page-hero--about .identity-card {
        min-height: 360px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        justify-items: center;
        row-gap: 12px;
        padding: 28px 18px;
        overflow: visible;
    }

    .identity-card__system {
        left: 50%;
        top: 4%;
        bottom: auto;
        width: min(88%, 300px);
        height: 245px;
        transform: translateX(-50%);
    }

    .identity-card__ring--outer {
        width: 250px;
        height: 250px;
    }

    .identity-card__ring--middle {
        width: 178px;
        height: 178px;
    }

    .identity-card__ring--inner {
        width: 112px;
        height: 112px;
    }

    .identity-card__beam--two,
    .identity-card__beam--three,
    .identity-card__glyph--security,
    .identity-card__glyph--scope,
    .identity-card__spark--three {
        display: none;
    }

    .page-hero--about .identity-card__logo {
        grid-column: 1;
        grid-row: 1;
        width: 88px;
        height: 88px;
        font-size: 20px;
    }

    .page-hero--about .identity-card__rows {
        grid-column: 1;
        grid-row: 2;
        justify-items: center;
        text-align: center;
    }

    .page-hero--about .identity-card__rows strong {
        max-width: 9em;
        font-size: clamp(30px, 9vw, 42px);
    }

    .identity-card__glyph {
        width: 38px;
        height: 38px;
    }

    .identity-card__glyph::before {
        font-size: 18px;
    }

    .identity-card__glyph::after {
        font-size: 9px;
    }

    .identity-card__glyph--brand {
        top: 4%;
    }

    .identity-card__glyph--service {
        bottom: 4%;
    }

    .identity-card__event {
        grid-column: 1;
        grid-row: 3;
        min-width: 150px;
        padding: 9px 10px;
        margin-top: 0;
    }

    .identity-card__event b {
        font-size: 11px;
    }

    .identity-card__event em {
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .myu-motion-canvas,
    .myu-pointer-light {
        display: none !important;
    }

    .motion-ready .myu-reveal,
    .motion-ready .myu-reveal.is-visible {
        opacity: 1;
        transform: none;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        transition-duration: 0.01ms;
    }
}

/* Final stability guard loaded after all page styles. */
.myu-motion-canvas {
    opacity: 0.16;
}

.section-head h2,
.hero-copy h1,
.strip-inner h2,
.page-hero__copy h1 {
    color: inherit;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    text-shadow: none;
    filter: none;
    animation: none;
}

.hero-copy h1,
.strip-inner h2,
.page-hero__copy h1,
.home-section--interactive .section-head h2,
.home-section--scenarios .section-head h2,
.home-section--map .section-head h2,
.page-section--interactive .section-head h2,
.page-section--review .section-head h2 {
    color: #fff;
}

.section-head h2 {
    color: #111827;
}

.home-page .hero-product-stage {
    width: min(100%, 620px);
    max-width: min(48vw, 620px);
    min-height: min(54vw, 560px);
    aspect-ratio: auto;
    border-radius: 16px;
    overflow: hidden;
    cursor: default;
}

.home-page .hero-product-stage::after {
    display: none;
}

.hero-product-stage,
.page-hero-panel {
    animation: none;
}

.home-page .hero-product-stage .hero-core {
    inset: 14% 4% 18%;
    animation: none;
}

.home-page .hero-product-stage .hero-core img {
    width: min(92%, 720px);
}

.showcase-node:not(.self-system-node),
.core-map-node,
.module-topology__node,
.security-cockpit__node,
.identity-timeline-pro__node,
.scenario-chip {
    transition:
        border-color 0.24s ease,
        box-shadow 0.24s ease,
        background 0.24s ease,
        color 0.24s ease;
}

.showcase-node:not(.self-system-node):hover,
.showcase-node:not(.self-system-node):focus-visible,
.core-map-node:hover,
.core-map-node:focus-visible,
.module-topology__node:hover,
.module-topology__node:focus-visible,
.security-cockpit__node:hover,
.security-cockpit__node:focus-visible,
.identity-timeline-pro__node:hover,
.identity-timeline-pro__node:focus-visible,
.scenario-chip:hover,
.scenario-chip:focus-visible {
    transform: none;
    border-color: rgba(246, 212, 123, 0.5);
    box-shadow: 0 14px 36px rgba(246, 212, 123, 0.14);
}

@media (max-width: 900px) {
    .home-page .hero-product-stage {
        max-width: min(100%, 620px);
        min-height: 430px;
    }
}

@media (max-width: 620px) {
    .home-page .hero-product-stage {
        min-height: 360px;
    }
}

/* Fix readability regressions from the visual normalization pass. */
.info-card,
.compact-list article,
.flow-grid article,
.fact-table {
    color: #111827;
}

.info-card h3,
.compact-list h3,
.flow-grid h3,
.fact-table strong {
    color: #111827;
}

.info-card p,
.compact-list p,
.flow-grid p,
.fact-table span {
    color: #5d6678;
}

.home-section--soft .info-card,
.page-section--soft .info-card,
.home-section--capabilities .info-card,
.page-section .info-card,
.compact-list article,
.flow-grid article,
.fact-table {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.94)),
        radial-gradient(circle at 50% 0%, rgba(143, 223, 255, 0.12), transparent 16rem);
    border-color: rgba(17, 24, 39, 0.08);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

/* Restore the previous homepage round radar logo stage. */
.home-page .hero-product-stage {
    --myu-hud-x: 0px;
    --myu-hud-y: 0px;
    --myu-hud-pill-x: 0px;
    --myu-hud-pill-y: 0px;
    --myu-hud-angle: 0deg;
    width: min(100%, 620px);
    max-width: min(48vw, 620px);
    min-height: 0;
    aspect-ratio: 1 / 1;
    justify-self: center;
    border-radius: 999px;
    cursor: grab;
    overflow: visible;
    background:
        radial-gradient(circle at 42% 36%, rgba(255, 255, 255, 0.12), transparent 28%),
        radial-gradient(circle at 62% 58%, rgba(143, 223, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(18, 23, 37, 0.78), rgba(8, 11, 20, 0.86)),
        linear-gradient(135deg, rgba(246, 212, 123, 0.08), rgba(143, 223, 255, 0.04));
}

.home-page .hero-product-stage.is-rotating {
    cursor: grabbing;
}

.home-page .hero-product-stage::before {
    display: block;
    inset: 5.5%;
    border-radius: 999px;
}

.home-page .hero-product-stage::after {
    display: block;
    inset: 9%;
    height: auto;
    border-radius: 999px;
    background:
        conic-gradient(from 90deg, transparent 0 20%, rgba(246, 212, 123, 0.22) 26%, transparent 34% 58%, rgba(143, 223, 255, 0.16) 66%, transparent 76% 100%);
    filter: blur(0);
    transform: none;
    mask-image: radial-gradient(circle, transparent 0 58%, #000 59% 61%, transparent 62%);
    -webkit-mask-image: radial-gradient(circle, transparent 0 58%, #000 59% 61%, transparent 62%);
    animation: myu-ring-spin 26s linear infinite;
}

.home-page .hero-product-stage .hero-stage-grid {
    border-radius: 999px;
    mask-image: radial-gradient(circle, #000 0 72%, transparent 96%);
    -webkit-mask-image: radial-gradient(circle, #000 0 72%, transparent 96%);
}

.home-page .hero-product-stage .hero-core {
    inset: 22% 8% 20%;
    z-index: 5;
    animation: myu-core-stable-float 5.6s ease-in-out infinite;
}

.home-page .hero-product-stage .hero-core img {
    width: min(88%, 560px);
}

.home-page .hero-product-stage .hero-orbit {
    inset: 7%;
}

.home-page .hero-product-stage .hero-telemetry {
    right: -1%;
    bottom: 9%;
    width: min(154px, 29%);
    padding: 12px 13px;
    border-radius: 12px;
    overflow: visible;
    white-space: nowrap;
}

.home-page .hero-product-stage .hero-telemetry strong {
    font-size: clamp(29px, 3vw, 38px);
}

.home-page .hero-product-stage .hero-signal--one {
    left: -3%;
    top: 16%;
}

.home-page .hero-product-stage .hero-signal--two {
    right: -4%;
    top: 31%;
}

.home-page .hero-product-stage .hero-signal {
    overflow: visible;
    white-space: nowrap;
}

.footer-platform {
    animation: myu-platform-float 4.8s ease-in-out infinite;
    transition:
        transform 0.28s var(--ease),
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        color 0.28s ease;
}

.footer-platform:nth-child(2) {
    animation-delay: -0.7s;
}

.footer-platform:nth-child(3) {
    animation-delay: -1.4s;
}

.footer-platform:nth-child(4) {
    animation-delay: -2.1s;
}

.footer-platform:nth-child(5) {
    animation-delay: -2.8s;
}

.footer-platform:nth-child(6) {
    animation-delay: -3.5s;
}

.footer-platform::before {
    animation: myu-platform-sweep 5.6s ease-in-out infinite;
}

.footer-platform i {
    animation: myu-platform-icon-pulse 3.6s ease-in-out infinite;
}

.footer-platform:hover,
.footer-platform:focus-visible {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--platform-a) 60%, #ffffff 12%);
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 18px 42px color-mix(in srgb, var(--platform-b) 24%, transparent);
}

.footer-platform:hover::before,
.footer-platform:focus-visible::before {
    animation-duration: 1.3s;
}

@keyframes myu-platform-float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

@keyframes myu-platform-sweep {
    0%,
    38% {
        transform: translateX(-120%);
    }
    58%,
    100% {
        transform: translateX(120%);
    }
}

@keyframes myu-platform-icon-pulse {
    0%,
    100% {
        box-shadow: 0 0 14px color-mix(in srgb, var(--platform-b) 28%, transparent);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 24px color-mix(in srgb, var(--platform-b) 48%, transparent);
        transform: scale(1.04);
    }
}

@media (max-width: 900px) {
    .home-page .hero-product-stage {
        max-width: min(100%, 620px);
        min-height: 0;
    }
}

@media (max-width: 620px) {
    .home-page .hero-product-stage {
        width: min(100%, 390px);
        min-height: 0;
    }

    .home-page .hero-product-stage .hero-core img {
        width: min(86%, 320px);
    }
}

/* Platform matrix refinement: no capsules, smooth real-icon list. */
.footer-platform {
    animation: none;
    transition: transform 0.24s var(--ease), opacity 0.24s ease;
}

.footer-platform::before {
    animation: none;
}

.footer-platform img {
    animation: myu-platform-icon-breathe 5.8s ease-in-out infinite alternate;
}

.footer-platform em {
    color: transparent;
    background:
        linear-gradient(
            90deg,
            rgba(245, 247, 255, 0.76) 0%,
            #ffffff 18%,
            var(--platform-a) 36%,
            var(--platform-b) 54%,
            #ffffff 72%,
            rgba(245, 247, 255, 0.84) 100%
        );
    background-size: 180% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: myu-platform-text-breathe 6.4s ease-in-out infinite alternate;
}

.footer-platform:nth-child(2) img {
    animation-delay: -0.7s;
}

.footer-platform:nth-child(3) img {
    animation-delay: -1.4s;
}

.footer-platform:nth-child(4) img {
    animation-delay: -2.1s;
}

.footer-platform:nth-child(5) img {
    animation-delay: -2.8s;
}

.footer-platform:nth-child(6) img {
    animation-delay: -3.5s;
}

.footer-platform:hover,
.footer-platform:focus-visible {
    transform: translateY(-2px);
    border-color: transparent;
    box-shadow: none;
}

.footer-platform:hover img,
.footer-platform:focus-visible img {
    filter:
        drop-shadow(0 0 12px color-mix(in srgb, var(--platform-b) 58%, transparent))
        drop-shadow(0 6px 14px rgba(0, 0, 0, 0.32));
}

@keyframes myu-platform-real-icon {
    0%,
    100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-2px) scale(1.04);
    }
}

@keyframes myu-platform-icon-breathe {
    0% {
        filter:
            drop-shadow(0 0 7px color-mix(in srgb, var(--platform-b) 28%, transparent))
            drop-shadow(0 4px 10px rgba(0, 0, 0, 0.24));
    }
    100% {
        filter:
            drop-shadow(0 0 12px color-mix(in srgb, var(--platform-b) 42%, transparent))
            drop-shadow(0 5px 12px rgba(0, 0, 0, 0.28));
    }
}

@keyframes myu-platform-text-breathe {
    0% {
        background-position: 8% 50%;
    }
    100% {
        background-position: 92% 50%;
    }
}