/*
 * TNA Cinematic Luxury System
 * Obsidian public palette, performance-aware 3D home stage and shared product polish.
 */

:root {
    --tnx-bg: #02030a;
    --tnx-surface: rgba(7, 10, 20, .82);
    --tnx-surface-strong: rgba(5, 7, 15, .96);
    --tnx-card: rgba(255, 255, 255, .043);
    --tnx-card-hover: rgba(255, 255, 255, .074);
    --tnx-line: rgba(226, 232, 240, .105);
    --tnx-line-strong: rgba(226, 232, 240, .2);
    --tnx-text: #f7f9fc;
    --tnx-muted: #9ba8bd;
    --tnx-accent: #e9bb63;
    --tnx-accent-rgb: 233, 187, 99;
    --tnx-secondary: #62d8ff;
    --tnx-secondary-rgb: 98, 216, 255;
    --tnx-shadow: 0 34px 110px rgba(0, 0, 0, .5);
    --tna-cine-progress: 0;
    --tna-cine-local: 0;
    --tna-cine-pointer-x: 0;
    --tna-cine-pointer-y: 0;
    --tna-cine-phase: 0;
}

html[data-tna-theme="light"] {
    --tnx-bg: #e9edf4;
    --tnx-surface: rgba(241, 244, 249, .86);
    --tnx-surface-strong: rgba(247, 249, 252, .97);
    --tnx-card: rgba(255, 255, 255, .66);
    --tnx-card-hover: rgba(255, 255, 255, .92);
    --tnx-line: rgba(15, 23, 42, .12);
    --tnx-line-strong: rgba(15, 23, 42, .23);
    --tnx-text: #111827;
    --tnx-muted: #556173;
    --tnx-shadow: 0 30px 90px rgba(17, 24, 39, .15);
}

html {
    background: var(--tnx-bg);
}

body.tna-galaxy {
    background:
        radial-gradient(circle at 18% -8%, rgba(91, 96, 246, .08), transparent 34%),
        radial-gradient(circle at 84% 8%, rgba(var(--tnx-secondary-rgb), .055), transparent 28%),
        linear-gradient(180deg, #02030a 0%, #03050d 42%, #010207 100%);
    color: var(--tnx-text);
}

html[data-tna-theme="light"] body.tna-galaxy {
    background:
        radial-gradient(circle at 20% -10%, rgba(91, 96, 246, .1), transparent 38%),
        radial-gradient(circle at 90% 8%, rgba(var(--tnx-secondary-rgb), .12), transparent 30%),
        linear-gradient(180deg, #eef2f7, #e4e9f1 70%, #dfe5ee);
}

.tna-main,
.tna-site-header,
.tna-footer {
    position: relative;
    z-index: 4;
}

.tna-site-header::before {
    background: linear-gradient(180deg, rgba(1, 2, 7, .97), rgba(1, 2, 7, 0));
}

.tna-site-nav {
    border-color: rgba(226, 232, 240, .1);
    background:
        linear-gradient(130deg, rgba(var(--brand-accent-rgb), .075), transparent 34%),
        rgba(4, 6, 13, .82);
    box-shadow:
        0 20px 70px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    backdrop-filter: blur(28px) saturate(132%);
}

html[data-tna-theme="light"] .tna-site-nav {
    background:
        linear-gradient(130deg, rgba(var(--brand-accent-rgb), .1), transparent 34%),
        rgba(245, 247, 251, .86);
}

.tna-card,
.tnx-brand-card,
.tnx-journey li,
.tnx-home-cta,
.tna-v22-card,
.tna-auth-card,
.tna-profile-v3-card {
    border-color: var(--tnx-line);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012) 48%, transparent),
        color-mix(in srgb, var(--tnx-surface) 90%, transparent);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, .26),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter: blur(20px) saturate(120%);
}

