:root {
        color-scheme: dark;
        --motion-fast: 180ms;
        --motion-base: 320ms;
        --motion-slow: 720ms;
        --motion-curve: cubic-bezier(0.16, 1, 0.3, 1);
        --motion-spring: cubic-bezier(0.22, 1.2, 0.36, 1);
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
        background: #0a0b0e;
        scrollbar-color: #2dffa3 rgba(7, 16, 20, 0.78);
        scrollbar-width: thin;
      }

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

      *::-webkit-scrollbar-track {
        background: rgba(7, 16, 20, 0.78);
      }

      *::-webkit-scrollbar-thumb {
        border: 3px solid rgba(7, 16, 20, 0.78);
        border-radius: 999px;
        background: #2dffa3;
        box-shadow: 0 0 18px rgba(45, 255, 163, 0.32);
      }

      *::-webkit-scrollbar-thumb:hover {
        background: #61ffc0;
      }

      body {
        min-height: 100vh;
        background:
          radial-gradient(circle at 3% 12%, rgba(38, 213, 220, 0.34), transparent 23rem),
          radial-gradient(circle at 93% 18%, rgba(45, 255, 163, 0.28), transparent 28rem),
          linear-gradient(90deg, rgba(28, 143, 147, 0.18), transparent 30%, transparent 64%, rgba(45, 255, 163, 0.15)),
          #101112;
        background-attachment: fixed;
        color: #ffffff;
        overflow-x: hidden;
      }

      body::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 225px 225px;
        opacity: 0.34;
        z-index: 0;
      }

      :where(a, button, input, select) {
        -webkit-tap-highlight-color: transparent;
      }

      :where(a, button) {
        transition:
          transform var(--motion-fast) ease,
          border-color var(--motion-fast) ease,
          background-color var(--motion-fast) ease,
          color var(--motion-fast) ease,
          box-shadow var(--motion-base) ease;
      }

      :where(a, button):active {
        transform: translateY(1px) scale(0.985);
      }

      :where(a, button, input, select):focus-visible {
        outline: 2px solid rgba(45, 255, 163, 0.82);
        outline-offset: 3px;
      }

      :where(a, button):hover [data-lucide] {
        transform: translateY(-1px) rotate(-5deg) scale(1.04);
      }

      [data-lucide] {
        transition: transform var(--motion-fast) ease, filter var(--motion-fast) ease;
      }

      [data-animate] {
        opacity: 0;
        transform: translate3d(0, 26px, 0) scale(0.985);
        transition:
          opacity var(--motion-slow) var(--motion-curve),
          transform var(--motion-slow) var(--motion-curve),
          filter var(--motion-slow) var(--motion-curve);
        transition-delay: var(--reveal-delay, 0ms);
        filter: blur(5px);
        will-change: opacity, transform, filter;
      }

      [data-animate="left"] {
        transform: translate3d(-30px, 16px, 0) scale(0.985);
      }

      [data-animate="right"] {
        transform: translate3d(30px, 16px, 0) scale(0.985);
      }

      [data-animate="zoom"] {
        transform: translate3d(0, 18px, 0) scale(0.94);
      }

      [data-animate].is-visible {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0);
      }

      .glass {
        background: rgba(10, 11, 14, 0.68);
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }

      .cyber-card {
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: linear-gradient(180deg, rgba(20, 22, 29, 0.88), rgba(12, 13, 17, 0.88));
        transition:
          transform 300ms ease,
          border-color 300ms ease,
          box-shadow 300ms ease,
          background 300ms ease;
      }

      .cyber-card:hover {
        transform: translateY(-5px);
        border-color: #2dffa3;
        box-shadow: 0 0 20px rgba(45, 255, 163, 0.25);
      }

      .soft-grid {
        background-image:
          linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
        background-size: 48px 48px;
        mask-image: linear-gradient(180deg, transparent, black 12%, black 78%, transparent);
      }

      .home-scene {
        min-height: 100vh;
      }

      .scene-panel {
        position: relative;
        overflow: hidden;
      }

      .scene-panel::before {
        content: none;
      }
.home-glass-card,
      .script-panel,
      .launcher-feature,
      .faq-item {
        transition:
          transform var(--motion-base) var(--motion-curve),
          border-color var(--motion-base) ease,
          box-shadow var(--motion-base) ease,
          background var(--motion-base) ease,
          filter var(--motion-base) ease;
      }

      .home-glass-card:hover,
      .launcher-feature:hover,
      .faq-item:hover {
        transform: translateY(-4px);
        border-color: rgba(45, 255, 163, 0.34);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.07),
          0 24px 54px rgba(0, 0, 0, 0.24),
          0 0 24px rgba(45, 255, 163, 0.09);
      }

      .home-glass-card:hover img {
        filter: saturate(1.12) brightness(1.04);
      }
      .hero-title {
        font-size: clamp(4.6rem, 11.2vw, 12rem);
        line-height: 0.84;
        letter-spacing: 0;
      }

      .hero-title-word {
        display: inline-block;
        will-change: transform, opacity;
      }
      .hero-title-word:last-child {
      }
      .site-header {
        transition:
          padding var(--motion-base) var(--motion-curve),
          transform var(--motion-base) var(--motion-curve);
      }

      .site-nav-shell {
        border-radius: 999px;
        padding: 0;
        transition:
          padding var(--motion-base) var(--motion-curve),
          background var(--motion-base) ease,
          box-shadow var(--motion-base) ease,
          backdrop-filter var(--motion-base) ease;
      }

      .site-header.is-glass {
        padding-top: 0.75rem;
      }

      .site-header.is-glass .site-nav-shell {
        padding: 0.55rem 0.65rem;
        background: rgba(7, 16, 20, 0.5);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 22px 56px rgba(0, 0, 0, 0.34),
          0 0 28px rgba(45, 255, 163, 0.06);
        backdrop-filter: blur(24px) saturate(1.2);
        -webkit-backdrop-filter: blur(24px) saturate(1.2);
      }

      .pill-nav {
        background: rgba(7, 16, 20, 0.42);
        border: 0;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 18px 35px rgba(0, 0, 0, 0.18);
        backdrop-filter: blur(22px) saturate(1.15);
        -webkit-backdrop-filter: blur(22px) saturate(1.15);
      }
