:root {
    --tech-bg: #030711;
    --tech-bg-soft: #081120;
    --tech-surface: rgba(10, 18, 34, 0.72);
    --tech-surface-strong: rgba(11, 20, 38, 0.9);
    --tech-surface-border: rgba(137, 197, 255, 0.14);
    --tech-text: #edf6ff;
    --tech-text-soft: rgba(221, 236, 255, 0.74);
    --tech-text-muted: rgba(176, 200, 228, 0.62);
    --tech-line: rgba(111, 173, 255, 0.14);
    --tech-blue: #4aa7ff;
    --tech-cyan: #7cf5ff;
    --tech-glow: rgba(74, 167, 255, 0.3);
    --tech-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
    --tech-radius-xl: 36px;
    --tech-radius-lg: 28px;
    --tech-radius-md: 20px;
    --tech-max: 1240px;
}

html {
    overflow-x: hidden;
}

body.technology-page {
    background:
        radial-gradient(circle at 20% 0%, rgba(50, 120, 255, 0.18), transparent 28%),
        radial-gradient(circle at 80% 18%, rgba(0, 224, 255, 0.12), transparent 22%),
        linear-gradient(180deg, #02050d 0%, #030711 16%, #06101f 48%, #030712 100%);
    color: var(--tech-text);
    width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

body.technology-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(120, 180, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120, 180, 255, 0.04) 1px, transparent 1px);
    background-size: 88px 88px;
    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.72), transparent 92%);
    opacity: 0.42;
    z-index: 0;
}

body.technology-page .nav {
    background: rgba(4, 8, 18, 0.62);
    border-bottom-color: rgba(132, 186, 255, 0.12);
    backdrop-filter: blur(18px) saturate(170%);
    -webkit-backdrop-filter: blur(18px) saturate(170%);
}

body.technology-page .nav.scrolled {
    background: rgba(3, 8, 18, 0.84);
    border-bottom-color: rgba(132, 186, 255, 0.18);
}

body.technology-page .nav-logo,
body.technology-page .logo-text,
body.technology-page .nav-link,
body.technology-page .language-selector .lang-text,
body.technology-page .mega-menu-link,
body.technology-page .mega-menu-description,
body.technology-page .mega-menu-cta {
    color: var(--tech-text);
}

body.technology-page .nav-link.active::after {
    background: rgba(124, 245, 255, 0.75);
    opacity: 0.8;
}

body.technology-page .nav-cta {
    border-color: rgba(132, 186, 255, 0.16);
    background: rgba(124, 245, 255, 0.05);
}

body.technology-page .nav-cta:hover,
body.technology-page .language-selector:hover .lang-text {
    background: rgba(124, 245, 255, 0.08);
}

body.technology-page .nav-badge {
    color: #7cf5ff;
    background: rgba(124, 245, 255, 0.12);
}

body.technology-page .mega-menu,
body.technology-page .mobile-menu-panel,
body.technology-page .mobile-menu-panel .mega-menu {
    background: rgba(8, 14, 29, 0.96);
    border: 1px solid rgba(132, 186, 255, 0.12);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

body.technology-page .mobile-menu-overlay {
    background: rgba(0, 2, 8, 0.6);
}

body.technology-page .mobile-menu-panel .nav-link,
body.technology-page .mobile-menu-panel .language-selector {
    color: var(--tech-text);
    border-bottom-color: rgba(132, 186, 255, 0.08);
    border-top-color: rgba(132, 186, 255, 0.08);
}

.tech-page {
    position: relative;
    z-index: 1;
    overflow-x: hidden;
    touch-action: pan-y;
}

.tech-shell,
.tech-section-inner {
    width: min(calc(100% - 48px), var(--tech-max));
    margin: 0 auto;
}

.tech-section[id] {
    scroll-margin-top: 96px;
}

.tech-section {
    position: relative;
    padding: 136px 0;
}

.tech-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 26%, transparent 74%, rgba(124, 245, 255, 0.03));
    opacity: 0.7;
    pointer-events: none;
}

.tech-section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 140px;
    background: linear-gradient(180deg, rgba(3, 7, 17, 0) 0%, rgba(3, 7, 17, 0.78) 100%);
    opacity: 0.5;
    pointer-events: none;
}

.tech-section-heading {
    max-width: 760px;
    margin-bottom: 72px;
}

.tech-section-heading.centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.tech-eyebrow,
.tech-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(124, 245, 255, 0.16);
    background: rgba(124, 245, 255, 0.06);
    color: var(--tech-text-soft);
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.tech-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--tech-cyan), var(--tech-blue));
    box-shadow: 0 0 18px rgba(124, 245, 255, 0.8);
}

.tech-section-title {
    margin-top: 24px;
    font-size: clamp(36px, 5.3vw, 64px);
    line-height: 1.04;
    letter-spacing: -0.04em;
    color: var(--tech-text);
}

.tech-section-description {
    margin-top: 22px;
    max-width: 44ch;
    font-size: clamp(17px, 1.8vw, 21px);
    line-height: 1.62;
    color: var(--tech-text-soft);
}

.tech-section-heading.centered .tech-section-description {
    margin-left: auto;
    margin-right: auto;
}

.tech-hero {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    padding: 140px 0 96px;
    --hero-reactive-x: 0px;
    --hero-reactive-y: 0px;
    --hero-wave-x: 0px;
    --hero-wave-y: 0px;
}

.tech-hero-bg,
.tech-hero-bg::before,
.tech-hero-bg::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tech-hero-bg {
    overflow: hidden;
}

.tech-hero-bg::before {
    content: "";
    background:
        radial-gradient(circle at 50% 44%, rgba(74, 167, 255, 0.22), transparent 19%),
        radial-gradient(circle at 60% 18%, rgba(124, 245, 255, 0.12), transparent 18%),
        radial-gradient(circle at 24% 28%, rgba(74, 167, 255, 0.14), transparent 22%);
    filter: blur(18px);
}

.tech-hero-bg::after {
    content: "";
    background:
        linear-gradient(90deg, transparent 0%, rgba(124, 245, 255, 0.14) 48%, transparent 100%),
        linear-gradient(180deg, rgba(124, 245, 255, 0.08), transparent 72%);
    opacity: 0.35;
    mask-image: radial-gradient(circle at center, black, transparent 78%);
}

.tech-hero-pulsefield {
    position: absolute;
    inset: -12% -8%;
    background:
        radial-gradient(circle at 50% 42%, rgba(124, 245, 255, 0.2), transparent 16%),
        radial-gradient(circle at 50% 42%, rgba(74, 167, 255, 0.14), transparent 24%),
        radial-gradient(circle at 50% 42%, rgba(74, 167, 255, 0.08), transparent 34%);
    filter: blur(10px);
    opacity: 0.9;
    transform: translate3d(var(--hero-reactive-x), var(--hero-reactive-y), 0);
    animation: techHeroPulse 8s ease-in-out infinite;
}

.tech-hero-signal-lines {
    position: absolute;
    inset: 0;
    opacity: 0.9;
}

.tech-hero-signal-line {
    position: absolute;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(124, 245, 255, 0), rgba(124, 245, 255, 0.9), rgba(124, 245, 255, 0));
    box-shadow: 0 0 22px rgba(124, 245, 255, 0.16);
    overflow: hidden;
}

.tech-hero-signal-line::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -10%;
    width: 72px;
    height: 5px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.92), transparent);
    animation: techSignalTravel 4.8s linear infinite;
}

.tech-hero-signal-line.line-a {
    top: 20%;
    left: 12%;
    width: 34%;
    transform: rotate(10deg) translate3d(var(--hero-reactive-x), var(--hero-reactive-y), 0);
}

.tech-hero-signal-line.line-b {
    top: 24%;
    right: 8%;
    width: 28%;
    transform: rotate(-16deg) translate3d(var(--hero-reactive-x), var(--hero-reactive-y), 0);
}

.tech-hero-signal-line.line-c {
    bottom: 22%;
    left: 18%;
    width: 36%;
    transform: rotate(-8deg) translate3d(var(--hero-reactive-x), var(--hero-reactive-y), 0);
}

.tech-hero-signal-line.line-d {
    bottom: 18%;
    right: 14%;
    width: 26%;
    transform: rotate(12deg) translate3d(var(--hero-reactive-x), var(--hero-reactive-y), 0);
}

.tech-hero-waveform {
    position: absolute;
    inset: 8% 0 auto;
    width: 100%;
    height: 72%;
    opacity: 0.66;
    transform: translate3d(var(--hero-wave-x), var(--hero-wave-y), 0);
}

.tech-hero-waveform path {
    fill: none;
    stroke-linecap: round;
    stroke-width: 2;
    stroke-dasharray: 10 18 140 22;
    animation: techWaveShift 18s linear infinite;
}

.tech-hero-waveform .wave-back {
    stroke: rgba(74, 167, 255, 0.22);
}

.tech-hero-waveform .wave-mid {
    stroke: rgba(124, 245, 255, 0.48);
    animation-duration: 14s;
}

.tech-hero-waveform .wave-front {
    stroke: rgba(237, 246, 255, 0.72);
    stroke-width: 2.4;
    animation-duration: 10s;
}

.tech-particles {
    position: absolute;
    inset: 0;
}

.tech-particle {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(124, 245, 255, 0.9);
    box-shadow: 0 0 18px rgba(124, 245, 255, 0.85);
    animation: techFloat 9s ease-in-out infinite;
}

.tech-particle:nth-child(1) {
    top: 16%;
    left: 14%;
}

.tech-particle:nth-child(2) {
    top: 28%;
    left: 74%;
    width: 6px;
    height: 6px;
    animation-delay: -2s;
}

.tech-particle:nth-child(3) {
    top: 56%;
    left: 84%;
    animation-delay: -4s;
}

.tech-particle:nth-child(4) {
    top: 72%;
    left: 26%;
    width: 5px;
    height: 5px;
    animation-delay: -1.5s;
}

.tech-particle:nth-child(5) {
    top: 82%;
    left: 62%;
    animation-delay: -3.8s;
}

.tech-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.03fr) minmax(360px, 0.97fr);
    gap: 48px;
    align-items: center;
}

.tech-hero-copy {
    position: relative;
    z-index: 2;
}

.tech-hero-title {
    margin-top: 30px;
    max-width: 10ch;
    font-size: clamp(52px, 8vw, 100px);
    line-height: 0.96;
    letter-spacing: -0.05em;
    color: var(--tech-text);
}

.tech-hero-subtitle {
    margin-top: 34px;
    max-width: 24ch;
    font-size: clamp(22px, 2.5vw, 31px);
    line-height: 1.42;
    color: var(--tech-text-soft);
}

.tech-hero-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

.tech-hero-pill {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(10, 20, 38, 0.72);
    border: 1px solid rgba(132, 186, 255, 0.14);
    color: var(--tech-text-soft);
    font-size: 14px;
    letter-spacing: -0.01em;
    backdrop-filter: blur(16px);
}

.tech-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.tech-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transform: translate3d(var(--btn-move-x, 0px), var(--btn-move-y, 0px), 0);
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
    will-change: transform;
}

.tech-button:hover {
    transform: translate3d(var(--btn-move-x, 0px), calc(var(--btn-move-y, 0px) - 2px), 0);
}

.tech-button-primary {
    background: linear-gradient(135deg, rgba(74, 167, 255, 0.95), rgba(124, 245, 255, 0.82));
    color: #041019;
    box-shadow: 0 18px 40px rgba(74, 167, 255, 0.28);
}

.tech-button-secondary {
    border-color: rgba(132, 186, 255, 0.16);
    color: var(--tech-text);
    background: rgba(9, 16, 32, 0.66);
}

.tech-hero-note {
    margin-top: 28px;
    max-width: 32ch;
    font-size: 12px;
    line-height: 1.68;
    color: var(--tech-text-muted);
}

.tech-hero-visual {
    position: relative;
    min-height: 620px;
    border-radius: var(--tech-radius-xl);
    background:
        radial-gradient(circle at 50% 34%, rgba(74, 167, 255, 0.16), transparent 24%),
        linear-gradient(180deg, rgba(11, 22, 40, 0.92), rgba(7, 14, 28, 0.82));
    border: 1px solid rgba(132, 186, 255, 0.12);
    box-shadow: var(--tech-shadow);
    overflow: hidden;
    transition: transform 0.28s ease;
    will-change: transform;
}

.tech-hero-visual::before {
    content: "";
    position: absolute;
    inset: 22px;
    border-radius: 30px;
    border: 1px solid rgba(132, 186, 255, 0.08);
    background:
        linear-gradient(transparent 97%, rgba(132, 186, 255, 0.08) 100%),
        linear-gradient(90deg, transparent 97%, rgba(132, 186, 255, 0.08) 100%);
    background-size: 58px 58px;
    opacity: 0.6;
}

.tech-hero-system-status {
    position: absolute;
    top: 26px;
    left: 26px;
    right: 26px;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.tech-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(132, 186, 255, 0.16);
    background: rgba(8, 16, 30, 0.72);
    color: var(--tech-text-soft);
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.tech-status-pill::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--tech-cyan);
    box-shadow: 0 0 14px rgba(124, 245, 255, 0.85);
    animation: techStatusPulse 2.4s ease-in-out infinite;
}

