/* =========================================================
   V10 — LUMINOUS TIM EGELUND
   Global master material/light pass. Loaded last.
   Preserves structure; upgrades light, glass, depth and clarity.
   ========================================================= */

:root {
    --bg: #0b131c;
    --text: #f9fbff;
    --muted: #aeb9c7;
    --line: rgba(255,255,255,.16);

    --v10-bg-0: #08111a;
    --v10-bg-1: #0c1722;
    --v10-bg-2: #101d2a;
    --v10-bg-3: #142333;

    --v10-glass: rgba(22,34,48,.66);
    --v10-glass-soft: rgba(255,255,255,.055);
    --v10-glass-strong: rgba(26,40,56,.84);
    --v10-line: rgba(255,255,255,.15);
    --v10-line-hot: rgba(122,231,255,.34);

    --v10-cyan: #5beaff;
    --v10-blue: #6c8dff;
    --v10-violet: #ad8cff;
    --v10-pink: #ff72b7;
    --v10-orange: #ffac68;

    --v10-text-soft: rgba(244,249,255,.74);
    --v10-text-muted: rgba(230,239,250,.50);
    --v10-text-dim: rgba(218,230,244,.34);

    --v10-shadow: 0 30px 90px rgba(0,0,0,.26);
    --v10-shadow-soft: 0 18px 52px rgba(0,0,0,.18);
    --v10-inner: inset 0 1px 0 rgba(255,255,255,.075);
    --v10-ease: cubic-bezier(.2,.75,.2,1);
}

html {
    background: var(--v10-bg-0);
}

body {
    background:
        radial-gradient(circle at 12% 12%, rgba(91,234,255,.11), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(173,140,255,.10), transparent 32%),
        radial-gradient(circle at 74% 68%, rgba(255,114,183,.055), transparent 34%),
        linear-gradient(180deg, var(--v10-bg-2) 0%, var(--v10-bg-1) 38%, var(--v10-bg-0) 100%);
}

body::before {
    background:
        radial-gradient(circle at 15% 8%, rgba(91,234,255,.13), transparent 27%),
        radial-gradient(circle at 86% 18%, rgba(173,140,255,.13), transparent 31%),
        radial-gradient(circle at 50% 78%, rgba(108,141,255,.07), transparent 38%),
        linear-gradient(180deg, rgba(15,28,40,.96), rgba(8,16,24,.98));
}

body::after {
    opacity: .27;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 78px 78px;
    mask-image: radial-gradient(circle at 50% 35%, #000 0 45%, transparent 92%);
}

.pointer-glow {
    width: 760px;
    height: 760px;
    opacity: .88;
    background:
        radial-gradient(circle,
            rgba(91,234,255,.13) 0%,
            rgba(108,141,255,.09) 26%,
            rgba(173,140,255,.065) 48%,
            transparent 72%);
    filter: blur(24px);
}

::selection {
    color: #041016;
    background: rgba(122,235,255,.92);
}

/* HEADER / NAV */
.header {
    border-bottom-color: rgba(255,255,255,.13);
    background:
        linear-gradient(180deg, rgba(18,31,44,.90), rgba(10,20,30,.79));
    box-shadow:
        0 16px 48px rgba(0,0,0,.18),
        inset 0 -1px 0 rgba(255,255,255,.04);
    backdrop-filter: blur(30px) saturate(175%);
}

.header::after {
    opacity: .78;
    background: linear-gradient(90deg,
        transparent 3%,
        rgba(91,234,255,.52) 24%,
        rgba(108,141,255,.45) 42%,
        rgba(173,140,255,.5) 60%,
        rgba(255,114,183,.4) 78%,
        transparent 97%);
}

.desktop-nav a {
    color: rgba(247,251,255,.68);
}

.desktop-nav a:hover,
.desktop-nav a:focus-visible {
    color: #fff;
}

.language,
.header-cta,
.te-search-trigger,
.audience-trigger {
    border-color: rgba(255,255,255,.15);
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
    box-shadow: var(--v10-inner), 0 10px 28px rgba(0,0,0,.12);
}

.header-cta:hover,
.te-search-trigger:hover,
.audience-trigger:hover {
    border-color: rgba(91,234,255,.4);
    background:
        linear-gradient(145deg, rgba(91,234,255,.11), rgba(173,140,255,.06));
    box-shadow:
        var(--v10-inner),
        0 12px 34px rgba(32,180,220,.12);
}

/* HERO — SAME STRUCTURE, MORE LUMINOUS DEPTH */
.hero {
    background:
        radial-gradient(circle at 22% 22%, rgba(91,234,255,.10), transparent 28%),
        radial-gradient(circle at 82% 34%, rgba(173,140,255,.13), transparent 32%);
}

.hero::before {
    opacity: .88;
    filter: saturate(1.12) brightness(1.08);
}

.hero-copy {
    text-shadow: 0 18px 60px rgba(0,0,0,.18);
}

.hero-lead,
.hero-data span,
.hero-data small {
    color: var(--v10-text-soft);
}

.kicker,
.section-code {
    color: rgba(119,236,255,.9);
}

.visual-border,
.hero-art {
    border-color: rgba(255,255,255,.17);
    box-shadow:
        0 34px 100px rgba(0,0,0,.23),
        0 0 70px rgba(91,234,255,.055),
        var(--v10-inner);
}

.visual-badge,
.hero-data > div {
    border-color: rgba(255,255,255,.14);
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
        rgba(18,31,44,.56);
    box-shadow: var(--v10-inner);
    backdrop-filter: blur(18px) saturate(150%);
}

/* SECTION ATMOSPHERE */
.intro,
.areas,
.network,
.capability-mosaic,
.engine-section,
.manifesto,
.process,
.contact,
.scale-system,
.software-atlas,
.story-engine,
.professional-profile {
    position: relative;
    isolation: isolate;
}

.intro {
    background:
        radial-gradient(circle at 12% 20%, rgba(91,234,255,.07), transparent 30%),
        linear-gradient(180deg, rgba(16,29,42,.68), rgba(10,20,30,.72));
}

.areas {
    background:
        radial-gradient(circle at 86% 14%, rgba(108,141,255,.07), transparent 31%),
        linear-gradient(180deg, rgba(10,20,30,.72), rgba(13,25,36,.72));
}

.network {
    background:
        radial-gradient(circle at 72% 28%, rgba(173,140,255,.09), transparent 34%),
        linear-gradient(180deg, rgba(13,25,36,.72), rgba(10,20,30,.76));
}

.capability-mosaic,
.process {
    background:
        radial-gradient(circle at 18% 24%, rgba(91,234,255,.055), transparent 30%),
        radial-gradient(circle at 82% 76%, rgba(255,114,183,.04), transparent 34%),
        rgba(13,25,36,.68);
}

.engine-section,
.scale-system {
    background:
        radial-gradient(circle at 15% 20%, rgba(91,234,255,.09), transparent 30%),
        radial-gradient(circle at 86% 78%, rgba(173,140,255,.09), transparent 34%),
        linear-gradient(180deg, rgba(15,28,41,.76), rgba(9,18,27,.78));
}

.manifesto,
.contact {
    background:
        radial-gradient(circle at 78% 24%, rgba(255,114,183,.055), transparent 30%),
        linear-gradient(180deg, rgba(11,22,33,.74), rgba(8,17,26,.82));
}

/* LUMINOUS GLASS SURFACES */
:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .scale-timeline,
    .role-matrix,
    .software-house-focus,
    .build-intelligence,
    .software-card,
    .story-stage,
    .professional-domains,
    .professional-outcomes,
    .professional-metric
) {
    border-color: var(--v10-line);
    background:
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.022) 48%, rgba(91,234,255,.018)),
        rgba(20,33,47,.68);
    box-shadow:
        var(--v10-shadow-soft),
        var(--v10-inner);
    backdrop-filter: blur(18px) saturate(150%);
}

:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-domains,
    .professional-outcomes
):hover {
    border-color: rgba(122,235,255,.27);
    box-shadow:
        0 24px 72px rgba(0,0,0,.21),
        0 0 0 1px rgba(91,234,255,.025),
        var(--v10-inner);
}

.area-copy {
    background:
        linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.026)),
        rgba(20,34,48,.68);
}

.project-engine {
    background:
        radial-gradient(circle at 88% 8%, rgba(173,140,255,.16), transparent 31%),
        radial-gradient(circle at 10% 90%, rgba(91,234,255,.13), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
        rgba(18,31,45,.80);
}

.contact-panel {
    background:
        radial-gradient(circle at 86% 78%, rgba(173,140,255,.12), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.022)),
        rgba(19,33,47,.78);
}

/* READABILITY / MICRO UI */
:where(
    .intro p,
    .area-copy > p,
    .network-copy p,
    .engine-head p,
    .manifesto p,
    .process-card p,
    .contact-panel p,
    .scale-head p,
    .software-atlas-summary span,
    .software-atlas-footer p,
    .story-head > p,
    .story-copy p,
    .professional-head > p,
    .professional-outcome p,
    .professional-source p
) {
    color: var(--v10-text-muted);
}

:where(
    .area-no,
    .section-code,
    .software-card-index,
    .story-counter,
    .professional-block-head strong,
    .evo-metrics small,
    .role-node small
) {
    color: var(--v10-text-dim);
}

:where(
    .area-links a,
    .engine-tabs button,
    .software-atlas-filter,
    .software-atlas-toggle,
    .story-controls button,
    .role-cluster-tab,
    .knowledge-trigger,
    .project-filter,
    .project-dna-actions button
) {
    border-color: rgba(255,255,255,.14);
    background:
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}

:where(
    .area-links a,
    .engine-tabs button,
    .software-atlas-filter,
    .software-atlas-toggle,
    .role-cluster-tab,
    .knowledge-trigger,
    .project-filter,
    .project-dna-actions button
):hover {
    border-color: rgba(91,234,255,.36);
    background:
        linear-gradient(145deg, rgba(91,234,255,.105), rgba(173,140,255,.055));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 10px 28px rgba(47,178,221,.09);
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
    outline: 2px solid rgba(91,234,255,.72);
    outline-offset: 3px;
}

/* OVERLAYS / FULL-SCREEN SYSTEMS */
:where(
    .te-search-panel,
    .knowledge-panel,
    .software-room-panel,
    .project-explorer-panel,
    .technology-panel,
    .audience-panel
) {
    border-color: rgba(255,255,255,.17);
    background:
        radial-gradient(circle at 82% 14%, rgba(173,140,255,.12), transparent 26%),
        radial-gradient(circle at 14% 86%, rgba(91,234,255,.085), transparent 28%),
        linear-gradient(150deg, rgba(255,255,255,.075), rgba(255,255,255,.018) 40%),
        rgba(13,25,37,.96);
    box-shadow:
        0 52px 160px rgba(0,0,0,.48),
        0 0 85px rgba(91,234,255,.045),
        inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(26px) saturate(165%);
}

:where(
    .te-search-backdrop,
    .knowledge-backdrop,
    .software-room-backdrop,
    .project-explorer-backdrop,
    .technology-backdrop,
    .audience-backdrop
) {
    background:
        radial-gradient(circle at 50% 18%, rgba(91,234,255,.065), transparent 34%),
        rgba(3,8,13,.72);
    backdrop-filter: blur(24px) saturate(135%);
}