.pill-nav,
      header nav > div > button:first-child {
        transition:
          transform var(--motion-base) var(--motion-curve),
          box-shadow var(--motion-base) ease,
          border-color var(--motion-base) ease,
          background var(--motion-base) ease;
      }

      .pill-nav:hover,
      header nav > div > button:first-child:hover {
        transform: translateY(-2px);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.1),
          0 22px 44px rgba(0, 0, 0, 0.24),
          0 0 22px rgba(45, 255, 163, 0.08);
      }

      .nav-page-link {
        position: relative;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.68);
      }

      .nav-page-link::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(110deg, transparent 0 35%, rgba(255, 255, 255, 0.28) 45%, transparent 56%);
        transform: translateX(-120%);
        transition: transform 600ms var(--motion-curve);
      }

      .nav-page-link:hover {
        background: rgba(255, 255, 255, 0.14);
        color: #ffffff;
        transform: translateY(-1px);
      }

      .nav-page-link:hover::after,
      .nav-page-link.is-active::after {
        transform: translateX(120%);
      }

      .nav-page-link.is-active {
        background: #2dffa3;
        color: #071014;
        box-shadow: 0 0 22px rgba(45, 255, 163, 0.28);
      }

      .nav-page-link.is-home-active {
        background: #ffffff;
        color: #111315;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
      }
.launcher-gallery-stage {
        min-height: clamp(34rem, 64vw, 56rem);
        perspective: 1800px;
        perspective-origin: 52% 44%;
        display: grid;
        place-items: center;
        overflow: visible;
      }

      .launcher-flower-stack {
        position: relative;
        width: min(100%, 72rem);
        height: clamp(33rem, 56vw, 49rem);
        transform-style: preserve-3d;
      }

      .launcher-flower-stack::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 10%;
        width: min(58vw, 40rem);
        height: min(18vw, 12rem);
        border-radius: 999px;
        background: radial-gradient(circle, rgba(45, 255, 163, 0.18), rgba(45, 255, 163, 0.04) 42%, transparent 72%);
        filter: blur(18px);
        opacity: 0.62;
        transform: translateX(-50%) rotateX(68deg);
        pointer-events: none;
      }
.launcher-shot {
        position: absolute;
        left: 50%;
        top: 50%;
        width: clamp(18rem, 31vw, 30rem);
        aspect-ratio: 16 / 10;
        margin: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0.75rem;
        background: rgba(7, 16, 20, 0.86);
        box-shadow:
          0 28px 62px rgba(0, 0, 0, 0.4),
          0 0 28px rgba(45, 255, 163, 0.08),
          inset 0 1px 0 rgba(255, 255, 255, 0.1);
        transform:
          translate(-50%, -50%)
          translate3d(var(--stack-x), var(--stack-y), var(--stack-z))
          rotateX(8deg)
          rotateY(-18deg)
          rotateZ(var(--stack-r));
        transform-style: preserve-3d;
        transition:
          transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
          box-shadow 760ms cubic-bezier(0.16, 1, 0.3, 1);
        will-change: transform;
      }
.launcher-shot::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 34%, rgba(45, 255, 163, 0.08));
        pointer-events: none;
        mix-blend-mode: screen;
      }

      .launcher-shot img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover;
      }

      .launcher-flower-stack:hover .launcher-shot {
        box-shadow:
          0 34px 76px rgba(0, 0, 0, 0.44),
          0 0 34px rgba(45, 255, 163, 0.16);
        transform:
          translate(-50%, -50%)
          translate3d(var(--open-x), var(--open-y), var(--open-z))
          rotateX(var(--open-rx))
          rotateY(var(--open-ry))
          rotateZ(var(--open-r))
          scale(var(--open-scale));
      }