.tech-status-pill::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    transform: translateX(-120%);
    animation: techShimmer 4s linear infinite;
}

.tech-status-pill.live {
    border-color: rgba(124, 245, 255, 0.22);
}

.tech-hero-gridpulse {
    position: absolute;
    inset: 18px;
    border-radius: 30px;
    border: 1px solid rgba(132, 186, 255, 0.08);
    background:
        radial-gradient(circle at 50% 50%, rgba(124, 245, 255, 0.08), transparent 18%),
        linear-gradient(rgba(132, 186, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(132, 186, 255, 0.045) 1px, transparent 1px);
    background-size: auto, 40px 40px, 40px 40px;
    opacity: 0.7;
    z-index: 1;
}

.tech-hero-reactive-lines {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.tech-hero-reactive-lines path {
    fill: none;
    stroke: rgba(124, 245, 255, 0.36);
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-dasharray: 16 14 12 16;
    animation: techWaveShift 14s linear infinite;
    filter: drop-shadow(0 0 10px rgba(124, 245, 255, 0.14));
}

.tech-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 1px solid rgba(132, 186, 255, 0.16);
    transform: translate(-50%, -50%);
}

.tech-orbit-1 {
    width: 280px;
    height: 280px;
    animation: techSpin 18s linear infinite;
}

.tech-orbit-2 {
    width: 420px;
    height: 420px;
    border-style: dashed;
    animation: techSpinReverse 24s linear infinite;
}

.tech-orbit-3 {
    width: 560px;
    height: 560px;
    border-color: rgba(124, 245, 255, 0.1);
}

.tech-orbit::after {
    content: "";
    position: absolute;
    top: 14%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(124, 245, 255, 1), rgba(74, 167, 255, 0.1));
    box-shadow: 0 0 20px rgba(124, 245, 255, 0.9);
}

.tech-core-visual {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(124, 245, 255, 0.2), rgba(74, 167, 255, 0.08) 45%, rgba(4, 10, 20, 0.95) 72%);
    box-shadow:
        inset 0 0 0 1px rgba(132, 186, 255, 0.2),
        0 0 50px rgba(74, 167, 255, 0.35);
    transform: translate(-50%, -50%);
    animation: techCoreFloat 8s ease-in-out infinite;
}

.tech-core-visual::before,
.tech-core-visual::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.tech-core-visual::before {
    inset: 22px;
    border: 1px solid rgba(124, 245, 255, 0.22);
}

.tech-core-visual::after {
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: var(--tech-cyan);
    box-shadow: 0 0 26px rgba(124, 245, 255, 0.9);
    transform: translate(-50%, -50%);
    animation: techCorePulse 3.2s ease-in-out infinite;
}

.tech-core-label {
    position: relative;
    z-index: 1;
    padding: 11px 16px;
    border-radius: 999px;
    background: rgba(9, 20, 38, 0.74);
    border: 1px solid rgba(132, 186, 255, 0.18);
    color: var(--tech-text-soft);
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tech-float-card {
    position: absolute;
    min-width: 190px;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background: rgba(7, 14, 28, 0.72);
    backdrop-filter: blur(18px);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.26);
    z-index: 4;
}

.tech-float-card strong {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tech-text-muted);
}

.tech-float-card span {
    display: block;
    margin-top: 8px;
    font-size: 17px;
    line-height: 1.45;
    color: var(--tech-text);
}

.tech-float-card.card-a {
    top: 64px;
    left: 44px;
    animation: techCardDrift 7s ease-in-out infinite;
}

.tech-float-card.card-b {
    top: 130px;
    right: 42px;
    animation: techCardDrift 8s ease-in-out infinite -1.5s;
}

.tech-float-card.card-c {
    bottom: 58px;
    left: 74px;
    animation: techCardDrift 9s ease-in-out infinite -2.4s;
}

.tech-float-card.card-d {
    right: 62px;
    bottom: 98px;
    animation: techCardDrift 8.5s ease-in-out infinite -3.2s;
}

.tech-live-engine {
    position: relative;
    padding: 92px 0 154px;
}

.tech-live-engine::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 44%, rgba(74, 167, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent 26%, transparent 74%, rgba(124, 245, 255, 0.035));
    pointer-events: none;
}

.tech-live-engine-shell {
    width: min(calc(100% - 48px), 1360px);
    margin: 0 auto;
}

.tech-live-engine-header {
    margin-bottom: 44px;
}

.tech-live-engine-stage {
    position: relative;
    min-height: 820px;
    border-radius: 42px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background:
        radial-gradient(circle at 50% 50%, rgba(124, 245, 255, 0.12), transparent 14%),
        linear-gradient(180deg, rgba(9, 18, 34, 0.95), rgba(4, 10, 20, 0.98));
    box-shadow: 0 40px 120px rgba(0, 0, 0, 0.45);
    overflow: hidden;
    isolation: isolate;
}

.tech-live-engine-stage::before,
.tech-live-engine-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tech-live-engine-stage::before {
    background:
        linear-gradient(rgba(132, 186, 255, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(132, 186, 255, 0.055) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(circle at center, black 40%, transparent 92%);
    opacity: 0.42;
}

.tech-live-engine-stage::after {
    inset: 18px;
    border-radius: 34px;
    border: 1px solid rgba(132, 186, 255, 0.08);
}

.tech-engine-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.engine-path {
    fill: none;
    stroke: rgba(124, 245, 255, 0.34);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 10 14 42 18;
    animation: techWaveShift 9s linear infinite;
    filter: drop-shadow(0 0 12px rgba(124, 245, 255, 0.14));
}

.engine-path.path-motion,
.engine-path.path-sleep {
    animation-duration: 11s;
}

.engine-path.path-respiration,
.engine-path.path-environment {
    animation-duration: 13s;
}

.tech-engine-tracer {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: radial-gradient(circle, #ffffff, var(--tech-cyan));
    box-shadow: 0 0 20px rgba(124, 245, 255, 0.92);
    z-index: 2;
}

.tracer-vital { animation: techEngineTraceVital 4.6s linear infinite; }
.tracer-motion { animation: techEngineTraceMotion 4.9s linear infinite 0.4s; }
.tracer-temperature { animation: techEngineTraceTemperature 5.2s linear infinite 0.9s; }
.tracer-sleep { animation: techEngineTraceSleep 5.4s linear infinite 1.2s; }
.tracer-respiration { animation: techEngineTraceRespiration 5.8s linear infinite 0.2s; }
.tracer-environment { animation: techEngineTraceEnvironment 6s linear infinite 0.6s; }

.tech-engine-node {
    position: absolute;
    z-index: 3;
    width: 188px;
    padding: 18px 20px 20px;
    border-radius: 24px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(8, 16, 30, 0.72);
    backdrop-filter: blur(18px);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24);
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.tech-engine-node:hover {
    transform: translateY(-4px);
    border-color: rgba(124, 245, 255, 0.24);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.3), 0 0 22px rgba(74, 167, 255, 0.14);
}

.engine-node-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(124, 245, 255, 0.08);
    border: 1px solid rgba(124, 245, 255, 0.12);
    color: var(--tech-text-muted);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tech-engine-node strong {
    display: block;
    margin-top: 14px;
    font-size: 26px;
    line-height: 1.04;
    letter-spacing: -0.04em;
    color: var(--tech-text);
}

.tech-engine-node p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--tech-text-soft);
}

.engine-node-vital { top: 110px; left: 112px; }
.engine-node-motion { top: 110px; right: 112px; }
.engine-node-temperature { top: 332px; left: 70px; }
.engine-node-sleep { top: 332px; right: 70px; }
.engine-node-respiration { bottom: 112px; left: 136px; }
.engine-node-environment { bottom: 112px; right: 136px; }

.tech-engine-core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    width: min(100% - 40px, 430px);
    padding: 38px 36px 34px;
    border-radius: 34px;
    border: 1px solid rgba(132, 186, 255, 0.16);
    background:
        radial-gradient(circle at 50% 16%, rgba(124, 245, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(10, 20, 38, 0.94), rgba(7, 13, 24, 0.98));
    box-shadow:
        inset 0 0 0 1px rgba(124, 245, 255, 0.08),
        0 30px 70px rgba(0, 0, 0, 0.42),
        0 0 60px rgba(74, 167, 255, 0.18);
    text-align: center;
    transform: translate(-50%, -50%);
}

.tech-engine-core::before,
.tech-engine-core::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.tech-engine-core::before {
    inset: -54px;
    border: 1px solid rgba(124, 245, 255, 0.1);
    opacity: 0.7;
}

.tech-engine-core::after {
    inset: -22px;
    border: 1px solid rgba(132, 186, 255, 0.1);
    opacity: 0.8;
}

.tech-engine-core-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(124, 245, 255, 0.08);
    border: 1px solid rgba(124, 245, 255, 0.14);
    color: var(--tech-text-soft);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tech-engine-core h3 {
    margin-top: 18px;
    font-size: clamp(34px, 4.4vw, 48px);
    line-height: 1.02;
    letter-spacing: -0.05em;
    color: var(--tech-text);
}

.tech-engine-core p {
    margin-top: 16px;
    font-size: 17px;
    line-height: 1.72;
    color: var(--tech-text-soft);
}

.tech-engine-status-cycle {
    position: relative;
    height: 26px;
    margin-top: 20px;
}

.tech-engine-status-cycle span {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    color: var(--tech-cyan);
    font-size: 12px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0;
    animation: techCycleWords 7.2s linear infinite;
}

.tech-engine-status-cycle span:nth-child(2) {
    animation-delay: 2.4s;
}

.tech-engine-status-cycle span:nth-child(3) {
    animation-delay: 4.8s;
}

.tech-engine-status-pill {
    position: absolute;
    z-index: 4;
    padding: 12px 16px;
    border-radius: 18px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(7, 14, 28, 0.82);
    color: var(--tech-text-soft);
    font-size: 13px;
    line-height: 1.45;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}

.tech-engine-status-pill::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);
    transform: translateX(-120%);
    animation: techShimmer 4.2s linear infinite;
}

.tech-engine-status-pill.pill-top {
    top: 48px;
    left: 50%;
    transform: translateX(-50%);
}

.tech-engine-status-pill.pill-bottom {
    bottom: 54px;
    left: 50%;
    transform: translateX(-50%);
}

.tech-unified-architecture {
    padding-top: 138px;
}

.tech-unified-map {
    position: relative;
    min-height: 820px;
    border-radius: 42px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background:
        radial-gradient(circle at 50% 44%, rgba(124, 245, 255, 0.1), transparent 18%),
        linear-gradient(180deg, rgba(9, 18, 34, 0.94), rgba(4, 10, 20, 0.98));
    box-shadow: 0 40px 120px rgba(0, 0, 0, 0.44);
    overflow: hidden;
    isolation: isolate;
}