:where(
    .te-search-head,
    .knowledge-head,
    .software-room-head,
    .project-explorer-head,
    .technology-head,
    .audience-head
) {
    border-bottom-color: rgba(255,255,255,.11);
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), transparent);
}

:where(
    .project-explorer-sidebar,
    .technology-list-panel,
    .story-copy
) {
    background:
        linear-gradient(160deg, rgba(255,255,255,.055), transparent 44%),
        rgba(18,31,45,.78);
}

:where(
    .project-list-item,
    .technology-list-item,
    .knowledge-node,
    .software-room-grid article,
    .audience-grid button,
    .role-node,
    .professional-domain,
    .professional-outcome
) {
    border-color: rgba(255,255,255,.11);
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.014)),
        rgba(21,35,50,.58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

/* V7 ARRIVAL — LUMINOUS SYSTEM AWAKENING */
.te-arrival-v7 {
    background: rgba(4,10,16,.90);
}

.te-v7-bg {
    background:
        radial-gradient(circle at 50% 36%, rgba(91,234,255,.16), transparent 24%),
        radial-gradient(circle at 30% 68%, rgba(108,141,255,.12), transparent 31%),
        radial-gradient(circle at 72% 64%, rgba(255,114,183,.10), transparent 30%),
        linear-gradient(180deg, #0b1824 0%, #0d1a27 48%, #07111a 100%);
}

.te-v7-bg::before,
.te-v7-bg::after {
    content: "";
    position: absolute;
    inset: -18%;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(70px);
    opacity: .52;
}

.te-v7-bg::before {
    background:
        radial-gradient(circle at 40% 45%, rgba(91,234,255,.20), transparent 32%),
        radial-gradient(circle at 63% 54%, rgba(173,140,255,.16), transparent 34%);
    animation: v10ArrivalAuraA 9s var(--v10-ease) infinite alternate;
}

.te-v7-bg::after {
    background:
        radial-gradient(circle at 55% 48%, rgba(108,141,255,.15), transparent 34%),
        radial-gradient(circle at 68% 58%, rgba(255,114,183,.12), transparent 30%);
    animation: v10ArrivalAuraB 11s var(--v10-ease) infinite alternate;
}

.te-v7-grid {
    opacity: .34;
    background-image:
        linear-gradient(rgba(91,234,255,.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(91,234,255,.06) 1px, transparent 1px);
}

.te-v7-frame {
    border-color: rgba(255,255,255,.075);
    box-shadow: inset 0 0 80px rgba(91,234,255,.025);
}

.te-v7-panel {
    border-color: rgba(255,255,255,.18);
    background:
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.025)),
        rgba(21,36,51,.82);
    box-shadow:
        0 22px 60px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.075);
    backdrop-filter: blur(22px) saturate(160%);
}

.te-v7-panel small {
    color: rgba(244,249,255,.54);
}

.te-v7-panel strong {
    color: #fff;
    text-shadow: 0 0 18px rgba(255,255,255,.08);
}

.ring-outer {
    border-color: rgba(91,234,255,.32);
    filter:
        drop-shadow(0 0 18px rgba(91,234,255,.34))
        drop-shadow(0 0 42px rgba(108,141,255,.14));
}

.ring-mid {
    box-shadow:
        0 0 42px rgba(91,234,255,.26),
        0 0 80px rgba(173,140,255,.10),
        inset 0 0 42px rgba(173,140,255,.16);
}

.ring-inner {
    border-color: rgba(255,255,255,.22);
    background:
        radial-gradient(circle,
            rgba(43,70,92,.96) 0%,
            rgba(18,33,46,.98) 54%,
            rgba(8,16,24,.99) 100%);
    box-shadow:
        0 0 0 10px rgba(255,255,255,.024),
        0 0 64px rgba(91,234,255,.22);
}

.te-v7-coreplate {
    border-color: rgba(255,255,255,.22);
    background:
        radial-gradient(circle, rgba(91,234,255,.18), rgba(16,30,43,.98) 66%);
    box-shadow:
        inset 0 0 32px rgba(91,234,255,.13),
        0 0 54px rgba(91,234,255,.16);
}

.te-v7-beam {
    opacity: .9;
    filter: blur(.5px) drop-shadow(0 0 18px rgba(91,234,255,.24));
}

.te-v7-copy p {
    color: rgba(244,249,255,.66);
}

.te-v7-kicker {
    color: rgba(244,249,255,.82);
}

.te-v7-progress {
    background: rgba(255,255,255,.12);
}

/* DATA-DRIVEN SIGNATURE MODULES */
.software-atlas {
    background:
        radial-gradient(circle at 82% 18%, rgba(173,140,255,.11), transparent 27%),
        radial-gradient(circle at 18% 82%, rgba(91,234,255,.09), transparent 31%),
        linear-gradient(180deg, rgba(17,31,44,.78), rgba(10,21,31,.82));
}

.software-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(91,234,255,.08), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.018) 48%),
        rgba(21,36,51,.72);
}

.software-card:hover {
    border-color: rgba(91,234,255,.32);
    box-shadow:
        0 22px 60px rgba(0,0,0,.20),
        0 0 42px rgba(91,234,255,.045),
        var(--v10-inner);
}

.professional-profile {
    background:
        radial-gradient(circle at 12% 20%, rgba(91,234,255,.085), transparent 29%),
        radial-gradient(circle at 88% 80%, rgba(173,140,255,.075), transparent 31%),
        linear-gradient(180deg, rgba(14,27,39,.78), rgba(9,19,29,.84));
}

.professional-metric {
    background:
        linear-gradient(155deg, rgba(255,255,255,.08), rgba(255,255,255,.016)),
        rgba(22,37,52,.78);
}

.professional-metric strong {
    text-shadow: 0 0 26px rgba(91,234,255,.08);
}

.story-engine {
    background:
        radial-gradient(circle at 18% 22%, rgba(91,234,255,.08), transparent 30%),
        radial-gradient(circle at 82% 78%, rgba(255,114,183,.065), transparent 31%),
        linear-gradient(180deg, rgba(14,27,39,.8), rgba(9,19,29,.84));
}

.story-stage {
    border-color: rgba(255,255,255,.16);
    box-shadow:
        0 34px 100px rgba(0,0,0,.22),
        0 0 70px rgba(91,234,255,.04),
        var(--v10-inner);
}

.story-visual img {
    filter: saturate(1.06) brightness(1.045) contrast(1.025);
}

.story-thumb {
    border-color: rgba(255,255,255,.13);
    background: rgba(18,31,44,.9);
}

.story-thumb.is-active {
    border-color: rgba(91,234,255,.42);
    box-shadow: 0 0 24px rgba(91,234,255,.12);
}

.evolution-core,
.role-constellation {
    border-color: rgba(255,255,255,.16);
    background:
        radial-gradient(circle at 82% 14%, rgba(173,140,255,.08), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
        rgba(18,31,45,.78);
    box-shadow: var(--v10-shadow-soft), var(--v10-inner);
}

.evo-detail,
.role-inspector,
.role-core-v8 {
    border-color: rgba(255,255,255,.12);
    background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.015)),
        rgba(22,36,50,.70);
}

.evo-track::before {
    opacity: .9;
    box-shadow:
        0 0 18px rgba(91,234,255,.22),
        0 0 34px rgba(173,140,255,.08);
}

.evo-stop span,
.evo-copy p,
.role-inspector > p {
    color: var(--v10-text-muted);
}

.role-node:hover,
.role-node.is-selected {
    border-color: rgba(91,234,255,.34);
    background:
        linear-gradient(145deg, rgba(91,234,255,.10), rgba(173,140,255,.045)),
        rgba(23,39,55,.74);
    box-shadow: 0 12px 30px rgba(0,0,0,.14);
}

.build-intelligence {
    background:
        radial-gradient(circle at 88% 16%, rgba(91,234,255,.10), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
        rgba(20,34,49,.78);
}

/* GLOBAL FINISH / AMBIENT LIGHT */
body::before {
    transform-origin: 50% 35%;
    will-change: transform;
    animation: v10AmbientDrift 18s var(--v10-ease) infinite alternate;
}

.scroll-progress {
    background: linear-gradient(90deg,
        var(--v10-cyan),
        var(--v10-blue),
        var(--v10-violet),
        var(--v10-pink));
    box-shadow: 0 0 18px rgba(91,234,255,.35);
}

.footer,
.mobile-dock {
    border-color: rgba(255,255,255,.11);
    background:
        linear-gradient(180deg, rgba(19,32,45,.90), rgba(9,19,29,.92));
    backdrop-filter: blur(28px) saturate(165%);
}

.footer {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.mobile-dock {
    box-shadow:
        0 18px 50px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06);
}

* {
    scrollbar-color: rgba(91,234,255,.35) rgba(255,255,255,.035);
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: rgba(255,255,255,.025);
}

*::-webkit-scrollbar-thumb {
    border: 2px solid rgba(8,17,26,.75);
    border-radius: 999px;
    background: linear-gradient(180deg,
        rgba(91,234,255,.46),
        rgba(173,140,255,.38));
}

@keyframes v10AmbientDrift {
    0%   { transform: scale(1.02) translate3d(-.7%, -.3%, 0); }
    100% { transform: scale(1.07) translate3d(.8%, .6%, 0); }
}

@keyframes v10ArrivalAuraA {
    0%   { transform: translate3d(-2%, -1%, 0) scale(.96); }
    100% { transform: translate3d(2%, 1.5%, 0) scale(1.05); }
}

@keyframes v10ArrivalAuraB {
    0%   { transform: translate3d(1.5%, -1%, 0) scale(1.02); }
    100% { transform: translate3d(-1.5%, 1%, 0) scale(.96); }
}

@media (max-width: 760px) {
    body::after { opacity: .18; }
    .pointer-glow { opacity: .58; }
    :where(.te-search-panel,.knowledge-panel,.software-room-panel,.project-explorer-panel,.technology-panel,.audience-panel) {
        background:
            linear-gradient(160deg, rgba(255,255,255,.065), transparent 38%),
            rgba(13,25,37,.97);
    }
}

@media (prefers-reduced-motion: reduce) {
    body::before,
    .te-v7-bg::before,
    .te-v7-bg::after {
        animation: none !important;
    }
}

/* V10 TOP-PASS REFINEMENT */
.hero-lead {
    color: rgba(244,249,255,.70);
}

.hero-data span,
.hero-data small {
    color: rgba(239,247,255,.62);
}

.hero-art img,
.visual-border img {
    filter: brightness(1.075) saturate(1.06) contrast(1.015);
}

.visual-border {
    background:
        radial-gradient(circle at 22% 20%, rgba(91,234,255,.08), transparent 32%),
        radial-gradient(circle at 82% 78%, rgba(255,114,183,.055), transparent 34%),
        rgba(16,29,42,.72);
}

.button.secondary,
.button.ghost {
    border-color: rgba(255,255,255,.16);
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.02));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}

