:root {
      --uw-bg:     #0f1117;
      --uw-card:   #181c25;
      --uw-border: #252a36;
      --uw-subtle: #1e2330;
      --uw-green:  #22c55e;
      --uw-green-h:#28d968;
      --uw-glow:   rgba(34,197,94,.15);
      --uw-muted:  #64748b;
      --uw-white:  #f1f5f9;
      --uw-red:    #ef4444;
      --uw-red-glow: rgba(239,68,68,.15);
    }

    body { background: var(--uw-bg); color: var(--uw-white); font-family: 'Outfit', sans-serif; }

    .text-green    { color: var(--uw-green) !important; }
    .text-uw-muted { color: var(--uw-muted) !important; }
    .border-uw     { border-color: var(--uw-border) !important; }

    /* Navbar */
    .navbar { background: rgba(15,17,23,.96); backdrop-filter: blur(12px); border-bottom: 1px solid var(--uw-border); }
    .navbar-brand { font-size: 1.3rem; font-weight: 800; letter-spacing: -.02em; color: var(--uw-white); }
    .navbar-brand span { color: var(--uw-green); }
    .badge-live { font-size: .72rem; font-weight: 500; color: var(--uw-green); background: var(--uw-glow); border: 1px solid rgba(34,197,94,.3); border-radius: 100px; padding: .28rem .8rem; }
    .badge-pause { font-size: .72rem; font-weight: 500; color: var(--uw-red); background: var(--uw-red-glow); border: 1px solid rgba(34,197,94,.3); border-radius: 100px; padding: .28rem .8rem; }

    .pulse-dot { display: inline-block; width: 7px; height: 7px; background: var(--uw-green); border-radius: 50%; box-shadow: 0 0 6px var(--uw-green); animation: pulse 2s ease infinite; }
    .pulse-pause { display: inline-block; width: 7px; height: 7px; background: var(--uw-red); border-radius: 50%; box-shadow: 0 0 6px var(--uw-red); animation: pulse 2s ease infinite; }
    @keyframes pulse { 0%,100%{ box-shadow: 0 0 6px var(--uw-green); } 50%{ box-shadow: 0 0 14px var(--uw-green); } }

    /* Hero */
    .hero {
	  padding: 0.25rem 0 3rem;
	}

	/* Desktop */
	@media (min-width: 413px) {
	  .hero {
		padding: 5rem 0 3rem;
	  }
	}
    .hero h1 { font-size: clamp(2.4rem,6vw,3.8rem); font-weight: 800; line-height: 1.1; letter-spacing: -.03em; }

    /* Price card */
    .price-card { background: var(--uw-card); border: 1px solid var(--uw-border); border-radius: 16px; }
    .price-amount { font-size: 2.8rem; font-weight: 800; letter-spacing: -.03em; color: var(--uw-green); line-height: 1; }
    .price-unit { font-size: 1rem; font-weight: 600; color: var(--uw-muted); }
    .perk-icon { color: var(--uw-green); font-size: 1rem; flex-shrink: 0; }

    /* CTA */
    .btn-cta { display: block; width: 100%; background: var(--uw-green); color: #0a0f0a; font-family: 'Outfit', sans-serif; font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em; border: none; border-radius: 12px; padding: 1rem 2rem; text-decoration: none; text-align: center; transition: background .2s, transform .15s, box-shadow .2s; cursor: pointer; }
    .btn-cta:hover { background: var(--uw-green-h); color: #0a0f0a; box-shadow: 0 0 32px rgba(34,197,94,.35); transform: translateY(-1px); }
    .btn-cta:active { transform: translateY(0); }
    .btn-cta:disabled { opacity: .6; cursor: not-allowed; transform: none; }

    /* Step number */
    .step-num { width: 32px; height: 32px; background: var(--uw-subtle); border: 1px solid var(--uw-border); border-radius: 8px; display: grid; place-items: center; font-size: .78rem; font-weight: 700; color: var(--uw-green); flex-shrink: 0; }

    /* Why cards */
    .why-card { background: var(--uw-card); border: 1px solid var(--uw-border); border-radius: 12px; transition: border-color .2s; }
    .why-card:hover { border-color: rgba(34,197,94,.4); }
    .why-icon { width: 40px; height: 40px; background: var(--uw-glow); border: 1px solid rgba(34,197,94,.25); border-radius: 10px; display: grid; place-items: center; color: var(--uw-green); font-size: 1.1rem; flex-shrink: 0; }

    /* Urgency banner */
    .urgency { background: rgba(34,197,94,.07); border: 1px solid rgba(34,197,94,.2); border-radius: 10px; font-size: .82rem; }

    /* Objection row */
    .objection { background: var(--uw-card); border: 1px solid var(--uw-border); border-radius: 12px; font-size: .85rem; }
    .objection .q { font-weight: 600; color: var(--uw-white); }
    .objection .a { color: var(--uw-muted); }

    /* Section label */
    .section-label { font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--uw-muted); }

    hr { border-color: var(--uw-border); }

    /* Footer */
    footer { border-top: 1px solid var(--uw-border); font-size: .78rem; color: var(--uw-muted); }
    footer a { color: var(--uw-muted); text-decoration: none; transition: color .2s; }
    footer a:hover { color: var(--uw-white); }

    /* Fade-in */
    .fade-up { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
    .fade-up.visible { opacity: 1; transform: translateY(0); }

    /* ══ MODAL OVERLAY ══ */
    .uw-modal-overlay {
      position: fixed; inset: 0; z-index: 9999;
      background: rgba(8,10,15,.88);
      backdrop-filter: blur(8px);
      display: flex; align-items: center; justify-content: center;
      padding: 1rem;
      opacity: 0; pointer-events: none;
      transition: opacity .3s ease;
    }
    .uw-modal-overlay.open {
      opacity: 1; pointer-events: all;
    }
    .uw-modal {
      background: var(--uw-card);
      border: 1px solid var(--uw-border);
      border-radius: 20px;
      padding: 2rem;
      width: 100%; max-width: 440px;
      transform: translateY(20px) scale(.97);
      transition: transform .3s ease;
      position: relative;
    }
    .uw-modal-overlay.open .uw-modal {
      transform: translateY(0) scale(1);
    }
    .uw-modal-close {
      position: absolute; top: 1rem; right: 1rem;
      background: var(--uw-subtle); border: 1px solid var(--uw-border);
      border-radius: 8px; width: 32px; height: 32px;
      display: grid; place-items: center;
      color: var(--uw-muted); cursor: pointer;
      transition: background .2s, color .2s;
      font-size: .9rem;
    }
    .uw-modal-close:hover { background: var(--uw-border); color: var(--uw-white); }

    /* Email input */
    .uw-input-wrap { position: relative; }
    .uw-input-wrap i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--uw-muted); font-size: .9rem; pointer-events: none; }
    .uw-input {
      width: 100%;
      background: var(--uw-subtle);
      border: 1.5px solid var(--uw-border);
      border-radius: 10px;
      color: var(--uw-white);
      font-family: 'Outfit', sans-serif;
      font-size: .95rem;
      padding: .85rem 1rem .85rem 2.6rem;
      outline: none;
      transition: border-color .2s, box-shadow .2s;
    }
    .uw-input::placeholder { color: var(--uw-muted); }
    .uw-input:focus { border-color: var(--uw-green); box-shadow: 0 0 0 3px rgba(34,197,94,.12); }
    .uw-input.error { border-color: var(--uw-red); box-shadow: 0 0 0 3px rgba(239,68,68,.12); }

    .uw-error-msg { color: var(--uw-red); font-size: .78rem; margin-top: .4rem; display: none; }
    .uw-error-msg.show { display: block; }

    /* Modal icon rings */
    .modal-icon-ring {
      width: 72px; height: 72px; border-radius: 50%;
      display: grid; place-items: center;
      margin: 0 auto 1.25rem;
      font-size: 2rem;
    }
    .modal-icon-ring.success { background: var(--uw-glow); border: 2px solid rgba(34,197,94,.35); color: var(--uw-green); }
    .modal-icon-ring.failure { background: var(--uw-red-glow); border: 2px solid rgba(239,68,68,.35); color: var(--uw-red); }

    /* Token badge */
    .token-badge {
      background: var(--uw-subtle); border: 1px solid var(--uw-border);
      border-radius: 8px; padding: .5rem .85rem;
      font-size: .72rem; color: var(--uw-muted);
      font-family: 'Courier New', monospace;
      word-break: break-all; text-align: center;
      margin-top: .75rem;
    }

    /* Loading spinner inside button */
    .btn-spinner {
      display: inline-block; width: 16px; height: 16px;
      border: 2px solid rgba(0,0,0,.3);
      border-top-color: #0a0f0a;
      border-radius: 50%;
      animation: spin .7s linear infinite;
      vertical-align: middle; margin-right: .5rem;
    }
    @keyframes spin { to { transform: rotate(360deg); } }

    /* Success/fail action buttons */
    .btn-modal-action {
      display: block; width: 100%;
      border: none; border-radius: 10px;
      padding: .85rem; font-family: 'Outfit', sans-serif;
      font-size: .95rem; font-weight: 700;
      cursor: pointer; transition: opacity .2s, transform .15s;
      text-align: center; text-decoration: none;
    }
    .btn-modal-action:hover { opacity: .9; transform: translateY(-1px); }
    .btn-modal-action.green { background: var(--uw-green); color: #0a0f0a; }
    .btn-modal-action.red   { background: var(--uw-red);   color: #fff; }
    .btn-modal-action.ghost {
      background: transparent; color: var(--uw-muted);
      border: 1px solid var(--uw-border); margin-top: .6rem;
    }
    .btn-modal-action.ghost:hover { color: var(--uw-white); border-color: var(--uw-muted); }