.tna-card:hover,
.tnx-brand-card:hover,
.tnx-journey li:hover {
    border-color: color-mix(in srgb, var(--tnx-accent) 36%, var(--tnx-line));
    box-shadow:
        0 38px 110px rgba(0, 0, 0, .34),
        0 0 42px rgba(var(--tnx-accent-rgb), .055),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}

.tnx-button,
.tna-btn,
button.fi-btn {
    position: relative;
    overflow: hidden;
    border-color: var(--tnx-line-strong);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
}

.tnx-button::after,
.tna-btn::after {
    content: "";
    position: absolute;
    inset: -80% auto -80% -45%;
    width: 36%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
    transform: skewX(-18deg) translateX(-260%);
    transition: transform .65s cubic-bezier(.2, .8, .2, 1);
    pointer-events: none;
}

.tnx-button:hover::after,
.tna-btn:hover::after {
    transform: skewX(-18deg) translateX(560%);
}

.tnx-button--primary,
.tna-btn-primary {
    color: #07101b;
    background: linear-gradient(125deg, #f2c874, #e5aa4d 48%, #65d9ff);
    border-color: rgba(255, 230, 168, .48);
    box-shadow: 0 18px 48px rgba(var(--tnx-accent-rgb), .17);
}

:where(input, textarea, select):not([type="checkbox"]):not([type="radio"]) {
    border-color: var(--tnx-line);
    background: rgba(2, 4, 10, .58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html[data-tna-theme="light"] :where(input, textarea, select):not([type="checkbox"]):not([type="radio"]) {
    background: rgba(255, 255, 255, .74);
}

:where(input, textarea, select):focus {
    border-color: rgba(var(--tnx-secondary-rgb), .52);
    box-shadow: 0 0 0 4px rgba(var(--tnx-secondary-rgb), .09), 0 18px 50px rgba(0, 0, 0, .16);
}

/* Shared cinematic home stage */
.is-cinematic-home {
    --scene-a: 98, 216, 255;
    --scene-b: 233, 187, 99;
    --scene-c: 116, 92, 255;
    isolation: isolate;
}

.tna-cinematic-stage--moshaver { --scene-a: 74, 230, 171; --scene-b: 74, 173, 255; --scene-c: 124, 92, 255; }
.tna-cinematic-stage--amooz { --scene-a: 69, 217, 255; --scene-b: 255, 193, 82; --scene-c: 108, 119, 255; }
.tna-cinematic-stage--pro { --scene-a: 255, 183, 69; --scene-b: 91, 211, 255; --scene-c: 255, 104, 137; }
.tna-cinematic-stage--patent { --scene-a: 156, 112, 255; --scene-b: 94, 226, 255; --scene-c: 232, 186, 87; }
.tna-cinematic-stage--mag { --scene-a: 255, 104, 174; --scene-b: 122, 116, 255; --scene-c: 82, 218, 255; }
.tna-cinematic-stage--mart { --scene-a: 255, 175, 70; --scene-b: 255, 102, 99; --scene-c: 92, 223, 190; }
.tna-cinematic-stage--cup { --scene-a: 255, 206, 82; --scene-b: 255, 102, 104; --scene-c: 86, 180, 255; }

.tna-cinematic-stage {
    position: fixed;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    perspective: 1200px;
    opacity: .92;
    contain: layout paint style;
}

.tna-cinematic-stage__vignette,
.tna-cinematic-stage__noise,
.tna-cinematic-stage__grid,
.tna-cinematic-stage__horizon,
.tna-cinematic-stage__aurora,
.tna-cinematic-stage__beam {
    position: absolute;
    inset: 0;
}

.tna-cinematic-stage__vignette {
    z-index: 10;
    background:
        linear-gradient(180deg, rgba(1, 2, 7, .12), rgba(1, 2, 7, .62)),
        radial-gradient(circle at center, transparent 25%, rgba(1, 2, 7, .76) 92%);
}

.tna-cinematic-stage__noise {
    z-index: 11;
    opacity: .035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
    mix-blend-mode: soft-light;
}

.tna-cinematic-stage__aurora {
    filter: blur(80px);
    opacity: .18;
    transform: translate3d(
        calc(var(--tna-cine-pointer-x) * 30px),
        calc(var(--tna-cine-progress) * -16vh),
        0
    );
}

.tna-cinematic-stage__aurora--one {
    inset: -20% 30% 42% -15%;
    background: radial-gradient(ellipse, rgba(var(--scene-a), .72), transparent 66%);
}

.tna-cinematic-stage__aurora--two {
    inset: 35% -18% -28% 44%;
    background: radial-gradient(ellipse, rgba(var(--scene-c), .58), transparent 68%);
    transform: translate3d(
        calc(var(--tna-cine-pointer-x) * -24px),
        calc(var(--tna-cine-progress) * 12vh),
        0
    );
}

.tna-cinematic-stage__horizon {
    inset: 52% -15% -35%;
    background:
        linear-gradient(180deg, rgba(var(--scene-a), .045), transparent 28%),
        repeating-linear-gradient(90deg, transparent 0 8vw, rgba(var(--scene-a), .045) 8vw calc(8vw + 1px)),
        repeating-linear-gradient(0deg, transparent 0 8vh, rgba(var(--scene-a), .035) 8vh calc(8vh + 1px));
    transform-origin: 50% 0;
    transform: rotateX(68deg) translateY(calc(var(--tna-cine-progress) * 18vh)) scale(1.45);
    mask-image: linear-gradient(180deg, #000, transparent 80%);
}

.tna-cinematic-stage__world {
    position: absolute;
    width: min(60vw, 760px);
    aspect-ratio: 1;
    inset: 50% auto auto 67%;
    transform-style: preserve-3d;
    transform:
        translate3d(-50%, calc(-50% + (var(--tna-cine-progress) * -22vh)), 0)
        rotateX(calc(62deg + (var(--tna-cine-pointer-y) * -4deg)))
        rotateY(calc(-12deg + (var(--tna-cine-pointer-x) * 8deg)))
        rotateZ(calc(-8deg + (var(--tna-cine-progress) * 52deg)))
        scale(calc(1 + (var(--tna-cine-progress) * .45)));
    transition: opacity .3s ease;
    will-change: transform;
}

.tna-cinematic-stage__core {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 28%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%) translateZ(90px) rotateX(-62deg);
    transform-style: preserve-3d;
}

.tna-cinematic-stage__core-shell,
.tna-cinematic-stage__core-light,
.tna-cinematic-stage__core-scan {
    position: absolute;
    inset: 0;
    border-radius: 36% 64% 47% 53% / 58% 38% 62% 42%;
}

.tna-cinematic-stage__core-shell {
    border: 1px solid rgba(var(--scene-a), .42);
    background:
        radial-gradient(circle at 28% 20%, rgba(255, 255, 255, .48), transparent 18%),
        linear-gradient(145deg, rgba(var(--scene-a), .34), rgba(var(--scene-c), .19) 52%, rgba(var(--scene-b), .24));
    box-shadow:
        0 0 90px rgba(var(--scene-a), .22),
        inset -26px -28px 46px rgba(0, 0, 0, .38),
        inset 12px 12px 30px rgba(255, 255, 255, .08);
    animation: tna-cine-core 10s ease-in-out infinite;
}

.tna-cinematic-stage__core-light {
    inset: 22%;
    background: radial-gradient(circle, rgba(255, 255, 255, .95), rgba(var(--scene-a), .52) 20%, transparent 68%);
    filter: blur(2px);
    animation: tna-cine-pulse 3.4s ease-in-out infinite;
}

.tna-cinematic-stage__core-scan {
    overflow: hidden;
    opacity: .55;
}

.tna-cinematic-stage__core-scan::after {
    content: "";
    position: absolute;
    inset: -25% 0 auto;
    height: 18%;
    background: linear-gradient(180deg, transparent, rgba(var(--scene-a), .7), transparent);
    filter: blur(4px);
    animation: tna-cine-scan 4.5s linear infinite;
}

.tna-cinematic-stage__orbit {
    position: absolute;
    inset: 50% auto auto 50%;
    border: 1px solid rgba(var(--scene-a), .19);
    border-radius: 50%;
    transform-style: preserve-3d;
    box-shadow: 0 0 24px rgba(var(--scene-a), .05);
}

.tna-cinematic-stage__orbit::after {
    content: "";
    position: absolute;
    width: 8px;
    aspect-ratio: 1;
    inset: 50% auto auto -4px;
    border-radius: 50%;
    background: rgb(var(--scene-b));
    box-shadow: 0 0 18px rgba(var(--scene-b), .86);
}

.tna-cinematic-stage__orbit--one { width: 58%; aspect-ratio: 1; transform: translate(-50%, -50%) rotateX(62deg) rotateZ(calc(var(--tna-cine-progress) * 160deg)); animation: tna-cine-orbit 24s linear infinite; }
.tna-cinematic-stage__orbit--two { width: 77%; aspect-ratio: 1; transform: translate(-50%, -50%) rotateY(70deg) rotateZ(36deg); animation: tna-cine-orbit-reverse 31s linear infinite; }
.tna-cinematic-stage__orbit--three { width: 94%; aspect-ratio: 1; transform: translate(-50%, -50%) rotateX(76deg) rotateZ(-32deg); animation: tna-cine-orbit 42s linear infinite; }
.tna-cinematic-stage__orbit--four { width: 116%; aspect-ratio: 1; border-style: dashed; opacity: .52; transform: translate(-50%, -50%) rotateY(77deg) rotateZ(82deg); animation: tna-cine-orbit-reverse 55s linear infinite; }

.tna-cinematic-stage__shard {
    position: absolute;
    width: 8%;
    aspect-ratio: .58;
    left: 50%;
    top: 50%;
    clip-path: polygon(50% 0, 100% 80%, 58% 100%, 0 72%);
    background: linear-gradient(150deg, rgba(255, 255, 255, .28), rgba(var(--scene-a), .22), rgba(var(--scene-c), .06));
    border: 1px solid rgba(var(--scene-a), .22);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .35);
    transform-style: preserve-3d;
}

.tna-cinematic-stage__shard--one { transform: translate3d(-330%, -420%, 120px) rotateX(58deg) rotateZ(18deg); }
.tna-cinematic-stage__shard--two { transform: translate3d(260%, -290%, -40px) rotateX(44deg) rotateZ(76deg); }
.tna-cinematic-stage__shard--three { transform: translate3d(380%, 160%, 70px) rotateX(78deg) rotateZ(112deg); }
.tna-cinematic-stage__shard--four { transform: translate3d(-420%, 210%, -80px) rotateX(36deg) rotateZ(-22deg); }
.tna-cinematic-stage__shard--five { transform: translate3d(-120%, 440%, 30px) rotateX(64deg) rotateZ(148deg); }
.tna-cinematic-stage__shard--six { transform: translate3d(80%, -520%, -100px) rotateX(48deg) rotateZ(202deg); }

.tna-cinematic-stage__satellite {
    position: absolute;
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgb(var(--scene-a));
    box-shadow: 0 0 18px rgba(var(--scene-a), .9), 0 0 56px rgba(var(--scene-a), .45);
}

.tna-cinematic-stage__satellite--one { inset: 18% auto auto 18%; }
.tna-cinematic-stage__satellite--two { inset: auto 12% 24% auto; background: rgb(var(--scene-b)); }
.tna-cinematic-stage__satellite--three { inset: 42% auto auto 92%; background: rgb(var(--scene-c)); }

.tna-cinematic-stage__grid {
    z-index: -1;
    opacity: .15;
    background-image:
        linear-gradient(rgba(var(--scene-a), .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--scene-a), .07) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(circle at 68% 48%, #000, transparent 58%);
    transform: translateY(calc(var(--tna-cine-progress) * -8vh));
}

.tna-cinematic-stage__beam {
    opacity: .1;
    filter: blur(30px);
    transform-origin: center;
}

.tna-cinematic-stage__beam--one {
    background: linear-gradient(110deg, transparent 40%, rgba(var(--scene-a), .52) 49%, transparent 57%);
    transform: translateX(calc(var(--tna-cine-progress) * 22vw)) rotate(-6deg);
}

.tna-cinematic-stage__beam--two {
    background: linear-gradient(78deg, transparent 46%, rgba(var(--scene-b), .34) 50%, transparent 55%);
    transform: translateX(calc(var(--tna-cine-progress) * -18vw)) rotate(12deg);
}

/* Corporate home scrollytelling */
.tnx-home-hero__copy h1 {
    max-width: 12.5ch;
    text-wrap: balance;
    text-shadow: 0 12px 50px rgba(0, 0, 0, .42);
}

.tnx-home-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    max-width: 620px;
    margin-block-start: 18px;
}

.tnx-home-facts > div {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--tnx-line);
    border-radius: 16px;
    background: rgba(3, 5, 12, .48);
    backdrop-filter: blur(16px);
}

.tnx-home-facts b,
.tnx-home-facts span {
    display: block;
}

.tnx-home-facts b {
    color: var(--home-accent, var(--tnx-accent));
    font-size: 1.12rem;
    font-weight: 950;
}

.tnx-home-facts span {
    margin-block-start: 4px;
    color: var(--tnx-muted);
    font-size: .68rem;
    line-height: 1.55;
}

.tnx-home-story {
    position: relative;
    padding: clamp(90px, 14vw, 210px) 0;
}

.tnx-home-story__grid {
    display: grid;
    grid-template-columns: minmax(360px, .88fr) minmax(0, 1.12fr);
    gap: clamp(54px, 9vw, 150px);
    align-items: start;
}

.tnx-home-story__visual {
    position: sticky;
    top: calc(var(--tnx-header-height) + 70px);
    min-height: min(68vh, 690px);
    display: grid;
    place-items: center;
    perspective: 1100px;
}

.tnx-home-story__device {
    --chapter: 0;
    position: relative;
    width: min(32vw, 390px);
    aspect-ratio: .78;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--tnx-secondary-rgb), .24);
    border-radius: 46px;
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, .1), transparent 28%),
        linear-gradient(145deg, rgba(14, 20, 38, .88), rgba(3, 5, 12, .96));
    box-shadow:
        0 80px 150px rgba(0, 0, 0, .5),
        0 0 90px rgba(var(--tnx-secondary-rgb), .1),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    transform-style: preserve-3d;
    transform:
        rotateX(calc(10deg - (var(--chapter) * 1.8deg)))
        rotateY(calc(-15deg + (var(--chapter) * 7deg)))
        translateZ(0);
    transition: transform .75s cubic-bezier(.2, .8, .2, 1), border-color .5s ease;
}