.button.secondary:hover,
.button.ghost:hover {
    border-color: rgba(91,234,255,.36);
    background:
        linear-gradient(145deg, rgba(91,234,255,.105), rgba(173,140,255,.055));
}

/* =========================================================
   V10.1 — SPECTRAL GLASS SYSTEM
   Tim Egelund multicolour identity: controlled, layered, alive.
   ========================================================= */

:root {
    --v10-lime: #b8ff68;
    --v10-green: #64f7a1;
    --v10-teal: #58ffd7;

    --zone-a: 91 234 255;
    --zone-b: 173 140 255;
    --zone-c: 255 114 183;
    --zone-d: 184 255 104;
}

/* Colour semantics by experience zone */
.hero {
    --zone-a: 91 234 255;
    --zone-b: 173 140 255;
    --zone-c: 255 114 183;
    --zone-d: 184 255 104;
}

.intro {
    --zone-a: 91 234 255;
    --zone-b: 184 255 104;
    --zone-c: 108 141 255;
    --zone-d: 100 247 161;
}

.areas {
    --zone-a: 108 141 255;
    --zone-b: 173 140 255;
    --zone-c: 91 234 255;
    --zone-d: 184 255 104;
}

.network {
    --zone-a: 91 234 255;
    --zone-b: 184 255 104;
    --zone-c: 108 141 255;
    --zone-d: 173 140 255;
}

.engine-section,
.software-atlas {
    --zone-a: 91 234 255;
    --zone-b: 173 140 255;
    --zone-c: 108 141 255;
    --zone-d: 184 255 104;
}

.story-engine {
    --zone-a: 255 114 183;
    --zone-b: 255 172 104;
    --zone-c: 173 140 255;
    --zone-d: 91 234 255;
}

.professional-profile {
    --zone-a: 91 234 255;
    --zone-b: 184 255 104;
    --zone-c: 173 140 255;
    --zone-d: 100 247 161;
}

.scale-system {
    --zone-a: 108 141 255;
    --zone-b: 173 140 255;
    --zone-c: 184 255 104;
    --zone-d: 91 234 255;
}

.contact {
    --zone-a: 255 114 183;
    --zone-b: 173 140 255;
    --zone-c: 91 234 255;
    --zone-d: 184 255 104;
}

/* SPECTRAL AURORA — colour without visual noise */
:where(
    .hero,
    .intro,
    .areas,
    .network,
    .engine-section,
    .software-atlas,
    .story-engine,
    .professional-profile,
    .scale-system,
    .contact
) > .shell {
    position: relative;
    z-index: 1;
}

:where(
    .hero,
    .intro,
    .areas,
    .network,
    .engine-section,
    .software-atlas,
    .story-engine,
    .professional-profile,
    .scale-system,
    .contact
) > .shell::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: -8% -7%;
    pointer-events: none;
    opacity: .92;
    background:
        radial-gradient(circle at 8% 18%, rgb(var(--zone-a) / .14), transparent 25%),
        radial-gradient(circle at 88% 12%, rgb(var(--zone-b) / .13), transparent 28%),
        radial-gradient(circle at 76% 84%, rgb(var(--zone-c) / .09), transparent 27%),
        radial-gradient(circle at 22% 86%, rgb(var(--zone-d) / .095), transparent 26%);
    filter: blur(34px) saturate(1.18);
    transform: translateZ(0);
}

:where(
    .hero,
    .intro,
    .areas,
    .network,
    .engine-section,
    .software-atlas,
    .story-engine,
    .professional-profile,
    .scale-system,
    .contact
) > .shell::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 8% -2%;
    pointer-events: none;
    opacity: .48;
    background:
        conic-gradient(
            from 210deg at 50% 50%,
            transparent 0 13%,
            rgb(var(--zone-a) / .07) 18%,
            transparent 29%,
            rgb(var(--zone-d) / .065) 42%,
            transparent 55%,
            rgb(var(--zone-b) / .07) 69%,
            transparent 82%,
            rgb(var(--zone-c) / .055) 92%,
            transparent 100%
        );
    filter: blur(54px);
    transform: scale(1.04);
}

@supports (animation-timeline: view()) {
    :where(
        .intro,
        .areas,
        .network,
        .engine-section,
        .software-atlas,
        .story-engine,
        .professional-profile,
        .scale-system,
        .contact
    ) > .shell::before {
        animation: v10SpectralSectionReveal linear both;
        animation-timeline: view();
        animation-range: entry 5% cover 42%;
    }
}

@keyframes v10SpectralSectionReveal {
    from {
        opacity: .34;
        transform: translate3d(0, 36px, 0) scale(.96);
        filter: blur(46px) saturate(.95);
    }
    to {
        opacity: .92;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(34px) saturate(1.18);
    }
}

/* SPECTRAL GLASS — chromatic edge light */
:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-metric,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation,
    .evo-detail,
    .role-core-v8,
    .role-inspector,
    .build-intelligence
) {
    border: 1px solid transparent;
    background:
        radial-gradient(circle at 8% 0%, rgb(var(--zone-a) / .09), transparent 34%) padding-box,
        radial-gradient(circle at 94% 100%, rgb(var(--zone-b) / .075), transparent 32%) padding-box,
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.02) 52%) padding-box,
        rgba(20,34,48,.72) padding-box,
        linear-gradient(
            135deg,
            rgb(var(--zone-a) / .36),
            rgba(255,255,255,.10) 26%,
            rgb(var(--zone-b) / .29) 53%,
            rgb(var(--zone-c) / .20) 74%,
            rgb(var(--zone-d) / .28)
        ) border-box;
    box-shadow:
        0 22px 66px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.085),
        inset 0 0 0 1px rgba(255,255,255,.012);
    backdrop-filter: blur(22px) saturate(165%) brightness(1.035);
}

:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation
):hover {
    background:
        radial-gradient(circle at 8% 0%, rgb(var(--zone-a) / .14), transparent 36%) padding-box,
        radial-gradient(circle at 94% 100%, rgb(var(--zone-b) / .12), transparent 34%) padding-box,
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.026) 52%) padding-box,
        rgba(22,38,54,.76) padding-box,
        linear-gradient(
            135deg,
            rgb(var(--zone-a) / .52),
            rgba(255,255,255,.16) 24%,
            rgb(var(--zone-b) / .42) 52%,
            rgb(var(--zone-c) / .30) 74%,
            rgb(var(--zone-d) / .40)
        ) border-box;
    box-shadow:
        0 28px 78px rgba(0,0,0,.20),
        0 0 42px rgb(var(--zone-a) / .045),
        inset 0 1px 0 rgba(255,255,255,.105);
}

/* SPECIALISED GLASS ROOMS */
.te-search-panel {
    --zone-a: 91 234 255;
    --zone-b: 108 141 255;
    --zone-c: 173 140 255;
    --zone-d: 184 255 104;
}
.knowledge-panel {
    --zone-a: 91 234 255;
    --zone-b: 173 140 255;
    --zone-c: 255 114 183;
    --zone-d: 184 255 104;
}
.software-room-panel {
    --zone-a: 91 234 255;
    --zone-b: 108 141 255;
    --zone-c: 173 140 255;
    --zone-d: 100 247 161;
}
.project-explorer-panel {
    --zone-a: 108 141 255;
    --zone-b: 91 234 255;
    --zone-c: 173 140 255;
    --zone-d: 184 255 104;
}
.technology-panel {
    --zone-a: 91 234 255;
    --zone-b: 184 255 104;
    --zone-c: 108 141 255;
    --zone-d: 173 140 255;
}
.audience-panel {
    --zone-a: 255 114 183;
    --zone-b: 173 140 255;
    --zone-c: 91 234 255;
    --zone-d: 184 255 104;
}

:where(
    .te-search-panel,
    .knowledge-panel,
    .software-room-panel,
    .project-explorer-panel,
    .technology-panel,
    .audience-panel
) {
    border: 1px solid transparent;
    background:
        radial-gradient(circle at 4% 0%, rgb(var(--zone-a) / .13), transparent 32%) padding-box,
        radial-gradient(circle at 100% 100%, rgb(var(--zone-b) / .10), transparent 34%) padding-box,
        linear-gradient(150deg, rgba(255,255,255,.09), rgba(255,255,255,.018) 46%) padding-box,
        rgba(14,27,40,.955) padding-box,
        linear-gradient(
            125deg,
            rgb(var(--zone-a) / .48),
            rgba(255,255,255,.12) 24%,
            rgb(var(--zone-b) / .38) 51%,
            rgb(var(--zone-c) / .28) 74%,
            rgb(var(--zone-d) / .34)
        ) border-box;
    box-shadow:
        0 52px 160px rgba(0,0,0,.44),
        0 0 92px rgb(var(--zone-a) / .055),
        inset 0 1px 0 rgba(255,255,255,.095);
    backdrop-filter: blur(30px) saturate(178%) brightness(1.035);
}