.launcher-shot:nth-child(1) {
        --pop-delay: 0ms;
        --stack-x: -4.8rem;
        --stack-y: -3.2rem;
        --stack-z: 7rem;
        --stack-r: -10deg;
        --open-x: -27rem;
        --open-y: -16rem;
        --open-z: 10rem;
        --open-r: -8deg;
        --open-rx: 6deg;
        --open-ry: -10deg;
        --open-scale: 0.66;
        z-index: 9;
      }

      .launcher-shot:nth-child(2) {
        --pop-delay: 70ms;
        --stack-x: -3.6rem;
        --stack-y: -2.4rem;
        --stack-z: 5.8rem;
        --stack-r: -7deg;
        --open-x: 0rem;
        --open-y: -17rem;
        --open-z: 12rem;
        --open-r: -1deg;
        --open-rx: 8deg;
        --open-ry: 0deg;
        --open-scale: 0.68;
        z-index: 8;
      }

      .launcher-shot:nth-child(3) {
        --pop-delay: 140ms;
        --stack-x: -2.4rem;
        --stack-y: -1.6rem;
        --stack-z: 4.6rem;
        --stack-r: -4deg;
        --open-x: 27rem;
        --open-y: -16rem;
        --open-z: 9rem;
        --open-r: 8deg;
        --open-rx: 6deg;
        --open-ry: 10deg;
        --open-scale: 0.66;
        z-index: 7;
      }

      .launcher-shot:nth-child(4) {
        --pop-delay: 210ms;
        --stack-x: -1.2rem;
        --stack-y: -0.8rem;
        --stack-z: 3.4rem;
        --stack-r: -1deg;
        --open-x: -30rem;
        --open-y: 0rem;
        --open-z: 13rem;
        --open-r: -4deg;
        --open-rx: 2deg;
        --open-ry: -12deg;
        --open-scale: 0.68;
        z-index: 6;
      }

      .launcher-shot:nth-child(5) {
        --pop-delay: 280ms;
        --stack-x: 0rem;
        --stack-y: 0rem;
        --stack-z: 2.2rem;
        --stack-r: 2deg;
        --open-x: 0rem;
        --open-y: 0rem;
        --open-z: 18rem;
        --open-r: 0deg;
        --open-rx: 0deg;
        --open-ry: 0deg;
        --open-scale: 0.74;
        z-index: 5;
      }

      .launcher-shot:nth-child(6) {
        --pop-delay: 350ms;
        --stack-x: 1.2rem;
        --stack-y: 0.8rem;
        --stack-z: 1rem;
        --stack-r: 5deg;
        --open-x: 30rem;
        --open-y: 0rem;
        --open-z: 13rem;
        --open-r: 4deg;
        --open-rx: 2deg;
        --open-ry: 12deg;
        --open-scale: 0.68;
        z-index: 4;
      }

      .launcher-shot:nth-child(7) {
        --pop-delay: 420ms;
        --stack-x: 2.4rem;
        --stack-y: 1.6rem;
        --stack-z: -0.2rem;
        --stack-r: 8deg;
        --open-x: -27rem;
        --open-y: 16rem;
        --open-z: 9rem;
        --open-r: -8deg;
        --open-rx: -6deg;
        --open-ry: -10deg;
        --open-scale: 0.66;
        z-index: 3;
      }

      .launcher-shot:nth-child(8) {
        --pop-delay: 490ms;
        --stack-x: 3.6rem;
        --stack-y: 2.4rem;
        --stack-z: -1.4rem;
        --stack-r: 11deg;
        --open-x: 0rem;
        --open-y: 17rem;
        --open-z: 12rem;
        --open-r: 1deg;
        --open-rx: -8deg;
        --open-ry: 0deg;
        --open-scale: 0.68;
        z-index: 2;
      }

      .launcher-shot:nth-child(9) {
        --pop-delay: 560ms;
        --stack-x: 4.8rem;
        --stack-y: 3.2rem;
        --stack-z: -2.6rem;
        --stack-r: 14deg;
        --open-x: 27rem;
        --open-y: 16rem;
        --open-z: 10rem;
        --open-r: 8deg;
        --open-rx: -6deg;
        --open-ry: 10deg;
        --open-scale: 0.66;
        z-index: 1;
      }

      .launcher-copy {
        position: relative;
      }

      .launcher-copy::before {
        content: "";
        position: absolute;
        left: -2rem;
        top: -2rem;
        bottom: -2rem;
        width: 1px;
        background: linear-gradient(transparent, rgba(255, 255, 255, 0.18), transparent);
        transform-origin: top;
      }

      .launcher-feature {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.035);
        padding: 0.75rem 0.85rem;
        color: rgba(255, 255, 255, 0.64);
        font-size: 0.8rem;
        font-weight: 700;
      }

      .launcher-feature:hover {
        color: rgba(255, 255, 255, 0.86);
        background: rgba(45, 255, 163, 0.065);
      }