.tnx-home-story__device::before,
.tnx-home-story__device::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

.tnx-home-story__device::before {
    inset: 11%;
    border: 1px solid rgba(var(--tnx-secondary-rgb), .12);
    background: repeating-linear-gradient(0deg, transparent 0 26px, rgba(var(--tnx-secondary-rgb), .04) 27px 28px);
    transform: translateZ(32px);
}

.tnx-home-story__device::after {
    inset: -18%;
    border: 1px solid rgba(var(--tnx-accent-rgb), .13);
    transform: translateZ(-80px) rotateZ(calc(var(--chapter) * 18deg));
    transition: transform .8s cubic-bezier(.2, .8, .2, 1);
}

.tnx-home-story__device > i {
    position: absolute;
    width: var(--size, 118%);
    aspect-ratio: 1;
    border: 1px solid rgba(var(--tnx-secondary-rgb), .16);
    border-radius: 50%;
    transform: translateZ(var(--z, -30px)) rotateX(var(--x, 68deg)) rotateZ(var(--z-rotate, 0deg));
    animation: tna-cine-orbit 26s linear infinite;
}

.tnx-home-story__device > i:nth-child(2) { --size: 88%; --z: 45px; --x: 78deg; --z-rotate: 58deg; animation-direction: reverse; animation-duration: 19s; }
.tnx-home-story__device > i:nth-child(3) { --size: 148%; --z: -95px; --x: 62deg; --z-rotate: -42deg; animation-duration: 41s; }