/* ARRIVAL MULTICOLOUR DOMAIN IDENTITY */
.te-v7-panel-software {
    border-color: rgba(91,234,255,.30);
    box-shadow:
        0 20px 55px rgba(0,0,0,.20),
        0 0 34px rgba(91,234,255,.08),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.te-v7-panel-software b { color: var(--v10-cyan); text-shadow: 0 0 18px rgba(91,234,255,.38); }

.te-v7-panel-engineering {
    border-color: rgba(184,255,104,.27);
    box-shadow:
        0 20px 55px rgba(0,0,0,.20),
        0 0 34px rgba(184,255,104,.075),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.te-v7-panel-engineering b { color: var(--v10-lime); text-shadow: 0 0 18px rgba(184,255,104,.34); }

.te-v7-panel-systems {
    border-color: rgba(173,140,255,.30);
    box-shadow:
        0 20px 55px rgba(0,0,0,.20),
        0 0 34px rgba(173,140,255,.08),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.te-v7-panel-systems b { color: var(--v10-violet); text-shadow: 0 0 18px rgba(173,140,255,.36); }

.te-v7-panel-media {
    border-color: rgba(255,114,183,.30);
    box-shadow:
        0 20px 55px rgba(0,0,0,.20),
        0 0 34px rgba(255,114,183,.075),
        inset 0 1px 0 rgba(255,255,255,.08);
}
.te-v7-panel-media b { color: var(--v10-pink); text-shadow: 0 0 18px rgba(255,114,183,.34); }

.te-v7-link {
    opacity: .9;
    filter: drop-shadow(0 0 12px rgba(91,234,255,.20));
}

.link-a { background: linear-gradient(90deg, rgba(91,234,255,.08), rgba(91,234,255,.82)); }
.link-b { background: linear-gradient(90deg, rgba(184,255,104,.08), rgba(184,255,104,.76)); }
.link-c { background: linear-gradient(90deg, rgba(173,140,255,.08), rgba(173,140,255,.82)); }
.link-d { background: linear-gradient(90deg, rgba(255,114,183,.08), rgba(255,114,183,.80)); }
/* =========================================================
   V10.2 — SPECTRAL LUXURY
   Higher chromatic richness + deeper glass, without visual noise.
   ========================================================= */

:root {
    --spec-cyan: rgba(91,234,255,.22);
    --spec-blue: rgba(108,141,255,.20);
    --spec-violet: rgba(173,140,255,.24);
    --spec-pink: rgba(255,114,183,.18);
    --spec-lime: rgba(184,255,104,.20);
    --glass-ultra: rgba(255,255,255,.095);
    --glass-soft-2: rgba(255,255,255,.03);
}

body {
    background:
        radial-gradient(circle at 10% 14%, rgba(91,234,255,.11), transparent 24%),
        radial-gradient(circle at 88% 12%, rgba(173,140,255,.13), transparent 28%),
        radial-gradient(circle at 78% 82%, rgba(255,114,183,.07), transparent 28%),
        radial-gradient(circle at 18% 88%, rgba(184,255,104,.06), transparent 26%),
        linear-gradient(180deg, #111d2a 0%, #0d1925 38%, #09141e 100%);
}

body::after {
    animation: teSpectralGridFloat 18s ease-in-out infinite alternate;
}

@keyframes teSpectralGridFloat {
    0% { opacity: .22; transform: translate3d(0,0,0) scale(1); }
    100% { opacity: .30; transform: translate3d(0,-10px,0) scale(1.02); }
}
/* ULTRA GLASS SURFACES */
:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-metric,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation,
    .evo-detail,
    .role-core-v8,
    .role-inspector,
    .build-intelligence,
    .story-stage
) {
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    background:
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.032) 48%, rgba(255,255,255,.015)) padding-box,
        linear-gradient(
            135deg,
            rgba(91,234,255,.46),
            rgba(173,140,255,.30) 28%,
            rgba(255,255,255,.15) 46%,
            rgba(255,114,183,.20) 68%,
            rgba(184,255,104,.30)
        ) border-box;
    box-shadow:
        0 26px 80px rgba(0,0,0,.18),
        0 0 42px rgba(91,234,255,.045),
        inset 0 1px 0 rgba(255,255,255,.11),
        inset 0 0 0 1px rgba(255,255,255,.018);
    backdrop-filter: blur(26px) saturate(190%) brightness(1.055);
}

:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-metric,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation,
    .story-stage
)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg,
            rgba(255,255,255,.12) 0%,
            rgba(255,255,255,.052) 10%,
            transparent 25%);
    opacity: .88;
    mix-blend-mode: screen;
}
/* FOUR-CORNER SPECTRAL GLOW */
:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-metric,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation,
    .story-stage
)::after {
    content: "";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    background:
        radial-gradient(circle at 0% 0%, rgba(91,234,255,.17), transparent 27%),
        radial-gradient(circle at 100% 0%, rgba(173,140,255,.17), transparent 29%),
        radial-gradient(circle at 100% 100%, rgba(255,114,183,.12), transparent 29%),
        radial-gradient(circle at 0% 100%, rgba(184,255,104,.12), transparent 27%);
    opacity: .92;
    filter: blur(19px);
}

:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation
):hover {
    transform: translateY(-2px);
    box-shadow:
        0 30px 90px rgba(0,0,0,.22),
        0 0 60px rgba(91,234,255,.07),
        0 0 72px rgba(173,140,255,.055),
        inset 0 1px 0 rgba(255,255,255,.125);
}
/* SPECTRAL CONTROLS */
:where(
    .button,
    .header-cta,
    .te-search-trigger,
    .audience-trigger,
    .area-links a,
    .engine-tabs button,
    .software-atlas-filter,
    .software-atlas-toggle,
    .role-cluster-tab,
    .knowledge-trigger,
    .project-filter,
    .project-dna-actions button
) {
    border: 1px solid rgba(255,255,255,.16);
    background:
        linear-gradient(145deg,
            rgba(255,255,255,.115),
            rgba(255,255,255,.032) 38%,
            rgba(91,234,255,.022));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 10px 26px rgba(0,0,0,.10);
}

:where(
    .button,
    .header-cta,
    .te-search-trigger,
    .audience-trigger,
    .area-links a,
    .engine-tabs button,
    .software-atlas-filter,
    .software-atlas-toggle,
    .role-cluster-tab,
    .knowledge-trigger,
    .project-filter,
    .project-dna-actions button
):hover {
    border-color: rgba(255,255,255,.22);
    background:
        linear-gradient(135deg,
            rgba(91,234,255,.19),
            rgba(173,140,255,.115) 34%,
            rgba(255,114,183,.085) 66%,
            rgba(184,255,104,.11));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        0 14px 34px rgba(0,0,0,.16),
        0 0 34px rgba(91,234,255,.085);
}
/* HERO — MULTICOLOUR SIGNATURE */
.hero > .shell::before {
    opacity: 1;
    background:
        radial-gradient(circle at 8% 18%, rgba(91,234,255,.21), transparent 24%),
        radial-gradient(circle at 92% 18%, rgba(173,140,255,.21), transparent 26%),
        radial-gradient(circle at 80% 84%, rgba(255,114,183,.115), transparent 24%),
        radial-gradient(circle at 18% 86%, rgba(184,255,104,.115), transparent 22%);
    filter: blur(43px) saturate(1.22);
}

.visual-border,
.hero-art,
.project-engine,
.story-stage {
    box-shadow:
        0 34px 100px rgba(0,0,0,.22),
        0 0 80px rgba(91,234,255,.05),
        0 0 90px rgba(173,140,255,.04),
        inset 0 1px 0 rgba(255,255,255,.105);
}

.hero-copy h1,
.hero-copy h2 {
    text-shadow:
        0 18px 50px rgba(0,0,0,.18),
        0 0 28px rgba(91,234,255,.035);
}

.hero-data > div:nth-child(1) { border-top-color: rgba(91,234,255,.38); }
.hero-data > div:nth-child(2) { border-top-color: rgba(173,140,255,.38); }
.hero-data > div:nth-child(3) { border-top-color: rgba(184,255,104,.34); }
/* OVERLAY ROOMS — INDIVIDUAL COLOUR PERSONALITY */
.te-search-panel {
    --zone-a: 91 234 255;
    --zone-b: 108 141 255;
    --zone-c: 173 140 255;
    --zone-d: 184 255 104;
}
.knowledge-panel {
    --zone-a: 91 234 255;
    --zone-b: 173 140 255;
    --zone-c: 255 114 183;
    --zone-d: 184 255 104;
}
.software-room-panel {
    --zone-a: 91 234 255;
    --zone-b: 108 141 255;
    --zone-c: 173 140 255;
    --zone-d: 100 247 161;
}
.project-explorer-panel {
    --zone-a: 108 141 255;
    --zone-b: 91 234 255;
    --zone-c: 173 140 255;
    --zone-d: 184 255 104;
}
.technology-panel {
    --zone-a: 91 234 255;
    --zone-b: 184 255 104;
    --zone-c: 108 141 255;
    --zone-d: 173 140 255;
}
.audience-panel {
    --zone-a: 255 114 183;
    --zone-b: 173 140 255;
    --zone-c: 91 234 255;
    --zone-d: 184 255 104;
}

:where(
    .te-search-panel,
    .knowledge-panel,
    .software-room-panel,
    .project-explorer-panel,
    .technology-panel,
    .audience-panel
) {
    border: 1px solid transparent;
    background:
        radial-gradient(circle at 4% 0%, rgb(var(--zone-a) / .145), transparent 32%) padding-box,
        radial-gradient(circle at 100% 100%, rgb(var(--zone-b) / .115), transparent 34%) padding-box,
        linear-gradient(150deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 46%) padding-box,
        rgba(14,27,40,.955) padding-box,
        linear-gradient(
            125deg,
            rgb(var(--zone-a) / .52),
            rgba(255,255,255,.14) 24%,
            rgb(var(--zone-b) / .42) 51%,
            rgb(var(--zone-c) / .30) 74%,
            rgb(var(--zone-d) / .38)
        ) border-box;
    box-shadow:
        0 52px 160px rgba(0,0,0,.44),
        0 0 96px rgb(var(--zone-a) / .06),
        inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter: blur(31px) saturate(182%) brightness(1.04);
}
/* ARRIVAL — DOMAIN COLOUR SIGNATURE */
.te-v7-panel-software {
    border-color: rgba(91,234,255,.32);
    box-shadow:
        0 20px 55px rgba(0,0,0,.20),
        0 0 38px rgba(91,234,255,.09),
        inset 0 1px 0 rgba(255,255,255,.085);
}
.te-v7-panel-software b {
    color: var(--v10-cyan);
    text-shadow: 0 0 18px rgba(91,234,255,.40);
}

.te-v7-panel-engineering {
    border-color: rgba(184,255,104,.30);
    box-shadow:
        0 20px 55px rgba(0,0,0,.20),
        0 0 38px rgba(184,255,104,.085),
        inset 0 1px 0 rgba(255,255,255,.085);
}
.te-v7-panel-engineering b {
    color: var(--v10-lime);
    text-shadow: 0 0 18px rgba(184,255,104,.37);
}

.te-v7-panel-systems {
    border-color: rgba(173,140,255,.32);
    box-shadow:
        0 20px 55px rgba(0,0,0,.20),
        0 0 38px rgba(173,140,255,.09),
        inset 0 1px 0 rgba(255,255,255,.085);
}
.te-v7-panel-systems b {
    color: var(--v10-violet);
    text-shadow: 0 0 18px rgba(173,140,255,.39);
}

.te-v7-panel-media {
    border-color: rgba(255,114,183,.32);
    box-shadow:
        0 20px 55px rgba(0,0,0,.20),
        0 0 38px rgba(255,114,183,.085),
        inset 0 1px 0 rgba(255,255,255,.085);
}
.te-v7-panel-media b {
    color: var(--v10-pink);
    text-shadow: 0 0 18px rgba(255,114,183,.37);
}
/* ARRIVAL CONNECTORS / CORE */
.te-v7-link {
    opacity: .92;
    filter: drop-shadow(0 0 13px rgba(91,234,255,.20));
}

.link-a {
    background: linear-gradient(90deg, rgba(91,234,255,.08), rgba(91,234,255,.84));
}
.link-b {
    background: linear-gradient(90deg, rgba(184,255,104,.08), rgba(184,255,104,.80));
}
.link-c {
    background: linear-gradient(90deg, rgba(173,140,255,.08), rgba(173,140,255,.84));
}
.link-d {
    background: linear-gradient(90deg, rgba(255,114,183,.08), rgba(255,114,183,.82));
}

.te-v7-coreplate {
    border-color: rgba(255,255,255,.24);
    background:
        radial-gradient(circle at 34% 28%, rgba(91,234,255,.18), transparent 34%),
        radial-gradient(circle at 72% 72%, rgba(173,140,255,.16), transparent 38%),
        radial-gradient(circle at 28% 76%, rgba(184,255,104,.10), transparent 30%),
        rgba(15,29,42,.98);
    box-shadow:
        inset 0 0 38px rgba(91,234,255,.16),
        inset 0 0 28px rgba(184,255,104,.08),
        0 0 64px rgba(91,234,255,.18),
        0 0 86px rgba(173,140,255,.08);
}
/* MULTICOLOUR METRIC / STATUS SIGNATURE */
.professional-metric:nth-child(4n+1) strong,
.evo-metrics > div:nth-child(4n+1) strong,
.project-dna-metrics > div:nth-child(4n+1) strong {
    color: var(--v10-cyan);
}
.professional-metric:nth-child(4n+2) strong,
.evo-metrics > div:nth-child(4n+2) strong,
.project-dna-metrics > div:nth-child(4n+2) strong {
    color: var(--v10-violet);
}
.professional-metric:nth-child(4n+3) strong,
.evo-metrics > div:nth-child(4n+3) strong,
.project-dna-metrics > div:nth-child(4n+3) strong {
    color: var(--v10-lime);
}
.professional-metric:nth-child(4n+4) strong,
.evo-metrics > div:nth-child(4n+4) strong,
.project-dna-metrics > div:nth-child(4n+4) strong {
    color: var(--v10-pink);
}