.custom-launcher-showcase {
        min-height: clamp(34rem, 62vw, 48rem);
      }

      .custom-launcher-stage {
        min-height: clamp(28rem, 48vw, 42rem);
        display: grid;
        place-items: center;
        perspective: 1200px;
      }

      .sincity-launcher {
        position: relative;
        width: min(100%, 50rem);
        aspect-ratio: 806 / 504;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 0.35rem;
        background: #040608;
        box-shadow:
          0 32px 74px rgba(0, 0, 0, 0.52),
          0 0 36px rgba(45, 255, 163, 0.08);
        transform: rotateX(2deg) rotateY(-6deg);
        transition:
          transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
          box-shadow 420ms ease;
      }

      .sincity-launcher:hover {
        transform: rotateX(0deg) rotateY(0deg) translateY(-0.4rem) scale(1.015);
        box-shadow:
          0 38px 84px rgba(0, 0, 0, 0.58),
          0 0 40px rgba(45, 255, 163, 0.12);
      }

      .sincity-bg,
      .sincity-bg::before,
      .sincity-bg::after {
        position: absolute;
        inset: 0;
      }

      .sincity-bg {
        background:
          url("https://free.picui.cn/free/2026/05/15/6a0633a278e18.jpg") center / cover no-repeat,
          #050708;
        filter: saturate(1.08) contrast(1.06);
        transform: scale(1.035);
        transition: transform 900ms var(--motion-curve), filter 900ms ease;
      }

      .sincity-launcher:hover .sincity-bg {
        transform: scale(1.075);
        filter: saturate(1.2) contrast(1.08) brightness(1.04);
      }

      .sincity-bg::before {
        content: "";
        background:
          linear-gradient(90deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.28) 46%, rgba(0, 0, 0, 0.62)),
          linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.82));
        z-index: 4;
      }

      .sincity-bg::after {
        content: "";
        background:
          radial-gradient(circle at 50% 38%, transparent 0 18rem, rgba(0, 0, 0, 0.44) 34rem),
          linear-gradient(110deg, transparent 0 38%, rgba(255, 255, 255, 0.035) 39%, transparent 40%);
        opacity: 0.36;
        z-index: 5;
      }

      .sincity-skyline,
      .sincity-rider,
      .sincity-reflection {
        display: none;
      }

      .sincity-window-controls {
        position: absolute;
        right: 0.8rem;
        top: 0.58rem;
        z-index: 20;
        display: flex;
        gap: 1.15rem;
        color: rgba(255, 255, 255, 0.58);
      }

      .sincity-window-controls span {
        position: relative;
        display: block;
        width: 0.62rem;
        height: 0.62rem;
      }

      .sincity-window-controls span:first-child::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        background: currentColor;
      }

      .sincity-window-controls span:last-child::before,
      .sincity-window-controls span:last-child::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        height: 1px;
        background: currentColor;
      }

      .sincity-window-controls span:last-child::before {
        transform: translate(-50%, -50%) rotate(45deg);
      }

      .sincity-window-controls span:last-child::after {
        transform: translate(-50%, -50%) rotate(-45deg);
      }

      .sincity-skyline {
        position: absolute;
        inset: 0;
        z-index: 1;
      }

      .tower {
        position: absolute;
        bottom: 11%;
        display: block;
        width: var(--w);
        height: var(--h);
        left: var(--x);
        background:
          repeating-linear-gradient(180deg, transparent 0 0.55rem, rgba(129, 229, 255, 0.2) 0.55rem 0.82rem),
          repeating-linear-gradient(90deg, transparent 0 0.55rem, rgba(255, 255, 255, 0.14) 0.55rem 0.72rem),
          linear-gradient(180deg, rgba(20, 51, 57, 0.88), rgba(5, 12, 16, 0.58));
        filter: blur(0.2px);
        opacity: var(--o);
        transform: skewY(var(--skew));
      }

      .tower-1 {
        --x: 10%;
        --w: 8%;
        --h: 76%;
        --o: 0.54;
        --skew: -6deg;
      }

      .tower-2 {
        --x: 20%;
        --w: 11%;
        --h: 90%;
        --o: 0.72;
        --skew: 4deg;
      }

      .tower-3 {
        --x: 72%;
        --w: 12%;
        --h: 82%;
        --o: 0.44;
        --skew: -2deg;
      }

      .tower-4 {
        --x: 84%;
        --w: 8%;
        --h: 68%;
        --o: 0.36;
        --skew: 5deg;
      }

      .tower-5 {
        --x: 57%;
        --w: 7%;
        --h: 62%;
        --o: 0.28;
        --skew: -5deg;
      }

      .sincity-rider {
        position: absolute;
        right: 12%;
        top: 13%;
        z-index: 3;
        width: 35%;
        height: 42%;
        transform: rotate(-10deg);
        opacity: 0.64;
        filter: drop-shadow(0 0 26px rgba(61, 120, 255, 0.28));
      }

      .rider-head,
      .rider-body,
      .bike-body,
      .bike-wheel,
      .bike-light {
        position: absolute;
        display: block;
      }

      .rider-head {
        left: 45%;
        top: 2%;
        width: 12%;
        aspect-ratio: 1;
        border-radius: 50% 50% 42% 44%;
        background: linear-gradient(130deg, #0b0f12, #1c2328 48%, #050607);
        box-shadow: inset -0.35rem -0.12rem 0 rgba(93, 126, 150, 0.42);
      }

      .rider-body {
        left: 35%;
        top: 16%;
        width: 28%;
        height: 34%;
        border-radius: 60% 38% 55% 38%;
        background: linear-gradient(135deg, #07090a, #151d1e 55%, #030405);
        transform: rotate(-22deg);
      }

      .bike-body {
        left: 9%;
        top: 43%;
        width: 72%;
        height: 20%;
        border-radius: 60% 14% 45% 14%;
        background:
          linear-gradient(105deg, rgba(200, 38, 19, 0.95), rgba(24, 29, 38, 0.9) 48%, rgba(12, 18, 28, 0.95)),
          #1b1e22;
        box-shadow: inset 1.3rem -0.4rem 0 rgba(18, 54, 119, 0.55);
      }

      .bike-wheel {
        bottom: 18%;
        width: 24%;
        aspect-ratio: 1;
        border-radius: 999px;
        border: 0.35rem solid rgba(2, 3, 5, 0.92);
        box-shadow:
          inset 0 0 0 0.35rem rgba(37, 47, 57, 0.82),
          0 0 22px rgba(36, 111, 255, 0.18);
      }

      .bike-wheel-front {
        right: 6%;
      }

      .bike-wheel-back {
        left: 15%;
      }

      .bike-light {
        right: 4%;
        top: 45%;
        width: 13%;
        height: 0.32rem;
        border-radius: 999px;
        background: rgba(120, 170, 255, 0.9);
        box-shadow: 0 0 26px rgba(104, 158, 255, 0.78);
      }

      .sincity-reflection {
        position: absolute;
        left: 10%;
        right: 12%;
        bottom: 0;
        z-index: 2;
        height: 29%;
        background:
          linear-gradient(180deg, rgba(40, 111, 132, 0.2), transparent 72%),
          repeating-linear-gradient(164deg, rgba(82, 200, 255, 0.18) 0 1px, transparent 1px 18px);
        clip-path: polygon(8% 0, 88% 0, 100% 100%, 0 100%);
        filter: blur(0.4px);
        opacity: 0.42;
      }

      .sincity-content {
        position: absolute;
        left: 6%;
        top: 30%;
        z-index: 10;
        width: min(50%, 26rem);
      }

      .sincity-title span {
        display: block;
        color: white;
        font-size: clamp(2.4rem, 5.4vw, 4rem);
        font-weight: 1000;
        line-height: 0.95;
        letter-spacing: 0;
        font-style: italic;
        text-shadow: 0 0 18px rgba(255, 255, 255, 0.22);
      }

      .sincity-title::after {
        content: "";
        display: inline-block;
        width: 4.1rem;
        height: 1px;
        margin: 1.1rem 0.9rem 0.35rem 0;
        vertical-align: middle;
        background: rgba(255, 255, 255, 0.32);
      }

      .sincity-title strong {
        display: inline-block;
        color: rgba(228, 234, 245, 0.88);
        font-size: clamp(1.35rem, 2.8vw, 2.05rem);
        font-weight: 900;
        letter-spacing: 0.42rem;
        vertical-align: middle;
      }

      .sincity-content p {
        max-width: 27rem;
        margin-top: 1.1rem;
        color: rgba(170, 181, 198, 0.54);
        font-size: clamp(0.72rem, 1.3vw, 0.92rem);
        font-weight: 700;
        line-height: 1.8;
      }

      .sincity-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-top: 1.6rem;
      }

      .sincity-action {
        display: inline-flex;
        min-width: 7.2rem;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        border: 1px solid rgba(255, 255, 255, 0.18);
        background: rgba(6, 8, 10, 0.38);
        padding: 0.78rem 1rem;
        color: rgba(255, 255, 255, 0.58);
        font-size: 0.82rem;
        font-weight: 900;
        transition:
          transform 180ms ease,
          background 180ms ease,
          color 180ms ease,
          border-color 180ms ease;
      }

      .sincity-action:hover {
        transform: translateY(-2px);
        border-color: rgba(255, 255, 255, 0.36);
        background: rgba(255, 255, 255, 0.08);
        color: white;
      }

      .sincity-action-primary {
        border-color: rgba(255, 255, 255, 0.92);
        background: white;
        color: #07090b;
      }

      .sincity-action-primary:hover {
        background: #2dffa3;
        border-color: #2dffa3;
        color: #071014;
      }
.sincity-footer {
        position: absolute;
        left: 1.1rem;
        right: 1.1rem;
        bottom: 0.8rem;
        z-index: 12;
        display: flex;
        justify-content: space-between;
        color: rgba(255, 255, 255, 0.5);
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        font-size: 0.68rem;
        font-weight: 800;
      }

      .custom-launcher-copy::before {
        left: -1.7rem;
      }

      @media (max-width: 1023px) {
        .launcher-copy::before {
          content: none;
        }

        .launcher-gallery-stage {
          min-height: clamp(30rem, 74vw, 40rem);
        }

        .launcher-flower-stack {
          height: clamp(28rem, 70vw, 38rem);
        }

        .launcher-shot {
          width: clamp(14rem, 42vw, 21rem);
        }

        .launcher-shot:nth-child(1) {
          --open-x: -16rem;
          --open-y: -11.5rem;
        }

        .launcher-shot:nth-child(2) {
          --open-y: -12.5rem;
        }

        .launcher-shot:nth-child(3) {
          --open-x: 16rem;
          --open-y: -11.5rem;
        }

        .launcher-shot:nth-child(4) {
          --open-x: -18rem;
        }

        .launcher-shot:nth-child(6) {
          --open-x: 18rem;
        }

        .launcher-shot:nth-child(7) {
          --open-x: -16rem;
          --open-y: 11.5rem;
        }

        .launcher-shot:nth-child(8) {
          --open-y: 12.5rem;
        }

        .launcher-shot:nth-child(9) {
          --open-x: 16rem;
          --open-y: 11.5rem;
        }

        .custom-launcher-showcase {
          min-height: auto;
          padding-top: 3.5rem;
        }

        .custom-launcher-stage {
          min-height: clamp(22rem, 62vw, 34rem);
        }
      }

      @media (max-width: 640px) {
        .launcher-gallery-stage {
          min-height: 28rem;
        }

        .launcher-flower-stack {
          height: 26rem;
        }

        .launcher-shot {
          width: min(76vw, 18rem);
        }

        .launcher-shot:nth-child(1) {
          --open-x: -13rem;
          --open-y: -10rem;
        }

        .launcher-shot:nth-child(2) {
          --open-y: -11rem;
        }

        .launcher-shot:nth-child(3) {
          --open-x: 13rem;
          --open-y: -10rem;
        }

        .launcher-shot:nth-child(4) {
          --open-x: -14rem;
        }

        .launcher-shot:nth-child(6) {
          --open-x: 14rem;
        }

        .launcher-shot:nth-child(7) {
          --open-x: -13rem;
          --open-y: 10rem;
        }

        .launcher-shot:nth-child(8) {
          --open-y: 11rem;
        }

        .launcher-shot:nth-child(9) {
          --open-x: 13rem;
          --open-y: 10rem;
        }

        .custom-launcher-stage {
          min-height: 18rem;
        }

        .sincity-launcher {
          width: min(100%, 28rem);
        }

        .sincity-content {
          left: 6%;
          top: 26%;
          width: 68%;
        }

        .sincity-content p {
          max-width: 18rem;
          font-size: 0.62rem;
          line-height: 1.55;
        }

        .sincity-actions {
          gap: 0.45rem;
          margin-top: 1rem;
        }

        .sincity-action {
          min-width: 5.7rem;
          padding: 0.52rem 0.62rem;
          font-size: 0.66rem;
        }

        .sincity-title::after {
          width: 2.4rem;
          margin-right: 0.45rem;
        }

        .sincity-title strong {
          letter-spacing: 0.22rem;
        }

        .sincity-footer {
          font-size: 0.55rem;
        }
      }

      .locale-option {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 0.7rem;
        border-radius: 0.75rem;
        padding: 0.65rem 0.75rem;
        color: #344154;
        transition:
          background 160ms ease,
          color 160ms ease;
      }

      #localeCurrencyMenu,
      #cfxMenu {
        transform-origin: top right;
      }

      #localeCurrencyMenu:not(.hidden),
      #cfxMenu:not(.hidden) {
      }

      .locale-option:hover,
      .locale-option.is-active {
        background: #f0f2f5;
        color: #111827;
      }

      .home-glass-card img,
      .script-card-image img,
      .detail-thumb img {
        transition:
          transform var(--motion-base) var(--motion-curve),
          opacity var(--motion-base) ease,
          filter var(--motion-base) ease;
      }

      .home-glass-card:hover img {
        transform: scale(1.05);
      }

      .home-glass-card {
        border: 1px solid rgba(255, 255, 255, 0.085);
        background:
          linear-gradient(180deg, rgba(21, 23, 22, 0.44), rgba(10, 12, 11, 0.36)),
          radial-gradient(circle at 16% 0%, rgba(255, 219, 65, 0.05), transparent 40%);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.055),
          0 18px 42px rgba(0, 0, 0, 0.18);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }

      .qq-glass-card {
        border: 0;
        background:
          linear-gradient(180deg, rgba(20, 24, 24, 0.58), rgba(7, 11, 12, 0.46)),
          radial-gradient(circle at 88% 50%, rgba(45, 255, 163, 0.16), transparent 42%);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.09),
          0 18px 48px rgba(0, 0, 0, 0.28),
          0 0 28px rgba(45, 255, 163, 0.06);
        backdrop-filter: blur(24px) saturate(1.18);
        -webkit-backdrop-filter: blur(24px) saturate(1.18);
      }

      .free-resource-logo-sticker {
        position: absolute;
        left: clamp(4rem, 7vw, 8rem);
        top: clamp(3rem, 5vw, 5rem);
        width: clamp(8rem, 13vw, 15rem);
        opacity: 0.88;
        transform: rotate(-12deg);
        filter: drop-shadow(0 18px 36px rgba(0, 0, 0, 0.32)) drop-shadow(0 0 22px rgba(45, 255, 163, 0.12));
        pointer-events: none;
        user-select: none;
      }