.tech-unified-map::before,
.tech-unified-map::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tech-unified-map::before {
    background:
        linear-gradient(rgba(132, 186, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(132, 186, 255, 0.05) 1px, transparent 1px);
    background-size: 74px 74px;
    mask-image: radial-gradient(circle at center, black 42%, transparent 92%);
    opacity: 0.42;
}

.tech-unified-map::after {
    inset: 18px;
    border-radius: 34px;
    border: 1px solid rgba(132, 186, 255, 0.08);
}

.tech-unified-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.tech-unified-path,
.tech-unified-sync-path {
    fill: none;
    stroke-linecap: round;
    stroke-width: 2;
    stroke-dasharray: 10 14 44 18;
    animation: techWaveShift 10s linear infinite;
}

.tech-unified-path {
    stroke: rgba(124, 245, 255, 0.34);
    filter: drop-shadow(0 0 14px rgba(124, 245, 255, 0.14));
}

.tech-unified-sync-path {
    stroke: rgba(74, 167, 255, 0.38);
    animation-duration: 12s;
    filter: drop-shadow(0 0 12px rgba(74, 167, 255, 0.18));
}

.tech-unified-tracer {
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: radial-gradient(circle, #ffffff, var(--tech-cyan));
    box-shadow: 0 0 20px rgba(124, 245, 255, 0.88);
}

.tech-unified-tracer.tracer-core { animation: techUnifiedTraceCore 4.8s linear infinite; }
.tech-unified-tracer.tracer-fever { animation: techUnifiedTraceFever 5s linear infinite 0.4s; }
.tech-unified-tracer.tracer-respira { animation: techUnifiedTraceRespira 5.2s linear infinite 0.8s; }
.tech-unified-tracer.tracer-neuro { animation: techUnifiedTraceNeuro 5.4s linear infinite 0.3s; }
.tech-unified-tracer.tracer-sleep { animation: techUnifiedTraceSleep 5.6s linear infinite 1s; }
.tech-unified-tracer.tracer-play { animation: techUnifiedTracePlay 5.1s linear infinite 0.6s; }
.tech-unified-tracer.tracer-sync-a { animation: techUnifiedTraceSyncA 4.4s linear infinite 0.5s; }
.tech-unified-tracer.tracer-sync-b { animation: techUnifiedTraceSyncB 4.4s linear infinite 1.1s; }

.tech-unified-center {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    width: min(100% - 40px, 430px);
    padding: 40px 36px 34px;
    border-radius: 36px;
    border: 1px solid rgba(132, 186, 255, 0.16);
    background:
        radial-gradient(circle at 50% 14%, rgba(124, 245, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(10, 20, 38, 0.95), rgba(7, 13, 24, 0.98));
    box-shadow:
        inset 0 0 0 1px rgba(124, 245, 255, 0.08),
        0 30px 76px rgba(0, 0, 0, 0.42),
        0 0 60px rgba(74, 167, 255, 0.18);
    text-align: center;
    transform: translate(-50%, -50%);
}

.tech-unified-center::before,
.tech-unified-center::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.tech-unified-center::before {
    inset: -58px;
    border: 1px solid rgba(124, 245, 255, 0.1);
}

.tech-unified-center::after {
    inset: -24px;
    border: 1px solid rgba(132, 186, 255, 0.08);
}

.tech-unified-center h3 {
    margin-top: 18px;
    font-size: clamp(34px, 4.2vw, 46px);
    line-height: 1.02;
    letter-spacing: -0.05em;
    color: var(--tech-text);
}

.tech-unified-center p {
    margin-top: 16px;
    font-size: 17px;
    line-height: 1.72;
    color: var(--tech-text-soft);
}

.tech-unified-center-strip {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.tech-unified-center-strip span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(255, 255, 255, 0.03);
    color: var(--tech-text-soft);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tech-unified-device {
    position: absolute;
    z-index: 3;
    width: 222px;
    padding: 18px 20px 20px;
    border-radius: 24px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(8, 16, 30, 0.72);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(18px);
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.tech-unified-device::before {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    top: 16px;
    right: 16px;
    border-radius: 50%;
    background: var(--tech-cyan);
    box-shadow: 0 0 16px rgba(124, 245, 255, 0.9);
    animation: techStatusPulse 2.4s ease-in-out infinite;
}

.tech-unified-device:hover {
    transform: translateY(-4px);
    border-color: rgba(124, 245, 255, 0.24);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.3), 0 0 22px rgba(74, 167, 255, 0.14);
}

.tech-unified-device strong {
    display: block;
    font-size: 21px;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: var(--tech-text);
}

.tech-unified-device p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--tech-text-soft);
}

.tech-unified-device.device-core { top: 88px; left: 92px; }
.tech-unified-device.device-fever { top: 88px; right: 92px; }
.tech-unified-device.device-play { top: 312px; left: 40px; }
.tech-unified-device.device-respira { top: 312px; right: 40px; }
.tech-unified-device.device-sleep { bottom: 88px; left: 134px; }
.tech-unified-device.device-neuro { bottom: 88px; right: 134px; }

.tech-unified-status-pill {
    position: absolute;
    z-index: 4;
    padding: 12px 16px;
    border-radius: 18px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(7, 14, 28, 0.84);
    color: var(--tech-text-soft);
    font-size: 13px;
    line-height: 1.45;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}

.tech-unified-status-pill::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);
    transform: translateX(-120%);
    animation: techShimmer 4.2s linear infinite;
}

.tech-unified-status-pill.pill-sync {
    top: 44px;
    left: 50%;
    transform: translateX(-50%);
}

.tech-unified-status-pill.pill-context {
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
}

.tech-shared-layer {
    padding-top: 104px;
}

.tech-shared-layer-shell {
    position: relative;
    padding: 44px 42px;
    border-radius: 34px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background:
        radial-gradient(circle at 50% 0%, rgba(124, 245, 255, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(11, 20, 38, 0.82), rgba(7, 13, 24, 0.92));
    box-shadow: var(--tech-shadow);
    overflow: hidden;
}

.tech-shared-layer-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(124, 245, 255, 0.06), transparent 40%, transparent 70%, rgba(74, 167, 255, 0.08));
    pointer-events: none;
}

.tech-shared-layer-copy {
    position: relative;
    z-index: 1;
    max-width: 920px;
}

.tech-shared-layer-flow {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr) 72px minmax(0, 1fr) 72px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 34px;
}

.tech-shared-node {
    position: relative;
    min-height: 200px;
    padding: 24px 22px;
    border-radius: 24px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
}

.tech-shared-node.is-emphasis {
    background:
        radial-gradient(circle at 50% 14%, rgba(124, 245, 255, 0.12), transparent 32%),
        rgba(9, 18, 34, 0.82);
    border-color: rgba(124, 245, 255, 0.18);
}

.tech-shared-node strong {
    display: block;
    font-size: 22px;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: var(--tech-text);
}

.tech-shared-node p {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.68;
    color: var(--tech-text-soft);
}

.tech-shared-connector {
    position: relative;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(74, 167, 255, 0.08), rgba(124, 245, 255, 0.82), rgba(74, 167, 255, 0.08));
    box-shadow: 0 0 18px rgba(124, 245, 255, 0.22);
    overflow: hidden;
}

.tech-shared-connector::after {
    content: "";
    position: absolute;
    inset: -2px auto -2px 0;
    width: 34px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.92), transparent);
    animation: techPulseFlow 2.4s linear infinite;
}

#signal-intelligence,
#trust-architecture {
    padding-top: 84px;
    padding-bottom: 88px;
}

#signal-intelligence .tech-section-heading,
#trust-architecture .tech-section-heading {
    max-width: 560px;
}

#signal-intelligence .tech-section-heading,
#trust-architecture .tech-section-heading {
    margin-bottom: 34px;
}

#signal-intelligence .tech-section-title,
#trust-architecture .tech-section-title {
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.04em;
}

#signal-intelligence .tech-section-description,
#trust-architecture .tech-section-description {
    max-width: 30ch;
    font-size: 15px;
    line-height: 1.54;
    color: var(--tech-text-muted);
}

#signal-intelligence .tech-signals-grid {
    grid-template-columns: minmax(0, 0.7fr) minmax(320px, 1.3fr);
    gap: 18px;
    align-items: center;
}

#signal-intelligence .tech-signal-panel {
    padding: 10px 0 10px 18px;
    border: 0;
    border-left: 1px solid rgba(132, 186, 255, 0.09);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#signal-intelligence .tech-signal-panel::before {
    display: none;
}

#signal-intelligence .tech-signal-list {
    gap: 8px;
    margin-top: 18px;
}

#signal-intelligence .tech-signal-list-item {
    padding: 8px 0 8px 14px;
    border: 0;
    border-left: 1px solid rgba(132, 186, 255, 0.06);
    border-radius: 0;
    background: transparent;
}

#signal-intelligence .tech-signal-list-item strong {
    font-size: 11px;
    letter-spacing: 0.18em;
}

#signal-intelligence .tech-signal-list-item span {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.48;
    color: var(--tech-text-soft);
}

#signal-intelligence .mini-disclaimer {
    margin-top: 16px;
    max-width: 28ch;
    font-size: 12px;
}

#signal-intelligence .tech-signal-visual {
    min-height: 390px;
    opacity: 0.82;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

#signal-intelligence .tech-signal-pill {
    padding: 10px 12px;
    font-size: 12px;
}

#trust-architecture .tech-section-heading {
    max-width: 500px;
}

#trust-architecture .tech-trust-grid {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 18px;
    overflow: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
}

#trust-architecture .tech-trust-card {
    min-height: 0;
    padding: 14px 0 14px 16px;
    border: 0;
    border-left: 1px solid rgba(132, 186, 255, 0.08);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    scroll-snap-align: none;
}

#trust-architecture .tech-trust-card::before {
    display: none;
}

#trust-architecture .tech-trust-card h3 {
    font-size: 18px;
}

#trust-architecture .tech-trust-card p {
    max-width: 24ch;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.5;
}

.tech-flow-layout {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 36px;
    align-items: start;
}

.tech-flow-stage {
    position: sticky;
    top: 120px;
    padding: 30px 26px;
    border-radius: var(--tech-radius-lg);
    background: linear-gradient(180deg, rgba(11, 20, 38, 0.88), rgba(7, 13, 24, 0.84));
    border: 1px solid rgba(132, 186, 255, 0.12);
    box-shadow: var(--tech-shadow);
}

.tech-flow-stage::before {
    content: "";
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 43px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(124, 245, 255, 0.1), rgba(124, 245, 255, 0.75), rgba(74, 167, 255, 0.1));
}

.tech-stage-node {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 60px;
    padding-left: 40px;
    color: var(--tech-text-muted);
    font-size: 15px;
    line-height: 1.45;
    transition: color 0.25s ease, transform 0.25s ease;
}

.tech-stage-node::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(132, 186, 255, 0.18);
    background: rgba(11, 20, 38, 0.9);
    box-shadow: inset 0 0 0 5px rgba(74, 167, 255, 0.08);
    transform: translateY(-50%);
}

.tech-stage-node.is-active {
    color: var(--tech-text);
    transform: translateX(6px);
}

.tech-stage-node.is-active::before {
    background: radial-gradient(circle, rgba(124, 245, 255, 1), rgba(74, 167, 255, 0.3));
    box-shadow: 0 0 24px rgba(124, 245, 255, 0.6);
}

.tech-stage-footnote {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(132, 186, 255, 0.08);
    font-size: 13px;
    line-height: 1.65;
    color: var(--tech-text-muted);
}

.tech-flow-steps {
    display: grid;
    gap: 20px;
}

.tech-flow-step,
.tech-signal-panel,
.tech-layer-card,
.tech-point-card,
.tech-trust-card,
.tech-final-card {
    position: relative;
    border-radius: var(--tech-radius-lg);
    border: 1px solid rgba(132, 186, 255, 0.12);
    background: linear-gradient(180deg, rgba(11, 20, 38, 0.76), rgba(7, 13, 24, 0.74));
    box-shadow: var(--tech-shadow);
    overflow: hidden;
}

.tech-flow-step::before,
.tech-signal-panel::before,
.tech-layer-card::before,
.tech-point-card::before,
.tech-trust-card::before,
.tech-final-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(124, 245, 255, 0.08), transparent 42%, transparent 70%, rgba(74, 167, 255, 0.08));
    opacity: 0.75;
    pointer-events: none;
}

.tech-flow-step {
    padding: 30px;
}

.tech-step-topline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.tech-step-index {
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--tech-text-muted);
}

.tech-step-badge {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(124, 245, 255, 0.08);
    border: 1px solid rgba(124, 245, 255, 0.12);
    color: var(--tech-text-soft);
    font-size: 12px;
}

.tech-step-title {
    margin-top: 22px;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.08;
    letter-spacing: -0.04em;
    color: var(--tech-text);
}

.tech-step-description {
    margin-top: 16px;
    max-width: 58ch;
    font-size: 17px;
    line-height: 1.75;
    color: var(--tech-text-soft);
}

.tech-step-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.tech-tag {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(132, 186, 255, 0.12);
    color: var(--tech-text-muted);
    font-size: 13px;
}

.tech-signals-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
    gap: 32px;
    align-items: stretch;
}

.tech-signal-panel {
    padding: 36px;
}

.tech-signal-panel h3,
.tech-layer-card h3,
.tech-point-card h3,
.tech-trust-card h3 {
    font-size: 27px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: var(--tech-text);
}

.tech-signal-panel p,
.tech-layer-card p,
.tech-point-card p,
.tech-trust-card p {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.72;
    color: var(--tech-text-soft);
}

.tech-signal-list {
    display: grid;
    gap: 16px;
    margin-top: 28px;
}

.tech-signal-list-item {
    padding: 18px 18px 18px 20px;
    border-radius: 18px;
    border: 1px solid rgba(132, 186, 255, 0.1);
    background: rgba(255, 255, 255, 0.025);
}

.tech-signal-list-item strong {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tech-text-muted);
}

.tech-signal-list-item span {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.65;
    color: var(--tech-text);
}

.tech-signal-visual {
    position: relative;
    min-height: 520px;
    border-radius: var(--tech-radius-xl);
    border: 1px solid rgba(132, 186, 255, 0.12);
    background:
        radial-gradient(circle at 50% 40%, rgba(74, 167, 255, 0.18), transparent 22%),
        linear-gradient(180deg, rgba(11, 20, 38, 0.92), rgba(7, 13, 24, 0.9));
    box-shadow: var(--tech-shadow);
    overflow: hidden;
}

.tech-signal-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(132, 186, 255, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(132, 186, 255, 0.07) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: 0.42;
}

.tech-signal-node {
    position: absolute;
    display: grid;
    place-items: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid rgba(132, 186, 255, 0.15);
    background: rgba(8, 16, 30, 0.86);
    color: var(--tech-text-soft);
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px rgba(124, 245, 255, 0.08), 0 0 35px rgba(74, 167, 255, 0.16);
}

