.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
    .glass-effect { background: rgb(var(--rr-surface-container-low) / 0.7); backdrop-filter: blur(20px); }
    .ambient-glow-sm { box-shadow: 0 0 20px rgba(75, 226, 119, 0.05); }
    .technical-grid { background-image: radial-gradient(rgba(75, 226, 119, 0.05) 1px, transparent 0); background-size: 40px 40px; }
    
    @keyframes reveal {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .reveal-item { animation: reveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }
    .reveal-delay-1 { animation-delay: 0.1s; }
    .reveal-delay-2 { animation-delay: 0.2s; }
    .reveal-delay-3 { animation-delay: 0.3s; }

    .search-glow:focus-within {
      box-shadow: 0 0 0 2px rgba(75, 226, 119, 0.3), 0 0 20px rgba(75, 226, 119, 0.2);
      border-color: rgba(75, 226, 119, 0.5);
    }

    .node-pulse {
      animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    }
    @keyframes pulse-ring {
      0% { transform: scale(0.33); opacity: 0.8; }
      80%, 100% { opacity: 0; }
    }

    /* Green Glow Hover Enhancements */
    .hover-card-effect {
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .hover-card-effect:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 40px -10px rgba(75, 226, 119, 0.2);
      border-color: rgba(75, 226, 119, 0.3);
    }

    /* Falling Pattern Background */
    @keyframes falling-dots {
      0% { transform: translateY(-100%); opacity: 0; }
      50% { opacity: 0.1; }
      100% { transform: translateY(100vh); opacity: 0; }
    }
    .falling-pattern {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
    }
    .pattern-dot {
      position: absolute;
      width: 2px;
      height: 100px;
      background: linear-gradient(to bottom, transparent, #4be277, transparent);
      opacity: 0;
      animation: falling-dots linear infinite;
    }

    /* Marquee Animation */
    @keyframes marquee {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .animate-marquee {
      display: flex;
      width: max-content;
      animation: marquee 40s linear infinite;
    }
    .animate-marquee:hover {
      animation-play-state: paused;
    }

    /* Terminal/Tech Accents */
    .tech-accent {
      font-family: monospace;
      font-size: 10px;
      letter-spacing: 0.1em;
      color: rgba(75, 226, 119, 0.4);
      pointer-events: none;
    }

    .domain-hero {
      min-height: calc(100vh - 6rem);
      display: flex;
      align-items: center;
    }

    .domain-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(115deg, rgba(75, 226, 119, 0.08), transparent 36%),
        radial-gradient(circle at 50% 32%, rgba(75, 226, 119, 0.12), transparent 34%);
      opacity: 0.7;
      pointer-events: none;
    }

    .domain-hero-shell {
      max-width: 1040px;
      margin: 0 auto;
      text-align: center;
    }

    .domain-hero-copy {
      max-width: 860px;
      margin: 0 auto;
    }

    .domain-hero-title {
      overflow: hidden;
    }

    .domain-title-word {
      display: inline-block;
      opacity: 0;
      transform: translateY(0.65em);
      animation: domain-title-rise 760ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }

    .domain-title-word:nth-child(1) {
      animation-delay: 260ms;
    }

    .domain-title-word:nth-child(2) {
      animation-delay: 360ms;
    }

    .domain-title-word:nth-child(3) {
      animation-delay: 480ms;
    }

    .domain-title-accent {
      animation: domain-title-rise 760ms cubic-bezier(0.16, 1, 0.3, 1) 480ms forwards, domain-title-accent 1700ms ease 820ms both;
    }

    @keyframes domain-title-rise {
      from {
        opacity: 0;
        transform: translateY(0.65em);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes domain-title-accent {
      0% {
        text-shadow: 0 0 0 rgba(75, 226, 119, 0);
      }
      45% {
        text-shadow: 0 0 28px rgba(75, 226, 119, 0.42);
      }
      100% {
        text-shadow: 0 0 10px rgba(75, 226, 119, 0.12);
      }
    }

    .domain-check-panel {
      position: relative;
      max-width: 1040px;
      margin: 0 auto;
      padding: clamp(1.1rem, 2.4vw, 2rem);
      border: 1px solid rgb(var(--rr-primary) / 0.28);
      border-radius: 14px;
      background:
        linear-gradient(145deg, rgb(var(--rr-surface-container-high) / 0.94), rgb(var(--rr-surface-container-lowest) / 0.9)),
        linear-gradient(90deg, rgb(var(--rr-primary) / 0.1), transparent 42%, rgb(var(--rr-tertiary) / 0.07));
      box-shadow: 0 36px 120px rgb(0 0 0 / 0.4), 0 0 0 1px rgb(var(--rr-primary) / 0.07) inset;
      overflow: hidden;
    }

    .domain-check-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, transparent, rgb(var(--rr-primary) / 0.08), transparent),
        repeating-linear-gradient(90deg, transparent 0 42px, rgb(var(--rr-outline-variant) / 0.07) 42px 43px);
      opacity: 0.42;
      pointer-events: none;
    }

    .domain-check-panel > * {
      position: relative;
      z-index: 1;
    }

    .domain-check-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.25rem;
      margin-bottom: 1.15rem;
      text-align: left;
    }

    .domain-check-status {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      color: rgb(var(--rr-primary));
      font: 800 0.72rem/1.2 "Space Grotesk", Inter, system-ui, sans-serif;
      text-transform: uppercase;
    }

    .domain-check-header-meta {
      border: 1px solid rgb(var(--rr-outline-variant) / 0.16);
      border-radius: 10px;
      background: rgb(var(--rr-surface-container-lowest) / 0.42);
      min-width: 12.5rem;
      padding: 0.75rem 0.9rem;
      text-align: right;
    }

    .domain-check-header-meta p {
      color: rgb(var(--rr-on-surface-variant) / 0.72);
      font: 800 0.66rem/1.2 "Space Grotesk", Inter, system-ui, sans-serif;
      margin: 0 0 0.24rem;
      text-transform: uppercase;
    }

    .domain-check-header-meta strong {
      color: rgb(var(--rr-primary));
      display: block;
      font: 800 1rem/1.2 "Space Grotesk", Inter, system-ui, sans-serif;
      letter-spacing: 0;
    }

    .domain-check-dot {
      width: 0.48rem;
      height: 0.48rem;
      border-radius: 999px;
      background: rgb(var(--rr-primary));
      box-shadow: 0 0 18px rgb(var(--rr-primary) / 0.7);
    }

    .domain-check-hint {
      color: rgb(var(--rr-on-surface-variant) / 0.72);
      font-size: 0.9rem;
      line-height: 1.5;
      max-width: 42rem;
    }

    .domain-check-panel .rr-domain-form,
    .domain-check-panel .rr-domain-result,
    .domain-check-panel .rr-domain-helper {
      max-width: none;
    }

    .domain-check-panel .rr-domain-form {
      border-color: rgb(var(--rr-primary) / 0.32);
      background: rgb(var(--rr-surface-container-lowest) / 0.78);
    }

    .domain-check-tools {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.75rem;
    }

    .domain-hero-signals {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.85rem;
    }

    .domain-check-tools {
      margin-top: 1.1rem;
    }

    .domain-tool-chip,
    .domain-signal-card {
      border: 1px solid rgb(var(--rr-outline-variant) / 0.16);
      border-radius: 10px;
      background: rgb(var(--rr-surface-container-low) / 0.62);
      text-align: left;
    }

    .domain-tool-chip {
      display: grid;
      grid-template-columns: auto 1fr;
      column-gap: 0.72rem;
      padding: 0.9rem 1rem;
      color: rgb(var(--rr-on-surface-variant));
      font-size: 0.82rem;
      line-height: 1.45;
    }

    .domain-tool-chip .material-symbols-outlined {
      align-self: start;
      color: rgb(var(--rr-primary));
      font-size: 1.28rem;
      margin-top: 0.05rem;
    }

    .domain-tool-chip strong {
      color: rgb(var(--rr-on-surface));
      display: block;
      font-family: "Space Grotesk", Inter, system-ui, sans-serif;
      margin-bottom: 0.18rem;
    }

    .domain-signal-card {
      display: grid;
      gap: 0.45rem;
      min-height: 10.75rem;
      padding: 1.05rem;
    }

    .domain-signal-card .material-symbols-outlined {
      align-items: center;
      border: 1px solid rgb(var(--rr-primary) / 0.22);
      border-radius: 8px;
      color: rgb(var(--rr-primary));
      display: inline-flex;
      font-size: 1.2rem;
      height: 2.1rem;
      justify-content: center;
      width: 2.1rem;
    }

    .domain-signal-card p {
      color: rgb(var(--rr-on-surface-variant));
      font-size: 0.82rem;
      line-height: 1.5;
      margin: 0;
    }

    .domain-section {
      position: relative;
      overflow: hidden;
    }

    .domain-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, transparent, rgb(var(--rr-primary) / 0.045), transparent 60%);
      pointer-events: none;
    }

    .domain-strategy-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 2rem;
      align-items: stretch;
    }

    .domain-strategy-panel,
    .domain-benefit-card,
    .domain-stack-panel {
      border: 1px solid rgb(var(--rr-outline-variant) / 0.14);
      border-radius: 8px;
      background: linear-gradient(145deg, rgb(var(--rr-surface-container) / 0.88), rgb(var(--rr-surface-container-low) / 0.72));
      box-shadow: 0 28px 90px rgb(0 0 0 / 0.22);
    }

    .domain-strategy-panel {
      padding: clamp(2rem, 4vw, 4rem);
    }

    .domain-benefit-card {
      padding: 1.5rem;
      transition: transform 260ms ease, border-color 260ms ease, background-color 260ms ease;
    }

    .domain-benefit-card:hover {
      transform: translateY(-4px);
      border-color: rgb(var(--rr-primary) / 0.34);
      background: linear-gradient(145deg, rgb(var(--rr-surface-container-high) / 0.88), rgb(var(--rr-surface-container-low) / 0.72));
    }

    .domain-benefit-index {
      color: rgb(var(--rr-primary));
      font: 800 0.74rem/1 "Space Grotesk", Inter, system-ui, sans-serif;
      margin-bottom: 1rem;
      text-transform: uppercase;
    }

    .domain-stack-panel {
      padding: 2rem;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 1.5rem;
      min-height: 100%;
    }

    .domain-stack-list {
      display: grid;
      gap: 0.9rem;
      margin-top: 1.5rem;
    }

    .domain-stack-item {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 1rem;
      align-items: start;
      color: rgb(var(--rr-on-surface-variant));
      font-size: 0.95rem;
      line-height: 1.55;
      padding: 0.9rem 0;
      border-top: 1px solid rgb(var(--rr-outline-variant) / 0.12);
    }

    .domain-stack-label {
      min-width: 4.25rem;
      border: 1px solid rgb(var(--rr-primary) / 0.22);
      border-radius: 6px;
      background: rgb(var(--rr-primary) / 0.08);
      color: rgb(var(--rr-primary));
      font: 800 0.68rem/1 "Space Grotesk", Inter, system-ui, sans-serif;
      padding: 0.42rem 0.55rem;
      text-align: center;
      text-transform: uppercase;
    }

    .domain-stack-item strong {
      color: rgb(var(--rr-on-surface));
      display: block;
      font-family: "Space Grotesk", Inter, system-ui, sans-serif;
      margin-bottom: 0.2rem;
    }

    .domain-marquee-frame {
      position: relative;
      overflow: hidden;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
      mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    }

    .domain-marquee-track {
      display: flex;
      width: max-content;
      animation: marquee 46s linear infinite;
      will-change: transform;
    }

    .domain-marquee-frame:hover .domain-marquee-track {
      animation-play-state: paused;
    }

    .domain-marquee-set {
      display: flex;
      flex: 0 0 auto;
      gap: 1.5rem;
      padding-right: 1.5rem;
    }

    .domain-proof-card {
      width: 21rem;
      min-height: 12.5rem;
      white-space: normal;
    }

    @media (max-width: 900px) {
      .domain-hero {
        min-height: auto;
      }

      .domain-hero-shell {
        text-align: left;
      }

      .domain-check-header,
      .domain-check-tools,
      .domain-strategy-grid {
        grid-template-columns: 1fr;
      }

      .domain-hero-signals {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .domain-check-header {
        display: grid;
      }

      .domain-proof-card {
        width: min(19rem, calc(100vw - 3rem));
      }
    }

    @media (max-width: 640px) {
      .domain-check-panel {
        border-radius: 12px;
        padding: 0.85rem;
      }

      .domain-hero-signals {
        grid-template-columns: 1fr;
      }

      .domain-signal-card {
        min-height: auto;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .domain-title-word,
      .domain-title-accent,
      .hover-card-effect,
      .domain-benefit-card {
        animation: none;
        opacity: 1;
        transform: none;
        text-shadow: none;
        transition-duration: 1ms;
      }
    }