.typewriter-text {
        display: inline-block;
        min-width: 5.8em;
        text-align: left;
      }

      .typewriter-text::after {
        content: "";
        display: inline-block;
        width: 2px;
        height: 1em;
        margin-left: 3px;
        vertical-align: -0.14em;
        background: #2dffa3;
        box-shadow: 0 0 12px rgba(45, 255, 163, 0.75);
      }

      .typewriter-text.is-done::after {
        opacity: 0.45;
      }
.meteor-field {
        position: absolute;
        inset: 0;
        pointer-events: none;
        overflow: hidden;
      }

      .meteor-field span {
        position: absolute;
        top: -8rem;
        width: 2px;
        height: 7rem;
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(216, 255, 241, 0.62), rgba(45, 255, 163, 0));
        opacity: 0;
        transform: rotate(18deg);
        left: var(--left, 50%);
      }

      .free-resource-copy,
      .free-resource-log {
        border: 0;
        background: transparent;
        box-shadow: none;
      }

      .free-resource-log-scroll {
        max-height: 18rem;
        overflow: hidden;
        padding-right: 0.35rem;
        mask-image: linear-gradient(180deg, transparent, black 8%, black 88%, transparent);
      }

      .update-timeline {
        position: relative;
        margin-left: 0.45rem;
        padding-left: 1.35rem;
      }

      .free-resource-log:hover .update-timeline {
      }

      .update-timeline::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.5rem;
        bottom: 0.2rem;
        width: 2px;
        background: rgba(255, 255, 255, 0.22);
      }

      .update-item {
        position: relative;
        padding-bottom: 1rem;
      }

      .update-item::before {
        content: "";
        position: absolute;
        left: -1.68rem;
        top: 0.16rem;
        width: 0.82rem;
        height: 0.82rem;
        border-radius: 999px;
        border: 2px solid rgba(255, 255, 255, 0.58);
        background: #101112;
        transition:
          border-color var(--motion-fast) ease,
          box-shadow var(--motion-fast) ease,
          transform var(--motion-fast) ease;
      }

      .update-item:first-child::before {
        border-color: #2dffa3;
        box-shadow: 0 0 18px rgba(45, 255, 163, 0.38);
      }

      .update-item:hover::before {
        transform: scale(1.16);
        border-color: #2dffa3;
        box-shadow: 0 0 16px rgba(45, 255, 163, 0.28);
      }

      .update-item ul {
        margin-top: 0.5rem;
        display: grid;
        gap: 0.36rem;
      }

      .update-item li {
        position: relative;
        padding-left: 0.85rem;
        color: rgba(255, 255, 255, 0.62);
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 1.55;
      }

      .free-resource-log .update-item h3 {
        font-size: 0.88rem;
      }

      .free-resource-log time {
        font-size: 0.68rem;
      }