.tech-signal-node.node-center {
    top: 50%;
    left: 50%;
    width: 190px;
    height: 190px;
    color: var(--tech-text);
    background: radial-gradient(circle, rgba(124, 245, 255, 0.14), rgba(10, 20, 38, 0.96) 60%);
    transform: translate(-50%, -50%);
}

.tech-signal-node.node-1 {
    top: 72px;
    left: 72px;
}

.tech-signal-node.node-2 {
    top: 88px;
    right: 66px;
}

.tech-signal-node.node-3 {
    bottom: 74px;
    left: 90px;
}

.tech-signal-node.node-4 {
    right: 88px;
    bottom: 82px;
}

.tech-signal-link {
    position: absolute;
    height: 2px;
    transform-origin: left center;
    background: linear-gradient(90deg, rgba(74, 167, 255, 0.08), rgba(124, 245, 255, 0.8), rgba(74, 167, 255, 0.08));
    box-shadow: 0 0 22px rgba(124, 245, 255, 0.36);
}

.tech-signal-link.link-1 {
    top: 180px;
    left: 170px;
    width: 210px;
    transform: rotate(24deg);
}

.tech-signal-link.link-2 {
    top: 186px;
    right: 172px;
    width: 196px;
    transform: rotate(-24deg);
}

.tech-signal-link.link-3 {
    bottom: 172px;
    left: 190px;
    width: 200px;
    transform: rotate(-22deg);
}

.tech-signal-link.link-4 {
    bottom: 166px;
    right: 188px;
    width: 190px;
    transform: rotate(22deg);
}

.tech-signal-pill {
    position: absolute;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(6, 14, 28, 0.88);
    border: 1px solid rgba(132, 186, 255, 0.12);
    color: var(--tech-text-soft);
    font-size: 13px;
    line-height: 1.45;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

.tech-signal-pill.pill-1 {
    top: 42px;
    left: 42%;
}

.tech-signal-pill.pill-2 {
    bottom: 46px;
    left: 52%;
}

.tech-hardware-layout {
    display: grid;
    grid-template-columns: minmax(320px, 430px) minmax(0, 1fr);
    gap: 36px;
    align-items: center;
}

.tech-exploded-stack {
    position: relative;
    min-height: 620px;
    border-radius: 38px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background:
        radial-gradient(circle at 50% 24%, rgba(124, 245, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(11, 20, 38, 0.72), rgba(7, 13, 24, 0.9));
    box-shadow: var(--tech-shadow);
    overflow: hidden;
    perspective: 1200px;
    isolation: isolate;
}

.tech-hardware-grid,
.tech-hardware-stage-glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tech-hardware-grid {
    background:
        linear-gradient(rgba(132, 186, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(132, 186, 255, 0.05) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(circle at center, black 40%, transparent 88%);
    opacity: 0.4;
}

.tech-hardware-stage-glow {
    background:
        radial-gradient(circle at 50% 90%, rgba(74, 167, 255, 0.28), transparent 22%),
        radial-gradient(circle at 50% 54%, rgba(124, 245, 255, 0.12), transparent 30%);
}

.tech-hardware-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    border: 1px solid rgba(132, 186, 255, 0.12);
    box-shadow: 0 0 70px rgba(74, 167, 255, 0.12);
    transform: translate(-50%, -50%);
}

.tech-hardware-beam {
    position: absolute;
    left: 50%;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(124, 245, 255, 0), rgba(124, 245, 255, 0.8), rgba(124, 245, 255, 0));
    box-shadow: 0 0 20px rgba(124, 245, 255, 0.35);
    transform: translateX(-50%);
    opacity: 0.8;
}

.tech-hardware-beam.beam-1 { top: 126px; height: 44px; }
.tech-hardware-beam.beam-2 { top: 210px; height: 46px; }
.tech-hardware-beam.beam-3 { top: 294px; height: 46px; }
.tech-hardware-beam.beam-4 { top: 378px; height: 46px; }
.tech-hardware-beam.beam-5 { top: 462px; height: 46px; }

.tech-exploded-layer {
    position: absolute;
    left: 50%;
    width: min(100%, 340px);
    height: 74px;
    border-radius: 999px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: linear-gradient(180deg, rgba(18, 31, 54, 0.94), rgba(8, 16, 28, 0.9));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 18px 34px rgba(0, 0, 0, 0.24);
    transform: translateX(-50%) rotateX(58deg) translateZ(0);
    transform-style: preserve-3d;
    transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;
    z-index: 2;
}

.tech-exploded-layer::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: -18px;
    height: 34px;
    border-radius: 999px;
    background: radial-gradient(circle at center, rgba(74, 167, 255, 0.38), transparent 68%);
    filter: blur(18px);
    opacity: 0.9;
}

.tech-exploded-layer span {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--tech-text-soft);
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: translateZ(24px) rotateX(-58deg);
}

.tech-exploded-layer::after {
    content: "";
    position: absolute;
    inset: 14px 18px;
    border-radius: 999px;
    border: 1px solid rgba(124, 245, 255, 0.08);
}

.tech-exploded-stack:hover .tech-exploded-layer.layer-1 { transform: translateX(-50%) translateY(-8px) rotateX(58deg); }
.tech-exploded-stack:hover .tech-exploded-layer.layer-2 { transform: translateX(-50%) translateY(-4px) rotateX(58deg); }
.tech-exploded-stack:hover .tech-exploded-layer.layer-5 { transform: translateX(-50%) translateY(4px) rotateX(58deg); }
.tech-exploded-stack:hover .tech-exploded-layer.layer-6 { transform: translateX(-50%) translateY(8px) rotateX(58deg); }

.tech-exploded-layer.layer-1 { top: 70px; }
.tech-exploded-layer.layer-2 { top: 152px; }
.tech-exploded-layer.layer-3 { top: 236px; }
.tech-exploded-layer.layer-4 { top: 320px; }
.tech-exploded-layer.layer-5 { top: 404px; }
.tech-exploded-layer.layer-6 { top: 488px; }

.tech-layer-grid {
    display: grid;
    gap: 18px;
}

.tech-layer-card {
    padding: 18px 0 18px 28px;
    border: 0;
    border-left: 1px solid rgba(132, 186, 255, 0.16);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.tech-layer-card::before {
    display: none;
}

.tech-layer-card::after {
    content: "";
    position: absolute;
    top: 26px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--tech-cyan);
    box-shadow: 0 0 18px rgba(124, 245, 255, 0.85);
}

.tech-hardware-hotspot {
    position: absolute;
    z-index: 5;
    min-height: 34px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(7, 14, 28, 0.82);
    color: var(--tech-text-soft);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.26);
}

.tech-hardware-hotspot::before {
    content: "";
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--tech-cyan);
    box-shadow: 0 0 14px rgba(124, 245, 255, 0.85);
}

.tech-hardware-hotspot.hotspot-a { top: 92px; right: 42px; }
.tech-hardware-hotspot.hotspot-b { top: 194px; left: 42px; }
.tech-hardware-hotspot.hotspot-c { top: 318px; right: 26px; }
.tech-hardware-hotspot.hotspot-d { bottom: 110px; left: 32px; }
}

.tech-layer-number,
.tech-card-index {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--tech-text-muted);
}

.tech-step-index,
.tech-layer-number,
.tech-card-index {
    display: none;
}

.tech-caption {
    margin-top: 22px;
    font-size: 13px;
    line-height: 1.7;
    color: var(--tech-text-muted);
}

.tech-sync-layout {
    display: grid;
    grid-template-columns: minmax(420px, 620px) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
}

.tech-sync-visual {
    position: relative;
    min-height: 680px;
    border-radius: var(--tech-radius-xl);
    background:
        radial-gradient(circle at 46% 48%, rgba(124, 245, 255, 0.16), transparent 22%),
        radial-gradient(circle at 82% 78%, rgba(74, 167, 255, 0.18), transparent 18%),
        linear-gradient(180deg, rgba(11, 20, 38, 0.92), rgba(7, 13, 24, 0.9));
    border: 1px solid rgba(132, 186, 255, 0.12);
    box-shadow: var(--tech-shadow);
    overflow: hidden;
    isolation: isolate;
}

.tech-sync-visual::before {
    content: "";
    position: absolute;
    inset: 20px;
    border-radius: 30px;
    border: 1px solid rgba(132, 186, 255, 0.08);
}

.tech-sync-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 58%, rgba(74, 167, 255, 0.2), transparent 20%),
        linear-gradient(rgba(132, 186, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(132, 186, 255, 0.04) 1px, transparent 1px);
    background-size: auto, 56px 56px, 56px 56px;
    opacity: 0.35;
    pointer-events: none;
}

.tech-sync-topology-grid,
.tech-sync-topology-scan {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tech-sync-topology-grid {
    background:
        linear-gradient(rgba(132, 186, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(132, 186, 255, 0.05) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(circle at center, black 42%, transparent 94%);
    opacity: 0.4;
}

.tech-sync-topology-scan::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 -16%;
    width: 32%;
    background: linear-gradient(90deg, transparent, rgba(124, 245, 255, 0.08), transparent);
    transform: skewX(-14deg);
    animation: techTopologyScan 7.4s linear infinite;
}

.tech-sync-topology-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.tech-sync-topology-path,
.tech-sync-topology-link {
    fill: none;
    stroke-linecap: round;
    stroke-width: 2;
    stroke-dasharray: 10 14 42 16;
    animation: techWaveShift 10s linear infinite;
}

.tech-sync-topology-path {
    stroke: rgba(124, 245, 255, 0.38);
    filter: drop-shadow(0 0 14px rgba(124, 245, 255, 0.16));
}

.tech-sync-topology-link {
    stroke: rgba(74, 167, 255, 0.44);
    animation-duration: 12s;
    filter: drop-shadow(0 0 14px rgba(74, 167, 255, 0.18));
}

.tech-sync-tracer {
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: radial-gradient(circle, #ffffff, var(--tech-cyan));
    box-shadow: 0 0 18px rgba(124, 245, 255, 0.92);
}

.tech-sync-tracer.tracer-core { animation: techSyncTraceCore 4.7s linear infinite; }
.tech-sync-tracer.tracer-fever { animation: techSyncTraceFever 5s linear infinite 0.4s; }
.tech-sync-tracer.tracer-play { animation: techSyncTracePlay 4.8s linear infinite 1s; }
.tech-sync-tracer.tracer-respira { animation: techSyncTraceRespira 5.1s linear infinite 0.7s; }
.tech-sync-tracer.tracer-sleep { animation: techSyncTraceSleep 5.4s linear infinite 0.3s; }
.tech-sync-tracer.tracer-neuro { animation: techSyncTraceNeuro 5.2s linear infinite 1.1s; }
.tech-sync-tracer.tracer-secure { animation: techSyncTraceSecure 4.2s linear infinite 0.6s; }
.tech-sync-tracer.tracer-app { animation: techSyncTraceApp 4.4s linear infinite 1.4s; }

.tech-sync-device-node,
.tech-sync-secure-hub,
.tech-sync-app-endpoint {
    position: absolute;
    z-index: 3;
    border-radius: 24px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(8, 16, 30, 0.74);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
}

.tech-sync-device-node {
    width: 146px;
    padding: 16px 16px 18px;
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.tech-sync-device-node::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 14px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tech-cyan);
    box-shadow: 0 0 14px rgba(124, 245, 255, 0.9);
    animation: techStatusPulse 2.3s ease-in-out infinite;
}

.tech-sync-device-node:hover {
    transform: translateY(-4px);
    border-color: rgba(124, 245, 255, 0.24);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.3), 0 0 22px rgba(74, 167, 255, 0.14);
}

.tech-sync-device-node strong,
.tech-sync-secure-hub strong,
.tech-sync-app-endpoint strong {
    display: block;
    font-size: 16px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--tech-text);
}

.tech-sync-device-node span,
.tech-sync-secure-hub span,
.tech-sync-app-endpoint span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--tech-text-soft);
}

.tech-sync-device-node.node-core { top: 9%; left: 4%; }
.tech-sync-device-node.node-fever { top: 9%; right: 4%; }
.tech-sync-device-node.node-play { top: 37%; left: 2%; }
.tech-sync-device-node.node-respira { top: 37%; right: 2%; }
.tech-sync-device-node.node-sleep { bottom: 9%; left: 7%; }
.tech-sync-device-node.node-neuro { bottom: 9%; right: 7%; }