.tnx-home-story__device strong,
.tnx-home-story__device small {
    position: relative;
    z-index: 2;
    display: block;
    text-align: center;
}

.tnx-home-story__device strong {
    color: var(--tnx-text);
    font-size: clamp(2rem, 4vw, 4.2rem);
    letter-spacing: -.06em;
    font-weight: 980;
    text-shadow: 0 0 38px rgba(var(--tnx-secondary-rgb), .28);
}

.tnx-home-story__device small {
    margin-block-start: 90px;
    color: var(--tnx-accent);
    font-size: .68rem;
    letter-spacing: .18em;
    font-weight: 900;
}

.tnx-home-story__signal {
    position: absolute;
    inset: auto 14% 17%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    transform: translateZ(48px);
}

.tnx-home-story__signal span {
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(var(--tnx-secondary-rgb), .12), rgba(var(--tnx-secondary-rgb), .9));
    transform: scaleX(calc(.28 + (var(--chapter) * .2)));
    transform-origin: left;
    transition: transform .55s ease;
}

.tnx-home-story__chapters {
    display: grid;
    gap: 32vh;
    padding-block: 10vh 20vh;
}

.tnx-home-story__chapters article {
    min-height: 52vh;
    display: grid;
    align-content: center;
    opacity: .34;
    transform: translateY(28px) scale(.97);
    transition: opacity .55s ease, transform .55s ease;
}

