:root {
      --background: #0d0d0d;
      --foreground: #ffffff;
      --muted: #888888;
      --muted-foreground: rgba(255,255,255,0.55);
      --primary: #00ff9d;
      --border: rgba(255,255,255,0.12);
      --card-dark: #1a1a1a;
      --card-darker: #141414;
      --beige: #f2e4cc;
      --beige-dark: #2a1f0f;
      --beige-muted: #8a6a42;
      --font-heading: 'Inter', ui-sans-serif, system-ui, sans-serif;
      --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
      --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      background: var(--background);
      color: var(--foreground);
      font-family: var(--font-body);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: hidden;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }
    button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
    input, textarea { font-family: inherit; }

    ::-webkit-scrollbar { width: 4px; }
    ::-webkit-scrollbar-track { background: #0d1117; }
    ::-webkit-scrollbar-thumb { background: #1e2a38; border-radius: 2px; }
    ::-webkit-scrollbar-thumb:hover { background: #333; }
    ::selection { background: rgba(0,255,157,0.2); color: #fff; }

    /* ===== Reveal animation ===== */
    .reveal {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.8s cubic-bezier(0.22,1,0.36,1), transform 0.8s cubic-bezier(0.22,1,0.36,1);
    }
    .reveal.in-view { opacity: 1; transform: translateY(0); }
    .reveal-top { transform: translateY(-60px); }
    .reveal-top.in-view { transform: translateY(0); }
    .reveal-delay-1 { transition-delay: 0.1s; }
    .reveal-delay-2 { transition-delay: 0.2s; }
    .reveal-delay-3 { transition-delay: 0.3s; }
    .reveal-delay-4 { transition-delay: 0.4s; }
    .reveal-delay-5 { transition-delay: 0.5s; }

    /* ===== Layout helpers ===== */
    .section-padding { padding-left: 6px; padding-right: 6px; }
    @media (min-width: 768px) {
      .section-padding { padding-left: 8vw; padding-right: 8vw; }
    }

    /* ===== HERO ===== */
    .hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 48px 6vw 64px;
      background: #0d0d0d;
      overflow: hidden;
    }
    @media (min-width: 768px) { .hero { padding: 48px 8vw 64px; } }
    .hero-topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      opacity: 0;
      animation: fadeDown 0.8s 0.2s forwards;
    }
    .hero-brand {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: 1.125rem;
      letter-spacing: -0.01em;
      color: var(--foreground);
    }
    .hero-subtop {
      font-family: var(--font-mono);
      font-size: 0.875rem;
      color: var(--muted);
    }
    @media (max-width: 767px) { .hero-subtop { display: none; } }
    .hero-main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 64px 0; }
    @media (min-width: 768px) { .hero-main { padding: 96px 0; } }
    .hero-h1 {
      font-family: var(--font-heading);
      font-weight: 900;
      color: var(--foreground);
      line-height: 0.9;
      letter-spacing: -0.04em;
      max-width: 100%;
      opacity: 0;
      animation: fadeUp 1s 0.4s cubic-bezier(0.22,1,0.36,1) forwards;
    }
    .hero-h1-main { font-size: clamp(3.5rem, 13vw, 11rem); }
    .hero-h1-sub {
      display: block;
      margin-top: 8px;
      font-size: clamp(1.5rem, 6vw, 5rem);
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.03em;
    }
    @media (min-width: 768px) { .hero-h1-sub { margin-top: 16px; } }
    .hero-h1-sub .accent { color: var(--primary); }
    .hero-bottom {
      display: flex;
      flex-direction: column;
      gap: 32px;
    }
    @media (min-width: 768px) {
      .hero-bottom { flex-direction: row; align-items: flex-end; justify-content: space-between; }
    }
    .hero-paragraph {
      color: var(--muted-foreground);
      font-size: 1rem;
      max-width: 36rem;
      line-height: 1.625;
      letter-spacing: -0.01em;
      opacity: 0;
      animation: fadeUp 0.8s 0.8s forwards;
    }
    @media (min-width: 768px) { .hero-paragraph { font-size: 1.125rem; } }
    .hero-cta {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-family: var(--font-heading);
      font-weight: 500;
      font-size: 0.875rem;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      border: 1px solid var(--border);
      padding: 16px 32px;
      color: var(--foreground);
      transition: all 0.3s;
      align-self: flex-start;
      opacity: 0;
      animation: fadeUp 0.8s 1s forwards;
    }
    @media (min-width: 768px) { .hero-cta { align-self: auto; } }
    .hero-cta:hover {
      border-color: var(--primary);
      box-shadow: 0 0 30px rgba(0,255,157,0.15);
    }
    .hero-cta .icon { transition: transform 0.3s, color 0.3s; width: 16px; height: 16px; }
    .hero-cta:hover .icon { transform: translate(4px, 4px); color: var(--primary); }
    .hero-scanline {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(0,255,157,0.3), transparent);
      transform: scaleX(0);
      transform-origin: left;
      animation: scaleX 2s 1.2s forwards;
    }

    @keyframes fadeDown { from { opacity:0; transform: translateY(-20px); } to { opacity:1; transform: translateY(0); } }
    @keyframes fadeUp { from { opacity:0; transform: translateY(30px); } to { opacity:1; transform: translateY(0); } }
    @keyframes fadeUpBig { from { opacity:0; transform: translateY(60px); } to { opacity:1; transform: translateY(0); } }
    @keyframes scaleX { from { transform: scaleX(0); } to { transform: scaleX(1); } }

    /* ===== BINARY ENGINE ===== */
    .binary-engine {
      padding: 96px 6vw;
      background: var(--beige);
    }
    @media (min-width: 768px) { .binary-engine { padding: 160px 8vw; } }
    .be-label {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--beige-muted);
    }
    .be-title {
      font-family: var(--font-heading);
      font-weight: 900;
      font-size: clamp(2.25rem, 6vw, 4.5rem);
      letter-spacing: -0.04em;
      line-height: 0.95;
      margin-top: 16px;
      color: var(--beige-dark);
    }
    .be-title .accent { color: var(--beige-muted); }
    .be-header { margin-bottom: 64px; }
    @media (min-width: 768px) { .be-header { margin-bottom: 96px; } }
    .be-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
    }
    @media (min-width: 1024px) { .be-grid { grid-template-columns: repeat(3, 1fr); } }
    .be-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 32px;
      text-align: center;
      background: #1a1a1a;
      border-radius: 16px;
      min-height: 480px;
    }
    @media (min-width: 768px) { .be-card { padding: 40px; } }
    .be-card-number {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      color: rgba(255,255,255,0.35);
    }
    .be-card-title {
      font-family: var(--font-heading);
      font-weight: 900;
      line-height: 0.9;
      letter-spacing: -0.04em;
      font-size: clamp(2.5rem, 6vw, 4.5rem);
      margin: 24px 0;
    }
    .be-card-desc {
      font-size: 0.875rem;
      line-height: 1.625;
      margin-bottom: 24px;
      color: rgba(255,255,255,0.55);
    }
    .be-card-cta {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
    }
    .be-photos {
      margin-top: 48px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    .be-photo { overflow: hidden; border-radius: 12px; height: 350px; }
    .be-photo img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; transition: opacity 0.5s; }
    .be-photo:hover img { opacity: 0.8; }

    /* ===== PORTFOLIO ===== */
    .portfolio {
      padding: 96px 6vw;
      background: var(--beige);
    }
    @media (min-width: 768px) { .portfolio { padding: 160px 8vw; } }
    .portfolio-header { margin-bottom: 48px; }
    @media (min-width: 768px) { .portfolio-header { margin-bottom: 64px; } }
    .portfolio-label {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--beige-muted);
    }
    .portfolio-title {
      font-family: var(--font-heading);
      font-weight: 900;
      font-size: clamp(2.25rem, 6vw, 3.75rem);
      letter-spacing: -0.04em;
      line-height: 0.95;
      margin-top: 16px;
      color: var(--beige-dark);
    }
    .portfolio-stack {
      display: flex;
      flex-direction: column;
      gap: 48px;
    }
    .pcard {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      border-radius: 16px;
    }
    @media (min-width: 768px) { .pcard { flex-direction: row; } }
    .pcard-featured {
      background: linear-gradient(135deg, #1a0a0e 0%, #2d0a15 60%, #1a0a0e 100%);
      border: 1px solid rgba(255,77,109,0.35);
      box-shadow: 0 0 60px rgba(255,77,109,0.1);
      min-height: 360px;
    }
    .pcard-default {
      background: #141414;
      border: 1px solid rgba(255,255,255,0.06);
      min-height: 260px;
    }
    .pcard.has-image { min-height: 360px; }
    .pcard-badge {
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 10;
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      padding: 4px 12px;
      background: #ff4d6d;
      color: #fff;
      border-radius: 20px;
    }
    .pcard-content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 40px;
      flex: 1;
      gap: 32px;
    }
    @media (min-width: 768px) { .pcard-content { padding: 56px; } }
    .pcard-toprow { display: flex; align-items: center; gap: 16px; }
    .pcard-number {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      color: rgba(255,255,255,0.3);
    }
    .pcard-category {
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      padding: 2px 8px;
      border-radius: 4px;
    }
    .pcard-title {
      font-family: var(--font-heading);
      font-weight: 900;
      line-height: 0.88;
      letter-spacing: -0.04em;
      font-size: clamp(3.5rem, 7.5vw, 7rem);
    }
    .pcard-desc {
      font-size: 0.875rem;
      line-height: 1.625;
      margin-bottom: 20px;
      max-width: 32rem;
      color: rgba(255,255,255,0.5);
    }
    .pcard-cta {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
    }
    .pcard-image {
      position: relative;
      width: 100%;
      height: 240px;
      flex-shrink: 0;
      overflow: hidden;
      border-bottom-left-radius: 16px;
      border-bottom-right-radius: 16px;
    }
    @media (min-width: 768px) {
      .pcard-image { width: 420px; height: auto; border-bottom-left-radius: 0; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 0; }
    }
    .pcard-image img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; }
    .pcard-image-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(90deg, #141414 0%, transparent 40%);
    }
    .pcard-more {
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 40px;
      gap: 40px;
      border-radius: 16px;
      border: 1px dashed rgba(42,31,15,0.25);
      background: transparent;
    }
    @media (min-width: 768px) {
      .pcard-more { flex-direction: row; padding: 64px; }
    }
    .pcard-more-left { position: relative; z-index: 1; }
    .pcard-more-tag {
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      display: block;
      margin-bottom: 16px;
      color: var(--beige-muted);
    }
    .pcard-more-title {
      font-family: var(--font-heading);
      font-weight: 900;
      font-size: clamp(1.875rem, 5vw, 3rem);
      letter-spacing: -0.04em;
      line-height: 0.92;
      color: var(--beige-dark);
    }
    .pcard-more-title .accent { color: var(--beige-muted); }
    .pcard-more-right {
      position: relative;
      z-index: 1;
      max-width: 24rem;
    }
    @media (min-width: 768px) { .pcard-more-right { text-align: right; } }
    .pcard-more-desc {
      font-size: 0.875rem;
      line-height: 1.625;
      margin-bottom: 24px;
      color: rgba(42,31,15,0.55);
    }
    .pcard-steps {
      display: flex;
      gap: 24px;
      justify-content: flex-start;
    }
    @media (min-width: 768px) { .pcard-steps { justify-content: flex-end; } }
    .pcard-step { display: flex; flex-direction: column; align-items: center; gap: 4px; }
    .pcard-step-num {
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.15em;
      color: var(--beige-muted);
    }
    .pcard-step-label {
      font-family: var(--font-mono);
      font-size: 9px;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      color: rgba(42,31,15,0.35);
    }

    /* ===== FOR FOUNDERS ===== */
    .for-founders {
      padding: 96px 6vw;
      background: #0d0d0d;
    }
    @media (min-width: 768px) { .for-founders { padding: 160px 8vw; } }
    .ff-header { margin-bottom: 64px; }
    @media (min-width: 768px) { .ff-header { margin-bottom: 80px; } }
    .ff-label {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--primary);
    }
    .ff-title {
      font-family: var(--font-heading);
      font-weight: 900;
      color: var(--foreground);
      font-size: clamp(2.25rem, 6vw, 4.5rem);
      letter-spacing: -0.04em;
      line-height: 0.95;
      margin-top: 16px;
    }
    .ff-title .accent { color: var(--beige); }
    .ff-subtitle {
      margin-top: 24px;
      font-size: 1rem;
      max-width: 36rem;
      color: rgba(255,255,255,0.55);
    }
    .ff-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
    }
    @media (min-width: 640px) { .ff-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) { .ff-grid { grid-template-columns: repeat(4, 1fr); } }
    .ff-card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 32px;
      background: #1a1a1a;
      border-radius: 16px;
      min-height: 280px;
    }
    .ff-card-emoji {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      display: block;
      margin-bottom: 16px;
      color: rgba(255,255,255,0.3);
    }
    .ff-card-label {
      font-family: var(--font-heading);
      font-weight: 900;
      font-size: 1.5rem;
      letter-spacing: -0.03em;
      line-height: 1.15;
      margin-bottom: 16px;
      color: var(--beige);
    }
    @media (min-width: 768px) { .ff-card-label { font-size: 1.5rem; } }
    .ff-card-desc {
      font-size: 0.875rem;
      line-height: 1.625;
      color: rgba(255,255,255,0.55);
    }
    .ff-card-cta {
      margin-top: 24px;
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      color: var(--primary);
    }
    .ff-ambient {
      margin-top: 48px;
      position: relative;
      overflow: hidden;
      border-radius: 16px;
      height: 320px;
    }
    .ff-ambient img { width: 100%; height: 100%; object-fit: cover; opacity: 0.25; }
    .ff-ambient-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(90deg, #0d0d0d 0%, transparent 40%, transparent 60%, #0d0d0d 100%);
    }
    .ff-ambient-text {
      position: absolute; inset: 0;
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-heading);
      font-weight: 900;
      font-size: clamp(1.5rem, 4vw, 2.5rem);
      letter-spacing: -0.03em;
      text-align: center;
      color: var(--beige);
    }

    /* ===== TESTIMONIALS ===== */
    .testimonials {
      padding: 96px 6vw;
      background: #0a0a0a;
    }
    @media (min-width: 768px) { .testimonials { padding: 160px 8vw; } }
    .tm-header { margin-bottom: 64px; }
    @media (min-width: 768px) { .tm-header { margin-bottom: 80px; } }
    .tm-label {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--primary);
    }
    .tm-title {
      font-family: var(--font-heading);
      font-weight: 900;
      color: var(--foreground);
      font-size: clamp(2.25rem, 6vw, 4.5rem);
      letter-spacing: -0.04em;
      line-height: 0.95;
      margin-top: 16px;
    }
    .tm-title .accent { color: var(--beige); }
    .tm-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
    }
    @media (min-width: 768px) { .tm-grid { grid-template-columns: repeat(2, 1fr); } }
    .tm-card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 32px;
      background: #141414;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,0.06);
    }
    .tm-quote {
      font-size: 0.875rem;
      line-height: 1.625;
      margin-bottom: 32px;
      color: rgba(255,255,255,0.65);
    }
    .tm-author { display: flex; align-items: center; gap: 16px; }
    .tm-avatar {
      width: 40px; height: 40px; border-radius: 50%; object-fit: cover;
    }
    .tm-name {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: 0.875rem;
    }
    .tm-role {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.02em;
      color: rgba(255,255,255,0.35);
    }

    /* ===== CONTACT CTA ===== */
    .contact-cta {
      padding: 96px 6vw;
      background: #0d0d0d;
    }
    @media (min-width: 768px) { .contact-cta { padding: 160px 8vw; } }
    .contact-cta-inner { max-width: 42rem; }
    .cc-label {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--primary);
    }
    .cc-title {
      font-family: var(--font-heading);
      font-weight: 900;
      color: var(--foreground);
      font-size: clamp(2.25rem, 6vw, 4.5rem);
      letter-spacing: -0.04em;
      line-height: 0.95;
      margin-top: 16px;
    }
    .cc-subtitle {
      color: var(--muted);
      font-size: 1rem;
      margin-top: 24px;
      letter-spacing: -0.01em;
    }
    .cc-form { margin-top: 48px; display: flex; flex-direction: column; gap: 40px; }
    @media (min-width: 768px) { .cc-form { margin-top: 64px; } }
    .cc-field { position: relative; }
    .cc-label-field {
      display: block;
      font-family: var(--font-mono);
      color: var(--muted);
      font-size: 10px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      margin-bottom: 12px;
    }
    .cc-input, .cc-textarea {
      width: 100%;
      background: transparent;
      border: none;
      border-bottom: 1px solid var(--border);
      color: var(--foreground);
      font-size: 1rem;
      padding-bottom: 12px;
      letter-spacing: -0.01em;
      transition: border-color 0.3s;
    }
    .cc-input::placeholder, .cc-textarea::placeholder { color: rgba(136,136,136,0.4); }
    .cc-input:focus, .cc-textarea:focus { outline: none; border-color: var(--primary); }
    .cc-textarea { resize: none; }
    .cc-button {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-family: var(--font-heading);
      font-weight: 500;
      font-size: 0.875rem;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      border: 1px solid var(--border);
      padding: 16px 32px;
      color: var(--foreground);
      transition: all 0.3s;
      align-self: flex-start;
    }
    .cc-button:hover {
      border-color: var(--primary);
      box-shadow: 0 0 30px rgba(0,255,157,0.15);
    }
    .cc-button .icon { width: 16px; height: 16px; transition: transform 0.3s, color 0.3s; }
    .cc-button:hover .icon { transform: translateX(4px); color: var(--primary); }

    /* ===== FOOTER ===== */
    .footer {
      border-top: 1px solid var(--border);
      background: #0d0d0d;
    }
    .footer-main { padding: 64px 6vw; }
    @media (min-width: 768px) { .footer-main { padding: 96px 8vw; } }
    .footer-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 48px;
    }
    @media (min-width: 640px) { .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 48px; } }
    @media (min-width: 1024px) { .footer-grid { grid-template-columns: repeat(4, 1fr); gap: 32px; } }
    .footer-col h3 {
      font-family: var(--font-mono);
      color: var(--foreground);
      font-size: 10px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      margin-bottom: 24px;
      font-weight: 500;
    }
    .footer-col ul { list-style: none; }
    .footer-col li a {
      color: #888888;
      font-size: 0.875rem;
      line-height: 1.625;
      transition: color 0.2s;
      display: inline-flex;
      align-items: center;
      min-height: 36px;
    }
    .footer-col li a:hover { color: var(--foreground); }
    .footer-bottom {
      border-top: 1px solid var(--border);
      padding: 24px 6vw;
    }
    @media (min-width: 768px) { .footer-bottom { padding: 24px 8vw; } }
    .footer-bottom-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    @media (min-width: 768px) { .footer-bottom-inner { flex-direction: row; } }
    .footer-copy { display: flex; flex-direction: column; gap: 4px; }
    .footer-copy p {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.02em;
    }
    .footer-copy-main { color: #888888; }
    .footer-copy-sub { color: #555555; }
    .footer-socials { display: flex; align-items: center; gap: 8px; }
    .footer-social {
      color: #888888;
      transition: color 0.2s;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      min-height: 44px;
    }
    .footer-social:hover { color: var(--foreground); }
    .footer-social svg { width: 16px; height: 16px; }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
    }