.tech-sync-engine-hub {
    position: absolute;
    top: 49%;
    left: 48%;
    z-index: 4;
    width: min(100% - 260px, 270px);
    min-width: 250px;
    padding: 28px 22px 22px;
    border-radius: 30px;
    border: 1px solid rgba(132, 186, 255, 0.16);
    background:
        radial-gradient(circle at 50% 12%, rgba(124, 245, 255, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(10, 20, 38, 0.95), rgba(7, 13, 24, 0.98));
    box-shadow:
        inset 0 0 0 1px rgba(124, 245, 255, 0.08),
        0 30px 72px rgba(0, 0, 0, 0.4),
        0 0 56px rgba(74, 167, 255, 0.18);
    transform: translate(-50%, -50%);
}

.tech-sync-engine-hub::before,
.tech-sync-engine-hub::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.tech-sync-engine-hub::before {
    inset: -40px;
    border: 1px solid rgba(124, 245, 255, 0.08);
}

.tech-sync-engine-hub::after {
    inset: -18px;
    border: 1px solid rgba(132, 186, 255, 0.08);
}

.tech-sync-engine-hub h3 {
    margin-top: 16px;
    font-size: 28px;
    line-height: 1.05;
    letter-spacing: -0.04em;
    color: var(--tech-text);
}

.tech-sync-engine-graph {
    margin-top: 18px;
    padding: 12px 12px 10px;
    border-radius: 20px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

.tech-sync-engine-graph svg {
    display: block;
    width: 100%;
    height: auto;
}

.tech-sync-engine-grid {
    stroke: rgba(132, 186, 255, 0.12);
    stroke-width: 1;
}

.tech-sync-engine-line {
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 8 8 40 8;
    animation: techWaveShift 9s linear infinite;
}

.tech-sync-engine-line.line-a {
    stroke: rgba(124, 245, 255, 0.9);
}

.tech-sync-engine-line.line-b {
    stroke: rgba(74, 167, 255, 0.72);
    animation-duration: 12s;
}

.tech-sync-engine-line.line-c {
    stroke: rgba(237, 246, 255, 0.62);
    animation-duration: 8s;
}

.tech-sync-engine-cycle {
    position: relative;
    height: 22px;
    margin-top: 16px;
}

.tech-sync-engine-cycle span {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--tech-cyan);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0;
    animation: techCycleWordsLeft 7.2s linear infinite;
}

.tech-sync-engine-cycle span:nth-child(2) {
    animation-delay: 2.4s;
}

.tech-sync-engine-cycle span:nth-child(3) {
    animation-delay: 4.8s;
}

.tech-sync-secure-hub {
    top: 47%;
    right: 5%;
    width: 156px;
    padding: 18px 18px 18px;
    transform: translateY(-50%);
}

.tech-sync-app-endpoint {
    right: 4%;
    bottom: 9%;
    width: 164px;
    padding: 18px 18px 16px;
    background:
        radial-gradient(circle at 50% 0%, rgba(124, 245, 255, 0.08), transparent 34%),
        rgba(8, 16, 30, 0.74);
}

.tech-sync-app-pulse {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}

.tech-sync-app-pulse i {
    display: block;
    width: 8px;
    height: 28px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(124, 245, 255, 0.25), rgba(124, 245, 255, 1));
    box-shadow: 0 0 14px rgba(124, 245, 255, 0.3);
    animation: techEndpointPulse 1.8s ease-in-out infinite;
}

.tech-sync-app-pulse i:nth-child(2) {
    animation-delay: 0.25s;
}

.tech-sync-app-pulse i:nth-child(3) {
    animation-delay: 0.5s;
}

.tech-sync-telemetry {
    position: absolute;
    z-index: 4;
    padding: 10px 14px;
    border-radius: 16px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(7, 14, 28, 0.82);
    color: var(--tech-text-soft);
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

.tech-sync-telemetry::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    transform: translateX(-120%);
    animation: techShimmer 4.1s linear infinite;
}

.tech-sync-telemetry.telemetry-a {
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
}

.tech-sync-telemetry.telemetry-b {
    bottom: 160px;
    left: 18px;
}

.tech-sync-telemetry.telemetry-c {
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
}

.tech-sync-node {
    position: absolute;
    z-index: 3;
    border-radius: 26px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background: rgba(8, 15, 28, 0.84);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(18px);
}

.tech-sync-node strong,
.tech-sync-node span {
    display: block;
}

.tech-sync-device {
    top: 42px;
    left: 34px;
    width: 182px;
    padding: 18px 20px;
}

.tech-sync-cloud {
    top: 42px;
    right: 34px;
    width: 202px;
    padding: 18px 20px;
}

.tech-sync-node strong {
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--tech-text-muted);
}

.tech-sync-node span {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.55;
    color: var(--tech-text);
}

.tech-phone {
    position: absolute;
    top: 56%;
    left: 50%;
    z-index: 2;
    width: 248px;
    height: 486px;
    padding: 18px;
    border-radius: 42px;
    background: linear-gradient(180deg, #111a2e, #070d19);
    border: 1px solid rgba(132, 186, 255, 0.18);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
    transform: translate(-50%, -50%);
}

.tech-phone::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 96px;
    height: 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    transform: translateX(-50%);
}

.tech-phone-screen {
    height: 100%;
    padding: 28px 20px 20px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 0%, rgba(74, 167, 255, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(10, 20, 38, 1), rgba(5, 10, 18, 1));
    overflow: hidden;
}

.tech-phone-graph {
    margin-top: 20px;
    padding: 14px 14px 12px;
    border-radius: 22px;
    border: 1px solid rgba(132, 186, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

.tech-phone-graph-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.tech-phone-graph-head span {
    color: var(--tech-text-muted);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.tech-phone-graph-head strong {
    color: var(--tech-text);
    font-size: 13px;
    letter-spacing: -0.01em;
}

.tech-phone-graph svg {
    display: block;
    width: 100%;
    height: auto;
}

.tech-phone-graph-grid {
    stroke: rgba(132, 186, 255, 0.12);
    stroke-width: 1;
}

.tech-phone-graph-line {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 8 8 38 8;
    animation: techWaveShift 9s linear infinite;
}

.graph-line-a {
    stroke: rgba(124, 245, 255, 0.88);
}

.graph-line-b {
    stroke: rgba(74, 167, 255, 0.7);
    animation-duration: 12s;
}

.tech-phone-topline {
    font-size: 12px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--tech-text-muted);
}

.tech-phone-title {
    margin-top: 14px;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--tech-text);
}

.tech-status-stack {
    display: grid;
    gap: 12px;
    margin-top: 22px;
}

.tech-status-card {
    padding: 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(132, 186, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.tech-status-card strong {
    display: block;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tech-text-muted);
}

.tech-status-card strong::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--tech-cyan);
    box-shadow: 0 0 14px rgba(124, 245, 255, 0.85);
    animation: techStatusPulse 2.2s ease-in-out infinite;
}

.tech-status-card span {
    display: block;
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.45;
    color: var(--tech-text);
}

.tech-phone-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 16px;
}

.tech-phone-footer div {
    padding: 10px 8px;
    text-align: center;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(132, 186, 255, 0.08);
    color: var(--tech-text-soft);
    font-size: 12px;
    line-height: 1.5;
}

.tech-stream {
    position: absolute;
    z-index: 1;
    height: 2px;
    background: linear-gradient(90deg, rgba(74, 167, 255, 0), rgba(124, 245, 255, 0.95), rgba(74, 167, 255, 0));
    box-shadow: 0 0 18px rgba(124, 245, 255, 0.38);
    transform-origin: left center;
    overflow: hidden;
}

.tech-stream::after {
    content: "";
    position: absolute;
    inset: -2px auto -2px 0;
    width: 36px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
    animation: techPulseFlow 2.3s linear infinite;
}

.tech-stream.stream-a {
    top: 134px;
    left: 168px;
    width: 126px;
    transform: rotate(38deg);
}

.tech-stream.stream-b {
    top: 134px;
    right: 164px;
    width: 126px;
    transform: rotate(-38deg);
}

.tech-stream.stream-c {
    bottom: 116px;
    left: 50%;
    width: 122px;
    transform: translateX(-50%) rotate(90deg);
}

.tech-sync-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.tech-point-card {
    padding: 22px 20px;
}

.tech-trust-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(290px, 340px);
    gap: 18px;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 245, 255, 0.3) transparent;
}

.tech-trust-grid::-webkit-scrollbar {
    height: 6px;
}

.tech-trust-grid::-webkit-scrollbar-thumb {
    background: rgba(124, 245, 255, 0.24);
    border-radius: 999px;
}

.tech-trust-card {
    padding: 28px 24px;
    min-height: 240px;
    scroll-snap-align: start;
}

.tech-trust-card p {
    max-width: 30ch;
}

.tech-final {
    padding-top: 132px;
    padding-bottom: 168px;
}

.tech-final-card {
    padding: 72px 52px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(124, 245, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(12, 24, 46, 0.94), rgba(7, 13, 24, 0.94));
}

.tech-final-card .tech-section-title {
    max-width: 12ch;
    margin-left: auto;
    margin-right: auto;
}

#secure-sync .tech-section-title {
    max-width: 12ch;
    font-size: clamp(34px, 4.2vw, 54px);
    line-height: 1.04;
}

#secure-sync .tech-section-description {
    max-width: 46ch;
    font-size: clamp(16px, 1.45vw, 19px);
    line-height: 1.6;
}

#secure-sync .tech-point-card h3 {
    font-size: 22px;
    line-height: 1.18;
}

#secure-sync .tech-point-card p {
    font-size: 15px;
    line-height: 1.65;
}

#secure-sync .tech-reveal:last-child {
    padding-top: 10px;
}

.tech-final-card .tech-section-description {
    max-width: 40ch;
    margin-left: auto;
    margin-right: auto;
}

.tech-final-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

body.tech-motion-ready .tech-reveal {
    opacity: 0;
    filter: blur(20px);
    transform: translateY(42px) scale(0.988);
    transition:
        opacity 1.35s cubic-bezier(0.16, 1, 0.3, 1),
        transform 1.35s cubic-bezier(0.16, 1, 0.3, 1),
        filter 1.35s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--reveal-delay, 0s);
}

body.tech-motion-ready .tech-reveal.is-visible {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
}

.tech-flow-step.is-active {
    border-color: rgba(124, 245, 255, 0.22);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(124, 245, 255, 0.06);
}

.tech-atmospheric-transition {
    position: relative;
    min-height: 38vh;
    overflow: hidden;
    isolation: isolate;
}

.tech-atmospheric-transition::before,
.tech-atmospheric-transition::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tech-atmospheric-transition::before {
    background:
        linear-gradient(180deg, rgba(3, 7, 17, 0.98), rgba(5, 10, 20, 0.82) 42%, rgba(3, 7, 17, 0.98)),
        radial-gradient(circle at 50% 52%, rgba(124, 245, 255, 0.08), transparent 18%);
}

.tech-atmospheric-transition::after {
    background: linear-gradient(180deg, rgba(3, 7, 17, 0.95), rgba(3, 7, 17, 0.15) 30%, rgba(3, 7, 17, 0.15) 70%, rgba(3, 7, 17, 0.95));
    opacity: 0.7;
}

.tech-atmospheric-transition-inner {
    position: relative;
    min-height: 38vh;
}

.tech-atmospheric-pulse,
.tech-atmospheric-traces,
.tech-atmospheric-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tech-atmospheric-pulse {
    background:
        radial-gradient(circle at 50% 48%, rgba(124, 245, 255, 0.12), transparent 12%),
        radial-gradient(circle at 50% 48%, rgba(74, 167, 255, 0.09), transparent 22%);
    filter: blur(18px);
    animation: techAtmospherePulse 10s ease-in-out infinite;
}

.tech-atmospheric-trace {
    position: absolute;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(124, 245, 255, 0), rgba(124, 245, 255, 0.65), rgba(124, 245, 255, 0));
    box-shadow: 0 0 18px rgba(124, 245, 255, 0.16);
    overflow: hidden;
}

.tech-atmospheric-trace::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -10%;
    width: 56px;
    height: 5px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.84), transparent);
    animation: techSignalTravel 5.4s linear infinite;
}

.tech-atmospheric-trace.trace-a {
    top: 28%;
    left: 18%;
    width: 24%;
    transform: rotate(8deg);
}

.tech-atmospheric-trace.trace-b {
    top: 52%;
    left: 42%;
    width: 18%;
    transform: rotate(-12deg);
}

.tech-atmospheric-trace.trace-c {
    top: 64%;
    right: 18%;
    width: 22%;
    transform: rotate(10deg);
}

.tech-atmospheric-particle {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(124, 245, 255, 0.76);
    box-shadow: 0 0 14px rgba(124, 245, 255, 0.7);
    animation: techFloat 10s ease-in-out infinite;
}

.tech-atmospheric-particle:nth-child(1) {
    top: 20%;
    left: 26%;
}

.tech-atmospheric-particle:nth-child(2) {
    top: 38%;
    right: 24%;
    animation-delay: -2s;
}

.tech-atmospheric-particle:nth-child(3) {
    bottom: 22%;
    left: 46%;
    animation-delay: -3.5s;
}

.tech-atmospheric-particle:nth-child(4) {
    bottom: 30%;
    right: 38%;
    animation-delay: -1.5s;
}

.tech-cinematic-pause {
    position: relative;
    min-height: 92vh;
    display: grid;
    place-items: center;
    padding: 120px 24px;
    isolation: isolate;
}

.tech-cinematic-pause::before,
.tech-cinematic-pause::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.tech-cinematic-pause::before {
    background:
        radial-gradient(circle at 50% 40%, rgba(124, 245, 255, 0.12), transparent 18%),
        linear-gradient(180deg, rgba(3, 7, 17, 0.92), rgba(4, 9, 18, 0.98));
}