.tnx-home-story__chapters article.is-active {
    opacity: 1;
    transform: none;
}

.tnx-home-story__chapters span {
    color: var(--tnx-accent);
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.tnx-home-story__chapters h2 {
    max-width: 14ch;
    margin: 12px 0 16px;
    font-size: clamp(2.2rem, 5.2vw, 5.4rem);
    line-height: 1.03;
    letter-spacing: -.045em;
    font-weight: 980;
    text-wrap: balance;
}

.tnx-home-story__chapters p {
    max-width: 58ch;
    margin: 0;
    color: var(--tnx-muted);
    font-size: clamp(.98rem, 1.5vw, 1.18rem);
    line-height: 2;
}

[data-tna-story-section] {
    position: relative;
}

[data-tna-story-section]::before {
    content: "";
    position: absolute;
    inset: 12% 0 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--tnx-secondary-rgb), .08), transparent);
    opacity: calc(.15 + var(--tna-cine-local));
    pointer-events: none;
}

/* Brand home roots receive the same luxury depth without requiring duplicate markup. */
.is-cinematic-home:not([data-tna-page-scene="corporate"]) .tna-main > section:first-child,
.is-cinematic-home:not([data-tna-page-scene="corporate"]) .tna-main > div:first-child {
    position: relative;
    min-height: min(780px, calc(100svh - 80px));
    padding-block-start: clamp(58px, 10vw, 128px);
}