.professional-metric strong,
.evo-metrics strong,
.project-dna-metrics strong,
.technology-relation-metric strong,
.software-atlas-summary strong {
    text-shadow: 0 0 24px currentColor;
}

.software-atlas-summary strong {
    background:
        linear-gradient(90deg,
            var(--v10-cyan),
            var(--v10-violet) 38%,
            var(--v10-pink) 67%,
            var(--v10-lime));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* V10.2 REACTIVE SPECULAR GLASS */
:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-metric,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation,
    .story-stage,
    .knowledge-node,
    .software-room-grid article,
    .project-list-item,
    .technology-list-item,
    .technology-project-card,
    .audience-grid button
) {
    --glass-x: 20%;
    --glass-y: 12%;
}

:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-metric,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation,
    .story-stage,
    .knowledge-node,
    .software-room-grid article,
    .project-list-item,
    .technology-list-item,
    .technology-project-card,
    .audience-grid button
).is-glass-hot::after {
    background:
        radial-gradient(
            circle at var(--glass-x) var(--glass-y),
            rgba(255,255,255,.18) 0%,
            rgba(91,234,255,.075) 10%,
            transparent 26%
        ),
        radial-gradient(circle at 0% 0%, rgba(91,234,255,.15), transparent 27%),
        radial-gradient(circle at 100% 0%, rgba(173,140,255,.15), transparent 29%),
        radial-gradient(circle at 100% 100%, rgba(255,114,183,.10), transparent 29%),
        radial-gradient(circle at 0% 100%, rgba(184,255,104,.10), transparent 27%);
    opacity: 1;
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
    .is-glass-hot::after {
        background:
            radial-gradient(circle at 0% 0%, rgba(91,234,255,.15), transparent 27%),
            radial-gradient(circle at 100% 0%, rgba(173,140,255,.15), transparent 29%),
            radial-gradient(circle at 100% 100%, rgba(255,114,183,.10), transparent 29%),
            radial-gradient(circle at 0% 100%, rgba(184,255,104,.10), transparent 27%) !important;
    }
}

:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-metric,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation,
    .story-stage,
    .knowledge-node,
    .software-room-grid article,
    .project-list-item,
    .technology-list-item,
    .technology-project-card,
    .audience-grid button
)::after {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    opacity: .72;
    transition: opacity .22s var(--v10-ease);
}

:where(
    .area-copy,
    .project-engine,
    .mosaic-card,
    .process-card,
    .contact-panel,
    .software-card,
    .professional-metric,
    .professional-domains,
    .professional-outcomes,
    .evolution-core,
    .role-constellation,
    .story-stage,
    .knowledge-node,
    .software-room-grid article,
    .project-list-item,
    .technology-list-item,
    .technology-project-card,
    .audience-grid button
) > * {
    position: relative;
    z-index: 1;
}
/* =========================================================
   V10.3 — HERO / SYSTEM VISUAL REFINEMENT
   ========================================================= */

.hero-art::before {
    inset: 2%;
    opacity: .92;
    background:
        radial-gradient(circle at 18% 22%, rgba(91,234,255,.22), transparent 30%),
        radial-gradient(circle at 80% 20%, rgba(173,140,255,.20), transparent 32%),
        radial-gradient(circle at 78% 82%, rgba(255,114,183,.14), transparent 30%),
        radial-gradient(circle at 20% 84%, rgba(184,255,104,.12), transparent 28%);
    filter: blur(38px) saturate(1.24);
    transform: scale(1.035);
}

.hero-art img {
    filter:
        brightness(1.14)
        saturate(1.12)
        contrast(1.02);
    box-shadow:
        0 44px 128px rgba(0,0,0,.30),
        0 0 54px rgba(91,234,255,.055),
        0 0 76px rgba(173,140,255,.045);
}

.hero-art:hover img {
    filter:
        brightness(1.17)
        saturate(1.16)
        contrast(1.025);
}

.visual-border {
    border-color: rgba(255,255,255,.24);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 0 42px rgba(91,234,255,.035),
        0 0 62px rgba(91,234,255,.055),
        0 0 92px rgba(173,140,255,.04);
}
/* HERO METRICS — SPECTRAL GLASS RAIL */
.hero-data {
    margin-top: 38px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 1px;
    padding: 1px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    background:
        linear-gradient(
            90deg,
            rgba(91,234,255,.22),
            rgba(173,140,255,.17) 48%,
            rgba(184,255,104,.17)
        );
    box-shadow:
        0 18px 46px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.07);
    backdrop-filter: blur(18px) saturate(160%);
}

.hero-data > div {
    min-width: 0;
    padding: 14px 16px 13px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
        rgba(18,31,44,.78);
}

.hero-data > div:nth-child(1) {
    background:
        radial-gradient(circle at 0 0, rgba(91,234,255,.10), transparent 38%),
        rgba(18,31,44,.78);
}
.hero-data > div:nth-child(2) {
    background:
        radial-gradient(circle at 50% 0, rgba(173,140,255,.11), transparent 40%),
        rgba(18,31,44,.78);
}
.hero-data > div:nth-child(3) {
    background:
        radial-gradient(circle at 100% 0, rgba(184,255,104,.10), transparent 38%),
        rgba(18,31,44,.78);
}

.hero-data strong {
    font-size: 1.42rem;
    color: #fff;
}

.hero-data > div:nth-child(1) strong { color: var(--v10-cyan); }
.hero-data > div:nth-child(2) strong { color: var(--v10-violet); }
.hero-data > div:nth-child(3) strong { color: var(--v10-lime); }

.hero-data span {
    color: rgba(241,248,255,.54);
}

@media (max-width: 560px) {
    .hero-data {
        border-radius: 13px;
    }
    .hero-data > div {
        padding: 11px 9px 10px;
    }
}
/* PROFESSIONAL DOMAIN COLOUR RHYTHM */
.professional-domain {
    position: relative;
    overflow: hidden;
    border-color: rgba(255,255,255,.11);
}

.professional-domain:nth-child(4n+1) i {
    background: var(--v10-cyan);
    box-shadow: 0 0 14px rgba(91,234,255,.44);
}
.professional-domain:nth-child(4n+2) i {
    background: var(--v10-violet);
    box-shadow: 0 0 14px rgba(173,140,255,.40);
}
.professional-domain:nth-child(4n+3) i {
    background: var(--v10-lime);
    box-shadow: 0 0 14px rgba(184,255,104,.38);
}
.professional-domain:nth-child(4n+4) i {
    background: var(--v10-pink);
    box-shadow: 0 0 14px rgba(255,114,183,.38);
}

.professional-domain:nth-child(4n+1) {
    background: linear-gradient(110deg, rgba(91,234,255,.07), rgba(255,255,255,.015) 46%);
}
.professional-domain:nth-child(4n+2) {
    background: linear-gradient(110deg, rgba(173,140,255,.07), rgba(255,255,255,.015) 46%);
}
.professional-domain:nth-child(4n+3) {
    background: linear-gradient(110deg, rgba(184,255,104,.065), rgba(255,255,255,.015) 46%);
}
.professional-domain:nth-child(4n+4) {
    background: linear-gradient(110deg, rgba(255,114,183,.06), rgba(255,255,255,.015) 46%);
}
/* ROLE CONSTELLATION — SEMANTIC COLOUR CLUSTERS */
.role-node[data-cluster="product"] {
    background:
        linear-gradient(110deg, rgba(91,234,255,.095), rgba(255,255,255,.016) 55%),
        rgba(21,35,50,.62);
    border-left-color: rgba(91,234,255,.52);
}
.role-node[data-cluster="architecture"] {
    background:
        linear-gradient(110deg, rgba(108,141,255,.10), rgba(255,255,255,.016) 55%),
        rgba(21,35,50,.62);
    border-left-color: rgba(108,141,255,.54);
}
.role-node[data-cluster="software"] {
    background:
        linear-gradient(110deg, rgba(173,140,255,.10), rgba(255,255,255,.016) 55%),
        rgba(21,35,50,.62);
    border-left-color: rgba(173,140,255,.54);
}
.role-node[data-cluster="engineering"] {
    background:
        linear-gradient(110deg, rgba(184,255,104,.09), rgba(255,255,255,.016) 55%),
        rgba(21,35,50,.62);
    border-left-color: rgba(184,255,104,.50);
}
.role-node[data-cluster="operations"] {
    background:
        linear-gradient(110deg, rgba(255,172,104,.09), rgba(255,255,255,.016) 55%),
        rgba(21,35,50,.62);
    border-left-color: rgba(255,172,104,.52);
}
.role-node[data-cluster="quality"] {
    background:
        linear-gradient(110deg, rgba(255,114,183,.085), rgba(255,255,255,.016) 55%),
        rgba(21,35,50,.62);
    border-left-color: rgba(255,114,183,.48);
}

.role-node:hover,
.role-node.is-selected {
    box-shadow:
        0 16px 38px rgba(0,0,0,.16),
        0 0 30px rgba(91,234,255,.06),
        inset 0 1px 0 rgba(255,255,255,.08);
}
/* KNOWLEDGE GRAPH — EACH BRANCH ITS OWN LIGHT */
.node-software {
    border-left-color: rgba(91,234,255,.62);
    background:
        radial-gradient(circle at 0 0, rgba(91,234,255,.12), transparent 42%),
        rgba(20,34,48,.78);
}
.node-roles {
    border-left-color: rgba(173,140,255,.62);
    background:
        radial-gradient(circle at 100% 0, rgba(173,140,255,.12), transparent 42%),
        rgba(20,34,48,.78);
}
.node-projects {
    border-left-color: rgba(108,141,255,.62);
    background:
        radial-gradient(circle at 50% 0, rgba(108,141,255,.12), transparent 42%),
        rgba(20,34,48,.78);
}
.node-experience {
    border-left-color: rgba(184,255,104,.58);
    background:
        radial-gradient(circle at 0 100%, rgba(184,255,104,.10), transparent 42%),
        rgba(20,34,48,.78);
}
.node-evidence {
    border-left-color: rgba(255,114,183,.58);
    background:
        radial-gradient(circle at 100% 100%, rgba(255,114,183,.105), transparent 42%),
        rgba(20,34,48,.78);
}