.tech-cinematic-pause::after {
    background: linear-gradient(180deg, rgba(3, 7, 17, 0.96), rgba(3, 7, 17, 0.35) 32%, rgba(3, 7, 17, 0.35) 68%, rgba(3, 7, 17, 0.96));
}

.tech-cinematic-pause-inner {
    position: relative;
    z-index: 1;
    width: min(100%, 980px);
    text-align: center;
}

.tech-scene-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(132, 186, 255, 0.14);
    background: rgba(124, 245, 255, 0.05);
    color: var(--tech-text-muted);
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.tech-scene-quote {
    margin-top: 28px;
    font-size: clamp(52px, 9vw, 132px);
    line-height: 0.92;
    letter-spacing: -0.06em;
    color: var(--tech-text);
    text-wrap: balance;
}

.tech-scene-line {
    max-width: 22ch;
    margin: 24px auto 0;
    font-size: clamp(20px, 2.4vw, 30px);
    line-height: 1.42;
    color: var(--tech-text-soft);
    text-wrap: balance;
}

.tech-cinematic-pause-data::before {
    background:
        radial-gradient(circle at 50% 44%, rgba(124, 245, 255, 0.16), transparent 16%),
        radial-gradient(circle at 32% 50%, rgba(74, 167, 255, 0.1), transparent 24%),
        linear-gradient(180deg, rgba(3, 7, 17, 0.94), rgba(4, 9, 18, 0.98));
}

.tech-cinematic-pause-platform::before {
    background:
        radial-gradient(circle at 50% 38%, rgba(124, 245, 255, 0.1), transparent 14%),
        radial-gradient(circle at 68% 52%, rgba(74, 167, 255, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(3, 7, 17, 0.96), rgba(5, 10, 20, 0.99));
}

.tech-cinematic-pause-architecture::before {
    background:
        radial-gradient(circle at 50% 40%, rgba(124, 245, 255, 0.12), transparent 14%),
        radial-gradient(circle at 38% 60%, rgba(74, 167, 255, 0.1), transparent 22%),
        linear-gradient(180deg, rgba(3, 7, 17, 0.98), rgba(4, 9, 18, 0.99));
}

.tech-cinematic-pause-support {
    min-height: 58vh;
    padding: 100px 24px 92px;
}

.tech-cinematic-pause-support::before {
    background:
        radial-gradient(circle at 50% 42%, rgba(124, 245, 255, 0.08), transparent 18%),
        linear-gradient(180deg, rgba(3, 7, 17, 0.98), rgba(4, 9, 18, 0.94));
}

.tech-cinematic-pause-support .tech-cinematic-pause-inner {
    width: min(100%, 820px);
}

.tech-cinematic-pause-support .tech-scene-quote {
    margin-top: 24px;
    font-size: clamp(42px, 6vw, 88px);
}

.tech-cinematic-pause-support .tech-scene-line {
    max-width: 24ch;
    margin-top: 18px;
    font-size: clamp(17px, 2vw, 24px);
    color: var(--tech-text-muted);
}

body.technology-page .disclaimer-section {
    background-color: #06101f !important;
    border-top-color: rgba(132, 186, 255, 0.12) !important;
}

body.technology-page .disclaimer-text,
body.technology-page .mini-disclaimer {
    color: var(--tech-text-muted) !important;
}

body.technology-page .footer {
    background: #040915;
    border-top-color: rgba(132, 186, 255, 0.12);
}

body.technology-page .footer-logo,
body.technology-page .footer-title,
body.technology-page .footer-social-title {
    color: var(--tech-text);
}

body.technology-page .footer-link,
body.technology-page .footer-social-description,
body.technology-page .footer-social-icon,
body.technology-page .footer-copyright {
    color: var(--tech-text-muted);
}

body.technology-page .footer-bottom {
    border-top-color: rgba(132, 186, 255, 0.1);
}

body.technology-page .footer-link:hover,
body.technology-page .footer-social-icon:hover {
    color: var(--tech-cyan);
}

@keyframes techFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 0.72;
    }
    50% {
        transform: translate3d(0, -18px, 0) scale(1.08);
        opacity: 1;
    }
}

@keyframes techCardDrift {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -12px, 0);
    }
}

@keyframes techSpin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes techSpinReverse {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes techPulseFlow {
    from {
        transform: translateX(-48px);
    }
    to {
        transform: translateX(210px);
    }
}

@keyframes techHeroPulse {
    0%, 100% {
        opacity: 0.82;
        transform: translate3d(var(--hero-reactive-x), var(--hero-reactive-y), 0) scale(0.98);
    }
    50% {
        opacity: 1;
        transform: translate3d(var(--hero-reactive-x), var(--hero-reactive-y), 0) scale(1.04);
    }
}

@keyframes techSignalTravel {
    from {
        transform: translateX(-20%);
    }
    to {
        transform: translateX(180%);
    }
}

@keyframes techWaveShift {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -220;
    }
}

@keyframes techStatusPulse {
    0%, 100% {
        transform: scale(0.9);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}

@keyframes techShimmer {
    from {
        transform: translateX(-120%);
    }
    to {
        transform: translateX(120%);
    }
}

@keyframes techCorePulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(0.92);
        box-shadow: 0 0 22px rgba(124, 245, 255, 0.8);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.08);
        box-shadow: 0 0 32px rgba(124, 245, 255, 1);
    }
}

@keyframes techCoreFloat {
    0%, 100% {
        transform: translate(-50%, -50%) translateY(0);
    }
    50% {
        transform: translate(-50%, -50%) translateY(-8px);
    }
}

@keyframes techCycleWords {
    0%, 28% {
        opacity: 0;
        transform: translate(-50%, 10px);
    }
    10%, 22% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
    34%, 100% {
        opacity: 0;
        transform: translate(-50%, -8px);
    }
}

@keyframes techEngineTraceVital {
    0% { top: 182px; left: 278px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 338px; left: 690px; opacity: 0; }
}

@keyframes techEngineTraceMotion {
    0% { top: 184px; left: 1160px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 338px; left: 742px; opacity: 0; }
}

@keyframes techEngineTraceTemperature {
    0% { top: 382px; left: 234px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 406px; left: 702px; opacity: 0; }
}

@keyframes techEngineTraceSleep {
    0% { top: 388px; left: 1134px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 406px; left: 748px; opacity: 0; }
}

@keyframes techEngineTraceRespiration {
    0% { top: 652px; left: 312px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 522px; left: 702px; opacity: 0; }
}

@keyframes techEngineTraceEnvironment {
    0% { top: 652px; left: 1118px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 522px; left: 748px; opacity: 0; }
}

@keyframes techUnifiedTraceCore {
    0% { top: 176px; left: 336px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 298px; left: 688px; opacity: 0; }
}

@keyframes techUnifiedTraceFever {
    0% { top: 176px; left: 1064px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 298px; left: 712px; opacity: 0; }
}

@keyframes techUnifiedTraceRespira {
    0% { top: 398px; left: 1124px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 412px; left: 714px; opacity: 0; }
}

@keyframes techUnifiedTraceNeuro {
    0% { top: 648px; left: 1034px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 538px; left: 714px; opacity: 0; }
}

@keyframes techUnifiedTraceSleep {
    0% { top: 648px; left: 374px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 538px; left: 688px; opacity: 0; }
}

@keyframes techUnifiedTracePlay {
    0% { top: 398px; left: 230px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 412px; left: 688px; opacity: 0; }
}

@keyframes techUnifiedTraceSyncA {
    0% { top: 570px; left: 742px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 690px; left: 972px; opacity: 0; }
}

@keyframes techUnifiedTraceSyncB {
    0% { top: 570px; left: 658px; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 690px; left: 418px; opacity: 0; }
}

@keyframes techAtmospherePulse {
    0%, 100% {
        opacity: 0.72;
        transform: scale(0.96);
    }
    50% {
        opacity: 1;
        transform: scale(1.04);
    }
}

@keyframes techTopologyScan {
    from {
        transform: translateX(0) skewX(-14deg);
        opacity: 0;
    }
    12%, 78% {
        opacity: 1;
    }
    to {
        transform: translateX(420%) skewX(-14deg);
        opacity: 0;
    }
}

@keyframes techCycleWordsLeft {
    0%, 28% {
        opacity: 0;
        transform: translateY(10px);
    }
    10%, 22% {
        opacity: 1;
        transform: translateY(0);
    }
    34%, 100% {
        opacity: 0;
        transform: translateY(-8px);
    }
}

@keyframes techEndpointPulse {
    0%, 100% {
        transform: scaleY(0.72);
        opacity: 0.7;
    }
    50% {
        transform: scaleY(1.18);
        opacity: 1;
    }
}

@keyframes techSyncTraceCore {
    0% { top: 18%; left: 21%; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 36%; left: 43%; opacity: 0; }
}

@keyframes techSyncTraceFever {
    0% { top: 18%; left: 79%; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 36%; left: 54%; opacity: 0; }
}

@keyframes techSyncTracePlay {
    0% { top: 46%; left: 17%; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 47%; left: 42%; opacity: 0; }
}

@keyframes techSyncTraceRespira {
    0% { top: 46%; left: 82%; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 47%; left: 55%; opacity: 0; }
}

@keyframes techSyncTraceSleep {
    0% { top: 82%; left: 22%; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 59%; left: 43%; opacity: 0; }
}

@keyframes techSyncTraceNeuro {
    0% { top: 82%; left: 78%; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 59%; left: 55%; opacity: 0; }
}

@keyframes techSyncTraceSecure {
    0% { top: 48%; left: 58%; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 56%; left: 82%; opacity: 0; }
}

@keyframes techSyncTraceApp {
    0% { top: 60%; left: 86%; opacity: 0; }
    12% { opacity: 1; }
    100% { top: 79%; left: 89%; opacity: 0; }
}

@media (max-width: 1180px) {
    .tech-hero-grid,
    .tech-signals-grid,
    .tech-hardware-layout,
    .tech-sync-layout {
        grid-template-columns: 1fr;
    }

    #signal-intelligence .tech-signals-grid {
        grid-template-columns: 1fr;
    }

    .tech-hero-copy {
        text-align: center;
    }

    .tech-live-engine-shell {
        width: min(calc(100% - 48px), var(--tech-max));
    }

    .tech-hero-title,
    .tech-hero-subtitle,
    .tech-hero-note {
        margin-left: auto;
        margin-right: auto;
    }

    .tech-hero-strip,
    .tech-hero-actions {
        justify-content: center;
    }

    .tech-flow-layout {
        grid-template-columns: 1fr;
    }

    .tech-flow-stage {
        position: relative;
        top: 0;
    }

    .tech-unified-device {
        width: 206px;
    }

    .tech-unified-device.device-core { left: 42px; }
    .tech-unified-device.device-fever { right: 42px; }
    .tech-unified-device.device-play { left: 22px; }
    .tech-unified-device.device-respira { right: 22px; }
    .tech-unified-device.device-sleep { left: 86px; }
    .tech-unified-device.device-neuro { right: 86px; }

    .tech-shared-layer-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tech-shared-connector {
        display: none;
    }

    .tech-trust-grid {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

}

