.ref-hero.svelte-fi8rcy{padding:140px 0 72px;position:relative;overflow:hidden}.ref-hero-grid.svelte-fi8rcy{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid;position:relative}.ref-hero-copy.svelte-fi8rcy h1:where(.svelte-fi8rcy){letter-spacing:-.025em;color:var(--text-marketing-hi);margin:0 0 18px;font-size:clamp(2rem,4vw,2.9rem);font-weight:800;line-height:1.15}.ref-hero-tagline.svelte-fi8rcy{color:var(--text-marketing-2);max-width:48ch;margin:0;font-size:1.05rem;line-height:1.65}.ref-hero-box.svelte-fi8rcy{display:flex}.ref-box.svelte-fi8rcy{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);width:100%;padding:28px}.ref-box-label.svelte-fi8rcy{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-marketing-3);margin-bottom:12px;font-size:11px;font-weight:700;display:block}.ref-code-row.svelte-fi8rcy{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:16px;padding:14px 18px}.ref-code-val.svelte-fi8rcy{font-family:var(--font-mono);letter-spacing:.08em;color:var(--brand);font-size:22px;font-weight:700}.ref-box-actions.svelte-fi8rcy{flex-wrap:wrap;gap:10px;display:flex}.cta-btn.small.svelte-fi8rcy{padding:9px 16px;font-size:13px}.ref-box-stat.svelte-fi8rcy{color:var(--text-marketing-2);margin:16px 0 0;font-size:13px}.ref-box-history.svelte-fi8rcy{color:var(--brand);margin-top:14px;font-size:13px;text-decoration:none;display:inline-block}.ref-box-history.svelte-fi8rcy:hover{text-decoration:underline}.ref-box-signedout.svelte-fi8rcy{color:var(--text-marketing-2);margin:0 0 18px;font-size:14px;line-height:1.55}.ref-box-fallback.svelte-fi8rcy{color:var(--text-marketing-2);margin:0;font-size:13px}.ref-box-retry.svelte-fi8rcy{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.ref-box.skel.svelte-fi8rcy{flex-direction:column;gap:12px;display:flex}.sk.skel-l.svelte-fi8rcy{border-radius:6px;height:15px}.skel-l.lg.svelte-fi8rcy{width:70%;height:26px}.skel-l.md.svelte-fi8rcy{width:50%}.ref-steps.svelte-fi8rcy{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;display:grid}.ref-step.svelte-fi8rcy{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);padding:24px}.ref-step-num.svelte-fi8rcy{background:var(--brand-dim);border:1px solid var(--brand-border);width:32px;height:32px;color:var(--brand);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:14px;font-weight:700;display:inline-flex}.ref-step.svelte-fi8rcy h3:where(.svelte-fi8rcy){color:var(--text-marketing-hi);margin:0 0 8px;font-size:1rem;font-weight:700}.ref-step.svelte-fi8rcy p:where(.svelte-fi8rcy){color:var(--text-marketing-3);margin:0;font-size:.88rem;line-height:1.55}@media (width<=900px){.ref-hero-grid.svelte-fi8rcy{grid-template-columns:1fr;gap:36px}.ref-hero.svelte-fi8rcy{padding:108px 0 56px}.ref-steps.svelte-fi8rcy{grid-template-columns:1fr}}