.knowledge-core {
    border-color: rgba(255,255,255,.20);
    background:
        radial-gradient(circle at 35% 30%, rgba(91,234,255,.17), transparent 34%),
        radial-gradient(circle at 72% 32%, rgba(173,140,255,.15), transparent 36%),
        radial-gradient(circle at 30% 76%, rgba(184,255,104,.08), transparent 30%),
        radial-gradient(circle at 74% 76%, rgba(255,114,183,.08), transparent 30%),
        rgba(14,27,40,.96);
    box-shadow:
        0 22px 64px rgba(0,0,0,.24),
        0 0 58px rgba(91,234,255,.08),
        inset 0 1px 0 rgba(255,255,255,.08);
}
/* PROJECT / TECHNOLOGY EXPLORER — ACTIVE LIGHT */
.project-list-item.is-active {
    border-color: rgba(108,141,255,.42);
    background:
        linear-gradient(110deg, rgba(108,141,255,.13), rgba(91,234,255,.06) 58%, rgba(255,255,255,.018));
    box-shadow:
        0 14px 34px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.technology-list-item.is-active {
    border-color: rgba(184,255,104,.40);
    background:
        linear-gradient(110deg, rgba(184,255,104,.12), rgba(91,234,255,.055) 58%, rgba(255,255,255,.018));
    box-shadow:
        0 14px 34px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.project-dna-tech span:nth-child(4n+1) {
    border-color: rgba(91,234,255,.24);
    background: rgba(91,234,255,.055);
}
.project-dna-tech span:nth-child(4n+2) {
    border-color: rgba(173,140,255,.24);
    background: rgba(173,140,255,.055);
}
.project-dna-tech span:nth-child(4n+3) {
    border-color: rgba(184,255,104,.22);
    background: rgba(184,255,104,.05);
}
.project-dna-tech span:nth-child(4n+4) {
    border-color: rgba(255,114,183,.22);
    background: rgba(255,114,183,.05);
}

.technology-project-card:hover {
    border-color: rgba(184,255,104,.30);
    background:
        linear-gradient(120deg, rgba(184,255,104,.09), rgba(91,234,255,.05), rgba(255,255,255,.016));
}
/* TYPOGRAPHIC LIGHT SIGNATURE */
.section-code,
.kicker,
.professional-block-head span,
.project-dna-section-head > span,
.technology-section-head span {
    background:
        linear-gradient(
            90deg,
            var(--v10-cyan),
            var(--v10-blue) 30%,
            var(--v10-violet) 52%,
            var(--v10-pink) 74%,
            var(--v10-lime)
        );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.section-code,
.kicker {
    filter: drop-shadow(0 0 12px rgba(91,234,255,.12));
}

.evo-head > span,
.role-inspector > span,
.software-room-head span,
.project-explorer-head > div:first-child > span,
.technology-head span,
.knowledge-head span {
    color: rgba(118,237,255,.92);
    text-shadow: 0 0 16px rgba(91,234,255,.15);
}
/* SOFTWARE ATLAS — COLOUR RHYTHM WITHOUT CLUTTER */
.software-card:nth-child(4n+1) {
    box-shadow:
        inset 3px 0 0 rgba(91,234,255,.46),
        0 20px 54px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.07);
}
.software-card:nth-child(4n+2) {
    box-shadow:
        inset 3px 0 0 rgba(173,140,255,.46),
        0 20px 54px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.07);
}
.software-card:nth-child(4n+3) {
    box-shadow:
        inset 3px 0 0 rgba(184,255,104,.42),
        0 20px 54px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.07);
}
.software-card:nth-child(4n+4) {
    box-shadow:
        inset 3px 0 0 rgba(255,114,183,.42),
        0 20px 54px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.07);
}

.software-card-meta i {
    box-shadow: 0 0 12px currentColor;
}

.software-card:nth-child(4n+1) .software-card-meta i { background: var(--v10-cyan); }
.software-card:nth-child(4n+2) .software-card-meta i { background: var(--v10-violet); }
.software-card:nth-child(4n+3) .software-card-meta i { background: var(--v10-lime); }
.software-card:nth-child(4n+4) .software-card-meta i { background: var(--v10-pink); }
/* FOOTER / MOBILE — SAME PREMIUM MATERIAL */
.footer {
    border-top: 1px solid transparent;
    border-image:
        linear-gradient(
            90deg,
            transparent,
            rgba(91,234,255,.40),
            rgba(173,140,255,.36),
            rgba(255,114,183,.28),
            rgba(184,255,104,.34),
            transparent
        ) 1;
    background:
        radial-gradient(circle at 14% 0%, rgba(91,234,255,.08), transparent 28%),
        radial-gradient(circle at 84% 0%, rgba(173,140,255,.08), transparent 30%),
        linear-gradient(180deg, rgba(20,34,48,.91), rgba(8,17,26,.96));
}

.mobile-dock {
    border-color: rgba(255,255,255,.15);
    background:
        linear-gradient(135deg,
            rgba(91,234,255,.065),
            rgba(173,140,255,.055) 48%,
            rgba(184,255,104,.045)),
        rgba(16,29,42,.92);
    box-shadow:
        0 22px 58px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.085);
}

.scroll-progress {
    height: 3px;
    background:
        linear-gradient(
            90deg,
            var(--v10-cyan),
            var(--v10-blue),
            var(--v10-violet),
            var(--v10-pink),
            var(--v10-lime)
        );
    box-shadow:
        0 0 16px rgba(91,234,255,.36),
        0 0 22px rgba(173,140,255,.16);
}
/* V10.4 — PREMIUM HEADLINE FADES */
.software-atlas-head h2,
.story-head h2,
.professional-head h2,
.scale-head h2,
.engine-head h2,
.process-head h2 {
    background:
        linear-gradient(
            102deg,
            #ffffff 0%,
            #f7fbff 42%,
            #dff9ff 61%,
            #b9c9ff 77%,
            #d8c7ff 90%,
            #ffffff 100%
        );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 12px 28px rgba(0,0,0,.13));
}

