/* ── FintechWave.ai - chill-index.css ── */

    /* ── Desktop view: style claim button ── */
    .claim-nft-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px; /* space between icon + text */
    }

    .claim-nft-icon {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      object-fit: cover;
    }
    /* ── Mobile block: hidden on desktop ── */
    .fw-mobile { display: none; }

    @media (max-width: 768px) {
      html, body {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
      }

      /* Prevent background overlays from blocking taps */
      body::before,
      body::after {
        pointer-events: none;
      }

      /* Hide desktop elements */
      .glow-gold,
      .waveform,
      .accent-line,
      .agentic-live-card,
      .content,
      .hero-video-section,
      .fw-desktop-cta,
      .fw-desktop-footer {
        display: none !important;
      }

      /* Show mobile block */
      .fw-mobile {
        display: flex;
        flex-direction: column;
        height: 100dvh; /* exact viewport height — no scroll */
        width: 100%;
        max-width: 100vw;
        overflow: hidden;
        background: #000;
        box-sizing: border-box;
        position: relative;
        z-index: 3;
      }

      /* ── Header ── */
      .fw-mobile__nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.8rem 1.1rem;
        background: rgba(0, 0, 0, 0.97);
        border-bottom: 1px solid rgba(49, 113, 186, 0.18);
        position: sticky;
        top: 0;
        z-index: 100;
        box-sizing: border-box;
        width: 100%;
      }

      .fw-mobile__live {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: rgba(49, 113, 186, 0.08);
        border: 1px solid rgba(49, 113, 186, 0.3);
        border-radius: 999px;
        padding: 3px 11px;
        font-family: 'Orbitron', sans-serif;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #3171ba;
        white-space: nowrap;
      }

      .fw-mobile__live-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #3171ba;
        box-shadow: 0 0 6px rgba(49, 113, 186, 0.9);
        animation: fwm-pulse 1.8s ease-in-out infinite;
        flex-shrink: 0;
      }

      @keyframes fwm-pulse {
        0%, 100% { opacity: 1; }
        50%       { opacity: 0.35; }
      }

      /* ── Hero ── */
      .fw-mobile__hero {
        text-align: center;
        padding: 2.8rem 1.25rem 1.8rem;
      }

      .fw-mobile__eyebrow {
        font-family: 'Orbitron', sans-serif;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #a5b4fc; /* match mobile Trustline text */
        margin-bottom: 0.75rem;
      }

      .fw-mobile__headline {
        font-family: 'Orbitron', sans-serif;
        font-size: 36px;
        font-weight: 900;
        line-height: 1.1;
        color: #e8f0fe;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        margin-bottom: 0.65rem;
      }

      .fw-mobile__headline .fw-accent {
        color: #3171ba;
        text-shadow: 0 0 20px rgba(49, 113, 186, 0.55);
      }

      .fw-mobile__subline {
        font-family: 'Exo 2', sans-serif;
        font-size: 12px;
        font-weight: 300;
        color: #6a85a8;
        letter-spacing: 0.04em;
        line-height: 1.55;
      }

      /* ── 2×2 Button Grid ── */
      .fw-mobile__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        padding: 0.5rem 1.1rem 1.5rem;
        box-sizing: border-box;
        width: 100%;
      }

      .fw-mobile__btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 1.3rem 0.75rem;
        border-radius: 8px;
        text-decoration: none;
        font-family: 'Orbitron', sans-serif;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        border: 1px solid transparent;
        box-sizing: border-box;
        transition: transform 0.15s ease;
        -webkit-tap-highlight-color: transparent;
      }

      .fw-mobile__btn:active { transform: scale(0.96); }

      .fw-mobile__btn-icon { font-size: 24px; line-height: 1; }

      .fw-mobile__btn--cyan   { background: rgba(49,113,186,0.08);   border-color: rgba(49,113,186,0.38);   color: #3171ba; }
      /* Trustline — cool indigo (replaces gold/brown mobile-only) */
      .fw-mobile__btn--trustline {
        background: rgba(129, 140, 248, 0.10);
        border-color: rgba(129, 140, 248, 0.45);
        color: #a5b4fc;
      }
      .fw-mobile__btn--purple { background: rgba(162,89,255,0.08);  border-color: rgba(162,89,255,0.38);  color: #c084fc; }
      .fw-mobile__btn--muted  { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.12); color: #6a85a8; }

      /* ── Footer ── */
      .fw-mobile__footer {
        margin-top: auto;
        text-align: center;
        padding: 1rem;
        font-family: 'Exo 2', sans-serif;
        font-size: 10px;
        color: rgba(255, 255, 255, 0.25);
        letter-spacing: 0.06em;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
      }

    } /* end @media (max-width: 768px) */

    /* ── Desktop only: ~95% view + footer flush at viewport bottom ──
       Reverted sticky lock. Free space goes ABOVE the CTA (margin-top: auto),
       so CTA + domain + footer pack together at the bottom. */
    @media (min-width: 769px) {
      html {
        zoom: 0.95;
        height: 100%;
        background: #000;
      }

      body {
        /* Compensate for the 0.95 zoom: zoom shrinks the rendered box,
           but vh units are measured pre-zoom, so we ask for more than
           100vh here so the box lands at exactly 100vh after zooming. */
        min-height: calc(100vh / 0.95);
        min-height: calc(100dvh / 0.95);
        display: flex;
        flex-direction: column;
      }

      /* Do not grow content — leave free space for CTA margin-top: auto */
      .content {
        flex: 0 1 auto;
      }

      /* Push CTA (+ domain under it) down to sit flush above the footer */
      .fw-desktop-cta {
        margin-top: auto !important;
        margin-bottom: 15px !important;
        flex-shrink: 0;
      }

      .fw-desktop-footer {
        margin-top: 0 !important;
        margin-bottom: 0;
        flex-shrink: 0;
        position: relative;
        top: auto;
      }

      /* Domain lives under the CTA button row now (see index) */
      .content .domain {
        display: none;
      }
    }