.update-item li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.62em;
        width: 0.23rem;
        height: 0.23rem;
        border-radius: 999px;
        background: #4aa3ff;
      }

      .free-resource-stage {
        min-height: 28rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: clamp(1.25rem, 3vw, 3rem) 0;
        perspective: 1250px;
        overflow: visible;
      }

      .free-resource-image-shell {
        position: relative;
        width: min(92%, 48rem);
        overflow: visible;
        transform: rotateY(18deg) rotateX(5deg) translateZ(0);
        transform-style: preserve-3d;
        border: 0;
        background: transparent;
        box-shadow:
          34px 30px 72px rgba(0, 0, 0, 0.5),
          0 0 34px rgba(45, 255, 163, 0.1);
        transition:
          transform 500ms cubic-bezier(0.16, 1, 0.3, 1),
          box-shadow 500ms ease;
      }

      .free-resource-image-shell::before {
        content: none;
      }

      .free-resource-stage:hover .free-resource-image-shell {
        transform: rotateY(10deg) rotateX(2deg) scale(1.035) translateZ(26px);
        box-shadow:
          22px 24px 58px rgba(0, 0, 0, 0.52),
          0 0 36px rgba(45, 255, 163, 0.12);
      }

      .free-resource-image {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
        box-shadow: 34px 30px 72px rgba(0, 0, 0, 0.46);
        transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
      }

      .free-resource-stage:hover .free-resource-image {
        transform: scale(1.035);
      }