.is-cinematic-home:not([data-tna-page-scene="corporate"]) .tna-main .tna-card:first-of-type {
    border-color: rgba(var(--scene-a), .25);
    background:
        radial-gradient(circle at 88% 5%, rgba(var(--scene-a), .13), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012)),
        rgba(4, 7, 14, .72);
    box-shadow: 0 50px 140px rgba(0, 0, 0, .42), 0 0 80px rgba(var(--scene-a), .07);
}

.is-cinematic-home:not([data-tna-page-scene="corporate"]) .tna-main h1 {
    max-width: 14ch;
    font-size: clamp(2.6rem, 7vw, 6.7rem);
    line-height: .98;
    letter-spacing: -.05em;
    text-wrap: balance;
}

.is-cinematic-home:not([data-tna-page-scene="corporate"]) .tna-main h2 {
    text-wrap: balance;
}

@keyframes tna-cine-core {
    0%, 100% { transform: rotate(-3deg) scale(.97); border-radius: 36% 64% 47% 53% / 58% 38% 62% 42%; }
    50% { transform: rotate(5deg) scale(1.05); border-radius: 57% 43% 62% 38% / 42% 58% 42% 58%; }
}

@keyframes tna-cine-pulse {
    0%, 100% { opacity: .58; transform: scale(.82); }
    50% { opacity: 1; transform: scale(1.16); }
}