@media (max-width: 768px) {
    body.technology-page::before {
        display: none;
    }

    .tech-shell,
    .tech-section-inner,
    .tech-live-engine-shell {
        width: min(calc(100% - 32px), var(--tech-max));
    }

    .tech-hero {
        padding-top: 112px;
    }

    .tech-hero,
    .tech-live-engine,
    .tech-section,
    .tech-cinematic-pause {
        overflow-x: clip;
    }

    .tech-section {
        padding: 92px 0;
    }

    #signal-intelligence,
    #trust-architecture {
        padding-top: 76px;
        padding-bottom: 80px;
    }

    #trust-architecture .tech-trust-grid {
        grid-template-columns: 1fr;
    }

    .tech-atmospheric-transition,
    .tech-atmospheric-transition-inner {
        min-height: 28vh;
    }

    .tech-cinematic-pause {
        min-height: 78vh;
        padding: 92px 20px;
    }

    .tech-cinematic-pause-support {
        min-height: 48vh;
        padding: 72px 20px;
    }

    .tech-scene-quote {
        font-size: clamp(46px, 10vw, 88px);
    }

    .tech-scene-line {
        font-size: clamp(18px, 3.6vw, 24px);
    }

    .tech-hero-visual,
    .tech-signal-visual,
    .tech-sync-visual {
        min-height: 520px;
        touch-action: pan-y;
    }

    .tech-live-engine-stage {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        min-height: auto;
        padding: 28px 20px 24px;
        touch-action: pan-y;
    }

    .tech-sync-visual {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        min-height: auto;
        padding: 28px 20px 24px;
    }

    .tech-sync-topology-svg,
    .tech-sync-tracer,
    .tech-sync-telemetry,
    .tech-sync-topology-scan {
        display: none;
    }

    .tech-sync-engine-hub,
    .tech-sync-device-node,
    .tech-sync-secure-hub,
    .tech-sync-app-endpoint {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100%;
        max-width: none;
        margin: 0;
        transform: none !important;
    }

    .tech-sync-device-node {
        width: 100%;
    }

    .tech-sync-engine-hub {
        order: -2;
        grid-column: 1 / -1;
        min-width: 0;
        margin-bottom: 6px;
    }

    .tech-sync-app-endpoint {
        grid-column: 1 / -1;
    }

    .tech-unified-map {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        min-height: auto;
        padding: 28px 20px 24px;
        touch-action: pan-y;
    }

    .tech-unified-svg,
    .tech-unified-tracer,
    .tech-unified-status-pill {
        display: none;
    }

    .tech-unified-center,
    .tech-unified-device {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100%;
        max-width: none;
        margin: 0;
        transform: none !important;
    }

    .tech-unified-center {
        order: -1;
        grid-column: 1 / -1;
        margin-bottom: 6px;
    }

    .tech-engine-svg,
    .tech-engine-tracer,
    .tech-engine-status-pill {
        display: none;
    }

    .tech-engine-core,
    .tech-engine-node {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .tech-engine-core {
        order: -1;
        grid-column: 1 / -1;
        margin-bottom: 6px;
    }

    .tech-signal-visual {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        min-height: auto;
        padding: 24px 18px;
        align-items: stretch;
    }

    .tech-signal-node {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100%;
        height: auto;
        min-height: 92px;
        padding: 16px 12px;
        border-radius: 22px;
        transform: none !important;
    }

    .tech-signal-node.node-center {
        grid-column: 1 / -1;
        min-height: 140px;
        border-radius: 28px;
    }

    .tech-signal-link,
    .tech-signal-pill {
        display: none;
    }

    .tech-unified-device.device-core,
    .tech-unified-device.device-fever,
    .tech-unified-device.device-play,
    .tech-unified-device.device-respira,
    .tech-unified-device.device-sleep,
    .tech-unified-device.device-neuro,
    .engine-node-vital,
    .engine-node-motion,
    .engine-node-temperature,
    .engine-node-sleep,
    .engine-node-respiration,
    .engine-node-environment,
    .tech-sync-device-node.node-core,
    .tech-sync-device-node.node-fever,
    .tech-sync-device-node.node-play,
    .tech-sync-device-node.node-respira,
    .tech-sync-device-node.node-sleep,
    .tech-sync-device-node.node-neuro {
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
    }

    .tech-float-card {
        min-width: 0;
        width: calc(50% - 22px);
        padding: 16px;
    }

    .tech-flow-step,
    .tech-signal-panel,
    .tech-layer-card,
    .tech-point-card,
    .tech-trust-card,
    .tech-final-card {
        padding: 24px;
    }

    .tech-trust-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .tech-hardware-layout .tech-layer-card {
        padding: 18px 0 18px 22px;
    }

    .tech-hardware-hotspot {
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .tech-hardware-hotspot.hotspot-a { top: 74px; right: 22px; }
    .tech-hardware-hotspot.hotspot-b { top: 180px; left: 22px; }
    .tech-hardware-hotspot.hotspot-c { top: 306px; right: 16px; }
    .tech-hardware-hotspot.hotspot-d { bottom: 96px; left: 16px; }

    .tech-sync-engine-hub h3 {
        font-size: 26px;
    }

    .tech-trust-grid {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
    }

    .tech-sync-points {
        grid-template-columns: 1fr;
    }

    .tech-sync-engine-hub,
    .tech-sync-device-node,
    .tech-sync-secure-hub,
    .tech-sync-app-endpoint {
        padding: 20px 18px;
    }
}

@media (max-width: 560px) {
    .tech-hero-visual {
        min-height: 480px;
    }

    .tech-hero-system-status,
    .tech-status-pill,
    .tech-core-visual,
    .tech-float-card,
    .tech-hero-reactive-lines,
    .tech-hero-gridpulse,
    .tech-orbit,
    .tech-particles,
    .tech-live-engine-stage,
    .tech-live-engine-stage *,
    .tech-signal-visual,
    .tech-signal-visual *,
    .tech-unified-map,
    .tech-unified-map *,
    .tech-sync-visual,
    .tech-sync-visual * {
        pointer-events: none;
    }

    #signal-intelligence .tech-signal-panel,
    #trust-architecture .tech-trust-card {
        padding-left: 16px;
    }

    .tech-atmospheric-transition,
    .tech-atmospheric-transition-inner {
        min-height: 24vh;
    }

    .tech-cinematic-pause {
        min-height: 72vh;
        padding: 84px 18px;
    }

    .tech-cinematic-pause-support {
        min-height: 42vh;
        padding: 64px 18px;
    }

    .tech-scene-quote {
        font-size: clamp(40px, 12vw, 62px);
    }

    .tech-scene-line {
        font-size: 18px;
    }

    .tech-cinematic-pause-support .tech-scene-quote {
        font-size: clamp(34px, 10vw, 54px);
    }

    .tech-cinematic-pause-support .tech-scene-line {
        font-size: 16px;
    }

    .tech-hero-system-status {
        top: 18px;
        left: 18px;
        right: 18px;
    }

    .tech-status-pill {
        min-height: 34px;
        padding: 0 12px;
        font-size: 10px;
        letter-spacing: 0.12em;
    }

    .tech-orbit-2,
    .tech-orbit-3 {
        display: none;
    }

    .tech-core-visual {
        width: 210px;
        height: 210px;
    }

    .tech-float-card {
        position: relative;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: auto;
        margin: 16px;
        animation: none;
    }

    .tech-hero-visual {
        display: grid;
        align-content: center;
        justify-items: stretch;
        gap: 0;
        padding-bottom: 24px;
    }

    .tech-core-visual {
        position: relative;
        inset: auto;
        margin: 0 auto;
        top: auto;
        left: auto;
        transform: none;
        animation: none;
    }

    .tech-signal-visual {
        grid-template-columns: 1fr;
        padding: 20px 16px;
    }

    .tech-signal-node {
        min-height: 82px;
        padding: 14px 12px;
        font-size: 12px;
        letter-spacing: 0.06em;
    }

    .tech-signal-node.node-center {
        min-height: 120px;
    }

    .tech-live-engine-stage {
        grid-template-columns: 1fr;
    }

    .tech-sync-visual {
        grid-template-columns: 1fr;
    }

    .tech-sync-engine-hub h3 {
        font-size: 24px;
    }

    .tech-sync-device-node strong,
    .tech-sync-secure-hub strong,
    .tech-sync-app-endpoint strong {
        font-size: 18px;
    }

    .tech-unified-map {
        grid-template-columns: 1fr;
    }

    .tech-unified-center {
        padding: 30px 22px 24px;
    }

    .tech-unified-center h3 {
        font-size: 30px;
    }

    .tech-unified-device {
        padding: 18px 18px 18px;
    }

    .tech-unified-device strong,
    .tech-shared-node strong {
        font-size: 20px;
    }

    .tech-shared-layer-shell {
        padding: 28px 20px;
    }

    .tech-shared-node {
        min-height: 0;
        padding: 20px 18px;
    }

    .tech-engine-node strong {
        font-size: 24px;
    }

    .tech-engine-core {
        padding: 28px 22px 24px;
    }

    .tech-exploded-stack {
        min-height: 560px;
    }

    .tech-exploded-layer {
        width: 92%;
    }

    .tech-hardware-hotspot {
        display: none;
    }

    .tech-sync-engine-cycle span {
        font-size: 10px;
        letter-spacing: 0.14em;
    }
}

@media (max-width: 768px) {
    .tech-hero-visual {
        min-height: 560px;
    }

    .tech-live-engine-stage,
    .tech-unified-map,
    .tech-sync-visual,
    .tech-signal-visual {
        display: block;
        padding: 0;
        touch-action: pan-y;
    }

    .tech-live-engine-stage {
        min-height: 720px;
    }

    .tech-engine-svg,
    .tech-engine-tracer,
    .tech-engine-status-pill,
    .tech-unified-svg,
    .tech-unified-tracer,
    .tech-unified-status-pill,
    .tech-sync-topology-svg,
    .tech-sync-tracer,
    .tech-sync-telemetry,
    .tech-sync-topology-scan,
    .tech-signal-link,
    .tech-signal-pill {
        display: block;
    }

    .tech-engine-core,
    .tech-engine-node,
    .tech-unified-center,
    .tech-unified-device,
    .tech-sync-engine-hub,
    .tech-sync-device-node,
    .tech-sync-secure-hub,
    .tech-sync-app-endpoint,
    .tech-signal-node {
        position: absolute !important;
        margin: 0;
        transform: none;
    }

    .tech-engine-core {
        top: 50% !important;
        left: 50% !important;
        width: min(calc(100% - 56px), 320px);
        padding: 30px 24px 24px;
        transform: translate(-50%, -50%) !important;
    }

    .tech-engine-core h3 {
        font-size: clamp(28px, 5vw, 36px);
    }

    .tech-engine-core p,
    .tech-unified-center p {
        font-size: 15px;
        line-height: 1.62;
    }

    .tech-engine-node {
        width: 150px;
        padding: 14px 14px 16px;
    }

    .tech-engine-node strong {
        font-size: 20px;
    }

    .tech-engine-node p {
        font-size: 13px;
        line-height: 1.5;
    }

    .engine-node-vital { top: 70px !important; left: 28px !important; }
    .engine-node-motion { top: 70px !important; right: 28px !important; }
    .engine-node-temperature { top: 252px !important; left: 18px !important; }
    .engine-node-sleep { top: 252px !important; right: 18px !important; }
    .engine-node-respiration { bottom: 70px !important; left: 54px !important; }
    .engine-node-environment { bottom: 70px !important; right: 54px !important; }

    .tech-engine-status-pill {
        padding: 10px 14px;
        font-size: 12px;
    }

    .tech-engine-status-pill.pill-top {
        top: 28px;
    }

    .tech-engine-status-pill.pill-bottom {
        bottom: 28px;
    }

    .tech-unified-map {
        min-height: 720px;
    }

    .tech-unified-center {
        top: 50% !important;
        left: 50% !important;
        width: min(calc(100% - 56px), 330px);
        padding: 30px 24px 24px;
        transform: translate(-50%, -50%) !important;
    }

    .tech-unified-center h3 {
        font-size: clamp(28px, 5vw, 38px);
    }

    .tech-unified-device {
        width: 168px;
        padding: 14px 14px 16px;
    }

    .tech-unified-device strong {
        font-size: 18px;
    }

    .tech-unified-device p {
        font-size: 13px;
        line-height: 1.5;
    }

    .tech-unified-device.device-core { top: 70px !important; left: 32px !important; }
    .tech-unified-device.device-fever { top: 70px !important; right: 32px !important; }
    .tech-unified-device.device-play { top: 266px !important; left: 16px !important; }
    .tech-unified-device.device-respira { top: 266px !important; right: 16px !important; }
    .tech-unified-device.device-sleep { bottom: 70px !important; left: 52px !important; }
    .tech-unified-device.device-neuro { bottom: 70px !important; right: 52px !important; }

    .tech-unified-status-pill {
        padding: 10px 14px;
        font-size: 12px;
    }

    .tech-unified-status-pill.pill-sync {
        top: 26px;
    }

    .tech-unified-status-pill.pill-context {
        bottom: 24px;
    }

    .tech-signal-visual {
        min-height: 430px;
    }

    .tech-signal-node {
        display: grid;
        place-items: center;
        width: 96px;
        height: 96px;
        min-height: 0;
        padding: 0;
        border-radius: 50%;
        font-size: 11px;
        letter-spacing: 0.07em;
        transform: none !important;
    }

    .tech-signal-node.node-center {
        top: 50% !important;
        left: 50% !important;
        width: 150px;
        height: 150px;
        transform: translate(-50%, -50%) !important;
    }

    .tech-signal-node.node-1 { top: 58px !important; left: 32px !important; }
    .tech-signal-node.node-2 { top: 74px !important; right: 30px !important; }
    .tech-signal-node.node-3 { bottom: 58px !important; left: 38px !important; }
    .tech-signal-node.node-4 { bottom: 66px !important; right: 34px !important; }

    .tech-signal-link.link-1 {
        top: 146px;
        left: 112px;
        width: 132px;
        transform: rotate(26deg);
    }

    .tech-signal-link.link-2 {
        top: 154px;
        right: 110px;
        width: 126px;
        transform: rotate(-24deg);
    }

    .tech-signal-link.link-3 {
        bottom: 138px;
        left: 126px;
        width: 126px;
        transform: rotate(-24deg);
    }

    .tech-signal-link.link-4 {
        bottom: 144px;
        right: 122px;
        width: 118px;
        transform: rotate(24deg);
    }

    .tech-signal-pill {
        padding: 9px 12px;
        font-size: 11px;
    }

    .tech-signal-pill.pill-1 {
        top: 24px;
        left: 50%;
        transform: translateX(-50%);
    }

    .tech-signal-pill.pill-2 {
        bottom: 22px;
        left: 50%;
        transform: translateX(-50%);
    }

    .tech-sync-visual {
        min-height: 640px;
    }

    .tech-sync-device-node {
        width: 124px;
        padding: 14px 12px 16px;
    }

    .tech-sync-device-node strong,
    .tech-sync-secure-hub strong,
    .tech-sync-app-endpoint strong {
        font-size: 14px;
    }

    .tech-sync-device-node span,
    .tech-sync-secure-hub span,
    .tech-sync-app-endpoint span {
        font-size: 12px;
        line-height: 1.45;
    }

    .tech-sync-device-node.node-core { top: 8% !important; left: 3.5% !important; }
    .tech-sync-device-node.node-fever { top: 8% !important; right: 3.5% !important; }
    .tech-sync-device-node.node-play { top: 35% !important; left: 1.5% !important; }
    .tech-sync-device-node.node-respira { top: 35% !important; right: 1.5% !important; }
    .tech-sync-device-node.node-sleep { bottom: 10% !important; left: 5% !important; }
    .tech-sync-device-node.node-neuro { bottom: 10% !important; right: 5% !important; }

    .tech-sync-engine-hub {
        top: 48.5% !important;
        left: 48.5% !important;
        width: min(calc(100% - 220px), 220px);
        min-width: 220px;
        padding: 24px 18px 18px;
        transform: translate(-50%, -50%) !important;
    }

    .tech-sync-engine-hub h3 {
        font-size: 24px;
    }

    .tech-sync-secure-hub {
        top: 46.5% !important;
        right: 3.5% !important;
        width: 132px;
        padding: 14px 12px 14px;
        transform: translateY(-50%) !important;
    }

    .tech-sync-app-endpoint {
        right: 3.5% !important;
        bottom: 10% !important;
        width: 140px;
        padding: 14px 12px 14px;
    }

    .tech-sync-telemetry {
        padding: 8px 12px;
        font-size: 10px;
    }

    .tech-sync-telemetry.telemetry-a {
        top: 20px;
    }

    .tech-sync-telemetry.telemetry-b {
        left: 14px;
        bottom: 124px;
    }

    .tech-sync-telemetry.telemetry-c {
        bottom: 20px;
    }
}