.script-panel {
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(13, 15, 15, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
      }

      .script-panel:focus-within {
        border-color: rgba(45, 255, 163, 0.55);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.055),
          0 0 24px rgba(45, 255, 163, 0.12);
      }

      .script-card {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.16);
        background: rgba(14, 15, 15, 0.58);
        transition:
          transform 260ms ease,
          border-color 260ms ease,
          box-shadow 260ms ease;
      }

      .script-card::before,
      .detail-frame::before {
        content: "";
        position: absolute;
        inset: -1px;
        pointer-events: none;
        background:
          linear-gradient(#d7d7d7, #d7d7d7) left top / 1px 10px no-repeat,
          linear-gradient(#d7d7d7, #d7d7d7) left top / 10px 1px no-repeat,
          linear-gradient(#d7d7d7, #d7d7d7) right top / 1px 10px no-repeat,
          linear-gradient(#d7d7d7, #d7d7d7) right top / 10px 1px no-repeat,
          linear-gradient(#d7d7d7, #d7d7d7) left bottom / 1px 10px no-repeat,
          linear-gradient(#d7d7d7, #d7d7d7) left bottom / 10px 1px no-repeat,
          linear-gradient(#d7d7d7, #d7d7d7) right bottom / 1px 10px no-repeat,
          linear-gradient(#d7d7d7, #d7d7d7) right bottom / 10px 1px no-repeat;
        opacity: 0.75;
      }

      .script-card::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(115deg, transparent 0 38%, rgba(255, 255, 255, 0.11) 48%, transparent 58%);
        opacity: 0;
        transform: translateX(-125%);
        transition:
          opacity var(--motion-base) ease,
          transform 780ms var(--motion-curve);
      }

      .script-card:hover {
        transform: translateY(-5px);
        border-color: rgba(45, 255, 163, 0.72);
        box-shadow: 0 0 22px rgba(45, 255, 163, 0.16);
      }

      .script-card:hover::after {
        opacity: 1;
        transform: translateX(125%);
      }

      .script-card:hover .script-price-tab {
        transform: translateY(-2px);
        border-color: rgba(45, 255, 163, 0.5);
        box-shadow: 0 0 18px rgba(45, 255, 163, 0.14);
      }

      .script-price-tab {
        position: absolute;
        left: 0.8rem;
        top: 0.75rem;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 999px;
        background: rgba(7, 9, 9, 0.9);
        padding: 0.32rem 0.78rem;
        color: #fff;
        font-size: 0.82rem;
        font-weight: 900;
        transition:
          transform var(--motion-base) var(--motion-curve),
          border-color var(--motion-base) ease,
          box-shadow var(--motion-base) ease;
      }

      .script-card-image {
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: 0.45rem;
        background: #0b0d0d;
      }

      .script-card-image img,
      .detail-main-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      iframe.detail-main-image {
        display: block;
        border: 0;
        object-fit: initial;
      }

      .script-card:hover .script-card-image img {
        filter: saturate(1.14) contrast(1.04);
      }

      .script-thumb {
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.05);
        transition:
          transform var(--motion-fast) ease,
          border-color var(--motion-fast) ease,
          box-shadow var(--motion-fast) ease;
      }

      .script-thumb:hover {
        transform: translateY(-2px);
        border-color: rgba(45, 255, 163, 0.48);
      }

      .detail-gallery-frame {
        border-color: rgba(45, 255, 163, 0.62);
        box-shadow:
          inset 0 0 0 1px rgba(45, 255, 163, 0.14),
          0 0 22px rgba(45, 255, 163, 0.1);
      }

      .detail-gallery-frame::after {
        content: "";
        position: absolute;
        left: 0.75rem;
        right: 0.75rem;
        bottom: 0.75rem;
        height: 0.9rem;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(12, 14, 14, 0.88), transparent 9%, transparent 91%, rgba(12, 14, 14, 0.88));
        opacity: 0.85;
      }

      .detail-media-layer {
        position: absolute;
        inset: 0;
        overflow: hidden;
        will-change: transform, opacity;
      }

      .detail-thumb-track {
        display: flex;
        min-width: 0;
        width: max-content;
        gap: 0.65rem;
        transition: none;
        will-change: transform;
      }

      .detail-thumb {
        width: clamp(8.2rem, 13vw, 11.5rem);
        flex: 0 0 clamp(8.2rem, 13vw, 11.5rem);
        opacity: 0.46;
        filter: brightness(0.72) saturate(0.82);
      }

      .detail-thumb.is-active,
      .detail-thumb:hover {
        opacity: 1;
        filter: brightness(1) saturate(1.06);
        border-color: #2dffa3;
        box-shadow: 0 0 16px rgba(45, 255, 163, 0.24);
      }

      .detail-video-badge {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        display: grid;
        height: 2rem;
        width: 2rem;
        transform: translate(-50%, -50%);
        place-items: center;
        border-radius: 999px;
        background: rgba(45, 255, 163, 0.92);
        color: #061014;
        box-shadow: 0 0 18px rgba(45, 255, 163, 0.28);
      }

      .detail-youtube-link {
        position: absolute;
        right: 0.9rem;
        bottom: 0.9rem;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        border-radius: 999px;
        background: rgba(7, 9, 9, 0.78);
        padding: 0.58rem 0.82rem;
        color: rgba(255, 255, 255, 0.88);
        font-size: 0.78rem;
        font-weight: 900;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }

      .detail-youtube-link:hover {
        background: rgba(45, 255, 163, 0.92);
        color: #061014;
      }

      .script-filter.is-active {
        background: #2dffa3;
        color: #061014;
        border-color: transparent;
      }

      .script-filter:hover {
        transform: translateY(-2px);
        color: #ffffff;
      }

      .script-filter {
        border: 0;
        border-radius: 0.45rem;
        background: rgba(255, 255, 255, 0.08);
        padding: 0.45rem 0.9rem;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.75rem;
        font-weight: 900;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .detail-frame {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.16);
        background: rgba(12, 14, 14, 0.62);
      }

      .detail-bg-title {
        position: absolute;
        left: 50%;
        top: 1.5rem;
        transform: translateX(-50%);
        white-space: nowrap;
        font-size: clamp(5rem, 13vw, 11rem);
        font-weight: 900;
        line-height: 0.8;
        letter-spacing: 0;
        color: rgba(255, 255, 255, 0.72);
        opacity: 0.72;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.08));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        pointer-events: none;
      }

      #detailDescription {
        white-space: normal;
      }

      #detailDescription p + p {
        margin-top: 1rem;
      }
      .toast-show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }

      .tab-active {
        color: #061014;
        background: #2dffa3;
        border-color: rgba(45, 255, 163, 0.85);
        box-shadow: 0 0 22px rgba(45, 255, 163, 0.2);
      }
      #cartDrawer {
        transform: translateX(104%);
        transform-style: preserve-3d;
        will-change: transform;
      }

      .cart-line-item:hover {
        transform: translateY(-3px);
        background: rgba(45, 255, 163, 0.055);
      }

      .faq-item {
        overflow: hidden;
        transition:
          transform var(--motion-base) var(--motion-curve),
          border-color var(--motion-base) ease,
          box-shadow var(--motion-base) ease,
          background var(--motion-base) ease;
      }

      .faq-button:hover span:last-child {
        background: rgba(45, 255, 163, 0.16);
      }
      .text-balance {
        text-wrap: balance;
      }

      #faq {
        position: relative;
        z-index: 2;
        overflow: hidden;
        background: transparent;
      }

      #faq::before {
        content: none;
      }

      #faq > * {
        position: relative;
        z-index: 1;
      }

      .footer-legal {
        display: flex;
        max-width: 58rem;
        align-items: center;
        gap: 1rem;
        margin-top: clamp(2.25rem, 5vw, 4.75rem);
        padding-bottom: clamp(2rem, 4vw, 3.5rem);
        color: rgba(205, 215, 225, 0.64);
      }

      .footer-legal-logo {
        width: clamp(3.2rem, 5vw, 4.7rem);
        height: clamp(3.2rem, 5vw, 4.7rem);
        flex: 0 0 auto;
        border-radius: 0.7rem;
        object-fit: cover;
        filter: grayscale(1) brightness(1.8) opacity(0.82);
      }

      .footer-legal-title {
        color: rgba(230, 235, 242, 0.7);
        font-size: clamp(1rem, 1.4vw, 1.22rem);
        font-weight: 900;
        line-height: 1.1;
      }

      .footer-legal p {
        margin: 0.36rem 0 0;
        font-size: clamp(0.72rem, 0.9vw, 0.82rem);
        font-weight: 800;
        line-height: 1.45;
      }

      .site-footer {
        --footer-reveal-height: clamp(17rem, 22vw, 25rem);
        --footer-open: 100%;
        position: relative;
        z-index: 1;
        height: var(--footer-reveal-height);
        overflow: hidden;
        margin-top: 0;
        padding: 0;
        background: transparent;
      }

      .site-footer::before {
        content: none;
      }

      .site-footer::after {
        content: none;
      }

      .footer-inner {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: var(--footer-reveal-height);
        margin: 0 auto;
        overflow: hidden;
        background: #2dffa3;
        clip-path: inset(var(--footer-open) 0 0 0);
        pointer-events: none;
        will-change: clip-path;
      }

      .footer-megatype {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        margin-left: 0;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 0;
        background: #2dffa3;
        perspective: 900px;
        perspective-origin: 50% 72%;
      }

      .footer-megatype::before {
        content: none;
      }

      .footer-word {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        user-select: none;
        white-space: nowrap;
        color: #000000;
        font-family: Arial, "Inter", sans-serif;
        font-size: clamp(10rem, 20vw, 24rem);
        font-weight: 800;
        line-height: 0.72;
        letter-spacing: 0;
        transform: translateY(0.02em) scaleX(1.08);
        transform-origin: center center;
      }

      @media (max-width: 920px) {
        .footer-megatype {
          height: var(--footer-reveal-height);
        }

        .footer-word {
          font-size: clamp(8rem, 34vw, 17rem);
          transform: translateY(0.02em) scaleX(1.02);
        }
      }

      @media (max-width: 640px) {
        .footer-legal {
          align-items: flex-start;
          gap: 0.82rem;
          margin-top: 2.4rem;
        }

        .footer-legal-logo {
          width: 3rem;
          height: 3rem;
        }

        .footer-megatype {
          height: var(--footer-reveal-height);
        }

        .footer-word {
          font-size: clamp(6rem, 42vw, 10rem);
          transform: translateY(0.02em);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          scroll-behavior: auto !important;
          transition-duration: 0.01ms !important;
        }

        [data-animate] {
          opacity: 1 !important;
          transform: none !important;
          filter: none !important;
        }
      }