@keyframes tna-cine-scan {
    from { transform: translateY(-120%); }
    to { transform: translateY(760%); }
}

@keyframes tna-cine-orbit {
    to { rotate: 1turn; }
}

@keyframes tna-cine-orbit-reverse {
    to { rotate: -1turn; }
}

@media (max-width: 1100px) {
    .tna-cinematic-stage__world {
        width: min(84vw, 650px);
        inset-inline-start: 72%;
        opacity: .7;
    }

    .tnx-home-story__grid {
        grid-template-columns: 1fr;
    }

    .tnx-home-story__visual {
        position: relative;
        top: auto;
        min-height: 520px;
    }

    .tnx-home-story__device {
        width: min(72vw, 380px);
    }

    .tnx-home-story__chapters {
        gap: 14vh;
        padding-block: 0 8vh;
    }

    .tnx-home-story__chapters article {
        min-height: 42vh;
    }
}

@media (max-width: 760px) {
    .tna-cinematic-stage {
        opacity: .72;
    }

    .tna-cinematic-stage__world {
        width: 118vw;
        inset: 32% auto auto 74%;
    }

    .tna-cinematic-stage__horizon {
        opacity: .48;
    }

    .tnx-home-facts {
        grid-template-columns: 1fr;
    }

    .tnx-home-facts > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }

    .tnx-home-facts span {
        margin: 0;
        text-align: end;
    }

    .tnx-home-story {
        padding-block: 70px 110px;
    }

    .tnx-home-story__visual {
        min-height: 430px;
    }

    .tnx-home-story__chapters {
        gap: 9vh;
    }

    .tnx-home-story__chapters article {
        min-height: 54vh;
    }

    .tnx-home-story__chapters h2 {
        font-size: clamp(2.1rem, 12vw, 4rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tna-cinematic-stage__world,
    .tna-cinematic-stage__aurora,
    .tna-cinematic-stage__horizon,
    .tna-cinematic-stage__beam,
    .tnx-home-story__device {
        transform: none !important;
    }

    .tna-cinematic-stage__core-shell,
    .tna-cinematic-stage__core-light,
    .tna-cinematic-stage__core-scan::after,
    .tna-cinematic-stage__orbit,
    .tnx-home-story__device > i {
        animation: none !important;
    }

    .tnx-home-story__chapters article {
        opacity: 1;
        transform: none;
    }
}

body.is-cinematic-static .tna-cinematic-stage__world,
body.is-cinematic-static .tna-cinematic-stage__aurora,
body.is-cinematic-static .tna-cinematic-stage__horizon,
body.is-cinematic-static .tna-cinematic-stage__beam {
    transform: none !important;
}

body.is-cinematic-static .tna-cinematic-stage__core-shell,
body.is-cinematic-static .tna-cinematic-stage__core-light,
body.is-cinematic-static .tna-cinematic-stage__core-scan::after,
body.is-cinematic-static .tna-cinematic-stage__orbit,
body.is-cinematic-static .tnx-home-story__device > i {
    animation: none !important;
}