.contact-panel h2 {
    background:
        linear-gradient(
            100deg,
            #fff,
            #dff9ff 45%,
            #e2d2ff 68%,
            #ffd7ec 84%,
            #f1ffd9
        );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
/* HOVER-ONLY LUXURY LIGHT SWEEP */
.button,
.header-cta,
.software-atlas-toggle,
.knowledge-trigger,
.project-dna-actions button {
    background-size: 220% 100%;
    background-position: 0% 50%;
    transition:
        transform .22s var(--v10-ease),
        border-color .22s var(--v10-ease),
        box-shadow .22s var(--v10-ease),
        background-position .46s var(--v10-ease);
}

.button:hover,
.header-cta:hover,
.software-atlas-toggle:hover,
.knowledge-trigger:hover,
.project-dna-actions button:hover {
    background-position: 100% 50%;
}

.button.primary,
.header-cta {
    background-image:
        linear-gradient(
            105deg,
            rgba(91,234,255,.94) 0%,
            rgba(108,141,255,.90) 24%,
            rgba(173,140,255,.92) 47%,
            rgba(255,114,183,.88) 69%,
            rgba(184,255,104,.82) 100%
        );
    color: #071017;
    border-color: rgba(255,255,255,.28);
    box-shadow:
        0 14px 36px rgba(74,176,220,.16),
        0 0 24px rgba(173,140,255,.08),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.button.primary:hover,
.header-cta:hover {
    box-shadow:
        0 18px 44px rgba(74,176,220,.20),
        0 0 34px rgba(173,140,255,.12),
        inset 0 1px 0 rgba(255,255,255,.34);
}
/* SLIGHTLY BRIGHTER HERO SYSTEM WINDOW */
.hero-art img {
    filter:
        brightness(1.19)
        saturate(1.15)
        contrast(1.018);
}

.hero-art:hover img {
    filter:
        brightness(1.22)
        saturate(1.19)
        contrast(1.02);
}

.hero > .shell::before {
    background:
        radial-gradient(circle at 8% 18%, rgba(91,234,255,.22), transparent 24%),
        radial-gradient(circle at 92% 18%, rgba(173,140,255,.22), transparent 26%),
        radial-gradient(circle at 80% 84%, rgba(255,114,183,.12), transparent 24%),
        radial-gradient(circle at 15% 84%, rgba(184,255,104,.15), transparent 23%);
}

/* V10 BRAND INTEGRATION */
.logo {
    width: 210px;
}

.logo img {
    border-radius: 8px;
    box-shadow:
        0 10px 28px rgba(0,0,0,.18),
        0 0 24px rgba(91,234,255,.035);
}

/* Use the real TE splash/environment as a ghosted arrival layer */
.te-v7-stage {
    background:
        radial-gradient(circle at 50% 45%, rgba(91,234,255,.07), transparent 34%),
        linear-gradient(rgba(8,17,26,.72), rgba(8,17,26,.76)),
        url("../images/brand-v1/te-splash-wall.webp") center 46% / min(860px,72vw) auto no-repeat;
    background-blend-mode: screen, normal, luminosity;
}

@media (max-width: 760px) {
    .logo { width: 178px; }
    .te-v7-stage {
        background:
            radial-gradient(circle at 50% 45%, rgba(91,234,255,.06), transparent 32%),
            linear-gradient(rgba(8,17,26,.80), rgba(8,17,26,.84)),
            url("../images/brand-v1/te-splash-wall.webp") center 44% / min(720px,88vw) auto no-repeat;
    }
}

.te-v7-coreplate {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:22px;
}
.te-v7-brand-mark {
    width:118px;
    max-width:72%;
    height:auto;
    display:block;
    border-radius:8px;
    opacity:.98;
    filter:
        drop-shadow(0 0 16px rgba(91,234,255,.24))
        drop-shadow(0 0 24px rgba(173,140,255,.10));
}
.te-v7-coreplate > span {
    color:rgba(255,255,255,.82);
    font:650 .48rem/1 monospace;
    letter-spacing:.13em;
}
.te-v7-coreplate > small {
    color:rgba(91,234,255,.78);
    font:600 .4rem/1 monospace;
    letter-spacing:.11em;
}
/* =========================================================
   V11 — ROUNDED TE CHROME
   Floating, logo-matched header/footer. No hard outer corners.
   ========================================================= */
.header{
    inset:auto;
    top:10px;
    left:50%;
    right:auto;
    width:min(1480px,calc(100% - 20px));
    transform:translateX(-50%);
    border:1px solid rgba(255,255,255,.10);
    border-radius:28px;
    overflow:hidden;
    background:
        radial-gradient(circle at 7% 20%,rgba(91,234,255,.075),transparent 24%),
        radial-gradient(circle at 92% 20%,rgba(173,140,255,.065),transparent 27%),
        linear-gradient(180deg,rgba(9,25,39,.95),rgba(7,18,29,.90));
    box-shadow:
        0 20px 62px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.065);
    backdrop-filter:blur(30px) saturate(180%);
}
.header::after{
    left:24px;
    right:24px;
    bottom:0;
    width:auto;
    border-radius:999px;
    opacity:.72;
}
.header-inner{
    min-height:76px;
    padding:0 14px;
}
.logo{
    width:210px;
    padding:5px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:18px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
        rgba(7,18,28,.72);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 9px 24px rgba(0,0,0,.14);
}
.logo img{
    border-radius:13px;
}
.desktop-nav{
    padding:4px;
    gap:2px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:999px;
    background:rgba(255,255,255,.018);
}
.desktop-nav a{
    padding:9px 10px;
    border-radius:999px;
    transition:
        color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}
.desktop-nav a:hover,
.desktop-nav a:focus-visible{
    background:
        linear-gradient(135deg,rgba(91,234,255,.075),rgba(173,140,255,.045));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.header [data-worlds-trigger]{
    position:relative;
    min-height:40px;
    padding:0 38px 0 15px;
    border-radius:999px;
}
.header [data-worlds-trigger]::before{
    content:"";
    width:7px;
    height:7px;
    margin-right:8px;
    display:inline-block;
    border-radius:50%;
    background:linear-gradient(135deg,var(--v10-cyan),var(--v10-violet));
    box-shadow:
        0 0 12px rgba(91,234,255,.48),
        0 0 18px rgba(173,140,255,.24);
}
.header [data-worlds-trigger]::after{
    content:attr(data-world-count);
    position:absolute;
    right:8px;
    top:50%;
    min-width:22px;
    height:22px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    color:rgba(255,255,255,.68);
    background:rgba(255,255,255,.045);
    font:700 .38rem/1 monospace;
}
.footer{
    position:relative;
    width:min(1480px,calc(100% - 20px));
    margin:54px auto 14px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    border-radius:32px;
    background:
        radial-gradient(circle at 9% 18%,rgba(91,234,255,.07),transparent 25%),
        radial-gradient(circle at 88% 12%,rgba(173,140,255,.06),transparent 27%),
        radial-gradient(circle at 72% 100%,rgba(255,114,183,.035),transparent 30%),
        linear-gradient(180deg,rgba(9,24,38,.94),rgba(6,16,26,.97));
    box-shadow:
        0 24px 76px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter:blur(24px) saturate(165%);
}
.footer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    height:1px;
    background:linear-gradient(90deg,
        rgba(91,234,255,.22),
        rgba(108,141,255,.14) 28%);        rgba(173,140,255,.16) 50%,
        rgba(255,114,183,.10) 72%,
        rgba(184,255,104,.14));
    opacity:.9;
}
.footer-main{
    position:relative;
    z-index:1;
    min-height:190px;
    padding:34px 26px;
}
.footer-main>div:first-child{
    padding:13px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:20px;
    background:rgba(255,255,255,.016);
}
.footer-main img{
    border-radius:14px;
    box-shadow:
        0 12px 30px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.04);
}.footer-links{
    align-content:start;
    gap:8px;
}
.footer-links a{
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:999px;
    background:rgba(255,255,255,.016);
}
.footer-links a:hover{
    padding-left:14px;
    border-color:rgba(91,234,255,.24);
    background:
        linear-gradient(135deg,rgba(91,234,255,.065),rgba(173,140,255,.035));
}
@media(max-width:920px){
    .header{
        top:6px;
        width:calc(100% - 12px);
        border-radius:22px;
    }
    .footer{
        width:calc(100% - 12px);
        border-radius:24px;
    }
}@media(max-width:700px){
    .header-inner{
        min-height:68px;
        padding:0 8px;
    }
    .logo{
        width:174px;
        border-radius:15px;
    }
    .logo img{
        border-radius:11px;
    }
    .footer{
        margin-bottom:8px;
        border-radius:22px;
    }
    .footer-main{
        padding:28px 18px;
    }
}/* V11 legacy edge reset */
.footer{
    border-image:none;
}
.header,
.footer,
.world-nav-panel{
    -webkit-mask-image:-webkit-radial-gradient(white,black);
}/* V11 MOBILE COMMAND DOCK */
@media(max-width:1100px){
    .mobile-dock{
        left:50%;
        right:auto;
        bottom:10px;
        width:min(720px,calc(100% - 18px));
        min-height:64px;
        padding:6px;
        grid-template-columns:repeat(5,minmax(0,1fr));
        transform:translateX(-50%);
        border:1px solid rgba(255,255,255,.11);
        border-radius:24px;
        background:
            radial-gradient(circle at 14% 0%,rgba(91,234,255,.07),transparent 28%),
            radial-gradient(circle at 84% 0%,rgba(173,140,255,.06),transparent 30%),
            linear-gradient(180deg,rgba(10,25,38,.94),rgba(7,18,29,.94));
        box-shadow:
            0 24px 70px rgba(0,0,0,.30),
            inset 0 1px 0 rgba(255,255,255,.055);
        backdrop-filter:blur(28px) saturate(175%);
    }
    .mobile-dock a,
    .mobile-dock button{
        min-height:50px;
        padding:6px 4px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        border:1px solid transparent;
        border-radius:17px;
        color:rgba(255,255,255,.52);
        background:transparent;
        text-decoration:none;
        cursor:pointer;
        transition:
            color .2s ease,
            border-color .2s ease,
            background .2s ease,
            transform .2s ease;
    }
    .mobile-dock a:hover,
    .mobile-dock a:focus-visible,
    .mobile-dock button:hover,
    .mobile-dock button:focus-visible{
        color:#fff;
        border-color:rgba(255,255,255,.08);
        background:rgba(255,255,255,.025);
        transform:translateY(-1px);
    }
    .mobile-dock-worlds{
        position:relative;
        color:#fff!important;
        border-color:rgba(91,234,255,.16)!important;
        background:
            linear-gradient(135deg,rgba(91,234,255,.10),rgba(173,140,255,.09))!important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.07),
            0 8px 22px rgba(0,0,0,.12),
            0 0 22px rgba(91,234,255,.045);
    }
    .mobile-dock-worlds::before{
        content:"";
        position:absolute;
        top:7px;
        width:5px;
        height:5px;
        border-radius:50%;
        background:linear-gradient(135deg,var(--v10-cyan),var(--v10-violet));
        box-shadow:0 0 11px rgba(91,234,255,.52);
    }
    .mobile-dock span{
        color:rgba(255,255,255,.28);
    }
    .mobile-dock-worlds span{
        color:rgba(123,239,255,.78);
    }
}
@media(max-width:560px){
    .mobile-dock{
        width:calc(100% - 10px);
        bottom:5px;
        border-radius:20px;
    }
    .mobile-dock a,
    .mobile-dock button{
        min-height:47px;
        border-radius:14px;
    }
    .mobile-dock b{
        font-size:.5rem;
    }
}/* V11 HOMEPAGE DEEP ROUTES */
.scale-head,
.software-atlas-head,
.story-head,
.professional-head,
.brand-universe-head,
.areas-heading,
.network-copy,
.engine-head,
.contact-panel{
    position:relative;
}
.section-world-link{
    position:absolute;
    top:0;
    right:0;
    z-index:4;
    min-height:34px;
    padding:0 10px 0 12px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    color:rgba(247,251,255,.58);
    background:
        linear-gradient(135deg,rgba(91,234,255,.04),rgba(173,140,255,.035)),
        rgba(255,255,255,.014);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 8px 22px rgba(0,0,0,.08);
    font:650 .4rem/1 monospace;
    letter-spacing:.07em;
    text-decoration:none;
    transition:
        color .2s ease,
        border-color .2s ease,
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}
.section-world-link i{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:rgba(123,239,255,.76);
    background:rgba(91,234,255,.045);
    font-style:normal;
}
.section-world-link:hover,
.section-world-link:focus-visible{
    color:#fff;
    border-color:rgba(91,234,255,.25);
    background:
        linear-gradient(135deg,rgba(91,234,255,.09),rgba(173,140,255,.06));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 11px 28px rgba(0,0,0,.11),
        0 0 22px rgba(91,234,255,.04);
    transform:translateY(-1px);
}
.contact-panel .section-world-link{
    top:18px;
    right:18px;
}
@media(max-width:850px){
    .section-world-link{
        position:static;
        width:max-content;
        margin:0 0 14px;
    }
    .contact-panel .section-world-link{
        margin:0 0 16px;
    }
}
/* V11 HOME FOOTER WORLD MAP */
.footer-main{
    display:grid;
    grid-template-columns:minmax(220px,.65fr) minmax(0,1.55fr) minmax(170px,.5fr);
    gap:18px;
    align-items:stretch;
}
.footer-worlds{
    padding:14px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:20px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
        rgba(255,255,255,.012);
}
.footer-worlds-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-bottom:11px;
    border-bottom:1px solid rgba(255,255,255,.055);
}
.footer-worlds-head span{
    color:rgba(123,239,255,.68);
    font:650 .4rem/1 monospace;
    letter-spacing:.08em;
}
.footer-worlds-head button{
    min-height:32px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:999px;
    color:rgba(255,255,255,.52);
    background:rgba(255,255,255,.016);
    cursor:pointer;
    font:650 .36rem/1 monospace;
    letter-spacing:.06em;
}
.footer-worlds-head button:hover{
    color:#fff;
    border-color:rgba(91,234,255,.24);
    background:
        linear-gradient(135deg,rgba(91,234,255,.07),rgba(173,140,255,.04));
}
.footer-world-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    margin-top:11px;
}
.footer-world-grid a{
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:999px;
    color:rgba(255,255,255,.48);
    background:rgba(255,255,255,.012);
    font-size:.46rem;
    font-weight:680;
    text-align:center;
    transition:
        color .2s ease,
        border-color .2s ease,
        background .2s ease,
        transform .2s ease;
}
.footer-world-grid a:hover{
    color:#fff;
    border-color:rgba(91,234,255,.20);
    background:
        linear-gradient(135deg,rgba(91,234,255,.055),rgba(173,140,255,.035));
    transform:translateY(-1px);
}
.footer-links{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
}
@media(max-width:1100px){
    .footer-main{
        grid-template-columns:1fr 1.4fr;
    }
    .footer-links{
        grid-column:1/-1;
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
    }
}
@media(max-width:760px){
    .footer-main{
        grid-template-columns:1fr;
    }
    .footer-world-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .footer-links{
        grid-column:auto;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* =========================================================
   V12 — TE FLOATING CHROME
   Home header/footer matched to TE navy brand material.
   ========================================================= */

.header{
    top:10px;
    width:min(1480px,calc(100% - 20px));
    margin:10px auto 0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.095);
    border-radius:30px;
    background:
        radial-gradient(circle at 7% 18%,rgba(91,234,255,.07),transparent 25%),
        radial-gradient(circle at 92% 18%,rgba(173,140,255,.065),transparent 28%),
        linear-gradient(180deg,rgba(9,25,39,.96),rgba(7,18,29,.92));
    box-shadow:
        0 22px 68px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgba(91,234,255,.018);
    backdrop-filter:blur(32px) saturate(182%);
}

.header::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(180deg,rgba(255,255,255,.038),transparent 22%),
        radial-gradient(circle at 50% -35%,rgba(255,255,255,.055),transparent 46%);
}

.header-inner{
    min-height:78px;
    padding:0 14px;
    position:relative;
    z-index:1;
}

.logo{
    width:214px;
    padding:5px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:19px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
        rgba(7,18,28,.76);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 28px rgba(0,0,0,.15);
}

.logo img{
    border-radius:13px;
}

.desktop-nav{
    padding:5px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:999px;
    background:rgba(255,255,255,.012);
}

