:root {
    --navy: #0B3D3A;
    --navy-deep: #082B29;
    --navy-soft: #124A46;
    --cream: #F4F1EA;
    --paper: #FCFBF8;
    --gold: #B8862B;
    --gold-bright: #D4A544;
    --stamp: #9B3A2E;
    --ink: #1E2422;
    --gray: #6B7270;
    --gray-soft: #8B928F;
    --line: #E4DFD3;
    --line-soft: #ECE8DD;
    --mist: #C9D6D3;
    --mist-soft: #9FB0AC;
    --mist-dim: #8FA39F;

    --r-sm: 10px;
    --r-md: 16px;
    --r-lg: 22px;
    --r-xl: 28px;

    --sh-xs: 0 1px 2px rgba(11,61,58,0.06);
    --sh-sm: 0 2px 8px rgba(11,61,58,0.06), 0 1px 2px rgba(11,61,58,0.05);
    --sh-md: 0 8px 24px rgba(11,61,58,0.08), 0 2px 6px rgba(11,61,58,0.05);
    --sh-lg: 0 20px 48px rgba(11,61,58,0.14), 0 4px 12px rgba(11,61,58,0.06);
    --sh-gold: 0 10px 26px rgba(184,134,43,0.28);

    --ease: cubic-bezier(.16,.8,.24,1);
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  html { scroll-behavior: smooth; }

  body {
    position: relative;
    font-family: 'DM Sans', sans-serif;
    background:
      radial-gradient(1100px 640px at 92% -8%, rgba(212,165,68,0.16), transparent 58%),
      radial-gradient(900px 560px at -4% 6%, rgba(11,61,58,0.14), transparent 55%),
      radial-gradient(700px 500px at 50% 45%, rgba(184,134,43,0.05), transparent 60%),
      var(--cream);
    color: var(--ink);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }

  body::before {
    content: "";
    position: fixed; inset: 0; z-index: 0; pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
    mix-blend-mode: multiply;
  }

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

  ::selection { background: rgba(184,134,43,0.28); color: var(--navy-deep); }

  :focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

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

  .font-display { font-family: 'Fraunces', serif; }
  .font-mono { font-family: 'DM Mono', monospace; }

  a { color: inherit; text-decoration: none; }

  .wrap { max-width: 1120px; margin: 0 auto; padding: 0 28px; }

  /* ---------- NAV ---------- */
  nav {
    position: sticky; top: 0; z-index: 50;
    background: rgba(252,251,248,0.72);
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    border-bottom: 1px solid var(--line-soft);
    box-shadow: 0 1px 0 rgba(11,61,58,0.02), 0 12px 24px -18px rgba(11,61,58,0.18);
  }
  nav .wrap {
    display: flex; align-items: center; justify-content: space-between;
    height: 72px;
  }
  .logo { display: flex; align-items: center; gap: 9px; font-weight: 700; font-size: 18px; letter-spacing: -0.01em; }
  .logo .mark {
    width: 32px; height: 32px; border-radius: 10px;
    background: linear-gradient(155deg, var(--navy-soft), var(--navy-deep));
    display: flex; align-items: center; justify-content: center;
    font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 500;
    color: var(--gold-bright); box-shadow: var(--sh-sm), inset 0 1px 0 rgba(255,255,255,0.08);
  }
  .navlinks { display: flex; gap: 32px; font-size: 14px; font-weight: 500; color: var(--navy); }
  .navlinks a { opacity: 0.7; transition: opacity 0.2s var(--ease); }
  .navlinks a:hover { opacity: 1; }
  .nav-cta {
    background: linear-gradient(155deg, var(--navy-soft), var(--navy-deep)); color: var(--cream); padding: 10px 20px;
    border-radius: 100px; font-size: 13px; font-weight: 600;
    box-shadow: var(--sh-sm); transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
  }
  .nav-cta:hover { transform: translateY(-1px); box-shadow: var(--sh-md); }
  @media (max-width: 720px) { .navlinks { display: none; } }

  /* ---------- HERO ---------- */
  .hero {
    position: relative;
    padding: 104px 0 88px;
    background: linear-gradient(165deg, var(--navy-deep) 0%, var(--navy) 50%, var(--navy-soft) 100%);
    color: var(--cream);
    overflow: hidden;
  }
  .hero::before {
    content: "";
    position: absolute; inset: 0;
    background:
      radial-gradient(760px 520px at 84% -14%, rgba(212,165,68,0.32), transparent 60%),
      radial-gradient(620px 480px at -8% 44%, rgba(159,179,175,0.20), transparent 58%),
      radial-gradient(1000px 640px at 50% 122%, rgba(0,0,0,0.35), transparent 62%);
    pointer-events: none;
  }
  .hero::after {
    content: "";
    position: absolute; inset: 0;
    background-image: radial-gradient(rgba(255,255,255,0.09) 1px, transparent 1px);
    background-size: 22px 22px;
    -webkit-mask-image: radial-gradient(900px 640px at 78% 8%, #000, transparent 72%);
    mask-image: radial-gradient(900px 640px at 78% 8%, #000, transparent 72%);
    pointer-events: none;
  }
  .hero .wrap { position: relative; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; }
  @media (max-width: 880px) { .hero .wrap { grid-template-columns: 1fr; } }

  .eyebrow {
    font-family: 'DM Mono', monospace; font-size: 12px; letter-spacing: 0.18em;
    text-transform: uppercase; color: var(--gold-bright); margin-bottom: 18px;
    display: flex; align-items: center; gap: 10px;
  }
  .eyebrow::before { content: ""; width: 24px; height: 1px; background: var(--gold-bright); }

  .hero h1 {
    font-size: clamp(40px, 5.6vw, 66px);
    font-weight: 600; line-height: 1.03; letter-spacing: -0.02em;
    margin-bottom: 22px;
  }
  .hero h1 em { font-style: italic; color: var(--gold-bright); font-weight: 500; }

  .hero p.sub { font-size: 18px; color: var(--mist); max-width: 460px; margin-bottom: 32px; }

  .btn-row { display: flex; gap: 14px; flex-wrap: wrap; }
  .btn-primary {
    background: linear-gradient(155deg, var(--gold-bright), var(--gold)); color: var(--navy-deep); font-weight: 700; font-size: 15px;
    padding: 14px 26px; border-radius: 100px; display: inline-flex; align-items: center; gap: 8px;
    box-shadow: var(--sh-gold);
    transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
  }
  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(184,134,43,0.38); }
  .btn-ghost {
    border: 1.5px solid rgba(244,241,234,0.28); color: var(--cream); font-weight: 600; font-size: 15px;
    padding: 13px 24px; border-radius: 100px; background: rgba(244,241,234,0.05);
    backdrop-filter: blur(6px); transition: border-color 0.2s var(--ease), background 0.2s var(--ease);
  }
  .btn-ghost:hover { border-color: rgba(244,241,234,0.5); background: rgba(244,241,234,0.1); }

  /* hero card visual */
  .passport-card {
    background: #fff; color: var(--ink); border-radius: var(--r-lg);
    padding: 0; position: relative; box-shadow: 0 30px 60px rgba(0,0,0,0.38), 0 8px 20px rgba(0,0,0,0.14);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.4);
  }
  .ic-cross { width: 22px; height: 22px; border-radius: 6px; background: var(--stamp); position: relative; }
  .ic-cross::before, .ic-cross::after { content: ""; position: absolute; background: #fff; }
  .ic-cross::before { width: 10px; height: 2.5px; top: 9.75px; left: 6px; }
  .ic-cross::after { width: 2.5px; height: 10px; top: 6px; left: 9.75px; }
  .hero-cards { display: flex; flex-direction: column; gap: 22px; }

  /* ID card header */
  .id-header { background: var(--navy-deep); padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; }
  .id-header-title { }
  .id-header-title .brand { font-family: 'DM Mono', monospace; font-weight: 700; font-size: 14px; color: #fff; letter-spacing: 0.04em; }
  .id-header-title .brand span { color: var(--gold); }
  .id-header-title .sub { font-size: 9px; font-family: 'DM Mono', monospace; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); margin-top: 1px; }
  .id-header-flag { display: flex; align-items: center; gap: 6px; font-family: 'DM Mono', monospace; font-size: 11px; color: #fff; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }

  /* ID body */
  .id-body { display: flex; gap: 0; padding: 12px 14px 10px; }
  .id-photo-col { flex-shrink: 0; margin-right: 12px; }
  .id-photo-box { width: 72px; height: 90px; border: 2px solid var(--navy); border-radius: 4px; overflow: hidden; background: #e8e4da; display: flex; align-items: center; justify-content: center; color: #999; font-size: 9px; text-align: center; line-height: 1.3; }
  .id-photo-box img { width: 100%; height: 100%; object-fit: cover; }
  .id-add-photo { display: block; margin-top: 4px; font-size: 8px; font-weight: 600; color: var(--navy); text-align: center; border: 1px solid var(--navy); border-radius: 3px; padding: 2px 4px; cursor: pointer; background: #fff; }

  .id-fields { flex: 1; min-width: 0; }
  .id-name-label { font-family: 'DM Mono', monospace; font-size: 7.5px; letter-spacing: 0.08em; text-transform: uppercase; color: #888; margin-bottom: 1px; }
  .id-name { font-family: 'DM Mono', monospace; font-size: 14px; font-weight: 800; color: #111; letter-spacing: 0.04em; margin-bottom: 8px; }
  .id-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; margin-bottom: 0; }
  .id-field-label { font-family: 'DM Mono', monospace; font-size: 7.5px; letter-spacing: 0.07em; text-transform: uppercase; color: #888; margin-bottom: 1px; }
  .id-field-val { font-family: 'DM Mono', monospace; font-size: 11px; color: #111; font-weight: 800; }
  .id-blood { display: inline-block; background: #C0392B; color: #fff; font-family: 'DM Mono', monospace; font-weight: 800; font-size: 13px; padding: 1px 8px; border-radius: 3px; }

  /* Medical rows */
  .id-medical { padding: 0 14px 0; border-top: 1px solid #e8e8e8; }
  .id-medical-row { display: flex; align-items: center; gap: 10px; padding: 5px 0; border-bottom: 1px solid #f0f0f0; }
  .id-medical-row:last-child { border-bottom: none; }
  .id-med-icon { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; }
  .id-med-icon svg { width: 12px; height: 12px; }
  .id-med-icon.allergy { background: #FDEDEC; color: #C0392B; }
  .id-med-icon.condition { background: #EAFAF1; color: #1E7B6E; }
  .id-med-icon.medication { background: #EBF5FB; color: #1D4ED8; }
  .id-med-icon.donor { background: #EAFAF1; color: #1E7B6E; }
  .id-med-label { font-family: 'DM Mono', monospace; font-size: 8px; letter-spacing: 0.08em; text-transform: uppercase; color: #888; width: 70px; flex-shrink: 0; }
  .id-med-val { font-family: 'DM Mono', monospace; font-size: 11px; color: #111; font-weight: 700; flex: 1; }

  /* Action bar bottom */
  .id-action-bar { background: var(--navy-deep); padding: 9px 14px; display: flex; align-items: center; justify-content: space-between; }
  .id-action-bar span { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 0.07em; text-transform: uppercase; color: #fff; font-weight: 600; }
  .id-action-bar .chevrons { color: #B8862B; font-size: 14px; letter-spacing: -2px; }

  /* BACK card */
  .id-back-header { background: var(--navy-deep); padding: 10px 14px; text-align: center; }
  .id-back-header p { font-family: 'DM Sans', sans-serif; font-size: 11px; letter-spacing: 0.02em; text-transform: uppercase; color: rgba(255,255,255,0.9); line-height: 1.6; font-weight: 500; }
  .id-back-header p strong { color: #fff; }

  .id-back-body { padding: 12px 14px; display: flex; gap: 12px; align-items: flex-start; }
  .id-back-qr { background: #fff; border: 1.5px solid #ddd; border-radius: 8px; padding: 8px; flex-shrink: 0; }
  .id-back-sections { flex: 1; }
  .id-back-section { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid #f0f0f0; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; color: #1a1a1a; }
  .id-back-section:last-child { border-bottom: none; }
  .id-back-section .sec-icon { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; }
  .id-back-section .sec-icon svg { width: 11px; height: 11px; }

  .id-back-bottom { display: flex; gap: 0; border-top: 1px solid #e8e8e8; }
  .id-back-privacy { flex: 1; padding: 8px 10px; border-right: 1px solid #e8e8e8; }
  .id-back-privacy .lbl { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #555; margin-bottom: 4px; }
  .id-back-privacy .val { font-size: 12px; color: #333; line-height: 1.5; }
  .id-back-verified { flex: 1; padding: 8px 10px; background: #EEF7F4; }
  .id-back-verified .lbl { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--navy); margin-bottom: 4px; }
  .id-back-verified .val { font-size: 12px; color: var(--navy); line-height: 1.5; }

  .id-back-wallet {
    display: flex; align-items: center; gap: 10px; padding: 11px 14px;
    background: linear-gradient(155deg, var(--navy-soft), var(--navy-deep));
  }
  .id-back-wallet .qr-box { background: #fff; border: none; border-radius: 6px; padding: 3px; flex-shrink: 0; }
  .id-back-wallet .qr-box canvas, .id-back-wallet .qr-box img { display: block; width: 46px !important; height: 46px !important; }
  .id-back-wallet .txt { flex: 1; min-width: 0; }
  .id-back-wallet .txt .lbl { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--gold-bright); margin-bottom: 2px; }
  .id-back-wallet .txt .val { font-size: 11px; color: rgba(255,255,255,0.85); line-height: 1.35; }
  .id-back-wallet .txt .addr { font-family: 'DM Mono', monospace; font-size: 9.5px; color: rgba(255,255,255,0.55); margin-top: 3px; }
  .id-back-wallet .txt .bal { font-family: 'DM Mono', monospace; font-size: 13px; font-weight: 800; color: var(--gold-bright); margin-top: 3px; }
  .id-back-wallet .txt .bal.loading { font-weight: 500; color: rgba(255,255,255,0.5); font-family: 'DM Sans', sans-serif; font-size: 10.5px; }
  .id-back-wallet .wallet-btn-col { display: flex; flex-direction: column; gap: 5px; flex-shrink: 0; }
  .id-back-wallet .wallet-send-btn, .id-back-wallet .wallet-receive-btn {
    display: flex; align-items: center; justify-content: center; gap: 4px;
    border: none; border-radius: 8px; padding: 5px 10px; font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 700;
    cursor: pointer; transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease), background 0.2s var(--ease);
  }
  .id-back-wallet .wallet-send-btn { background: linear-gradient(155deg, var(--gold-bright), var(--gold)); color: var(--navy-deep); }
  .id-back-wallet .wallet-send-btn svg, .id-back-wallet .wallet-receive-btn svg { width: 12px; height: 12px; flex-shrink: 0; }
  .id-back-wallet .wallet-send-btn:hover { transform: translateY(-1px); box-shadow: var(--sh-gold); }
  .id-back-wallet .wallet-receive-btn { background: rgba(255,255,255,0.12); color: #fff; border: 1px solid rgba(255,255,255,0.3); }
  .id-back-wallet .wallet-receive-btn:hover { background: rgba(255,255,255,0.2); }
  .id-back-wallet.placeholder { background: linear-gradient(155deg, #3a4644, #2a3432); opacity: 0.94; }
  .id-back-wallet .wallet-activate-btn {
    flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 2px;
    background: rgba(255,255,255,0.12); color: #fff; border: 1px solid rgba(255,255,255,0.3); border-radius: 10px;
    padding: 8px 10px; font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 700;
    cursor: pointer; transition: background 0.2s var(--ease);
  }
  .id-back-wallet .wallet-activate-btn svg { width: 14px; height: 14px; }
  .id-back-wallet .wallet-activate-btn:hover { background: rgba(255,255,255,0.2); }
  .id-back-wallet .qr-box.placeholder-icon { width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.08); border: 1px dashed rgba(255,255,255,0.3); }
  .id-back-wallet .qr-box.placeholder-icon svg { width: 22px; height: 22px; color: rgba(255,255,255,0.5); }

  .id-emergency-bar { background: #C0392B; padding: 10px 14px; text-align: center; }
  .id-emergency-bar span { font-family: 'DM Sans', sans-serif; font-size: 11px; letter-spacing: 0.02em; text-transform: uppercase; color: #fff; font-weight: 700; }

  .pc-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray); }
  .pc-val { font-family: 'DM Mono', monospace; font-size: 14px; margin-top: 2px; }
  .pc-tags { display: flex; gap: 8px; flex-wrap: wrap; }
  .pc-tag { font-size: 11px; padding: 5px 10px; border-radius: 100px; border: 1px solid var(--line); color: var(--navy); }
  .pc-tag.warn { border-color: #E0B98E; background: #FBF1E4; }
  .pc-tag.donor { display: inline-flex; align-items: center; gap: 5px; border-color: #E3B8B0; background: #FCEFEC; color: var(--stamp); font-weight: 600; }
  .pc-tag.donor svg { width: 11px; height: 11px; flex-shrink: 0; }

  .card-flip-scene { -webkit-perspective: 1600px; perspective: 1600px; }
  .card-flip-inner {
    position: relative; transition: -webkit-transform 0.6s cubic-bezier(.4,.2,.2,1), transform 0.6s cubic-bezier(.4,.2,.2,1);
    -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%;
    display: grid; align-items: start;
  }
  .card-flip-inner.flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
  .card-face { -webkit-backface-visibility: hidden; backface-visibility: hidden; grid-column: 1; grid-row: 1; }
  .card-face.back {
    position: relative;
    -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
    background: var(--navy); border-radius: 20px; padding: 28px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    box-shadow: 0 30px 60px rgba(0,0,0,0.35);
    z-index: 1;
  }
  .card-face.front { position: relative; z-index: 2; }
  .card-flip-inner:not(.flipped) .card-face.back { visibility: hidden; }
  .card-flip-inner.flipped .card-face.front { visibility: hidden; }
  .card-face.back .back-qr { background: #fff; border-radius: 12px; padding: 8px; display: flex; align-items: center; justify-content: center; }
  .card-face.back .back-qr canvas, .card-face.back .back-qr img, .card-face.back .back-qr table { width: 120px !important; height: 120px !important; }
  .card-face.back .back-label { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); margin-top: 12px; }
  .card-face.back .back-sub { font-size: 12px; color: #9FB3AF; margin-top: 4px; text-align: center; max-width: 220px; }
  .flip-btn {
    display: block; width: 100%; text-align: center;
    background: var(--navy); color: #fff;
    font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600;
    letter-spacing: 0.03em; padding: 10px 14px; border: none; cursor: pointer;
  }
  .pc-qr {
    position: absolute; bottom: -16px; right: 18px;
    background: #fff; border-radius: 10px; padding: 6px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.18); border: 1px solid var(--line);
    display: flex; flex-direction: column; align-items: center; gap: 3px;
  }
  .pc-qr img, .pc-qr canvas, .pc-qr table { width: 64px; height: 64px; display: block; border-radius: 4px; }
  .pc-qr span { font-family: 'DM Mono', monospace; font-size: 7px; letter-spacing: 0.05em; color: var(--gray); text-transform: uppercase; }

  /* ---------- SECTION GENERIC ---------- */
  section { padding: 96px 0; }
  .section-head { max-width: 600px; margin-bottom: 52px; }
  .section-head .eyebrow { color: var(--stamp); }
  .section-head .eyebrow::before { background: var(--stamp); }
  .section-head h2 { font-family: 'Fraunces', serif; font-size: clamp(28px, 3.4vw, 38px); font-weight: 600; color: var(--navy); margin-bottom: 14px; letter-spacing: -0.01em; }
  .section-head p { color: var(--gray); font-size: 17px; }

  /* ---------- FEATURES ---------- */
  .features { background: var(--paper); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); }
  .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
  @media (max-width: 880px) { .feature-grid { grid-template-columns: 1fr; } }
  .feature {
    background: #fff; padding: 32px 28px; border-radius: var(--r-lg);
    border: 1px solid var(--line-soft); box-shadow: var(--sh-sm);
    transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease);
  }
  .feature:hover { transform: translateY(-4px); box-shadow: var(--sh-md); }
  .feature .num {
    font-family: 'DM Mono', monospace; font-size: 12px; color: var(--gold); margin-bottom: 16px;
    width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(155deg, rgba(184,134,43,0.14), rgba(184,134,43,0.06));
  }
  .feature h3 { font-family: 'Fraunces', serif; font-size: 19px; font-weight: 600; color: var(--navy); margin-bottom: 10px; }
  .feature p { font-size: 14.5px; color: var(--gray); }

  /* ---------- PRIVACY / CHAIN SPLIT ---------- */
  .split { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--line-soft); box-shadow: var(--sh-lg); }
  @media (max-width: 880px) { .split { grid-template-columns: 1fr; } }
  .split-panel { padding: 44px 40px; }
  .split-panel.dark { background: linear-gradient(155deg, var(--navy-soft), var(--navy-deep)); color: var(--cream); }
  .split-panel.light { background: #fff; }
  .split-panel h3 { font-family: 'Fraunces', serif; font-size: 24px; font-weight: 600; margin-bottom: 14px; }
  .split-panel.dark h3 { color: var(--gold); }
  .split-panel.light h3 { color: var(--navy); }
  .split-panel p { font-size: 15px; }
  .split-panel.dark p { color: var(--mist); }
  .split-panel.light p { color: var(--gray); }
  .chip-row { display: flex; gap: 8px; margin-top: 20px; flex-wrap: wrap; }
  .chip { font-family: 'DM Mono', monospace; font-size: 11px; padding: 6px 12px; border-radius: 100px; }
  .split-panel.dark .chip { border: 1px solid rgba(244,241,234,0.3); }
  .split-panel.light .chip { border: 1px solid var(--line); color: var(--navy); }
  .highlight-box {
    background: var(--cream); border: 1px solid var(--line); border-left: 3px solid var(--gold);
    border-radius: 10px; padding: 16px 18px; font-size: 14px; color: var(--ink); line-height: 1.6;
  }
  .highlight-box strong { color: var(--navy-deep); }

  /* ---------- STATUS TABLE ---------- */
  .status-table { border: 1px solid var(--line-soft); border-radius: var(--r-lg); overflow: hidden; background: #fff; box-shadow: var(--sh-sm); }
  .status-row { display: grid; grid-template-columns: 2fr 1fr 2.4fr; gap: 16px; padding: 18px 24px; align-items: center; border-bottom: 1px solid var(--line-soft); transition: background 0.2s var(--ease); }
  .status-row:hover { background: var(--paper); }
  .status-row:last-child { border-bottom: none; }
  @media (max-width: 720px) { .status-row { grid-template-columns: 1fr; gap: 6px; } }
  .status-row .item { font-weight: 600; color: var(--ink); font-size: 14.5px; }
  .status-pill { font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 600; padding: 5px 12px; border-radius: 100px; text-align: center; width: fit-content; color: #fff; }
  .status-pill.done { background: #1E7B6E; }
  .status-pill.blocked { background: var(--gold); }
  .status-row .note { font-size: 13.5px; color: var(--gray); }

  /* ---------- COMPARE ---------- */
  .compare-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
  @media (max-width: 720px) { .compare-grid { grid-template-columns: 1fr; } }
  .compare-card { border: 1px solid var(--line-soft); border-radius: var(--r-lg); padding: 26px; background: #fff; box-shadow: var(--sh-sm); transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease); }
  .compare-card:hover { transform: translateY(-3px); box-shadow: var(--sh-md); }
  .compare-card h4 { font-family: 'Fraunces', serif; font-size: 17px; color: var(--navy); margin-bottom: 8px; }
  .compare-card p { font-size: 14px; color: var(--gray); }
  .compare-card.us { border: 2px solid var(--gold); position: relative; box-shadow: var(--sh-md); }
  .compare-card.us::after {
    content: "TRAVELMEDID"; position: absolute; top: -11px; left: 22px;
    background: var(--gold); color: var(--navy-deep); font-family: 'DM Mono', monospace;
    font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 100px; letter-spacing: 0.05em;
  }

  /* ---------- CTA ---------- */
  .cta { background: linear-gradient(180deg, var(--navy-deep), var(--navy)); color: var(--cream); text-align: center; position: relative; overflow: hidden; }
  .cta::before {
    content: ""; position: absolute; inset: 0;
    background: radial-gradient(560px 360px at 50% 0%, rgba(212,165,68,0.18), transparent 65%);
  }
  .cta .wrap { position: relative; }
  .cta h2 { font-family: 'Fraunces', serif; font-size: clamp(28px, 4vw, 42px); font-weight: 600; margin-bottom: 16px; }
  .cta p { color: var(--mist); max-width: 460px; margin: 0 auto 32px; font-size: 16px; }

  /* ---------- FOOTER ---------- */
  footer { background: var(--navy-deep); color: var(--mist-dim); padding: 44px 0; border-top: 1px solid rgba(244,241,234,0.08); }
  footer .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 13px; }
  footer .flinks { display: flex; gap: 14px; }

  /* ---------- TRANSLATOR ---------- */
  .translator { background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .lang-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 28px; }
  .lang-btn {
    font-family: 'DM Mono', monospace; font-size: 13px; padding: 9px 16px;
    border-radius: 100px; border: 1.5px solid var(--line); background: #fff; color: var(--navy);
    cursor: pointer; transition: all 0.2s var(--ease);
  }
  .lang-btn:hover { border-color: var(--gold); transform: translateY(-1px); box-shadow: var(--sh-xs); }
  .lang-btn.active { background: linear-gradient(155deg, var(--navy-soft), var(--navy-deep)); color: var(--cream); border-color: var(--navy); box-shadow: var(--sh-sm); }
  .translate-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--line-soft); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-sm); }
  @media (max-width: 820px) { .translate-grid { grid-template-columns: 1fr; } }
  .tcol { padding: 30px 32px; }
  .tcol.from { background: var(--cream); border-right: 1px solid var(--line); }
  @media (max-width: 820px) { .tcol.from { border-right: none; border-bottom: 1px solid var(--line); } }
  .tcol.to { background: #fff; }
  .tcol .tlabel { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gray); margin-bottom: 16px; }
  .trow { margin-bottom: 16px; }
  .trow .tkey { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--gray); margin-bottom: 4px; }
  .trow .tval { font-size: 16px; font-weight: 500; color: var(--ink); }
  .tcol.to .tval { color: var(--navy); font-weight: 600; }
  .tcol.to .tval.fallback { color: var(--stamp); font-style: italic; font-weight: 400; font-size: 14px; }
  .translate-note { font-size: 13px; color: var(--gray); margin-top: 18px; display: flex; gap: 8px; align-items: flex-start; }
  .translate-note .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); margin-top: 6px; flex-shrink: 0; }

  /* ---------- DROPDOWN MENU ITEMS ---------- */
  .menu-item {
    display: flex; align-items: center; gap: 7px; width: 100%; text-align: left;
    background: none; border: none; padding: 8px 10px; font-size: 12.5px;
    color: var(--ink); cursor: pointer; border-radius: 6px; font-family: 'DM Sans', sans-serif;
  }
  .menu-item:hover { background: var(--cream); }
  .menu-item svg { width: 13px; height: 13px; flex-shrink: 0; }
  .menu-divider { border-top: 1px solid var(--line); margin: 6px 0; }
  .menu-note { font-size: 10.5px; color: var(--gray); padding: 6px 10px 2px; margin: 0; }
  .menu-group-label { font-family: 'DM Mono', monospace; font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); padding: 8px 10px 3px; margin: 0; font-weight: 700; }

  .card-field[contenteditable="true"] {
    outline: 1.5px dashed var(--gold); border-radius: 4px; padding: 1px 4px; cursor: text;
  }

  /* ---------- APP LOCK ---------- */
  .lock-screen-overlay {
    position: fixed; inset: 0; background: var(--navy-deep); z-index: 200;
    display: none; align-items: center; justify-content: center; padding: 20px;
  }
  .lock-screen-overlay.open { display: flex; }
  .lock-box { position: relative; background: var(--paper); border-radius: var(--r-xl); max-width: 380px; width: 100%; padding: 40px 32px; text-align: center; box-shadow: 0 40px 80px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.06); }
  .lock-box .lock-icon { font-size: 32px; margin-bottom: 10px; }
  .lock-box h2 { font-family: 'Fraunces', serif; font-size: 24px; color: var(--navy); margin-bottom: 6px; }
  .lock-box p { font-size: 13.5px; color: var(--gray); margin-bottom: 20px; }
  .pin-input {
    width: 100%; text-align: center; font-family: 'DM Mono', monospace; font-size: 22px; letter-spacing: 0.4em;
    border: 1.5px solid var(--line); border-radius: 10px; padding: 12px; background: #fff; color: var(--ink);
    margin-bottom: 10px;
  }
  .pin-input:focus { outline: none; border-color: var(--gold); }
  .lock-error { font-size: 12.5px; color: var(--stamp); min-height: 16px; margin-bottom: 6px; }
  .lock-forgot { font-size: 12px; color: var(--gray); text-decoration: underline; cursor: pointer; margin-top: 14px; display: inline-block; }

  /* ---------- ADD TO HOME SCREEN BANNER ---------- */
  .a2hs-banner {
    display: none; position: sticky; top: 0; z-index: 150; background: var(--navy-deep); color: var(--cream);
    padding: 10px 16px; font-size: 13px; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; text-align: center;
  }
  .a2hs-banner.show { display: flex; }
  .a2hs-banner button {
    font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 12.5px; border: none; border-radius: 100px;
    padding: 6px 14px; cursor: pointer;
  }
  .a2hs-banner .a2hs-install { background: var(--gold); color: var(--navy-deep); }
  .a2hs-banner .a2hs-dismiss { background: transparent; color: var(--cream); opacity: 0.7; text-decoration: underline; }

  /* ---------- APPLICATION FORM MODAL ---------- */
  .app-modal-overlay {
    position: fixed; inset: 0; background: rgba(8,43,41,0.55); z-index: 100;
    display: none; align-items: center; justify-content: center; padding: 20px;
  }
  .app-modal-overlay.open { display: flex; }
  .app-modal {
    background: var(--paper); border-radius: var(--r-xl); max-width: 560px; width: 100%;
    max-height: 88vh; overflow-y: auto; padding: 28px 32px 24px; position: relative;
    box-shadow: 0 40px 80px rgba(0,0,0,0.4);
  }
  .app-modal h2 { font-family: 'Fraunces', serif; font-size: 26px; font-weight: 600; color: var(--navy); margin-bottom: 6px; }
  .app-modal .sub { font-size: 14px; color: var(--gray); margin-bottom: 26px; }
  .app-modal-close {
    position: absolute; top: 22px; right: 26px; background: none; border: none;
    font-size: 22px; color: var(--gray); cursor: pointer; line-height: 1;
  }
  .af-section { margin-bottom: 22px; }

  /* ---------- ONBOARDING WIZARD ---------- */
  .wizard-progress { margin-bottom: 22px; }
  .wizard-progress-bar { height: 5px; background: var(--line); border-radius: 100px; overflow: hidden; margin-bottom: 8px; }
  .wizard-progress-fill { height: 100%; background: linear-gradient(90deg, var(--gold-bright), var(--gold)); border-radius: 100px; transition: width 0.35s var(--ease); }
  .wizard-progress-label { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--gray); }
  .wizard-dots { display: flex; gap: 6px; margin-top: 10px; }
  .wizard-dot {
    flex: 1; height: 4px; border-radius: 100px; background: var(--line); border: none; cursor: pointer; padding: 0;
    transition: background 0.2s;
  }
  .wizard-dot.done { background: var(--gold); }
  .wizard-dot.current { background: var(--navy-deep); }
  .wizard-step { display: none; animation: wizardFadeIn 0.25s var(--ease); }
  .wizard-step.active { display: block; }
  @keyframes wizardFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
  .wizard-nav { display: flex; gap: 10px; align-items: center; }
  .wizard-btn { border-radius: 10px; padding: 12px 18px; font-size: 14px; font-weight: 700; cursor: pointer; border: none; font-family: 'DM Sans', sans-serif; }
  .wizard-btn.back { background: none; color: var(--gray); padding-left: 4px; }
  .wizard-btn.next { flex: 1; background: linear-gradient(155deg, var(--gold-bright), var(--gold)); color: var(--navy-deep); box-shadow: 0 6px 16px rgba(184,134,43,0.3); }
  .af-section h4 { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }
  .af-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  @media (max-width: 480px) { .af-grid { grid-template-columns: 1fr; } }
  .af-field { display: flex; flex-direction: column; gap: 4px; }
  .af-field.full { grid-column: 1 / -1; }
  .af-field label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--gray); }
  .af-field input, .af-field select {
    border: 1.5px solid var(--line); border-radius: 8px; padding: 9px 12px; font-size: 14.5px;
    background: #fff; color: var(--ink); font-family: 'DM Sans', sans-serif;
  }
  .af-field input:focus, .af-field select:focus { outline: none; border-color: var(--gold); }
  .af-checkbox { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink); }
  .af-submit {
    width: 100%; background: linear-gradient(155deg, var(--navy-soft), var(--navy-deep)); color: var(--cream); font-weight: 600; font-size: 15px;
    padding: 14px; border-radius: 100px; border: none; cursor: pointer; margin-top: 8px;
    box-shadow: var(--sh-sm); transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
  }
  .af-submit:hover { transform: translateY(-1px); box-shadow: var(--sh-md); }
  .af-submit.gold { background: var(--gold); color: var(--navy); }
  .af-submit.navy { background: var(--navy); }
  .af-submit.danger { background: var(--stamp); }
  .lang-btn.gold { background: var(--gold); color: var(--navy-deep); font-weight: 700; }

  /* ---------- ADVISORY / EMBASSY LOOKUP ---------- */
  .advisory { background: var(--cream); }
  .advisory-box {
    background: #fff; border: 1px solid var(--line-soft); border-radius: var(--r-lg);
    padding: 34px 36px; display: grid; grid-template-columns: 1fr auto; gap: 20px 28px; align-items: end;
    box-shadow: var(--sh-sm);
  }
  @media (max-width: 720px) { .advisory-box { grid-template-columns: 1fr; } }
  .advisory-field label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gray); display: block; margin-bottom: 6px; }
  .advisory-field select {
    width: 100%; border: 1.5px solid var(--line); border-radius: 10px; padding: 12px 14px;
    font-size: 15px; font-family: 'DM Sans', sans-serif; background: #fff; color: var(--ink);
  }
  .advisory-field select:focus { outline: none; border-color: var(--gold); }
  .advisory-links { display: flex; gap: 10px; flex-wrap: wrap; }
  .advisory-link-btn {
    font-weight: 600; font-size: 14px; padding: 12px 20px; border-radius: 100px;
    display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
    transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
  }
  .advisory-link-btn.primary { background: linear-gradient(155deg, var(--navy-soft), var(--navy-deep)); color: var(--cream); box-shadow: var(--sh-sm); }
  .advisory-link-btn.primary:hover { transform: translateY(-1px); box-shadow: var(--sh-md); }
  .advisory-link-btn.ghost { border: 1.5px solid var(--line); color: var(--navy); }
  .advisory-link-btn.ghost:hover { border-color: var(--gold); }
  .advisory-link-btn[aria-disabled="true"] { opacity: 0.45; pointer-events: none; }
  .advisory-note { font-size: 13px; color: var(--gray); margin-top: 18px; display: flex; gap: 8px; align-items: flex-start; }
  .advisory-note .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); margin-top: 6px; flex-shrink: 0; }
  .advisory-quicklinks { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 22px; }
  .advisory-quicklinks a { font-size: 13.5px; color: var(--navy); font-weight: 600; border-bottom: 1px solid var(--line); padding-bottom: 2px; }
  .advisory-quicklinks a:hover { border-color: var(--gold); }

  /* ---------- APPLE WALLET BUTTON ---------- */
  .wallet-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; margin-top: 16px;
    background: #000; color: #fff; border: none; border-radius: 10px;
    padding: 11px; font-size: 15px; font-weight: 600; cursor: pointer;
    font-family: -apple-system, 'DM Sans', sans-serif;
  }
  .wallet-btn:hover { background: #1a1a1a; }
  .wallet-btn svg { width: 22px; height: 22px; flex-shrink: 0; }
  .wallet-note { font-size: 12px; color: var(--gray); text-align: center; margin-top: 8px; }

  /* ---------- FAQ ACCORDION ---------- */
  .faq-list { display: flex; flex-direction: column; gap: 10px; max-width: 720px; }
  .faq-item { border: 1px solid var(--line); border-radius: 12px; padding: 4px 18px; }
  .faq-item summary {
    font-family: 'Fraunces', serif; font-size: 16px; color: var(--navy-deep); padding: 14px 0;
    cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  }
  .faq-item summary::-webkit-details-marker { display: none; }
  .faq-item summary::after {
    content: "+"; font-family: 'DM Sans', sans-serif; font-size: 20px; font-weight: 400; color: var(--gold);
    flex-shrink: 0; transition: transform 0.25s var(--ease);
  }
  .faq-item[open] summary::after { transform: rotate(45deg); }
  .faq-item p { font-size: 14.5px; color: var(--gray); padding: 0 0 16px; line-height: 1.6; }

  /* ---------- XRP LIVE TRANSACTION TOAST ---------- */
  #xrpToast {
    position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(120%);
    z-index: 500; display: flex; align-items: center; gap: 10px;
    background: var(--navy-deep); color: #fff; padding: 13px 18px; border-radius: 12px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.3); font-family: 'DM Sans', sans-serif; font-size: 13.5px; font-weight: 600;
    max-width: 90vw; transition: transform 0.4s var(--ease);
  }
  #xrpToast.show { transform: translateX(-50%) translateY(0); }
  #xrpToast .xrp-toast-icon { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  #xrpToast.received .xrp-toast-icon { background: rgba(30,155,90,0.25); color: #4ADE80; }
  #xrpToast.sent .xrp-toast-icon { background: rgba(212,165,68,0.25); color: var(--gold-bright); }
  #xrpToast .xrp-toast-icon svg { width: 15px; height: 15px; }
  #xrpToast .xrp-toast-text .amt { font-weight: 800; }
  #xrpToast .xrp-toast-text .sub { font-size: 11px; color: rgba(255,255,255,0.6); font-weight: 500; margin-top: 1px; }

  /* ---------- CARD LANGUAGE SWITCHER ---------- */
  .card-lang-btn {
    font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.04em;
    background: #fff; color: var(--gray); border: 1px solid var(--line); border-radius: 6px;
    padding: 4px 8px; cursor: pointer; flex-shrink: 0; transition: background 0.15s, color 0.15s;
  }
  .card-lang-btn.active { background: var(--navy-deep); color: #fff; border-color: var(--navy-deep); }
  .emerg-fam-btn.active { background: var(--stamp) !important; color: #fff !important; border-color: var(--stamp) !important; }

  #cardSpeakBtn.speaking { background: var(--stamp); }
  #cardSpeakBtn.speaking svg { animation: pulseSpeak 1s ease-in-out infinite; }
  @keyframes pulseSpeak { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
  [dir="rtl"] .id-medical-row, [dir="rtl"] .id-body, [dir="rtl"] .id-back-section { flex-direction: row-reverse; text-align: right; }
  [dir="rtl"] .id-header { flex-direction: row-reverse; }
  [dir="rtl"] .id-header-flag { align-items: flex-start; }

@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--navy:#9fe2cb;--navy-deep:#142824;--navy-soft:#23413a;--cream:#eaf1ed;--cream-soft:#19221f;--paper:#17201d;--ink:#eaf1ed;--gray:#a9b8b0;--gold:#9bd7bd;--gold-light:#c7efde;--stamp:#a3d9c2;--mist:#d3e1d8;--mist-soft:#acbfb2;--line:#405149;--line-soft:#2b3a33;--sh-sm:0 10px 25px #0002;--sh-md:0 15px 40px #0003;--sh-gold:0 8px 25px #5aab8318;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:#111a16;color:#eaf1ed;font-family:Inter,Arial,sans-serif;overflow-x:clip}h1,h2,h3,h4,.font-display{font-family:Inter,Arial,sans-serif!important;letter-spacing:-.035em}button,input,select,.navlinks,.lang-btn,.id-name{font-family:Inter,Arial,sans-serif!important}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #b6f3d6;outline-offset:4px}a:hover{color:#cbffe9}.wrap{max-width:1240px}.logo .mark{background:#a2dfc6;color:#10251d}.logo .font-display{font-size:21px;letter-spacing:-.5px}.navlinks a{color:#c0d0c5;font-size:12px}body>nav{background:#121c17ed;border-color:#354b3e;backdrop-filter:blur(18px);box-shadow:none}body>nav .wrap{gap:20px}.nav-cta,.btn-primary,.af-submit,.wizard-btn.next{background:#b2e3c9;color:#10271c!important;box-shadow:none;border:1px solid #b5e6cf}.btn-primary:hover,.af-submit:hover{background:#c9f3dd;box-shadow:0 8px 24px #74c49a22}.hero{background:#111b16;min-height:1050px;padding:75px 0 82px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#111b16e8 0%,#111b16b5 40%,#111b1640),linear-gradient(0deg,#111b16 0%,transparent 45%,#111b1650);opacity:.7}.hero:after{display:none}.hero .wrap{grid-template-columns:1fr 1fr;gap:64px;align-items:center;z-index:2}.hero h1{font-size:clamp(39px,4.3vw,60px);line-height:1.13;max-width:600px;font-weight:600}.hero h1 em{color:#a8e6c8}.hero .sub{font-size:16px;line-height:1.85;color:#c4d3c9}.hero .eyebrow{color:#b7d5c4}.hero-earth{position:absolute;top:0;right:-140px;width:900px;height:800px;z-index:-1;opacity:.63;pointer-events:none}.hero-earth canvas{width:100%;height:100%}.motion-control{position:absolute;right:28px;bottom:22px;background:#15281fbe;color:#c2dfcf;border:1px solid #638b72;border-radius:20px;padding:8px 14px;font-size:11px;z-index:3}.hero-cards{position:relative;padding-top:45px}.hero-cards>div{max-width:480px!important}.passport-card{background:#17291fe8;border:1px solid #7bb899;box-shadow:0 0 0 4px #203d2c66,0 22px 60px #0007,0 0 45px #77c69a12;color:#e0f0e5;backdrop-filter:blur(18px)}.id-header,.id-footer,.id-back-header{background:#1b3428!important}.id-photo-box{border-color:#719580}.id-name{color:#effbf3}.id-field-label,.id-name-label,.id-med-label,.id-back-section .lbl{color:#a5b9ad!important}.id-field-val,.id-med-val,.id-back-section .val{color:#e3f1e8!important}.id-blood{color:#b4efcd}.id-medical-row{background:#17271f!important;border-color:#344d3e!important}.id-medical-row:nth-child(even){background:#1b2e23!important}.id-med-icon{background:#294434!important;color:#b0d9be!important}.id-back-section,.id-back-wallet,.id-emergency{background:#1a2d22!important;border-color:#425d4b!important}.id-back-wallet .addr{color:#b7cebf}.id-back-wallet .bal{color:#b3ebcc}.id-back-qr-row{background:#14271c!important}.id-add-photo,.lang-btn{background:#21372a;color:#c6e6d2;border-color:#557a63}.lang-btn.active{background:#aadfc1;color:#122a1c}.id-photo-box svg rect{fill:#294635}.id-photo-box svg ellipse{fill:#7faa8b}.qr-box,.qr-box.placeholder-icon{background:#eaf5ec;color:#1c4329}.qr-box canvas{max-width:100%;height:auto!important}.id-back-section .qr-box{background:#eaf5ec}.id-emergency span{color:#d5eee0!important}.id-header-code{color:#bfdfcd}.id-field-val,.id-name,.id-med-val{overflow-wrap:anywhere}.passport-flip{filter:drop-shadow(0 12px 20px #0004)}
body>section{background:#111b16!important;color:#e7f0e9;border-top:1px solid #293f32}body>section:nth-of-type(even){background:#152019!important}.section-head h2{color:#eaf4ee;font-size:clamp(28px,3.1vw,40px);font-weight:600}.section-head p{color:#acbeb1;line-height:1.85}.section-head .eyebrow{color:#93c5aa}.feature,.compare-card,.privacy-card,.chain-card,.trust-card,.advisory-box,.faq-item,.tcol,.status-table{background:#1a2920!important;color:#dcebe0!important;border-color:#3c5345!important;box-shadow:none}.feature:hover,.compare-card:hover{box-shadow:0 12px 28px #0003;transform:translateY(-3px)}.feature h3,.compare-card h3,.privacy-card h3,.chain-card h3,.faq-item summary{color:#e4f3e9!important}.feature p,.compare-card p,.privacy-card p,.chain-card p,.faq-item p,.status-row .note{color:#aec4b6!important}.feature-icon,.feature .icon{color:#addcbe;background:#294734}.compare-card.highlight{border:1px solid #8dbd9f!important;background:#20372a!important}.compare-card.highlight .chip{color:#c9efd7}.tval{color:#e3f2e8}.tkey,.tlabel{color:#abc6b4}.trow{border-color:#38503f}.translate-grid{border-color:#47614e;box-shadow:none}.translate-note{color:#b3c9bb}.advisory-link-btn.primary{background:#addbc0;color:#172b1f}.advisory-link-btn.ghost{border-color:#5e876a;color:#c5e7d0}.advisory-field select{background:#122017;color:#e0f0e4;border-color:#577660}.faq-item{border-radius:10px}.faq-item[open]{background:#213328!important}.status-pill{background:#2d523a!important;color:#d0e9d6!important}.cta{background:#182a1e!important}footer{background:#111b16;color:#a5bdaf;border-color:#344b3c}footer a{color:#bdd8c7}.chip,.pill{border-color:#4b6a55;color:#b9d9c5;background:#203426}.trust-row{color:#b2cabc}
[style*="background:#fff"],[style*="background: #fff"],[style*="background:#FBF4E6"],[style*="background:#FCEFEC"],[style*="background:#F4F1EA"]{background:#1f3026!important;color:#dceade!important}[style*="color:#082B29"],[style*="color:#5A4A1A"],[style*="color:#124A46"],[style*="color:#1E2422"]{color:#c7e5d0!important}
.app-modal-overlay,.lock-screen-overlay{background:#050b08b8;backdrop-filter:blur(8px)}.app-modal,.lock-screen,.lock-box{background:#1b2921!important;color:#e5f0e8;border:1px solid #5b7863;box-shadow:0 25px 90px #0008}.app-modal h2,.app-modal h4{color:#ecf7ef}.app-modal .sub{color:#b1c7b8}.af-field input,.af-field select,.pin-input,.secure-field input,.secure-record select,#sosDestination{background:#102017;color:#e7f4ec;border:1px solid #4c7158;border-radius:8px;padding:11px;max-width:100%}.pin-input{letter-spacing:normal;font-size:16px}.wizard-step .af-section{border-color:#3c5545}.wizard-dot{color:#b6d9c3}.wizard-dot.current{background:#a8dcbe;color:#162e1e}.wizard-dot.done{background:#496f56}.wizard-progress-bar{background:#2b4534}.wizard-progress-fill{background:#a0d4b6}.app-modal-close{color:#bfdac9}.lock-error,#secureError{color:#ffc4b5;font-size:13px;line-height:1.7}.af-submit.danger{background:#79493e;color:#fff!important;border-color:#b27767}.af-checkbox{color:#c2d8ca}.menu-item{color:#d7ecdf}.menu-item:hover{background:#304d3b}#moreOptionsMenu{background:#1c3023!important;color:#d5e8db;max-height:65vh;overflow:auto}#xrpToast{background:#244c32;color:#e4f5e9;border:1px solid #80ad8f;max-width:calc(100% - 32px);white-space:normal;z-index:1000}body.modal-open{overflow:hidden}#secureDialog{background:#1a2b20;color:#dceee2;border:1px solid #668e71;border-radius:16px;width:min(600px,calc(100% - 30px));max-height:88vh;padding:30px;overflow:auto;box-shadow:0 30px 100px #0008}#secureDialog::backdrop{background:#060d09b8;backdrop-filter:blur(8px)}#secureTitle{font-size:25px;margin:0 26px 20px 0}#secureClose{position:absolute;right:16px;top:13px;background:none;border:0;color:#d5eade;font-size:26px}.secure-copy{font-size:13px;line-height:1.85;color:#abc6b4;margin:12px 0}.secure-field{display:grid;gap:8px;font-size:12px;margin:16px 0}.secure-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.7;margin:15px 0}.secure-check input{accent-color:#a3dbb8;margin-top:4px;flex-shrink:0}.secure-link{display:block;padding:12px;border:1px solid #4c7057;border-radius:6px;margin:10px 0;font-size:13px;color:#c3e8cf;overflow-wrap:anywhere}.secure-record{padding:15px;border:1px solid #486c51;border-radius:8px;margin-bottom:12px}.secure-record .lang-btn{margin:10px 8px 0 0}.secure-record h3{font-size:18px}.secure-preview{max-width:100%;max-height:240px;display:block;margin:12px auto}.secure-qr{background:#fff;padding:18px;border-radius:8px;margin:20px auto;max-width:380px}.secure-qr canvas{width:100%!important;height:auto!important}#secureBody>.af-submit{margin-top:12px}.translation{color:#a7e9c1}#securePrint{display:none}#receiveXRPQR canvas,#activateQR canvas{max-width:100%;height:auto!important}.a2hs-banner{background:#213e2b;color:#d3eddd}.a2hs-install{color:#173420;background:#b4dfc3}
@media(max-width:1000px){body>nav .wrap{height:auto;min-height:72px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.navlinks{display:flex!important;order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:15px}.hero .wrap{gap:30px}.hero h1{font-size:42px}.hero-earth{right:-290px}}
@media(max-width:760px){.wrap{padding:0 20px}.hero{padding-top:45px;min-height:0}.hero .wrap{grid-template-columns:1fr;gap:32px}.hero h1{font-size:39px;max-width:520px}.hero .sub{font-size:15px}.hero-earth{top:280px;right:-210px;width:780px;height:650px;opacity:.42}.hero:before{background-position:63% center;opacity:.5}.hero-cards{padding-top:0}.hero-cards>div{max-width:480px!important}.navlinks a{font-size:11px}.logo .font-display{font-size:19px}.nav-cta{padding:9px 15px;font-size:11px}body>section{padding:55px 0}.section-head{margin-bottom:30px}.app-modal{max-height:90dvh;overflow:auto;width:calc(100% - 24px)}.motion-control{bottom:12px;font-size:10px}.feature,.compare-card{transform:none!important}.id-med-label{min-width:68px}.id-med-val{min-width:0}.id-grid{gap:9px}.tcol{padding:24px 20px}.a2hs-banner{font-size:11px}#moreOptionsMenu{max-width:calc(100vw - 44px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white!important;color:#111!important}body>*{display:none!important}body>#securePrint{display:block!important;padding:15mm;font:14px/1.6 Arial;color:#111}#securePrint h1{color:#111;font-size:26px}#securePrint p{margin:8px 0;break-inside:avoid;overflow-wrap:anywhere;color:#111}#securePrint canvas{display:block;width:75mm!important;height:75mm!important;margin:15px auto}}

/* One calm palette across the original panels and controls. */
[style*="background:var(--cream)"],[style*="background: var(--cream)"],.split-panel.light,.split-panel.dark,#cardLangRow{background:#1b2923!important;color:#e2ede6!important;border-color:#43574b!important}.split-panel h3,.split-panel h4{color:#e7f2eb!important}.split-panel p,.split-panel li{color:#b9cabe!important}.card-lang-btn{background:#24392d;color:#bdd9c7;border-color:#54735f}.card-lang-btn.active{background:#b5ddc7;color:#192d21}:is(#xrplStamp,#preview-xrplStamp){color:#d2e9da;font-size:11px;line-height:1.5}.hero-cards>div:first-child{box-shadow:0 12px 32px #0003}.id-header-code{color:#d9ebe0}.id-back-bottom{background:#1b3023!important}.id-back-privacy{color:#afcbb8}.split-panel .check-list li::before{color:#b4dec4}.app-modal label,.lock-screen label{color:#d3e4d9}.app-modal input[type=date]{color-scheme:dark}
.highlight-box,.id-back-verified,[style*="background:#EEF7F4"],[style*="background: #EEF7F4"]{background:#233c2e!important;color:#cee5d7!important}.highlight-box p,.highlight-box strong{color:#cee5d7!important}
#biometricToggleInput:checked~#biometricToggleTrack,#emergInfoToggleInput:checked~#emergInfoToggleTrack{background:#76ad91!important}#biometricToggleInput:checked~#biometricToggleThumb,#emergInfoToggleInput:checked~#emergInfoToggleThumb{transform:translateX(18px)}#biometricToggleInput:focus-visible~span,#emergInfoToggleInput:focus-visible~span{outline:2px solid #c4f1d7;outline-offset:3px}#saveConfirm{color:#b9ddc9!important}.wizard-btn.back{color:#bed8c8;background:#23372b}.card-face.back{border:1px solid #638d74}
/* Final visual system: live card, architectural light and restrained motion. */
:root{--cream:#eef5f1;--ink:#eef5f1;--gray:#b3c4ba;--line:#3f5b4c;--r-lg:24px;--r-md:18px;--paper:#16241d}
body{background:#0c1410;color:#edf5f0}body>nav{background:#0c1711ed;border-bottom:1px solid #41614e80}body>nav .wrap{max-width:1380px}.navlinks a{transition:color .2s;text-decoration-thickness:1px;text-underline-offset:7px}.navlinks a:hover{color:#c3ffde;text-decoration:underline}
.hero{padding:64px 0 40px;min-height:0;background:radial-gradient(ellipse at 62% 35%,#1b3f2c80,transparent 57%),#09130e;overflow:hidden}.hero:before{background:linear-gradient(0deg,#0c1610 0%,transparent 50%),radial-gradient(ellipse at 62% 47%,#426c4924,transparent 60%);opacity:1}.hero:after{display:block;content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#9cffc506 1px,transparent 1px),linear-gradient(90deg,#9cffc506 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 45%,transparent)}
.hero>.wrap{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:82px;row-gap:48px;max-width:1280px;align-items:start;position:relative}.hero-copy{margin-top:135px;position:relative;z-index:2}.hero .eyebrow{font:10px/1.8 Inter,Arial,sans-serif;letter-spacing:.18em;color:#a3d4ba}.hero-copy h1{font-size:39px;line-height:1.13;letter-spacing:-.045em;margin:21px 0}.hero-copy h1 em{font-style:normal;color:#a2f3c5;text-shadow:0 0 35px #65e5a725}.hero-copy .sub{font-size:14px;line-height:1.8;color:#c0d4c7;margin:0}.hero-copy .btn-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:27px}.hero-copy .btn-primary{font-size:13px;justify-content:center;padding:14px 16px;border-radius:12px}.hero-copy .btn-primary:nth-child(2){background:#192f24;color:#d9f6e5!important;border-color:#5a896d}.hero-copy>div:last-child a{font-size:12px!important;line-height:1.6;padding:4px 0}
.hero-earth{width:920px;height:850px;top:-55px;left:calc(50% - 260px);right:auto;opacity:.83;z-index:-1;mask-image:linear-gradient(#000 65%,transparent 98%)}.landmark-panorama{position:absolute;inset:280px 0 auto;height:490px;background:url('assets/landmarks.svg') center bottom/1600px auto no-repeat;z-index:-1;pointer-events:none;opacity:.64;filter:drop-shadow(0 0 6px #47e7995c);mask-image:linear-gradient(transparent,#000 18%,#000 85%,transparent)}
.hero-cards{padding:205px 0 0;min-width:0;position:relative;gap:0}.hero-cards>.card-stage{max-width:740px!important;width:100%;position:relative;isolation:isolate;box-shadow:none}.card-stage>.eyebrow{margin:0 10px 13px!important;color:#c9eed9!important}.card-stage>.eyebrow>span:first-child{letter-spacing:.2em;font-size:11px}.card-stage:after{content:'';position:absolute;top:460px;left:-10%;width:120%;height:120px;border:1px solid #84efad3d;border-radius:50%;box-shadow:0 0 0 12px #5bf49c08,0 0 0 26px #5bf49c08,inset 0 0 35px #65e6a40c;transform:rotate(-3deg);pointer-events:none;z-index:-1}
.card-flip-scene{position:relative;transform:perspective(1800px) rotateY(-5deg) rotateZ(-1.5deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);border-radius:25px;filter:drop-shadow(0 25px 28px #0008)}.card-flip-scene:hover,.card-flip-scene:focus-within{transform:perspective(1800px) rotateY(0) rotateZ(0)}.card-flip-inner{align-items:stretch;transition:transform .8s cubic-bezier(.22,.65,.25,1)}
.card-face.front{display:grid;grid-template-columns:1.1fr 1fr;align-content:start;background:linear-gradient(120deg,#142c20ed,#0e2018f5)!important;border:1px solid #95e9b4;border-radius:25px;box-shadow:inset 0 0 0 5px #8be5ae0e,inset 0 0 38px #6beb9820,0 0 0 5px #539e7020,0 0 45px #57de8e17}.front>.id-header,.front>:is(#xrplStamp,#preview-xrplStamp),.front>#cardLangRow,.front>#cardLangNote,.front>.id-action-bar{grid-column:1/-1}.front>.id-header{padding:19px 24px 15px;background:linear-gradient(90deg,#284a35,#10271b)!important}.id-header-title .brand{font:600 24px Inter,Arial,sans-serif;letter-spacing:.1em}.id-header-title .brand span{color:#9df7bc}.hero .id-header-title .sub{font-size:10px;line-height:1.4;letter-spacing:.2em;color:#bad8c6;margin-top:6px}.front>:is(#xrplStamp,#preview-xrplStamp){padding:7px 24px!important;color:#bfe3ce;font-size:10px;letter-spacing:.025em;border-top:1px solid #70b38c30;border-bottom:1px solid #70b38c30}.front>#cardLangRow{padding:10px 24px!important;background:#10271c90!important;border:0}.card-lang-btn{border-radius:6px;padding:5px 8px;font-size:10px}.front>.id-body{padding:16px 16px 22px 24px;gap:0;min-width:0}.id-photo-col{margin-right:14px}.id-photo-box{width:86px;height:108px;border:1px solid #7bcf9b;border-radius:10px;background:#193d29;box-shadow:0 0 20px #7cecaa12}.id-photo-box svg{width:100%;height:100%}.id-add-photo{font-size:9px;padding:6px 3px;border-radius:6px}.id-name{font:600 19px/1.4 Inter,Arial,sans-serif;letter-spacing:0;margin:4px 0 13px}.id-name-label,.id-field-label{font:9px/1.5 Inter,Arial,sans-serif;letter-spacing:.04em}.id-field-val{font:600 12px/1.5 Inter,Arial,sans-serif}.id-grid{gap:12px 10px}.id-blood{background:#396047;color:#eefff2!important;border:1px solid #86c69b}.front>.id-medical{margin:16px 22px 20px 0;padding:0 0 0 17px;border:0;border-left:1px solid #668d724a;align-self:stretch}.id-medical-row,.id-medical-row:nth-child(even){background:transparent!important;gap:8px;padding:10px 0;border-color:#416b502b!important;flex-wrap:wrap}.id-medical-row .id-med-val{flex-basis:100%;padding-left:31px;font:600 12px/1.5 Inter,Arial,sans-serif}.id-med-label{font:9px/1.5 Inter,Arial,sans-serif;width:auto;min-width:0!important;letter-spacing:.08em}.id-med-icon{width:23px;height:23px}.id-action-bar{background:#264b34!important;padding:14px 24px;border-top:1px solid #80c99c4a}.id-action-bar span{font-size:10px;color:#e0fbea}.id-action-bar .chevrons{color:#b7ffcf}.card-face.back{background:linear-gradient(120deg,#173523,#10251a)!important;border:1px solid #9be0b3;border-radius:25px!important;align-items:stretch;justify-content:space-between;box-shadow:inset 0 0 35px #76d49b12}.id-back-body{padding:20px;gap:18px}.id-back-section{padding:10px 6px!important;border-radius:7px;color:#def4e6;transition:background .2s}.id-back-section[role=button]:hover{background:#355d42!important}.id-back-header{padding:14px 22px!important;background:#234a32!important}.id-back-bottom{padding:14px 20px}.id-back-wallet{padding:14px 18px}.id-back-verified{border-radius:9px}.id-emergency-bar{background:#244f35!important;color:#dbf4e3!important;padding:10px 20px}
.card-view-controls{display:flex;justify-content:center;gap:5px;margin:24px auto 18px;padding:5px;border:1px solid #65987966;border-radius:14px;background:#101f17;box-shadow:0 12px 25px #0003;width:max-content;max-width:100%}.card-view-controls button{border:0;border-radius:9px;padding:10px 19px;background:transparent;color:#c5e7d1!important;font-size:11px}.card-view-controls button[aria-pressed=true]{background:#9af0b8;color:#102d1c!important;box-shadow:0 0 18px #9af0b822}.activation-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0 12px!important}.activation-actions button{padding:10px 14px!important;font-size:11px!important}.activation-guide{max-width:680px;margin:12px auto 0;background:#15281de8;border:1px solid #42674f;border-radius:13px;padding:0 16px}.activation-guide>summary{cursor:pointer;padding:14px 0;color:#cce7d5;font-size:12px;list-style-position:inside}.activation-guide[open]>summary{margin-bottom:12px;border-bottom:1px solid #456a503b}.activation-guide>p{line-height:1.75;font-size:12px!important}.activation-guide>div{box-shadow:none!important}.wallet-btn{margin:12px auto 0;border-radius:10px;background:#122019!important;color:#c7ddce!important;border:1px solid #42614d}.wallet-note{color:#9db5a5;font-size:10px;margin-top:7px}#saveConfirm{font-size:10px!important;margin:0 12px 13px!important;font-weight:400!important;letter-spacing:.04em}
.hero-insurance{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.8fr auto;gap:10px 30px;align-items:center;border:1px solid #4a735755;border-radius:20px;background:linear-gradient(115deg,#1b3222b8,#12241ad9);padding:25px 30px;margin-top:8px}.hero-insurance h3{font-size:22px!important;margin:0!important;line-height:1.3}.hero-insurance>p:first-of-type{max-width:none!important;font-size:13px;line-height:1.8;margin:0!important}.hero-insurance .btn-primary{font-size:12px;white-space:nowrap;padding:14px}.hero-insurance>p:last-child{grid-column:2/-1;font-size:10px!important;margin:0!important}.motion-control{right:20px;bottom:8px;padding:5px 10px;font-size:9px;border:0;background:transparent;color:#a8cbb7}
/* Explicit paired foreground/background colors avoid inherited light-theme states. */
button,.btn-primary,.nav-cta,.btn-ghost{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}button{color:#e4f5e9}.lang-btn,.lang-btn.gold,.wizard-btn.back,.wallet-activate-btn,.wallet-send-btn,.wallet-receive-btn,.a2hs-dismiss{background:#203f2c!important;color:#dff9e8!important;border:1px solid #6c9a7b!important;border-radius:9px}.lang-btn.active{background:#a5ebbf!important;color:#112d1c!important}.btn-primary,.nav-cta,.af-submit,.af-submit.navy,.af-submit.gold,.wizard-btn.next,.a2hs-install{background:#a5ebbf!important;color:#10291a!important;border:1px solid #b6f6ce;border-radius:12px;text-shadow:none!important}.af-submit.danger{background:#653e36!important;color:#fff0e9!important;border-color:#b88475}.btn-primary:hover,.nav-cta:hover,.af-submit:not(.danger):hover{background:#c6f9d8!important;box-shadow:0 6px 24px #7df0a820}.lang-btn:hover,.wallet-btn:hover,.wizard-btn.back:hover{background:#315b40!important;color:#f1fff6!important;box-shadow:0 4px 18px #0003}.menu-item{background:transparent;color:#dcefe3!important;border:0;border-radius:7px;padding:11px 10px}.menu-item:hover{background:#2b4b36!important;color:#f3fff7!important}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}.app-modal,.lock-screen,.lock-box{border-radius:22px!important}.app-modal-close,#secureClose{background:transparent;color:#e7f8ec!important;border-radius:8px}.app-modal-close:hover,#secureClose:hover{background:#456b5138}.secure-field input,.af-field input,.af-field select,.pin-input{border-radius:10px;transition:border-color .2s,box-shadow .2s}.secure-field input:focus,.af-field input:focus,.af-field select:focus,.pin-input:focus{border-color:#b6f3cb;box-shadow:0 0 0 3px #7dde9e18}.feature,.compare-card,.split-panel,.tcol,.advisory-box,.faq-item,.status-table{border-radius:20px!important}.feature,.compare-card{transition:transform .3s,box-shadow .3s,border-color .3s}.feature:hover,.compare-card:hover{border-color:#7dc99a!important;box-shadow:0 16px 40px #0003!important;transform:translateY(-4px)}.split-panel{border:1px solid #46655055}.highlight-box{border-radius:13px}.faq-item{transition:background .25s,border-color .25s}.faq-item summary{padding:18px 22px}.faq-item[open]{border-color:#75987f!important}.section-head h2{letter-spacing:-.04em}.section-head p{max-width:660px}.feature p,.split-panel p,.split-panel li{line-height:1.85}.section-head .eyebrow{letter-spacing:.17em}body>section{border-color:#42634e36!important}body>section:nth-of-type(even){background:#132019!important}body>section:nth-of-type(odd){background:#101b14!important}.feature-icon,.feature .icon{border-radius:10px}footer{background:#0c1610}footer a{transition:color .2s}footer a:hover{color:#bcf4d1}
/* The entrance owns the reveal; dashboard content stays stationary. */
@media(min-width:1600px){.landmark-panorama{background-size:cover;height:520px}.hero>.wrap{max-width:1380px;column-gap:110px;grid-template-columns:320px minmax(0,1fr)}.hero-copy h1{font-size:44px}}
@media(max-width:1100px){.hero>.wrap{grid-template-columns:245px minmax(0,1fr);gap:35px}.hero-copy h1{font-size:34px}.hero-earth{left:calc(50% - 300px)}.hero-cards{padding-top:210px}.front>.id-body{padding:14px}.front>.id-medical{margin-right:14px;padding-left:10px}.id-photo-box{width:65px;height:86px}.id-photo-col{margin-right:10px}.id-name{font-size:16px}.id-field-val{font-size:11px}.id-grid{gap:8px}.hero-insurance{grid-template-columns:1fr 1.5fr}.hero-insurance .btn-primary{grid-row:2;grid-column:1}.hero-insurance>p:last-child{grid-column:2}}
@media(max-width:800px){.hero{padding-top:36px}.hero>.wrap{grid-template-columns:1fr;gap:28px;padding:0 24px}.hero-copy{margin:0;text-align:center;max-width:600px;justify-self:center}.hero-copy h1{font-size:37px;max-width:560px;margin:15px auto}.hero-copy .sub{max-width:560px}.hero-copy .btn-row{flex-direction:row;justify-content:center;margin-top:20px}.hero-copy .btn-primary{flex:1;max-width:240px}.hero-copy>div:last-child{align-items:center}.hero-cards{padding-top:160px;max-width:700px;width:100%;justify-self:center}.hero-earth{top:260px;left:calc(50% - 430px);width:860px;height:740px;opacity:.8}.landmark-panorama{top:460px;height:420px;background-size:1300px;opacity:.48}.card-flip-scene,.card-flip-scene:hover,.card-flip-scene:focus-within{transform:none}.card-stage:after{top:410px}.hero-insurance{padding:23px;margin-top:0}.hero-insurance h3{font-size:20px!important}.hero-insurance>p:first-of-type{font-size:12px}.card-stage>.eyebrow>span:first-child{font-size:10px}}
@media(max-width:520px){.hero>.wrap{padding:0 18px}.hero-copy h1{font-size:32px;max-width:360px}.hero-copy .eyebrow{font-size:8px}.hero-copy .sub{font-size:13px}.hero-copy .btn-primary{font-size:11px;padding:13px 9px}.hero-cards{padding-top:130px}.hero-earth{top:275px;left:calc(50% - 350px);width:700px;height:610px}.landmark-panorama{top:420px;background-size:1000px;background-position:37% bottom}.front{grid-template-columns:1fr!important}.front>.id-header{padding:18px}.id-header-title .brand{font-size:21px}.front>:is(#xrplStamp,#preview-xrplStamp){padding-left:18px!important}.front>#cardLangRow{padding:10px 15px!important}.card-lang-btn{padding:5px 6px}.front>.id-body{padding:14px 18px 20px}.id-photo-box{width:78px;height:100px}.id-photo-col{margin-right:16px}.id-name{font-size:18px}.id-field-val{font-size:12px}.front>.id-medical{grid-column:1/-1;border-left:0;border-top:1px solid #59856755;margin:0 18px 14px;padding:5px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.id-medical-row{padding:10px 0}.id-medical-row .id-med-val{font-size:11px;padding-left:0}.id-action-bar{padding:14px 18px}.card-view-controls{gap:2px;width:100%}.card-view-controls button{padding:11px 14px;font-size:10px;flex:1}.card-stage:after{top:560px}.card-stage>.eyebrow{margin-left:3px!important;margin-right:3px!important}.hero-insurance{display:flex;flex-direction:column;align-items:stretch;gap:14px}.hero-insurance h3{font-size:21px!important}.hero-insurance>p:first-of-type{font-size:13px}.hero-insurance .btn-primary{text-align:center}.id-back-body{padding:14px;gap:12px}.id-back-section{font-size:11px}.id-back-qr{padding:5px;max-width:130px}.id-back-qr .lang-btn{font-size:10px;white-space:normal}.activation-guide{padding:0 12px}.activation-guide summary{font-size:11px}.card-face.back{min-width:0}.id-back-wallet{flex-wrap:wrap}.card-stage .wallet-note{line-height:1.7}.activation-actions button{font-size:10px!important}#moreOptionsMenu{min-width:245px;max-width:calc(100vw - 42px)}}
@media(prefers-reduced-motion:reduce){.hero-copy,.card-stage{animation:none}.card-flip-scene,.card-flip-inner,button,.feature{transition:none!important}}
.hero .hero-copy p.sub{font-size:14px;line-height:1.8;margin:0;max-width:100%;color:#bed2c5}.hero-copy .btn-primary:nth-child(2){background:#193527!important;color:#def5e7!important;border-color:#6c987d!important}.hero-copy .btn-primary:nth-child(2):hover{background:#2c533c!important;color:#f4fff8!important}.card-flip-inner{align-items:start}.card-flip-inner:not(.flipped)>.card-face.back{position:absolute;top:0;left:0;width:100%}.card-flip-inner.flipped>.card-face.front{position:absolute;top:0;left:0;width:100%}.front>.id-medical{margin-top:10px;margin-bottom:14px}.id-medical-row{display:grid;grid-template-columns:23px minmax(0,1fr);gap:3px 8px;padding:7px 0}.id-medical-row .id-med-val{grid-column:2;padding-left:0}.id-medical-row .pc-tag{grid-column:2;width:max-content}.id-medical-row .id-med-label{width:auto;line-height:1.4}.hero-cards{padding-top:185px}.card-stage:after{top:380px}.hero-insurance .btn-primary{color:#10291a!important}.card-face .id-action-bar{line-height:1.4}
@media(max-width:800px){.hero-cards{padding-top:140px}.hero .hero-copy p.sub{font-size:14px}.hero-earth{top:210px}.landmark-panorama{top:390px}}
@media(max-width:520px){.hero-cards{padding-top:120px}.hero .hero-copy p.sub{font-size:13px}.hero-earth{top:210px}.landmark-panorama{top:370px}.front>.id-medical{margin:0 18px 14px}.card-stage:after{top:500px}}

.id-back-privacy .lbl{color:#b9ddc7!important}.id-back-privacy .val{color:#c6ddcf!important}.id-back-verified .lbl{color:#c6edd5!important}.id-back-verified .val{color:#b7d4c1!important}.card-flip-scene{scroll-margin-top:160px}
.activation-guide [style*="color:#C0392B"]{color:#ffb8a1!important}
/* Champagne accents, architectural material detail, and direct manipulation. */
:root{--accent-gold:#e3c78f;--accent-gold-soft:#bba578}.hero .hero-copy h1 em{color:#e7cd98;text-shadow:none}.section-head h2,.split-panel h3,.split-panel h4,.feature h3,.compare-card h3{color:#e5cd9b!important}.section-head .eyebrow{color:#cbb782!important}.hero-insurance h3{color:#e5cd9b!important}.feature .num{color:#e4c994;background:#66512d30;border:1px solid #b6986055;border-radius:8px}.section-head{position:relative}.section-illustration{width:180px;height:120px;position:absolute;right:0;top:5px;opacity:.85;filter:drop-shadow(0 12px 20px #0005)}#privacy .section-head,#translate .section-head,#advisory .section-head{padding-right:210px}.feature{position:relative;padding-top:132px;overflow:hidden;background:radial-gradient(ellipse at 76% 0,#71604025,transparent 66%),#17261c!important}.feature-illustration{position:absolute;top:8px;right:24px;width:170px;height:115px;filter:drop-shadow(0 10px 14px #0005)}.feature>.num{position:absolute;top:30px;left:30px}.feature:after{content:'';position:absolute;top:120px;left:30px;right:30px;height:1px;background:linear-gradient(90deg,#bfa46b66,transparent)}.split-panel{background:linear-gradient(125deg,#1c2b208f,#17291f)!important;border-color:#82734d50!important}.split-panel .highlight-box{border-left-color:#dac18b!important;background:#343927!important}.compare-card.highlight{border-color:#ac9564!important}.compare-card.highlight .chip{color:#ead5a9}.faq-item summary{color:#e2cfaa!important}.tlabel,.tkey{color:#dac69e}.status-pill{border:1px solid #9c8d5955}.logo .mark{background:transparent;width:38px;height:42px;border-radius:0;box-shadow:none}.logo .mark img{width:38px;height:42px}.logo .font-display{letter-spacing:-.02em}.id-header-title{position:relative;padding-left:49px;min-height:42px}.card-emblem{position:absolute;left:0;top:0;width:36px;height:43px}.id-header-title .brand{font-size:22px}.id-header-title .brand span{color:#e2c98e}.hero .id-header-title .sub{color:#c9c7ac}.front>.id-header{background:linear-gradient(100deg,#263c2d,#14291c)!important}.card-face.front,.card-face.back{border-color:#d3c086!important;box-shadow:inset 0 0 0 4px #c5a66c12,0 0 0 4px #71895716!important}.card-face.front{backdrop-filter:none!important;background:linear-gradient(125deg,#1a3023fa,#0e2117fc)!important}.card-stage:after{border-color:#c2ab6540;box-shadow:0 0 0 12px #b8a36708,0 0 0 26px #5bf49c08,inset 0 0 35px #b2a1660c}.hero-earth{opacity:1;filter:none;mask-image:linear-gradient(#000 75%,transparent 100%)}.landmark-panorama{top:0;height:1080px;background:url('assets/landmarks-premium.png') center 0/1600px auto no-repeat;opacity:.82;filter:none;mix-blend-mode:screen;mask-image:linear-gradient(transparent,#000 10%,#000 83%,transparent)}.hero-copy{background:linear-gradient(90deg,#08170fe8,#0b1b119c 78%,transparent);border-radius:18px;padding:18px 12px;margin-left:-12px;margin-top:117px}.hero-copy .eyebrow{color:#decd9f}.hero-cards{padding-top:150px}.card-flip-scene,.card-flip-scene:hover,.card-flip-scene:focus-within{transform:none!important;transition:none!important;filter:none;cursor:grab;touch-action:pan-y}.card-flip-scene.is-dragging{cursor:grabbing;user-select:none}.card-flip-inner,.card-flip-inner.flipped{transform:rotateX(var(--card-pitch,0deg)) rotateY(var(--card-yaw,0deg))!important;transition:none!important;min-height:var(--card-height,0px)}.card-flip-inner.rotation-moving{transition:transform .45s cubic-bezier(.2,.7,.2,1)!important}.card-face.front{transform:translateZ(1px)}.card-face.back{transform:rotateY(180deg) translateZ(1px)}.card-drag-handle{display:flex;gap:12px;align-items:center;justify-content:center;margin:15px auto 0;padding:9px 20px;border:1px solid #967e494f;border-radius:20px;background:#172c20;color:#e4d4ad;font-size:11px;cursor:grab;touch-action:none}.card-drag-handle:active{cursor:grabbing;background:#31442c}.card-drag-handle span{font-size:19px;line-height:1;color:#d3ba80}.card-view-controls{margin-top:10px}.card-view-controls button[aria-pressed=true]{background:#ddc78e;color:#16271a!important}.card-stage>.eyebrow>span:first-child{color:#e2cb92}.card-stage>.eyebrow{margin-bottom:10px!important}#saveConfirm{color:#c6d8c6!important}
@media(max-width:1100px){.id-header-title .brand{font-size:19px}.landmark-panorama{background-size:1450px auto}.hero-copy{margin-top:130px}.hero-cards{padding-top:190px}}
@media(max-width:800px){.hero-copy{margin:0;background:linear-gradient(#0c1e14d9,#0b1b1155);padding:10px 14px}.hero-cards{padding-top:110px}.landmark-panorama{top:270px;height:800px;background-size:1100px auto}.section-illustration{width:130px;height:100px}#privacy .section-head,#translate .section-head,#advisory .section-head{padding-right:150px}.hero-earth{top:205px}.feature{padding-top:130px}.feature-illustration{right:15px}}
@media(max-width:520px){.hero-cards{padding-top:95px}.hero-copy{padding:8px}.id-header-title .brand{font-size:18px}.id-header-title{padding-left:42px}.card-emblem{width:31px;height:39px}.hero .id-header-title .sub{font-size:8px}.landmark-panorama{top:320px;height:690px;background-size:900px auto;opacity:.72}.section-illustration{position:relative;display:block;margin:22px auto 0;width:160px;height:110px;top:auto;right:auto}#privacy .section-head,#translate .section-head,#advisory .section-head{padding-right:0}.card-view-controls button{padding:10px 12px}.card-drag-handle{font-size:11px;padding:10px 20px}}
@media(prefers-reduced-motion:reduce){.card-flip-inner.rotation-moving{transition:none!important}}

/* Fine metal edging and a layered light platform, kept outside the live card. */
.card-stage:after{display:none}
.card-flip-scene{position:relative;z-index:0}
.card-flip-scene:after{content:'';position:absolute;pointer-events:none;z-index:-1;left:-10%;bottom:-10px;width:120%;height:170px;background:url('assets/card-platform.svg') center/100% 100% no-repeat}
.card-face.front,.card-face.back{box-shadow:inset 0 0 0 3px #dec48e16,inset 0 1px 0 #fff0c035,0 0 0 4px #71895716,0 20px 45px #0006!important}
.id-header{box-shadow:inset 0 1px 0 #ead3a41c}
.card-view-controls{border-color:#b59a6059;box-shadow:inset 0 1px 0 #eed6a21a,0 8px 24px #0003}
.hero-insurance{border-color:#b69a6055!important;box-shadow:inset 0 1px 0 #f4daa519,0 16px 45px #0002}
.section-head h2:after{content:'';display:block;width:72px;height:2px;margin-top:20px;background:linear-gradient(90deg,#e3c78f,#e3c78f00)}
.feature:hover .feature-illustration{transform:translateY(-3px)}
.feature-illustration{transition:transform .35s ease}
.btn-primary,.nav-cta{transition:background .2s,box-shadow .2s,border-color .2s}
.btn-primary:hover,.nav-cta:hover{box-shadow:0 6px 24px #9ee1b922,inset 0 1px 0 #ffffff55}
@media(max-width:520px){.card-flip-scene:after{height:100px;bottom:-5px}.section-head h2:after{width:54px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.feature-illustration{transition:none}.feature:hover .feature-illustration{transform:none}}
/* Keep the torch and outer monuments inside the viewport at every width. */
.landmark-panorama{background-size:100% auto;background-position:center top}
@media(max-width:800px){.landmark-panorama{top:400px;height:700px;background-size:100% auto;opacity:.82}}
@media(max-width:520px){.landmark-panorama{top:470px;height:500px;background-size:100% auto;opacity:.85}}
/* Final responsive presentation: original navigation, luminous card materials. */
.nav-toggle{display:none}
.globe-emblem{position:absolute;z-index:1;pointer-events:none;top:85px;left:calc(50% + 160px);width:100px;height:100px;display:grid;place-items:center;border:1px solid #88deb951;border-radius:50%;background:radial-gradient(circle,#0b251bd9,#0a211660 65%,transparent 66%);box-shadow:0 0 35px #4cefa419,inset 0 0 18px #82f7bd17}
.globe-emblem:after{content:'';position:absolute;inset:-9px;border:1px solid #d8bf8338;border-radius:50%}
.globe-emblem img{width:74px;height:74px;filter:drop-shadow(0 0 10px #88ecb83b)}
.card-face.front,.card-face.back{border:1px solid #a6e4c1!important;box-shadow:inset 0 0 0 4px #d9c19013,inset 0 0 0 6px #8eeeb222,0 0 0 3px #99edbc1c,0 0 24px #70e8a521,0 25px 50px #0007!important}
.card-face.front{background:linear-gradient(125deg,#182e22,#0b1c14)!important}
.front>.id-header{background:linear-gradient(105deg,#23392a,#0f2118)!important;padding-top:24px;padding-bottom:20px}
.id-header-title .brand{letter-spacing:.055em;font-weight:600}
.id-header-title .brand span{color:#a8f2cc}
.id-photo-box{position:relative;border-radius:12px;border-color:#9ee6bd;background:radial-gradient(ellipse at 50% 30%,#335845,#10251b);box-shadow:inset 0 0 0 4px #091d16,0 0 20px #8ae9b017}
.id-photo-box:after{content:'';position:absolute;pointer-events:none;inset:5px;border-radius:5px;border:1px solid #c2ead355;background:linear-gradient(90deg,#a6efc8 12px,transparent 12px) top left/20px 2px no-repeat,linear-gradient(#a6efc8 12px,transparent 12px) top left/2px 20px no-repeat,linear-gradient(90deg,transparent 8px,#a6efc8 8px) bottom right/20px 2px no-repeat,linear-gradient(transparent 8px,#a6efc8 8px) bottom right/2px 20px no-repeat}
.id-add-photo{min-height:32px}.card-lang-btn{min-height:30px}.id-action-bar{min-height:46px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#234534,#142f22)!important}
.card-face.back .id-back-section{border:1px solid #a0c4a82e!important;padding:12px!important}
.card-drag-handle{min-height:40px}.card-view-controls button{min-height:40px}
@media(max-width:1100px){.globe-emblem{left:calc(50% + 110px);top:105px;width:90px;height:90px}.globe-emblem img{width:68px;height:68px}}
@media(max-width:1000px){
 body>nav .wrap{position:relative;display:flex;flex-wrap:wrap;min-height:76px;gap:12px;padding:12px 20px}
 body>nav .logo{margin-right:auto;gap:9px}body>nav .logo .font-display{font-size:18px}
 body>nav .nav-cta{order:2;min-height:44px;display:flex;align-items:center;padding:10px 14px}
 .nav-ready .nav-toggle{display:flex;order:3;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;flex-shrink:0;background:#193025;border:1px solid #b9a36d70;border-radius:12px;color:#d7efdf;cursor:pointer}
 .nav-toggle span{width:18px;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
 .nav-open .nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
 body>nav.nav-ready .navlinks{display:none!important}
 body>nav.nav-ready.nav-open .navlinks{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;order:4;width:100%;padding:12px 0 2px;border-top:1px solid #b9a36d40;max-height:65dvh;overflow:auto;animation:nav-arrive .18s ease-out}
 .navlinks a{font-size:13px;min-height:44px;padding:12px 14px;border-radius:9px;text-align:left;background:#19302566}
 .navlinks a:hover,.navlinks a:focus-visible{background:#2b4838;color:#f0fff5}
}
@keyframes nav-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){
 .hero{padding-top:28px}.hero>.wrap{row-gap:24px}.hero-copy{max-width:570px}.hero-copy h1{font-size:36px}
 .hero-cards{padding-top:155px}.hero-earth{top:200px}.globe-emblem{top:410px;left:calc(50% - 42px);width:84px;height:84px}.globe-emblem img{width:62px;height:62px}
 .landmark-panorama{top:450px}.card-stage>.eyebrow{gap:8px}.card-stage>.eyebrow button{min-height:40px}
 .id-back-qr-row{gap:12px;flex-wrap:wrap}.id-back-wallet .addr{overflow-wrap:anywhere;word-break:break-word}
 .activation-actions button,.activation-guide summary,.wallet-btn{min-height:44px}.activation-guide summary{display:flex;align-items:center;gap:8px;list-style:none}.activation-guide summary:before{content:'+';font-size:18px;color:#e3c78f}.activation-guide[open] summary:before{content:'-'}
}
@media(max-width:520px){
 body>nav .wrap{gap:8px;padding:10px 14px;min-height:68px}.logo .mark,.logo .mark img{width:30px;height:36px}body>nav .logo .font-display{font-size:16px;white-space:nowrap}body>nav .nav-cta{font-size:10px;padding:10px}.nav-ready .nav-toggle{width:42px;height:42px}
 .hero>.wrap{padding:0 16px}.hero-copy{padding:4px 0}.hero-copy h1{font-size:32px;line-height:1.15;margin:15px auto}.hero-copy .eyebrow{font-size:8px;letter-spacing:.14em}.hero-copy .btn-row{gap:8px}.hero-copy .btn-primary{min-height:46px}.hero-copy>div:last-child a{min-height:36px;align-items:center}
 .hero-cards{padding-top:145px}.hero-earth{top:240px;left:calc(50% - 300px);width:600px;height:550px}.globe-emblem{top:450px;width:70px;height:70px;left:calc(50% - 35px)}.globe-emblem img{width:52px;height:52px}.landmark-panorama{top:500px;height:450px}
 .front>.id-header{padding:20px 18px}.id-header-title .brand{font-size:19px;letter-spacing:.04em}.hero .id-header-title .sub{font-size:8px;letter-spacing:.13em}.card-emblem{width:32px;height:40px}
 .front>#cardLangRow{padding:8px 12px!important;gap:5px;flex-wrap:wrap}.card-lang-btn{min-height:34px;min-width:32px;padding:6px}.front>.id-body{padding:16px 18px}.id-name{font-size:18px}.id-grid{gap:12px 8px}.id-photo-col{margin-right:14px}.id-photo-box{width:78px;height:102px}.id-add-photo{min-height:36px;font-size:10px}
 .front>.id-medical{margin:0 18px 16px;gap:0 12px}.id-medical-row{min-width:0}.id-medical-row .id-med-val{overflow-wrap:anywhere;font-size:12px}.id-med-label{font-size:9px}.id-field-label,.id-name-label{font-size:9px}.id-action-bar{padding:14px 18px}.card-face.front,.card-face.back{border-radius:23px!important}
 .id-back-body{padding:14px;gap:12px}.id-back-section .lbl{font-size:10px}.id-back-section .val{font-size:12px;overflow-wrap:anywhere}.id-back-qr-row{padding:12px}.id-back-qr{max-width:100%;min-width:0}.id-back-qr canvas{max-width:100%!important}.id-back-wallet{padding:12px}.id-back-wallet button{min-height:36px}
 .card-view-controls{width:100%;margin-bottom:20px;padding:5px;gap:4px}.card-view-controls button{min-height:44px;padding:10px 8px;font-size:11px}.card-drag-handle{min-height:44px;margin-top:12px}.card-stage .wallet-note{font-size:11px}.activation-actions{gap:8px}.activation-actions button{flex:1;white-space:normal}
 .hero-insurance{padding:22px}.feature{padding-left:24px;padding-right:24px}.section-head p{font-size:14px}html{scroll-padding-top:85px}.motion-control{min-height:36px;font-size:10px}
}
@media(max-width:360px){body>nav .logo .font-display{font-size:14px}body>nav .nav-cta{padding:9px 7px}.hero-copy h1{font-size:29px}.hero .hero-copy p.sub{font-size:12px}}
@media(prefers-reduced-motion:reduce){.navlinks,.nav-toggle span{animation:none!important;transition:none!important}}
.card-face.front:before,.card-face.back:before{content:'';position:absolute;inset:5px;border:1px solid #9cebc34d;border-radius:20px;pointer-events:none;z-index:2;box-shadow:inset 0 0 10px #9bf3be09}
@media(max-width:520px){.card-face.front:before,.card-face.back:before{border-radius:18px}}
.card-view-controls button{transition:none!important}

/* Redesign-only: one landscape card composition at every screen width. */
.hero{padding-top:40px}.hero-cards{padding-top:260px}.hero>.wrap{grid-template-columns:260px minmax(0,1fr);column-gap:54px;max-width:1360px}.hero-copy{margin-top:190px;background:linear-gradient(90deg,#08170feb,#0b1b11c9 80%,transparent)}
.hero-earth{top:-45px;left:calc(50% - 280px);width:1050px;height:920px}.globe-emblem{top:68px;left:calc(50% + 55px);width:290px;height:235px;border:0;background:none;box-shadow:none}.globe-emblem:after{display:none}.globe-emblem img{width:100%;height:100%;filter:drop-shadow(0 0 12px #68eea943)}
.logo .mark img,.logo .mark{width:38px;height:38px}.card-emblem{width:56px;height:56px;top:-1px}.id-header-title{padding-left:72px;min-height:58px}
.hero-cards>.card-stage{max-width:820px!important}.card-canvas{width:100%;height:var(--scaled-height,520px);position:relative;margin:12px 0 0;perspective:2000px}
.card-canvas .card-flip-scene{width:780px!important;transform:scale(var(--card-scale,1))!important;transform-origin:top left;position:absolute;top:0;left:0;perspective:1800px;touch-action:pan-y}
.card-canvas .card-flip-scene:after{height:130px;bottom:-50px}
.card-canvas .card-flip-inner{width:780px;min-height:var(--card-height,500px)!important;align-items:start;transform-style:preserve-3d}
.card-canvas .card-face{width:780px!important;min-width:780px!important;border-radius:25px!important;box-sizing:border-box}
.card-canvas .card-face.front{display:grid!important;grid-template-columns:574px 204px!important;grid-template-rows:auto auto minmax(230px,auto) minmax(100px,auto) 48px!important;align-content:start;position:relative;background:radial-gradient(ellipse at 0 0,#1e422b,#0a1d14 72%)!important}
.card-canvas .front>.id-header{grid-column:1/-1;grid-row:1;padding:24px 28px 20px!important;min-height:100px;box-sizing:border-box}
.card-canvas .id-header-title .brand{font-size:31px!important;letter-spacing:.07em}.card-canvas .hero .id-header-title .sub,.card-canvas .id-header-title .sub{font-size:12px!important;letter-spacing:.2em}
.card-canvas :is(#xrplStamp,#preview-xrplStamp){grid-column:1/-1;grid-row:2;padding:7px 28px!important;min-height:30px}.card-canvas :is(#xrplStamp,#preview-xrplStamp) span{font-size:12px!important}
.card-canvas .front>.id-body{grid-column:1;grid-row:3;display:flex;padding:24px 22px 20px 28px!important;gap:0;min-width:0}
.card-canvas .id-photo-col{margin-right:24px;flex:0 0 138px}.card-canvas .id-photo-box{width:138px;height:170px;border-radius:12px}.card-canvas .id-add-photo{font-size:12px;min-height:30px;margin-top:7px}
.card-canvas .id-photo-box:after{inset:7px}.card-canvas :is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder){background:transparent!important}.card-canvas :is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder) svg{width:100%;height:100%;opacity:.7}
.card-canvas .id-fields{min-width:0;flex:1}.card-canvas .id-name-label,.card-canvas .id-field-label{font-size:12px;line-height:1.3;letter-spacing:.06em}.card-canvas .id-name{font-size:24px;line-height:1.2;margin:7px 0 16px}.card-canvas .id-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.card-canvas .id-field-val{font-size:16px;line-height:1.3}.card-canvas .id-blood{font-size:17px;line-height:1.3;padding:2px 8px}
.front-qr{grid-column:2;grid-row:3;align-self:start;margin:24px 24px 0 0;padding:9px;border:1px solid #a5e9c9;border-radius:14px;background:#10301f;box-shadow:0 0 18px #69e8a522;text-align:center;min-width:0}.front-qr :is(#qrCombined,#preview-qrCombined){background:white;padding:10px;border-radius:8px;min-height:156px;display:grid;place-items:center}.front-qr :is(#qrCombined,#preview-qrCombined) img,.front-qr :is(#qrCombined,#preview-qrCombined) canvas{width:140px!important;height:140px!important;image-rendering:pixelated}.front-qr>span{display:block;color:#bcdfca;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 3px}
.card-canvas .front>.id-medical{grid-column:1/-1;grid-row:4;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px;margin:0 28px 18px!important;padding:16px 0 0!important;border-left:0!important;border-top:1px solid #91caa84f}
.card-canvas .id-medical-row{display:grid;grid-template-columns:24px 1fr;align-content:start;gap:6px 8px;padding:0!important;min-width:0}.card-canvas .id-medical-row .id-med-val{font-size:14px;line-height:1.4;grid-column:1/-1;padding:0;overflow-wrap:anywhere}.card-canvas .id-med-label{font-size:11px;line-height:1.4}.card-canvas .id-med-icon{width:24px;height:24px}.card-canvas .id-action-bar{grid-column:1/-1;grid-row:5;padding:12px 28px!important;min-height:48px}.card-canvas .id-action-bar span{font-size:12px}
.card-canvas .card-face.back{min-height:510px;display:flex;flex-direction:column}.card-canvas .id-back-header{padding:17px 28px!important}.card-canvas .id-back-header p{font-size:14px;line-height:1.4}.card-canvas .id-back-body{display:flex;gap:24px;padding:20px 28px}.card-canvas .id-back-body>div:first-child{width:180px}.card-canvas .id-back-qr{padding:12px;max-width:180px}.card-canvas #qrBackMirror canvas,.card-canvas #qrBackMirror img{width:150px!important;height:150px!important;image-rendering:pixelated}.card-canvas .id-back-sections{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.card-canvas .id-back-section{font-size:13px;padding:12px!important}.card-canvas .id-back-bottom{padding:12px 28px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.card-canvas .id-back-bottom .lbl{font-size:12px}.card-canvas .id-back-bottom .val{font-size:13px;line-height:1.5}.card-canvas .id-back-wallet{margin-top:auto;padding:12px 28px}.card-canvas .id-back-wallet .addr{font-size:13px}.card-canvas .id-back-wallet .bal{font-size:16px}
.card-canvas .card-field{overflow-wrap:anywhere}.card-canvas .card-field[contenteditable=true]{min-height:22px;background:#254e3980!important;outline:1px dashed #9bd9b6;cursor:text}
.card-stage>#cardLangRow{display:flex!important;justify-content:center;gap:6px;background:#11251c!important;border:1px solid #7ca78c55!important;border-radius:12px;padding:9px!important;margin:12px auto;max-width:100%;overflow:auto}.card-stage .card-lang-btn{min-height:36px;min-width:36px;font-size:11px;color:#d9eee2;background:#19382a;border-color:#719c82}.card-stage .card-lang-btn.active{color:#11291c;background:#b2e8ca}.card-stage #cardLangNote{color:#bbd6c5!important;font-size:12px!important}.card-view-controls{margin-top:10px}.card-drag-handle{margin-top:28px}
.card-stage>.wallet-btn,.card-stage>.wallet-note{position:relative}.activation-guide{margin-top:20px}.activation-guide>div{margin:0!important;border:0!important;padding:0 0 16px!important;background:transparent!important}.activation-guide p{line-height:1.7}.activation-guide [style*="background:#EEF7F4"]{background:#274734!important}.activation-guide [style*="color:#C0392B"]{color:#ffb8a1!important}
[style*="background:#F7F6F1"],[style*="background:#EEF7F4"],[style*="background: #EEF7F4"]{background:#1d3828!important}.lock-modal,.lock-card{background:#17291f!important;color:#e0f0e5}.lock-screen h2{color:#e9d4a5}.pin-input{background:#0e2118!important;color:#e1f3e8!important}.af-field label{color:#cee2d5}
@media(max-width:1100px){.hero>.wrap{grid-template-columns:230px minmax(0,1fr);gap:32px}.hero-copy{margin-top:170px}.hero-cards{padding-top:260px}.globe-emblem{left:calc(50% + 25px);width:240px;height:200px;top:90px}}
@media(max-width:900px){.hero>.wrap{grid-template-columns:1fr;gap:24px;padding:0 24px}.hero-copy{margin:0;max-width:600px;text-align:center;justify-self:center;background:linear-gradient(#0b1f16ea,#0b1f16a0);padding:14px}.hero-copy h1{font-size:36px;max-width:580px;margin:14px auto}.hero-copy .btn-row{flex-direction:row;justify-content:center;margin-top:20px}.hero-copy>div:last-child{align-items:center}.hero-cards{padding-top:235px;width:100%;max-width:780px;justify-self:center}.hero-earth{top:260px;left:calc(50% - 480px);width:960px;height:820px}.globe-emblem{top:435px;left:calc(50% - 125px);width:250px;height:205px}.landmark-panorama{top:430px;height:900px;background-size:120% auto}.hero-insurance{grid-template-columns:1fr}.hero-insurance>p:last-child{grid-column:auto}}
@media(max-width:520px){.hero{padding-top:22px}.hero>.wrap{padding:0 14px}.hero-copy{padding:8px 0}.hero-copy h1{font-size:30px}.hero .hero-copy p.sub{font-size:13px}.hero-copy .btn-primary{font-size:10px;flex:1;padding:12px 8px}.hero-copy .eyebrow{font-size:7px}.hero-cards{padding-top:200px}.hero-earth{top:300px;left:calc(50% - 310px);width:620px;height:550px}.globe-emblem{top:450px;left:calc(50% - 100px);width:200px;height:165px}.landmark-panorama{top:510px;height:450px;background-size:100% auto}.card-stage>.eyebrow>span:first-child{font-size:8px;letter-spacing:.12em}.card-stage>.eyebrow{margin-left:2px!important;margin-right:2px!important;gap:6px}.card-stage>.eyebrow button{padding:8px!important;font-size:10px!important}.card-stage #saveConfirm{font-size:10px!important}.card-view-controls button{min-height:44px;font-size:11px}.card-stage>#cardLangRow{gap:4px;justify-content:flex-start}.card-stage .card-lang-btn{min-width:31px;min-height:36px;padding:5px}.card-stage #cardSpeakBtn{min-height:36px}.hero-insurance{display:block}.hero-insurance>*{margin-bottom:15px!important}.card-stage .wallet-btn{width:100%;font-size:13px}.card-stage .wallet-note{font-size:11px}.activation-guide{font-size:12px}.motion-control{bottom:6px}}
@media(prefers-reduced-motion:reduce){.card-canvas .card-flip-inner.rotation-moving{transition:none!important}}
/* Preserve fine text in the scaled card; keep supporting actions outside it. */
.card-canvas .id-name-label,.card-canvas .id-field-label{font-size:16px;letter-spacing:.035em}.card-canvas .id-name{font-size:28px}.card-canvas .id-field-val{font-size:19px}.card-canvas .id-med-label{font-size:14px}.card-canvas .id-medical-row .id-med-val{font-size:18px}.card-canvas .id-action-bar span{font-size:14px}.card-canvas .id-header-title .sub{font-size:14px!important}.front-qr>span{font-size:12px}.card-stage>button:not(.card-drag-handle){margin-top:20px;min-height:44px}.card-stage>p{line-height:1.7}.globe-emblem{background:radial-gradient(ellipse,#071b13a8,transparent 68%)}
@media(max-width:520px){.card-stage>button:not(.card-drag-handle){width:100%}}
.front-qr :is(#qrCombined,#preview-qrCombined){display:none}.front-qr :is(#qrFrontDisplay,#preview-qrFrontDisplay){width:100%;background:white;border-radius:8px;overflow:hidden;line-height:0}.front-qr :is(#qrFrontDisplay,#preview-qrFrontDisplay) svg{width:100%;height:auto}.card-canvas #qrBackMirror svg{display:block;width:150px;height:150px}
/* Layout scaling keeps text and QR vectors sharp at phone pixel densities. */
.card-canvas .card-flip-scene{transform:none!important;zoom:var(--card-scale,1)}
.card-canvas .card-face.front{transform:rotateY(0deg)}.card-canvas .card-face.back{transform:rotateY(180deg)}

/* Customer presentation: bounded globe, graphite material and aligned controls. */
.hero-cards{isolation:isolate;padding-top:260px}.hero-cards>.card-stage{max-width:780px!important;margin-inline:auto!important}
.hero-orbit{position:absolute;inset:0 0 auto;height:580px;pointer-events:none;z-index:-1;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 58%,transparent 92%)}
.hero-orbit .hero-earth{top:-155px;left:50%;right:auto;transform:translateX(-50%);width:960px;height:850px;opacity:.66;mask-image:none;filter:saturate(.7)}
.hero-orbit .globe-emblem{top:2px;left:50%;transform:translateX(-50%);width:270px;height:220px;background:radial-gradient(ellipse,#071b13d9,transparent 70%)}
.hero-orbit .globe-emblem img{filter:drop-shadow(0 3px 8px #0009)}
.hero-copy{background:linear-gradient(90deg,#0b1712f5,#0b1712db 80%,transparent);border-radius:22px}.hero-copy>div:last-child a{width:100%;justify-content:flex-start}
.landmark-panorama{opacity:.52;mask-image:linear-gradient(transparent,#000 14%,#000 70%,transparent 96%)}
.card-stage>.eyebrow:before{display:none}.card-stage>.eyebrow{min-height:44px;display:grid!important;grid-template-columns:1fr auto 1fr;gap:8px!important;margin-inline:0!important}.card-stage>.eyebrow>span:first-child{grid-column:2;text-align:center;white-space:nowrap}.card-stage>.eyebrow>span:last-child{grid-column:3;justify-self:end;justify-content:flex-end}
.card-canvas{max-width:780px;margin-inline:auto}.card-canvas .card-face.front,.card-canvas .card-face.back{background:linear-gradient(120deg,#ffffff0b,transparent 34%,#ffffff03 65%,transparent),url('assets/card-engraving.svg') center/100% 100%,linear-gradient(115deg,#25332e,#111b18 68%,#15271f)!important;border-color:#b5d5bd!important;box-shadow:inset 0 0 0 3px #c8b48416,inset 0 0 0 6px #a9dcbb19,0 0 0 3px #d0bc7d17,0 0 24px #6bd89a13,0 28px 55px #0008!important}
.card-canvas .front>.id-header{background:linear-gradient(110deg,#304139b3,#0f1c178c)!important;border-bottom:1px solid #d5be8252;box-shadow:inset 0 1px 0 #f7e6b426}.card-canvas .id-header-title .brand{color:#f0f6f2}.card-canvas .id-header-title .brand span{color:#b5e6c8}.card-canvas .id-header-title .sub{color:#d8caa6!important}
.card-canvas :is(#xrplStamp,#preview-xrplStamp){border-bottom:1px solid #bdd6c11f}.card-canvas .id-fields{padding:4px 0}.card-canvas .id-photo-box{background:linear-gradient(145deg,#344a3e,#17261f);border-color:#b7cbb0;box-shadow:inset 0 0 0 4px #14251d,0 10px 20px #0003}.card-canvas .id-photo-box svg rect{fill:#233c2e}.card-canvas .id-photo-box svg ellipse{fill:#8caa91}
.card-canvas .id-name-label,.card-canvas .id-field-label{color:#bfc7b8!important}.card-canvas .id-field-val{color:#f0f2e8!important}.card-canvas .id-name{color:#f1f6ed}.card-canvas .id-grid{column-gap:20px}.card-canvas .id-blood{background:#2c4135;color:#e9f6e5!important;border-color:#b4c598}
.front-qr{background:linear-gradient(130deg,#28392e,#102018);border-color:#c5bb8a;box-shadow:inset 0 1px 0 #ffedb433,0 8px 22px #0004}.front-qr>span{color:#d4cfb5}
.card-canvas .front>.id-medical{gap:10px;border-top-color:#d0bc8052}.card-canvas .id-medical-row{padding:10px!important;background:linear-gradient(120deg,#bcd7bb0b,#07140e55)!important;border:1px solid #8aab9033!important;border-radius:10px}.card-canvas .id-med-label{color:#cfceb7!important;font-size:12px}.card-canvas .id-medical-row .id-med-val{font-size:16px}.card-canvas .id-med-icon{background:#91b88e1f!important;color:#c5ddbe!important}
.card-canvas .id-action-bar{background:linear-gradient(90deg,#243a2db8,#102018ba)!important;border-top-color:#d4bc844d}.card-canvas .id-action-bar span{color:#dcd8ba}.card-canvas .id-back-header{background:#23372ca8!important;border-bottom:1px solid #c8b68744}.card-canvas .id-back-section{background:#12241c80!important;border-color:#c0c7a52e!important}.card-canvas .id-back-bottom{background:#101e1780}.card-canvas .id-back-wallet{background:#20382b80!important;border-top:1px solid #c5bd8a44}
.card-drag-handle{position:relative;margin:26px auto 0;z-index:1}.card-view-controls{width:min(100%,440px);margin:12px auto 16px;gap:6px}.card-view-controls button{flex:1}.card-stage>#cardLangRow{width:max-content;max-width:100%;justify-content:center;margin:0 auto 20px}.activation-actions{justify-content:center;margin-top:20px!important}.activation-actions button{min-height:44px}.activation-actions+p{max-width:620px;margin:10px auto 18px;text-align:center;color:#b9cabb!important}.activation-guide{max-width:680px}.wallet-btn{display:flex;margin:20px auto 0}.wallet-note{text-align:center}.card-stage #saveConfirm{text-align:center}
@media(max-width:1100px){.hero-orbit .globe-emblem{width:240px;height:200px;top:20px}.hero-orbit .hero-earth{width:820px;height:760px;top:-125px}}
@media(max-width:900px){.hero-cards{padding-top:220px}.hero-orbit{height:500px}.hero-orbit .hero-earth{width:850px;height:740px;top:-140px;opacity:.6}.hero-orbit .globe-emblem{top:0;width:240px;height:195px}.hero-copy{background:linear-gradient(#0c1b14f5,#0c1b14e3)}.hero-copy>div:last-child a{justify-content:center}.hero-insurance{text-align:center}.hero-insurance .btn-primary{justify-self:center}}
@media(max-width:520px){.hero-cards{padding-top:195px}.hero-orbit{height:390px}.hero-orbit .hero-earth{top:-68px;width:570px;height:480px;opacity:.57}.hero-orbit .globe-emblem{top:10px;width:205px;height:168px}.card-stage>.eyebrow{grid-template-columns:1fr auto;gap:8px!important}.card-stage>.eyebrow>span:first-child{grid-column:1;justify-self:start;font-size:9px}.card-stage>.eyebrow>span:last-child{grid-column:2}.card-stage>#cardLangRow{width:100%;gap:3px;justify-content:center;padding:8px 5px!important}.card-stage .card-lang-btn{min-width:29px;font-size:10px;padding:5px}.card-stage #cardSpeakBtn{padding:5px 8px!important;font-size:10px!important}.landmark-panorama{top:500px;opacity:.5}.card-view-controls{width:100%}.hero-insurance{padding:22px 18px}.hero-copy .btn-row{align-items:stretch}.hero-copy .btn-primary{display:flex;align-items:center;justify-content:center;text-align:center}}
.hero-cards>.hero-orbit{max-width:none!important;width:100%}.hero-orbit .hero-earth{top:-65px;height:760px}.hero-orbit .globe-emblem{top:32px}
@media(max-width:1100px){.hero-orbit .hero-earth{top:-65px;height:710px}}
@media(max-width:900px){.hero-orbit .hero-earth{top:-85px;height:680px}.hero-orbit .globe-emblem{top:15px}}
@media(max-width:520px){.hero-orbit .hero-earth{top:-35px;height:440px}.hero-orbit .globe-emblem{top:20px}}

.card-canvas .card-return{background:#14271e!important;color:#cee8d7!important;border-top:1px solid #a2b68b33;padding:10px!important}
#xrpToast:not(.show){visibility:hidden;opacity:0;pointer-events:none}#xrpToast.show{visibility:visible;opacity:1;pointer-events:auto}
@media(max-width:520px){.card-stage>.eyebrow{grid-template-columns:minmax(0,1fr) auto}.card-stage>.eyebrow>span:first-child{white-space:normal;line-height:1.4}.card-stage>.eyebrow>span:last-child{max-width:210px}}

/* Travel details and a quiet reading-progress indicator. */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#183226;z-index:2000;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#c6b173,#99ebbd 65%,#d9ffe8);box-shadow:0 0 10px #a8f7cb66}
.orbit-details{position:absolute;inset:0 0 auto;height:260px;pointer-events:none;color:#b1f8d2}.flight-routes{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:#9eeac0;stroke-width:1;stroke-dasharray:2 7;opacity:.3}.flight-routes path:last-child{stroke:#ddc68f;opacity:.5}
.aircraft{position:absolute;width:36px;height:36px;filter:drop-shadow(0 0 8px #9bffd078)}.aircraft svg{width:100%;height:100%;animation:flight-drift 8s ease-in-out infinite alternate}.aircraft-west{left:12%;top:40%;transform:rotate(48deg)}.aircraft-east{right:8%;top:62%;transform:rotate(138deg)}.aircraft-east svg{animation-delay:-4s}.location-pin{position:absolute;width:27px;height:36px;filter:drop-shadow(0 0 6px #87edb959)}.pin-west{left:25%;top:16%}.pin-east{right:21%;top:29%}.pin-south{left:17%;top:76%;width:22px;height:30px;opacity:.75}
@keyframes flight-drift{from{transform:translateY(3px)}to{transform:translateY(-7px)}}.hero-orbit.is-paused .aircraft svg{animation-play-state:paused}
/* Distinguish the existing TravelMedID comparison without adding claims. */
.compare-card.us{position:relative;isolation:isolate;overflow:hidden;border:1px solid #dcc78c!important;border-radius:22px!important;background:radial-gradient(ellipse at 50% -15%,#d9c27b36,transparent 65%),linear-gradient(145deg,#304335,#162d20)!important;box-shadow:0 0 0 3px #dcc78c12,0 16px 45px #0004,0 0 35px #c9ad6412!important}
.compare-card.us:before{content:'';position:absolute;inset:5px;z-index:-1;border:1px solid #d7c28b40;border-radius:17px;pointer-events:none}.compare-card.us:after{content:'';position:absolute;pointer-events:none;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,#fff4c511 48%,transparent 62%);transform:translateX(-120%)}
.compare-card.us:hover:after,.compare-card.us:focus-within:after{animation:comparison-sheen 1.2s ease-out both}.compare-card.us .chip{background:#e7d39a!important;border-color:#ebd9a7!important;color:#233423!important;font-weight:700}.compare-card.us h3{color:#f1ddb0!important}.compare-card.us p{color:#d0decd!important}.compare-card.us:hover{border-color:#f2dea5!important;box-shadow:0 0 0 3px #dcc78c20,0 20px 48px #0005!important}
@keyframes comparison-sheen{to{transform:translateX(120%)}}
.card-canvas .id-header-title .brand{text-shadow:0 1px 0 #ffffff19}.card-canvas .front-qr{box-shadow:inset 0 1px 0 #f7e9b844,0 8px 22px #0004,0 0 0 3px #bda9700c}.card-canvas .card-face:before{border-color:#bfe8c961}
@media(max-width:900px){.orbit-details{height:220px}.aircraft{width:30px;height:30px}.location-pin{width:23px;height:31px}}
@media(max-width:520px){.orbit-details{height:195px}.aircraft{width:25px;height:25px}.aircraft-west{left:8%;top:45%}.aircraft-east{right:5%;top:67%}.location-pin{width:20px;height:27px}.pin-west{left:22%;top:23%}.pin-east{right:19%;top:18%}.pin-south{display:none}.compare-card.us{box-shadow:0 0 0 3px #dcc78c12,0 10px 24px #0003!important}}
@media(prefers-reduced-motion:reduce){.aircraft svg,.compare-card.us:after{animation:none!important}.compare-card.us:after{transform:none;opacity:.4}}
@media print{.reading-progress,.orbit-details{display:none!important}}

.compare-card.us h4{display:flex;align-items:center;gap:12px;color:#f3dfae!important;font-size:21px;margin-bottom:12px}.compare-card.us h4:before{content:'';width:34px;height:34px;flex-shrink:0;background:url('assets/medical-emblem.svg') center/contain no-repeat}.compare-card.us:after{padding:0;border-radius:inherit}.compare-card.us p{font-size:14px;line-height:1.8}

/* Globe-relative travel details and enlarged mobile landmark wings. */
.hero-orbit .orbit-details{inset:auto;left:50%;top:var(--globe-top,0px);width:var(--globe-size,600px);height:var(--globe-size,600px);transform:translateX(-50%)}
.orbit-details .aircraft-west{left:9%;right:auto;top:24%}.orbit-details .aircraft-east{right:8%;left:auto;top:27%}
.orbit-details .pin-west{left:28%;right:auto;top:10%}.orbit-details .pin-east{right:24%;left:auto;top:13%}.orbit-details .pin-south{left:18%;top:35%}
.orbit-details .location-pin{transform:translate(-50%,-65%)}.flight-routes{stroke-width:.15;stroke-dasharray:.3 1.2;opacity:.28}
.card-canvas .card-face{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.card-flip-scene{filter:none!important}
@media(max-width:900px){
 .hero-cards:before,.hero-cards:after{content:'';position:absolute;top:-10px;bottom:auto;width:45%;height:390px;z-index:-2;pointer-events:none;background-image:url('assets/landmarks-premium.png');background-repeat:no-repeat;background-size:850px auto;opacity:.8;mix-blend-mode:screen;mask-image:linear-gradient(#000 65%,transparent)}
 .hero-cards:before{left:-24px;background-position:left top}.hero-cards:after{right:-24px;background-position:right top}
 .landmark-panorama{display:none}
 .hero-orbit .hero-earth{opacity:.52}
}
@media(max-width:520px){
 .hero-cards{padding-top:235px}.hero-orbit{height:430px}.hero-orbit .hero-earth{top:-15px;opacity:.5}.hero-orbit .globe-emblem{top:40px}
 .hero-cards:before,.hero-cards:after{top:0;width:42%;height:360px;background-size:650px auto;opacity:.9}
 .hero-cards:before{left:-14px}.hero-cards:after{right:-14px}
 .orbit-details .aircraft{width:23px;height:23px}.orbit-details .aircraft-west{left:13%;top:27%}.orbit-details .aircraft-east{right:10%;top:30%}
}
@media print{.hero-cards:before,.hero-cards:after{display:none}}

@media(max-width:900px){
 .hero-cards:before,.hero-cards:after{mask-image:linear-gradient(transparent,#000 12%,#000 68%,transparent),linear-gradient(var(--landmark-fade,to right),#000 55%,transparent);mask-composite:intersect}
 .hero-cards:after{--landmark-fade:to left}
}

/* Layer the architecture between the globe and card, without a separate image panel. */
.hero-cards:before,.hero-cards:after{display:none!important}
.hero-cards>.landmark-panorama{display:block;position:absolute;inset:100px -70px auto;width:calc(100% + 140px);max-width:none!important;height:430px;margin:0;background:none;opacity:1;mix-blend-mode:screen;mask-image:none;pointer-events:none;z-index:0}
.hero-cards>.landmark-panorama:before,.hero-cards>.landmark-panorama:after{content:'';position:absolute;top:0;width:43%;height:100%;background:url('assets/landmarks-premium.png') no-repeat;background-size:800px auto;opacity:.76;mask-image:linear-gradient(transparent,#000 10%,#000 66%,transparent),linear-gradient(var(--landmark-fade,to right),#000 60%,transparent);mask-composite:intersect}
.hero-cards>.landmark-panorama:before{left:0;background-position:left top}.hero-cards>.landmark-panorama:after{right:0;background-position:right top;--landmark-fade:to left}
.hero-cards>.card-stage{z-index:1}
@media(max-width:1100px){.hero-cards>.landmark-panorama{left:-25px;right:-25px;width:calc(100% + 50px);top:110px}.hero-cards>.landmark-panorama:before,.hero-cards>.landmark-panorama:after{background-size:700px auto}}
@media(max-width:900px){.hero-cards>.landmark-panorama{top:90px;left:-24px;right:-24px;width:calc(100% + 48px);height:350px}.hero-cards>.landmark-panorama:before,.hero-cards>.landmark-panorama:after{background-size:650px auto;opacity:.72}}
@media(max-width:520px){.hero-cards>.landmark-panorama{top:115px;left:-14px;right:-14px;width:calc(100% + 28px);height:255px}.hero-cards>.landmark-panorama:before,.hero-cards>.landmark-panorama:after{width:42%;background-size:480px auto;opacity:.82}}
@media print{.hero-cards>.landmark-panorama{display:none}}

.hero-cards>.landmark-panorama{left:50%;right:auto;transform:translateX(-50%);width:min(calc(100% + 48px),920px)}
.hero-cards>.landmark-panorama:before,.hero-cards>.landmark-panorama:after{mask-image:linear-gradient(transparent,#000 10%,#000 66%,transparent),linear-gradient(var(--landmark-fade,to right),transparent,#000 8%,#000 60%,transparent);mask-composite:intersect}
@media(max-width:520px){.hero-cards>.landmark-panorama{width:calc(100% + 28px)}}

/* Restore the wider desktop backdrop; retain the approved mobile composition. */
.desktop-landmarks{display:none}
@media(min-width:901px){
 .hero-cards>.landmark-panorama{display:none}
 .hero>.desktop-landmarks{display:block;position:absolute;inset:0 0 auto;height:1080px;background:url('assets/landmarks-premium.png') center top/100% auto no-repeat;opacity:.52;mix-blend-mode:screen;mask-image:linear-gradient(transparent,#000 14%,#000 70%,transparent 96%);pointer-events:none;z-index:-1}
}
@media print{.hero>.desktop-landmarks{display:none}}


/* Staggered binary trails: luminous heads, fading tails and quiet intervals. */
.matrix-rain{position:absolute;inset:0 0 auto;height:min(100%,1250px);overflow:hidden;pointer-events:none;z-index:-1;opacity:.42;mask-image:linear-gradient(transparent,#000 8%,#000 70%,transparent)}
.matrix-rain>span{position:absolute;top:0;left:var(--stream-x);display:flex;flex-direction:column;align-items:center;font:var(--stream-size)/1.4 monospace;white-space:nowrap;animation:matrix-fall var(--stream-duration) linear var(--stream-delay) infinite;user-select:none;opacity:var(--stream-alpha)}
.matrix-tail{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:5px;color:transparent;background:linear-gradient(transparent,#145c3b 22%,#32c97c 75%,#94ffbe);background-clip:text;-webkit-background-clip:text}
.matrix-head{font:inherit;color:#d5ffe7;text-shadow:0 0 7px #78efac;line-height:1.5}
@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:0}5%{opacity:var(--stream-alpha)}83%{opacity:var(--stream-alpha)}90%,100%{transform:translateY(var(--rain-travel,1250px));opacity:0}}
.motion-paused .matrix-rain>span,.motion-idle .matrix-rain>span,.motion-idle .aircraft svg{animation-play-state:paused}
@media(max-width:900px){.matrix-rain{opacity:.32;height:1100px}.matrix-rain>span:nth-child(even){display:none}.matrix-rain>span{font-size:11px}.matrix-tail{letter-spacing:7px}}
@media(prefers-reduced-motion:reduce){.matrix-rain{display:none}.matrix-rain>span{animation:none}}
@media print{.matrix-rain{display:none}}

/* Customer review: clearer binary rain, familiar controls, brief entry reveal. */
.matrix-rain{opacity:.68}.matrix-head{color:#edfff5;text-shadow:0 0 6px #70ffc3,0 0 12px #4ce79e80}.matrix-tail{background-image:linear-gradient(transparent,#19784c 18%,#46ed9d 70%,#baffdc)}
.card-spin-control{display:block;margin:-4px auto 14px;padding:9px 18px;border:1px solid #5c886c;border-radius:20px;color:#b9f5d2;background:#14271e;font:11px Inter,Arial,sans-serif;cursor:pointer;min-height:36px}
.card-canvas .id-header-flag{gap:18px;flex-shrink:0}
.card-xrp-logo{display:block;width:48px;height:40px;object-fit:contain;filter:drop-shadow(0 0 4px #8de5bb55)}
.wallet-reference-field{grid-column:1 / -1;padding:9px 0 0;border-top:1px solid #c9bd8540;min-width:0}
.wallet-reference-field[hidden]{display:none!important}
.card-canvas .wallet-reference-field .id-field-label{color:#d8cba5!important;font-size:13px;letter-spacing:.08em}
.wallet-reference{font:600 16px/1.5 monospace;letter-spacing:.01em;color:#d6f3df;margin-top:4px;overflow-wrap:anywhere}
.activation-guide{margin-bottom:18px}.hero-cards .activation-actions{margin-top:14px!important}
.welcome-sequence{position:fixed;inset:0;z-index:2500;background:radial-gradient(ellipse,#123b2a,#060d0a 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;animation:welcome-reveal 1.5s ease both;color:#a9ffd4}
.welcome-sequence img{width:90px;height:90px}.welcome-sequence strong{font:600 clamp(24px,5vw,42px) monospace;letter-spacing:.12em;text-shadow:0 0 22px #4affac80}.welcome-sequence span{font:12px Inter,Arial,sans-serif;letter-spacing:.16em;color:#d0ebdc}
@keyframes welcome-reveal{0%,55%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.035)}}
@media(max-width:900px){.matrix-rain{opacity:.5}.nav-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.welcome-sequence{display:none}.card-spin-control{display:none}}
@media print{.welcome-sequence,.card-spin-control{display:none!important}}

/* Technical access screen and restrained cyan/gold contrast. */
.matrix-rain>span:nth-child(3n) .matrix-tail{background-image:linear-gradient(transparent,#166a79 20%,#40d9ed 75%,#c9fcff)}
.matrix-rain>span:nth-child(3n) .matrix-head{color:#e1fcff;text-shadow:0 0 8px #57dcff}
.matrix-rain>span:nth-child(7n) .matrix-tail{background-image:linear-gradient(transparent,#756238 20%,#d3b770 75%,#fff0be)}
.matrix-rain>span:nth-child(7n) .matrix-head{color:#fff0bf;text-shadow:0 0 8px #f5d58b}
#appLockScreen{isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#102c31,#060d12 75%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow-y:auto;padding:24px 14px}
#appLockScreen .lock-rain{inset:0;height:100%;z-index:-1;opacity:.6}
#appLockScreen:not(.open) .lock-rain>span,.card-is-locked .hero .matrix-rain>span,.card-is-locked .hero .aircraft svg{animation-play-state:paused}
#appLockScreen .lock-box{position:relative;flex-shrink:0;max-width:430px;width:100%;margin:auto;background:linear-gradient(145deg,#102831f5,#0a171eef)!important;border:1px solid #64d6d7;border-radius:18px;padding:32px 28px;box-shadow:0 0 0 5px #64d6d70c,0 20px 70px #0008}
#appLockScreen .lock-box:before{content:'TRAVELMEDID / ACCESS CONTROL';display:block;font:9px/1.5 monospace;letter-spacing:.15em;color:#81d4df;margin:0 20px 20px 0}
#appLockScreen .lock-box:after{content:'';position:absolute;inset:7px;border:1px solid #74cfd32e;border-radius:12px;pointer-events:none}
#appLockScreen h2{color:#ddf9f4;font-size:27px}#appLockScreen .lock-icon{color:#9aebdf;background:#123c43;border:1px solid #56b3bc}
#appLockScreen .pin-input{width:100%;min-height:54px;background:#07131b;border-color:#417c91;color:#e4fbff;letter-spacing:.25em;text-align:center;box-sizing:border-box}
#appLockScreen .af-submit{background:linear-gradient(100deg,#9ce6d1,#90d8eb);color:#0b2730!important;border-color:#ade7ed}
#appLockScreen .lock-error{color:#ffc4b5;min-height:16px}#appLockScreen .lock-box>p{color:#b7cfda}#appLockScreen .app-modal-close{color:#c2e9ed}
.welcome-sequence{background:radial-gradient(ellipse,#12363e,#060d13 72%);gap:16px}.welcome-sequence:before{content:'';position:absolute;width:min(85vw,560px);height:300px;border:1px solid #61cfd3;border-radius:12px;box-shadow:0 0 0 7px #61cfd30d,0 0 55px #61cfd315;pointer-events:none}.welcome-sequence strong{color:#c9ffec}.welcome-sequence .access-kicker{color:#6ed8e7;font:10px monospace;letter-spacing:.16em}.welcome-sequence img{width:65px;height:65px}
@media(max-width:900px){.orbit-details .aircraft{color:#86deef}.orbit-details .pin-east{color:#f2d18b}.hero-cards>.landmark-panorama:after{filter:sepia(.2) hue-rotate(28deg)}.matrix-rain{opacity:.58}}
@media(max-width:520px){#appLockScreen .lock-box{padding:28px 20px}#appLockScreen .lock-box button{max-width:100%}.welcome-sequence strong{font-size:25px;letter-spacing:.06em}}

#appLockScreen .lock-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;margin:0 auto 16px}
#appLockScreen .pin-input{background:#07131b!important;color:#e4fbff!important}
#appLockScreen #lockEmergencyInfoBtn{color:#102a27!important;background:#a4dbc8!important}
#appLockScreen .af-submit{background:linear-gradient(100deg,#9ce6d1,#90d8eb)!important}

/* Gold digital rain and world routes. */
.matrix-rain>span .matrix-tail,.matrix-rain>span:nth-child(3n) .matrix-tail,.matrix-rain>span:nth-child(7n) .matrix-tail{background-image:linear-gradient(transparent,#856927 20%,#e6ba48 70%,#fff2b9)}
.matrix-rain>span .matrix-head,.matrix-rain>span:nth-child(3n) .matrix-head,.matrix-rain>span:nth-child(7n) .matrix-head{color:#fff4c6;text-shadow:0 0 7px #ffd86d,0 0 12px #e1b33c55}
.flight-routes,.flight-routes path:last-child{stroke:#f6cc68}
/* The original photo handler hides this entire placeholder when a photo exists. */
:is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder){position:relative;overflow:hidden;background:#091e17!important}
:is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder) .portrait-wireframe{display:block;width:100%;height:100%;object-fit:cover}
:is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder):after{content:'';position:absolute;inset:0 0 auto;height:22%;pointer-events:none;background:linear-gradient(transparent,#86ffd42b);border-bottom:1px solid #c7ffe2;box-shadow:0 4px 9px #80e5ad55;animation:portrait-scan 3.2s ease-in-out infinite alternate}
@keyframes portrait-scan{from{transform:translateY(-100%)}to{transform:translateY(430%)}}
.motion-paused :is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder):after,.motion-idle :is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder):after,.card-is-locked :is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder):after{animation-play-state:paused}
/* Independent entry gate: lightweight, no authentication or wallet operation. */
html.entry-pending{overflow:hidden}html.entry-pending:not(.entry-revealing) body>nav,html.entry-pending:not(.entry-revealing) .hero,html.entry-pending:not(.entry-revealing) body>section{visibility:hidden}
.entry-pending:not(.entry-warming):not(.entry-revealing) .hero .matrix-rain>span,.entry-pending:not(.entry-warming):not(.entry-revealing) .hero .aircraft svg,.entry-pending:not(.entry-warming):not(.entry-revealing) :is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder):after{animation-play-state:paused}
.entry-gate[hidden]{display:none!important}.entry-gate{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;isolation:isolate;overflow:auto;padding:30px 18px;color:#edf7f1}
/* Two lightweight doors reveal a stationary dashboard in a single movement. */
.entry-gate{background:transparent}
.entry-gate:before,.entry-gate:after{content:'';position:absolute;top:0;bottom:0;width:50.1%;z-index:0;background:radial-gradient(ellipse at var(--door-glow,100%) 42%,#192f27,#07110e 90%);transition:transform 1s cubic-bezier(.22,.61,.36,1) .1s;pointer-events:none}
.entry-gate:before{left:0;border-right:1px solid #d7bc6650}.entry-gate:after{right:0;--door-glow:0%;border-left:1px solid #d7bc6620}
.entry-gate.is-opening:before{transform:translateX(-101%)}.entry-gate.is-opening:after{transform:translateX(101%)}
.entry-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:.76;transition:opacity .3s ease}
.entry-rain>span{position:absolute;left:var(--x);top:0;display:block;width:14px;color:#e6c669;font:13px/1.6 Consolas,Menlo,monospace;text-align:center;animation:entry-fall var(--duration) linear var(--delay) infinite}
.entry-rain>span>b{display:block;font:inherit}.entry-rain>span>b:last-child{color:#fff0b3;text-shadow:0 0 5px #f6d46b70}
@keyframes entry-fall{from{transform:translateY(-100%)}to{transform:translateY(110vh)}}
.entry-orbit{position:absolute;width:min(85vw,700px);aspect-ratio:1;border-radius:50%;border:1px solid #dfbb5b32;z-index:1;pointer-events:none;transition:opacity .3s ease}
.entry-panel{position:relative;z-index:2;width:min(100%,470px);padding:34px 28px 24px;text-align:center;border:1px solid #e2c87580;border-radius:22px;background:linear-gradient(150deg,#153129f5,#091a16f5);box-shadow:0 24px 80px #0007,inset 0 0 0 6px #e0bf6d08;transition:opacity .25s ease}
.entry-panel>img{display:block;margin:0 auto 22px}.entry-kicker{font:9px/1.7 monospace;letter-spacing:.17em;color:#e5cf8e}.entry-panel h1{font:600 clamp(28px,5vw,40px)/1.15 Inter,Arial,sans-serif!important;margin:17px 0;letter-spacing:-.04em}.entry-copy{color:#bccfc3;font-size:13px;line-height:1.7;margin-bottom:27px}
#entryStart{width:100%;display:flex;align-items:center;justify-content:center;gap:25px;min-height:52px;border:1px solid #f6dc90;border-radius:11px;background:linear-gradient(110deg,#ecd395,#d8b35c);color:#15251c;font:600 14px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 0 25px #e4bb4c1c}
#entryStart:hover{background:#f4dfaa}#entryStart:focus-visible{outline:2px solid #c8ffe3;outline-offset:5px}#entryStart:disabled{cursor:wait;opacity:.8}
#entryStatus{font:10px/1.5 monospace;color:#b9cabe;margin:18px 0 8px;min-height:15px}.entry-loading{height:2px;overflow:hidden;margin:auto;width:100%;background:#a8b39320;opacity:0}.entry-loading span{display:block;height:100%;width:40%;background:#e8c965}.is-loading .entry-loading{opacity:1}.is-loading .entry-loading span{animation:entry-load 1s ease-in-out infinite}
@keyframes entry-load{from{transform:translateX(-110%)}to{transform:translateX(350%)}}
.entry-gate.is-opening .entry-panel,.entry-gate.is-opening .entry-rain,.entry-gate.is-opening .entry-orbit,.entry-gate.is-opening .entry-grid,.entry-gate.is-opening .entry-coordinates{opacity:0;pointer-events:none}
.entry-gate.motion-idle .entry-rain>span{animation-play-state:paused}
@media(max-width:520px){.entry-panel{padding:28px 22px 20px}.entry-panel>img{width:65px;height:65px}.entry-rain>span:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){:is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder):after{animation:none;transform:translateY(170%)}.entry-rain>span{animation:none}.entry-loading span{animation:none!important}.entry-panel{transition:none}}
@media print{.entry-gate{display:none!important}:is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder):after{display:none!important}}

/* Quiet terminal details, retained on the starter only. */
.entry-gate{outline:none}

.entry-orbit:before,.entry-orbit:after{content:'';position:absolute;border-radius:50%;inset:22px;border:1px dashed #d7c06b80;animation:entry-orbit-turn 90s linear infinite}
.entry-orbit:after{inset:40px;animation:none;border:1px solid #8ed4bb50;border-top-color:#f7dc94;border-bottom-color:#f7dc94}
.entry-grid{position:absolute;inset:65% 0 0;z-index:1;pointer-events:none;background:linear-gradient(#dcba4d10 1px,transparent 1px),linear-gradient(90deg,#dcba4d10 1px,transparent 1px);background-size:60px 60px;opacity:.45;transition:opacity .3s}
.entry-coordinates{position:absolute;z-index:1;left:32px;right:32px;bottom:28px;display:flex;justify-content:space-between;gap:12px;font:10px monospace;letter-spacing:.15em;color:#d4c48c90;transition:opacity .3s;pointer-events:none}
.entry-terminal{display:flex;align-items:center;gap:8px;padding-bottom:14px;margin-bottom:25px;border-bottom:1px solid #d4bc6030;text-align:left;font:8px monospace;letter-spacing:.13em;color:#aecbbd}
.entry-terminal span{width:5px;height:5px;border-radius:50%;background:#e2c476;box-shadow:0 0 8px #e2c47670}.entry-terminal b{margin-left:auto;color:#d9c57e;font-weight:400}
.entry-panel:before,.entry-panel:after{content:'';position:absolute;pointer-events:none;width:24px;height:24px;border-color:#f1d78c;border-style:solid;opacity:.75}
.entry-panel:before{top:8px;left:8px;border-width:1px 0 0 1px;border-radius:13px 0 0 0}.entry-panel:after{bottom:8px;right:8px;border-width:0 1px 1px 0;border-radius:0 0 13px 0}


.entry-gate.motion-idle .entry-orbit:before,.entry-gate.motion-idle .entry-loading span{animation-play-state:paused}
.card-flip-scene:focus-visible{outline:2px solid #e4cc8e;outline-offset:6px;border-radius:18px}
@keyframes entry-orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:520px){.entry-coordinates{left:18px;right:18px;bottom:20px;font-size:8px;letter-spacing:.04em}.entry-grid{background-size:42px 42px}.entry-orbit{width:115vw}.entry-terminal{font-size:7px}}
@media(max-height:650px){.entry-coordinates{display:none}.entry-gate{padding:16px}.entry-panel{padding:22px}.entry-panel>img{width:54px;height:54px;margin-bottom:12px}.entry-terminal{margin-bottom:14px}.entry-copy{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.entry-orbit:before{animation:none}.entry-grid,.entry-coordinates{transition:none}.entry-gate:before,.entry-gate:after{transition:none}.entry-rain>span{top:var(--rest-y);transform:none;animation:none}}

/* Avoid filtering an entire animated WebGL surface or blurring motion behind the nav. */
.hero-orbit .hero-earth{filter:none}
body>nav{background:#121c17fa;backdrop-filter:none;-webkit-backdrop-filter:none}

.presentation-covered .hero .matrix-rain>span,.presentation-covered .hero .aircraft svg,.presentation-covered :is(#pcPhotoPlaceholder,#preview-pcPhotoPlaceholder):after{animation-play-state:paused}


/* PIN feedback never blocks, hides or re-animates the dashboard. */
.unlock-notice{position:fixed;z-index:2500;top:90px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 28px);padding:12px 20px;border:1px solid #9cbd94;border-radius:30px;background:#132a20;color:#e1f5e4;box-shadow:0 6px 18px #0003;font:500 13px/1.4 Inter,Arial,sans-serif;pointer-events:none;animation:unlock-notice 1.7s ease both}
.unlock-notice>span{color:#ebd28c;font-size:17px}
@keyframes unlock-notice{0%{opacity:0}12%,80%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.unlock-notice{animation:none}}
@media print{.unlock-notice{display:none!important}}

/* Preparation is visible while the dashboard starts moving behind the doors. */
#entryStart[aria-busy=true]>span{display:inline-block;width:14px;height:14px;font-size:0;border:2px solid #203b2830;border-top-color:#203b28;border-radius:50%;animation:entry-busy-turn .8s linear infinite}
#appLockScreen.is-checking,#appLockScreen.is-unlocking{display:flex}
#appLockScreen.is-unlocking{opacity:0;transition:opacity .42s ease;pointer-events:none}
#appLockScreen .af-submit[aria-busy=true]{display:flex;align-items:center;justify-content:center;gap:10px}
#appLockScreen .af-submit[aria-busy=true]:before{content:'';width:13px;height:13px;border:2px solid #0b273030;border-top-color:#0b2730;border-radius:50%;animation:entry-busy-turn .8s linear infinite}
@keyframes entry-busy-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#appLockScreen.is-unlocking{transition:none}#entryStart[aria-busy=true]>span,#appLockScreen .af-submit[aria-busy=true]:before{animation:none}}

#appLockScreen.is-checking #lockErrorMsg{visibility:hidden}
#appLockScreen .af-submit[aria-busy=true]{cursor:wait}

/* Password entry retains the lock theme and supports readable passphrases on phones. */
.password-control{position:relative;margin-bottom:12px;display:flex;align-items:center;min-width:0}
.password-control .pin-input,#appLockScreen .password-control .pin-input{width:100%;margin:0;padding:14px 72px 14px 14px;min-height:52px;font:16px/1.4 Inter,Arial,sans-serif;letter-spacing:normal;text-align:left;box-sizing:border-box}
.password-visibility{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:54px;min-height:38px;padding:8px;border:1px solid #709c8155;border-radius:8px;background:#18372a;color:#d8f4e4;font-size:12px;cursor:pointer}
.password-visibility:hover{background:#2d4e3c}
#setPinUpgradeNote{padding:10px 12px;border:1px solid #bca97366;border-radius:10px;color:#e7d9b5}
#setPinUpgradeNote[hidden]{display:none}

/* Keep password setup dismissal clear of its title, with a phone-sized target. */
#setPinModalOverlay .app-modal{padding-top:56px}
#cancelPasswordSetup{top:8px;right:8px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
#cancelPasswordSetup:disabled{opacity:.45;cursor:wait}

/* A quiet mineral palette around the original green card and globe. */
@media screen{
 body>section:nth-of-type(odd){background:#151d23!important}body>section:nth-of-type(even){background:#192028!important}
 body>section{border-top-color:#8cabc323!important}.section-head h2{color:#e0e9ef!important}.section-head p{color:#b8c5cf}.section-head .eyebrow{color:#aecbdc!important}
 .section-head h2:after{background:linear-gradient(90deg,#aacddd,#bfb4d8 65%,transparent);width:86px}
 .feature,.compare-card,.privacy-card,.chain-card,.trust-card,.advisory-box,.faq-item,.tcol,.status-table{background:#202a32!important;border-color:#718b9d40!important}
 .feature{background:radial-gradient(ellipse at 100% 0,#8ebfda13,transparent 65%),#202a32!important}
 .feature:nth-child(3n+2){background:radial-gradient(ellipse at 100% 0,#b2a1d518,transparent 65%),#232a35!important}
 .feature:nth-child(3n+3){background:radial-gradient(ellipse at 100% 0,#aacacb14,transparent 65%),#202c30!important}
 .feature h3,.privacy-card h3,.chain-card h3{color:#d9e6ee!important}.feature p,.compare-card p,.privacy-card p,.chain-card p,.faq-item p,.status-row .note{color:#b9c7d2!important}
 .feature .num{color:#c0d9e9;background:#8ebcdd0d;border-color:#8ebcdd36}.feature:nth-child(3n+2) .num{color:#d2c5e9;background:#beafe80b;border-color:#beafe834}
 .feature:after{background:linear-gradient(90deg,#95bddb44,transparent)}.feature:hover,.compare-card:hover{border-color:#aac9df80!important}
 .split-panel{background:linear-gradient(125deg,#253039,#202932)!important;border-color:#8fa7bf40!important}.split-panel h3,.split-panel h4{color:#d6e4eb!important}.split-panel .highlight-box{background:#b1c7df0a!important;border-left-color:#aec6df!important}
 .faq-item summary{color:#d8e3eb!important}.faq-item[open]{background:#29323e!important}.tkey,.tlabel{color:#bfc5df}.tval{color:#e4ecf0}.trow{border-color:#a0b7cd26}.translate-note{color:#b5c8d6}
 .compare-card.us{background:radial-gradient(ellipse at 100% 0,#a4c7db24,transparent 60%),linear-gradient(135deg,#344048,#222c38)!important;border-color:#d1c3a080!important}
 .compare-card.us p{color:#cbd8df!important}.compare-card.us h4{color:#e8deca!important}.compare-card.us .chip{background:#d8d9c8!important;color:#24303b!important}
 .advisory-field select{background:#19242e;border-color:#7797b263;color:#e0eaf0}.advisory-link-btn.primary{background:#b9d4df;color:#172a36}.advisory-link-btn.ghost{border-color:#91aec36b;color:#cedee8}
 footer{background:#111a22;color:#aebdca;border-color:#8cabc324}footer a{color:#c1cfdf}footer a:hover{color:#e6e0f2}
}

@media screen{
 nav{background:#141e25f5!important;border-bottom-color:#8facbf30!important}
 .hero-copy{background:linear-gradient(90deg,#10202ae0,#13263185 78%,transparent)}
 .hero .hero-copy h1 em{color:#c5dce6}.hero-copy .eyebrow{color:#c8c3db}.hero .sub{color:#bfd1d8}
 .hero .btn-primary{background:#b9d8df!important;border-color:#c4e3e8!important;color:#152d37!important}.hero .btn-primary:hover{background:#d5e8ed!important;box-shadow:0 6px 24px #a9c9e218}
 .hero .btn-ghost{background:#1d2c3990!important;border-color:#97acc163!important;color:#d5e1eb!important}
}

/* Compact ID proportions on every screen. Rows can grow for real medical entries. */
.card-canvas .card-flip-scene{zoom:1;transform:scale(var(--card-scale,1))!important}
.card-canvas .card-face{border-radius:24px!important}
.card-canvas .card-face.front{
 min-height:492px;grid-template-columns:minmax(0,1fr) 204px!important;
 grid-template-rows:auto auto minmax(210px,1fr) auto auto!important;
}
.card-canvas .front>.id-header{padding:14px 26px 12px!important;min-height:76px}
.card-canvas .id-header-title{padding-left:62px;min-height:48px}
.card-canvas .card-emblem{width:46px;height:46px;top:0}
.card-canvas .id-header-title .brand{font-size:27px!important;line-height:1.15}
.card-canvas .id-header-title .sub{font-size:11px!important;letter-spacing:.22em;margin-top:5px}
.card-canvas .card-xrp-logo{width:40px;height:34px}
.card-canvas :is(#xrplStamp,#preview-xrplStamp){padding:6px 26px!important;min-height:28px;gap:14px}
.card-canvas :is(#xrplStamp,#preview-xrplStamp) span{font-size:11px!important;line-height:1.35}
.card-canvas :is(#xrplStamp,#preview-xrplStamp) span:first-child{flex-shrink:0}
.card-canvas :is(#xrplStamp,#preview-xrplStamp) span:last-child{text-align:right}
.card-canvas .front>.id-body{padding:16px 18px 14px 26px!important;align-items:flex-start}
.card-canvas .id-photo-col{flex:0 0 120px;margin-right:20px}
.card-canvas .id-photo-box{width:120px;height:150px;border-radius:10px}
.card-canvas .id-add-photo{min-height:28px;margin-top:6px}
.card-canvas .id-fields{padding:0}
.card-canvas .id-name-label,.card-canvas .id-field-label{font-size:13px;line-height:1.3;letter-spacing:.05em}
.card-canvas .id-name{font-size:25px;line-height:1.2;margin:4px 0 12px}
.card-canvas .id-grid{gap:9px 16px}
.card-canvas .id-grid>div:first-child{grid-column:auto!important}
.card-canvas .id-field-val{font-size:17px;line-height:1.3;margin-top:3px}
.card-canvas .id-blood{font-size:16px;line-height:1.2;margin-top:3px;padding:2px 7px}
.card-canvas .wallet-reference-field{order:1;padding-top:6px}
.card-canvas .wallet-reference{font-size:14px;margin-top:2px}
.card-canvas .wallet-reference-field .id-field-label{font-size:11px}
.card-canvas .front-qr{margin:16px 26px 12px 0;padding:8px;border-radius:12px;align-self:start}
.card-canvas .front-qr>span{font-size:10px;line-height:1.4;letter-spacing:.04em;margin:7px 0 1px}
.card-canvas .front>.id-medical{margin:0 26px 12px!important;padding:10px 0 0!important;gap:8px}
.card-canvas .id-medical-row{padding:8px!important;grid-template-columns:20px minmax(0,1fr);gap:5px 6px;border-radius:8px}
.card-canvas .id-med-icon{width:20px;height:20px}
.card-canvas .id-med-label{font-size:11px;align-self:center}
.card-canvas .id-medical-row .id-med-val{font-size:15px;line-height:1.35}
.card-canvas .id-action-bar{padding:9px 26px!important;min-height:34px}
.card-canvas .id-action-bar span{font-size:11px;line-height:1.4;letter-spacing:.06em}
.card-canvas .card-face.back{min-height:492px}
.card-canvas .id-back-header{padding:10px 26px!important}
.card-canvas .id-back-header p{font-size:13px;line-height:1.4;margin:0}
.card-canvas .id-back-body{gap:20px;padding:8px 26px}
.card-canvas .id-back-body>div:first-child{width:168px}
.card-canvas .id-back-qr{padding:8px;max-width:168px}
.card-canvas .id-back-sections{gap:7px}
.card-canvas .card-face.back .id-back-section{padding:8px!important;font-size:12px;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.card-canvas .id-back-section .sec-icon{width:24px;height:24px;flex-shrink:0}
.card-canvas .id-back-bottom{padding:6px 26px;gap:18px}
.card-canvas .id-back-privacy,.card-canvas .id-back-verified{padding:6px 8px}
.card-canvas .id-back-bottom .lbl{font-size:11px;margin-bottom:4px}
.card-canvas .id-back-bottom .val{font-size:12px;line-height:1.4}
.card-canvas .card-return{padding:7px!important;font-size:11px;line-height:1.3}
.card-canvas .id-emergency-bar{padding:7px 26px;font-size:10px;line-height:1.4}
.card-canvas .id-emergency-bar span{font-size:10px;line-height:1.4}
.card-canvas .id-back-wallet{padding:10px 26px;gap:12px;flex-wrap:nowrap}
.card-canvas .id-back-wallet .txt{min-width:0;flex:1}
.card-canvas .id-back-wallet .addr{font-size:12px;line-height:1.4}
.card-canvas .id-back-wallet .bal{font-size:14px}
.card-canvas .id-back-wallet button{min-height:32px}

/* Readable language selection on the card and the phrasebook, including hover. */
#cardLangRow .card-lang-btn,#langRow .lang-btn{
 background:#1c2e3a!important;color:#dce9f0!important;border-color:#698594!important;
 text-shadow:none;box-shadow:none;
}
#cardLangRow .card-lang-btn:hover,#langRow .lang-btn:hover{background:#304958!important;color:#fff!important}
#cardLangRow .card-lang-btn.active,#cardLangRow .card-lang-btn.active:hover,
#langRow .lang-btn.active,#langRow .lang-btn.active:hover{
 background:#dec58f!important;color:#1b2730!important;border-color:#f2daa5!important;
 box-shadow:inset 0 -3px 0 #806432;
}
#cardLangRow .card-lang-btn:focus-visible,#langRow .lang-btn:focus-visible{outline:2px solid #e8cf99;outline-offset:3px}
#passportFlip ::selection,#translate ::selection{background:#dec58f;color:#1b2730}
.card-stage #cardLangNote{
 background:#1c2e3a;color:#dce9f0!important;border:1px solid #69859466;border-left:3px solid #dec58f;
 border-radius:10px;padding:12px 14px;margin:-8px 0 18px;font-size:13px!important;line-height:1.6;
 overflow-wrap:anywhere;text-align:start;
}
#wizardError{padding:12px 14px;margin:12px 0;color:#ffe1d8;background:#472d2b;border:1px solid #bd8175;border-radius:10px;font-size:13px;line-height:1.5}
#wizardError[hidden]{display:none}
#wizardSubmitBtn[aria-busy=true]{cursor:wait}

/* Arabic joins letters; tracking in the PDF renderer would split those joins. */
.card-face:lang(ar),.card-face:lang(ar) *{letter-spacing:0!important;text-transform:none!important}
.card-stage #cardLangNote:lang(ar){border-left:1px solid #69859466;border-right:3px solid #dec58f}
:is(#fBlood,#preview-fBlood),:is(#fPassport,#preview-fPassport){direction:ltr;unicode-bidi:isolate}

/* The saved-card confirmation shares the live card's layout and artwork. */
#cardPreviewModalOverlay .card-preview-modal{width:min(900px,100%);max-width:900px;text-align:center;padding:28px}
#cardPreviewTitle{font-size:24px;margin:0 32px 8px}
#cardPreviewModalOverlay .sub{margin:0 0 20px}
#cardPreviewContent{text-align:start;margin-bottom:20px}
#cardPreviewContent .preview-card-canvas{width:100%;max-width:780px;margin:0 auto;min-height:0;padding:0;perspective:none;overflow:hidden}
.preview-card-sizer{width:780px;transform:scale(var(--preview-scale,1));transform-origin:top left;pointer-events:none}
.preview-card-sizer>.card-face.front{position:relative!important;inset:auto!important;width:780px!important;height:auto!important;transform:none!important;opacity:1!important}
.preview-card-sizer *,.preview-card-sizer *::before,.preview-card-sizer *::after{animation:none!important;transition:none!important}
.preview-card-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.preview-card-details>div{min-width:0;padding:14px 16px;border:1px solid #69859466;border-radius:12px;background:#1c2e3a}
.preview-card-details strong{font-size:12px;color:#dec58f}
.preview-card-details p{margin:6px 0 0;color:#dce9f0;font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;unicode-bidi:plaintext}
@media(max-width:560px){#cardPreviewModalOverlay .card-preview-modal{padding:20px 12px}#cardPreviewTitle{font-size:21px}.preview-card-details{grid-template-columns:1fr;gap:8px}}
/* Allianz owns the embedded form; the surrounding panel follows our theme. */
.hero-insurance.insurance-quote{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:32px;align-items:center;padding:32px;margin-top:40px;text-align:left;scroll-margin-top:110px}
.insurance-quote-copy{min-width:0;max-width:560px}
.insurance-quote-copy .eyebrow{color:#d8c18d;margin-bottom:16px;line-height:1.6}
.insurance-quote-copy h3{font-size:clamp(24px,3vw,36px)!important;margin:0 0 18px!important}
.insurance-quote-copy p{color:#c9d9d4;line-height:1.75;font-size:14px}
.insurance-quote-steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:15px;color:#e7eeeb;font-size:13px}
.insurance-quote-steps li{display:flex;align-items:center;gap:12px}
.insurance-quote-steps span{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #bba57266;border-radius:50%;color:#e5cc93;font-size:10px}
.insurance-quote-copy .btn-primary{display:inline-flex;justify-content:center;white-space:normal}
.insurance-quote-panel{min-width:0;width:100%;overflow:hidden;border:1px solid #bda77566;border-radius:18px;background:#fff;box-shadow:0 12px 35px #0003}
.insurance-quote-caption{padding:16px;color:#f1e8d1;background:#152923;font-size:13px;font-weight:600;line-height:1.6}
.insurance-quote-caption span{display:block;font-size:10px;font-weight:400;color:#bfd4d0}
#insuranceQuoteFrame{display:block;width:100%;height:700px;border:0;background:#fff;color-scheme:light}
@media(max-width:700px){.hero-insurance.insurance-quote{grid-template-columns:minmax(0,1fr);padding:22px 16px;gap:24px}.insurance-quote-copy{max-width:none}.insurance-quote-panel{max-width:340px;justify-self:center}.insurance-quote-copy .btn-primary{width:100%}}