@media (max-width: 560px) {
    .tech-hero-visual {
        min-height: 520px;
        display: block;
        padding-bottom: 0;
    }

    .tech-hero-system-status,
    .tech-status-pill,
    .tech-core-visual,
    .tech-float-card,
    .tech-hero-reactive-lines,
    .tech-hero-gridpulse,
    .tech-orbit,
    .tech-particles,
    .tech-live-engine-stage,
    .tech-live-engine-stage *,
    .tech-signal-visual,
    .tech-signal-visual *,
    .tech-unified-map,
    .tech-unified-map *,
    .tech-sync-visual,
    .tech-sync-visual * {
        pointer-events: none;
    }

    .tech-float-card,
    .tech-engine-node,
    .tech-engine-core,
    .tech-unified-center,
    .tech-unified-device,
    .tech-sync-device-node,
    .tech-sync-engine-hub,
    .tech-sync-secure-hub,
    .tech-sync-app-endpoint,
    .tech-signal-node {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .tech-orbit-2 {
        width: 300px;
        height: 300px;
        display: block;
    }

    .tech-orbit-3 {
        display: none;
    }

    .tech-core-visual {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 154px;
        height: 154px;
        transform: translate(-50%, -50%);
        animation: none !important;
    }

    .tech-float-card {
        position: absolute;
        width: 118px;
        margin: 0;
        padding: 10px;
        animation: none;
    }

    .tech-float-card strong {
        font-size: 10px;
    }

    .tech-float-card span {
        font-size: 12px;
        line-height: 1.34;
    }

    .tech-float-card.card-a { top: 74px; left: 12px; }
    .tech-float-card.card-b { top: 92px; right: 12px; }
    .tech-float-card.card-c { bottom: 34px; left: 12px; }
    .tech-float-card.card-d { bottom: 52px; right: 12px; }

    .tech-float-card.card-c,
    .tech-float-card.card-d {
        display: none;
    }

    .tech-float-card.card-a,
    .tech-float-card.card-b {
        display: none;
    }

    .tech-hero-waveform path,
    .tech-hero-signal-line::after,
    .tech-hero-reactive-lines path,
    .tech-orbit-1,
    .tech-orbit-2,
    .tech-engine-tracer,
    .tech-unified-tracer,
    .tech-sync-tracer,
    .engine-path,
    .tech-unified-path,
    .tech-unified-sync-path,
    .tech-sync-topology-path,
    .tech-sync-topology-link,
    .tech-sync-topology-scan::before,
    .tech-status-pill::before,
    .tech-status-pill::after {
        animation: none !important;
    }

    .tech-live-engine-stage {
        min-height: 716px;
    }

    .tech-engine-core {
        top: 52.5% !important;
        left: 50% !important;
        width: min(calc(100% - 128px), 202px);
        padding: 18px 12px 14px;
        transform: translate(-50%, -50%) !important;
    }

    .tech-engine-node {
        width: 78px;
        padding: 9px 7px 10px;
    }

    .tech-engine-node strong {
        margin-top: 0;
        font-size: 13px;
        line-height: 1.08;
    }

    .tech-engine-node p {
        display: none;
    }

    .engine-node-kicker {
        display: none;
    }

    .engine-node-vital { top: 40px !important; left: 6px !important; }
    .engine-node-motion { top: 40px !important; right: 6px !important; }
    .engine-node-temperature {
        top: 50% !important;
        left: 0 !important;
        transform: translateY(-54%) !important;
    }
    .engine-node-sleep {
        top: 50% !important;
        right: 0 !important;
        transform: translateY(-54%) !important;
    }
    .engine-node-respiration { bottom: 34px !important; left: 6px !important; }
    .engine-node-environment { bottom: 34px !important; right: 6px !important; }

    .tech-engine-status-pill {
        display: none;
    }

    .tech-engine-status-cycle span {
        font-size: 10px;
        letter-spacing: 0.12em;
    }

    .tech-signal-visual {
        min-height: 330px;
    }

    .tech-signal-node {
        width: 68px;
        height: 68px;
        font-size: 9px;
    }

    .tech-signal-node.node-center {
        width: 104px;
        height: 104px;
    }

    .tech-signal-node.node-1 { top: 42px !important; left: 12px !important; }
    .tech-signal-node.node-2 { top: 52px !important; right: 12px !important; }
    .tech-signal-node.node-3 { bottom: 40px !important; left: 14px !important; }
    .tech-signal-node.node-4 { bottom: 48px !important; right: 14px !important; }

    .tech-signal-link.link-1 {
        top: 104px;
        left: 70px;
        width: 82px;
    }

    .tech-signal-link.link-2 {
        top: 112px;
        right: 70px;
        width: 78px;
    }

    .tech-signal-link.link-3 {
        bottom: 94px;
        left: 74px;
        width: 80px;
    }

    .tech-signal-link.link-4 {
        bottom: 102px;
        right: 74px;
        width: 76px;
    }

    .tech-signal-pill {
        font-size: 10px;
        padding: 8px 10px;
    }

    .tech-unified-map {
        min-height: 748px;
    }

    .tech-unified-center {
        top: 50% !important;
        left: 50% !important;
        width: min(calc(100% - 126px), 204px);
        padding: 18px 14px 14px;
        transform: translate(-50%, -50%) !important;
    }

    .tech-unified-center h3 {
        font-size: 18px;
        line-height: 1.08;
    }

    .tech-unified-center p {
        margin-top: 10px;
        font-size: 10px;
        line-height: 1.35;
    }

    .tech-unified-center-strip {
        display: none;
    }

    .tech-unified-center-strip span {
        min-height: 28px;
        padding: 0 9px;
        font-size: 10px;
        letter-spacing: 0.06em;
    }

    .tech-unified-device {
        width: 100px;
        min-height: 56px;
        padding: 8px 10px 9px 8px;
        display: flex;
        align-items: center;
    }

    .tech-unified-device::before {
        display: none;
    }

    .tech-unified-device strong {
        width: 100%;
        font-size: 12px;
        line-height: 1.08;
    }

    .tech-unified-device p {
        display: none;
    }

    .tech-unified-device.device-core { top: 30px !important; left: 8px !important; }
    .tech-unified-device.device-fever { top: 30px !important; right: 8px !important; }
    .tech-unified-device.device-play {
        top: 50% !important;
        left: 0 !important;
        transform: translateY(-50%) !important;
    }
    .tech-unified-device.device-respira {
        top: 50% !important;
        right: 0 !important;
        transform: translateY(-50%) !important;
    }
    .tech-unified-device.device-sleep { bottom: 30px !important; left: 8px !important; }
    .tech-unified-device.device-neuro { bottom: 30px !important; right: 8px !important; }

    .tech-unified-status-pill {
        display: none;
    }

    .tech-sync-visual {
        min-height: 620px;
    }

    .tech-sync-device-node {
        width: 80px;
        padding: 8px 7px 9px;
        min-height: 52px;
        display: flex;
        align-items: center;
    }

    .tech-sync-device-node::before {
        display: none;
    }

    .tech-sync-device-node strong {
        width: 100%;
        font-size: 12px;
        line-height: 1.08;
    }

    .tech-sync-device-node span {
        display: none;
    }

    .tech-sync-device-node.node-core { top: 6% !important; left: 1% !important; }
    .tech-sync-device-node.node-fever { top: 6% !important; right: 1% !important; }
    .tech-sync-device-node.node-play { top: 33% !important; left: 0 !important; }
    .tech-sync-device-node.node-respira { top: 33% !important; right: 0 !important; }
    .tech-sync-device-node.node-sleep { bottom: 7% !important; left: 1% !important; }
    .tech-sync-device-node.node-neuro { bottom: 7% !important; right: 1% !important; }

    .tech-sync-engine-hub {
        top: 50% !important;
        left: 50% !important;
        width: min(calc(100% - 146px), 158px);
        min-width: 150px;
        padding: 16px 12px 12px;
        transform: translate(-50%, -50%) !important;
    }

    .tech-sync-engine-hub h3 {
        font-size: 16px;
        line-height: 1.08;
    }

    .tech-sync-engine-hub .tech-chip,
    .tech-unified-center .tech-chip,
    .tech-engine-core-kicker,
    .engine-node-kicker {
        min-height: 24px;
        padding: 0 8px;
        font-size: 9px;
        letter-spacing: 0.1em;
    }

    .tech-sync-engine-graph {
        margin-top: 12px;
        padding: 10px 10px 8px;
    }

    .tech-sync-engine-cycle span {
        font-size: 9px;
        letter-spacing: 0.1em;
    }

    .tech-sync-secure-hub {
        display: none;
    }

    .tech-sync-app-endpoint {
        display: none;
    }

    .tech-sync-secure-hub strong,
    .tech-sync-app-endpoint strong {
        font-size: 12px;
    }

    .tech-sync-secure-hub span,
    .tech-sync-app-endpoint span {
        display: none;
    }

    .tech-sync-app-pulse {
        margin-top: 10px;
        gap: 6px;
    }

    .tech-sync-app-pulse i {
        width: 6px;
        height: 22px;
    }

    .tech-sync-telemetry {
        display: none;
    }

    .tech-hero *,
    .tech-live-engine *,
    #signal-intelligence *,
    #unified-ecosystem *,
    .tech-sync-visual *,
    .tech-cinematic-pause *,
    .tech-atmospheric-transition * {
        will-change: auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tech-particle,
    .tech-float-card,
    .tech-orbit-1,
    .tech-orbit-2,
    .tech-stream::after,
    .tech-hero-pulsefield,
    .tech-hero-waveform path,
    .tech-hero-signal-line::after,
    .tech-hero-reactive-lines path,
    .tech-atmospheric-pulse,
    .tech-atmospheric-trace::after,
    .tech-status-pill::before,
    .tech-status-pill::after,
    .tech-core-visual,
    .tech-core-visual::after,
    .tech-sync-topology-scan::before,
    .engine-path,
    .tech-unified-path,
    .tech-unified-sync-path,
    .tech-sync-topology-path,
    .tech-sync-topology-link,
    .tech-engine-tracer,
    .tech-unified-tracer,
    .tech-sync-tracer,
    .tech-engine-status-cycle span,
    .tech-engine-status-pill::before,
    .tech-unified-status-pill::before,
    .tech-sync-engine-line,
    .tech-sync-engine-cycle span,
    .tech-sync-device-node::before,
    .tech-sync-app-pulse i,
    .tech-sync-telemetry::before,
    .tech-phone-graph-line,
    .tech-status-card strong::before,
    .tech-unified-device::before,
    .tech-atmospheric-particle,
    .tech-shared-connector::after {
        animation: none !important;
    }

    body.tech-motion-ready .tech-reveal,
    .tech-flow-step,
    .tech-stage-node,
    .tech-button,
    .tech-engine-node,
    .tech-sync-device-node,
    .tech-sync-secure-hub,
    .tech-sync-app-endpoint,
    .tech-exploded-layer {
        transition: none !important;
    }

    html {
        scroll-behavior: auto;
    }
}