.desktop-nav a{
    padding:10px 12px;
    border-radius:999px;
}

.desktop-nav a:hover,
.desktop-nav a:focus-visible{
    background:rgba(255,255,255,.035);
}

.header-right{
    gap:7px;
}

.header-right :where(.language,.worlds-trigger,.audience-trigger,.te-search-trigger,.header-cta){
    min-height:40px;
    border-radius:999px;
}

.worlds-trigger{
    position:relative;
    padding:0 42px 0 15px;
}

.worlds-trigger::before{
    content:"";
    width:7px;
    height:7px;
    margin-right:8px;
    display:inline-block;
    border-radius:50%;
    background:linear-gradient(135deg,var(--v10-cyan),var(--v10-violet));
    box-shadow:0 0 15px rgba(91,234,255,.4);
}

.worlds-trigger::after{
    content:"10";
    position:absolute;
    right:8px;
    top:50%;
    min-width:23px;
    height:23px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    color:rgba(255,255,255,.68);
    background:rgba(255,255,255,.04);
    font:700 .38rem/1 monospace;
}

.footer{
    padding:24px 0 18px;
    background:transparent;
    border:0;
    box-shadow:none;
}

.footer-main,
.footer-bottom{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    background:
        radial-gradient(circle at 8% 18%,rgba(91,234,255,.065),transparent 27%),
        radial-gradient(circle at 91% 16%,rgba(173,140,255,.06),transparent 29%),
        radial-gradient(circle at 72% 100%,rgba(255,114,183,.035),transparent 27%),
        linear-gradient(180deg,rgba(9,24,38,.95),rgba(6,16,26,.98));
    box-shadow:
        0 22px 70px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter:blur(26px) saturate(165%);
}

.footer-main{
    padding:24px;
    border-radius:30px;
}

.footer-main::before,
.footer-bottom::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(180deg,rgba(255,255,255,.038),transparent 20%),
        radial-gradient(circle at 50% -40%,rgba(255,255,255,.05),transparent 46%);
}

.footer-main > *{
    position:relative;
    z-index:1;
}

.footer-main > div:first-child{
    padding:8px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:20px;
    background:rgba(255,255,255,.012);
}

.footer-main > div:first-child img{
    width:210px;
    max-width:100%;
    display:block;
    border-radius:14px;
}

.footer-main > div:first-child p{
    margin:8px 4px 2px;
    color:rgba(255,255,255,.32);
    font:600 .42rem/1 monospace;
    letter-spacing:.08em;
}

.footer-worlds{
    padding:16px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:22px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
        rgba(255,255,255,.008);
}

.footer-worlds-head{
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.055);
}

.footer-worlds-head span{
    color:rgba(116,236,255,.72);
    font:700 .43rem/1 monospace;
    letter-spacing:.1em;
}

.footer-worlds-head button{
    min-height:34px;
    padding:0 12px;
    border:1px solid rgba(91,234,255,.14);
    border-radius:999px;
    color:rgba(255,255,255,.62);
    background:rgba(91,234,255,.025);
    cursor:pointer;
}

.footer-world-grid{
    margin-top:12px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
}

.footer-world-grid a{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:999px;
    color:rgba(246,250,255,.58);
    background:rgba(255,255,255,.015);
    font:650 .43rem/1 monospace;
    letter-spacing:.04em;
    transition:
        transform .2s var(--v10-ease),
        border-color .2s ease,
        background .2s ease,
        color .2s ease;
}

.footer-world-grid a:hover{
    transform:translateY(-1px);
    color:#fff;
    border-color:rgba(91,234,255,.24);
    background:
        linear-gradient(135deg,rgba(91,234,255,.075),rgba(173,140,255,.045));
}

.footer-links{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    align-content:flex-start;
}

.footer-links a{
    min-height:38px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.065);
    border-radius:999px;
    color:rgba(255,255,255,.48);
    background:rgba(255,255,255,.014);
    font:600 .42rem/1 monospace;
}

.footer-links a:hover{
    color:#fff;
    border-color:rgba(173,140,255,.24);
    background:rgba(173,140,255,.04);
}

.footer-bottom{
    margin-top:10px;
    min-height:54px;
    padding:15px 20px;
    border-radius:22px;
}

.footer-bottom > *{
    position:relative;
    z-index:1;
}

@media(max-width:980px){
    .header{
        width:calc(100% - 12px);
        margin-top:6px;
        top:6px;
        border-radius:24px;
    }

    .footer-main{
        border-radius:24px;
    }

    .footer-world-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:620px){
    .footer-main{
        padding:16px;
        border-radius:21px;
    }

    .footer-world-grid{
        grid-template-columns:1fr 1fr;
    }

    .footer-bottom{
        border-radius:18px;
    }
}

/* V12.1 — dynamic world count + spectral footer identities */
.worlds-trigger::after{
    content:attr(data-world-count);
}

.footer-world-grid a:nth-child(1),
.footer-world-grid a:nth-child(3),
.footer-world-grid a:nth-child(9){
    --footer-world:91 234 255;
}
.footer-world-grid a:nth-child(2),
.footer-world-grid a:nth-child(10){
    --footer-world:108 141 255;
}
.footer-world-grid a:nth-child(5),
.footer-world-grid a:nth-child(8){
    --footer-world:173 140 255;
}
.footer-world-grid a:nth-child(4),
.footer-world-grid a:nth-child(7){
    --footer-world:255 114 183;
}
.footer-world-grid a:nth-child(6){
    --footer-world:184 255 104;
}

.footer-world-grid a{
    position:relative;
    overflow:hidden;
}

.footer-world-grid a::before{
    content:"";
    width:6px;
    height:6px;
    margin-right:7px;
    flex:0 0 auto;
    border-radius:50%;
    background:rgb(var(--footer-world,91 234 255)/.72);
    box-shadow:0 0 11px rgb(var(--footer-world,91 234 255)/.28);
}

.footer-world-grid a:hover{
    border-color:rgb(var(--footer-world,91 234 255)/.26);
    background:
        linear-gradient(135deg,
            rgb(var(--footer-world,91 234 255)/.075),
            rgba(255,255,255,.012));
}

/* V12.4 — mobile dock in the same TE chrome family */
.mobile-dock{
    left:50%;
    right:auto;
    bottom:10px;
    width:min(620px,calc(100% - 18px));
    padding:7px;
    transform:translateX(-50%);
    border:1px solid rgba(255,255,255,.09);
    border-radius:24px;
    background:
        radial-gradient(circle at 8% 20%,rgba(91,234,255,.06),transparent 28%),
        radial-gradient(circle at 92% 18%,rgba(173,140,255,.055),transparent 28%),
        linear-gradient(180deg,rgba(9,24,38,.94),rgba(6,16,26,.97));
    box-shadow:
        0 22px 65px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter:blur(24px) saturate(170%);
}

.mobile-dock a,
.mobile-dock button{
    border:0;
    border-radius:17px;
    color:rgba(255,255,255,.52);
    background:transparent;
}

.mobile-dock a:hover,
.mobile-dock button:hover,
.mobile-dock a:focus-visible,
.mobile-dock button:focus-visible{
    color:#fff;
    background:
        linear-gradient(145deg,rgba(91,234,255,.07),rgba(173,140,255,.04));
}

.mobile-dock-worlds{
    position:relative;
}

.mobile-dock-worlds span{
    color:var(--v10-cyan);
    text-shadow:0 0 12px rgba(91,234,255,.24);
}

@media(max-width:520px){
    .mobile-dock{
        bottom:7px;
        width:calc(100% - 12px);
        border-radius:20px;
    }

    .mobile-dock a,
    .mobile-dock button{
        border-radius:14px;
    }
}

/* V12.5 — contextual world doorways on the homepage */
.section-world-link-v12{
    position:absolute;
    z-index:8;
    right:0;
    top:0;
    min-height:42px;
    padding:7px 11px 7px 13px;
    display:inline-grid;
    grid-template-columns:auto auto auto;
    align-items:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    color:rgba(255,255,255,.72);
    background:
        linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),
        rgba(8,19,29,.66);
    box-shadow:
        0 12px 34px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(18px) saturate(160%);
    transition:
        transform .2s var(--v10-ease),
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.section-world-link-v12 span{
    color:rgba(255,255,255,.28);
    font:650 .36rem/1 monospace;
    letter-spacing:.08em;
}

.section-world-link-v12 strong{
    color:rgba(245,250,255,.82);
    font:700 .42rem/1 monospace;
    letter-spacing:.055em;
}

.section-world-link-v12 i{
    width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border:1px solid rgba(91,234,255,.13);
    border-radius:50%;
    color:rgba(91,234,255,.78);
    background:rgba(91,234,255,.025);
    font-style:normal;
}

.section-world-link-v12:hover{
    transform:translateY(-2px);
    border-color:rgba(91,234,255,.23);
    background:
        linear-gradient(135deg,rgba(91,234,255,.075),rgba(173,140,255,.045)),
        rgba(8,19,29,.72);
    box-shadow:
        0 16px 40px rgba(0,0,0,.15),
        0 0 24px rgba(91,234,255,.04),
        inset 0 1px 0 rgba(255,255,255,.065);
}

.section-world-link-v12:hover i{
    color:#fff;
    border-color:rgba(91,234,255,.28);
}

:where(
    #software-atlas,
    #professional-profile,
    #brand-universe,
    #network,
    #engine,
    #story-engine,
    #contact
) > .shell{
    position:relative;
}

@media(max-width:980px){
    .section-world-link-v12{
        position:relative;
        right:auto;
        top:auto;
        margin:0 0 16px auto;
        width:max-content;
        display:grid;
    }
}

@media(max-width:560px){
    .section-world-link-v12 span{
        display:none;
    }

    .section-world-link-v12{
        min-height:38px;
        padding:6px 8px 6px 11px;
        gap:7px;
    }
}

/* =========================================================
   TE NAVIGATION TRANSITIONS V1
   Progressive cross-document transitions.
   ========================================================= */
@view-transition{
    navigation:auto;
}

.ws-logo{
    view-transition-name:te-masterbrand;
}

.ws-header{
    view-transition-name:te-public-chrome;
}

::view-transition-group(te-masterbrand),
::view-transition-group(te-public-chrome){
    animation-duration:.34s;
    animation-timing-function:cubic-bezier(.2,.75,.2,1);
}

::view-transition-old(root){
    animation:tePageOut .20s cubic-bezier(.4,0,1,1) both;
}

::view-transition-new(root){
    animation:tePageIn .32s cubic-bezier(.2,.75,.2,1) both;
}

@keyframes tePageOut{
    to{
        opacity:0;
        transform:translateY(-5px);
    }
}

@keyframes tePageIn{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:none;
    }
}

@media(prefers-reduced-motion:reduce){
    ::view-transition-old(root),
    ::view-transition-new(root),
    ::view-transition-group(te-masterbrand),
    ::view-transition-group(te-public-chrome){
        animation-duration:.001ms!important;
        animation-delay:0s!important;
    }
}

/* TE NAVIGATION TRANSITIONS V1 — homepage names */
.logo{
    view-transition-name:te-masterbrand;
}
.header{
    view-transition-name:te-public-chrome;
}