.hero-landing{--cream:#fff4e0;--pink:#ff2d87;--blue:#0a5fff;--butter:#ffcf00;--ink:#161413;--dark-bg:#0e0c0b;--display:var(--font-archivo-black), "Archivo Black", Impact, sans-serif;--mono:var(--font-space-mono), "Space Mono", ui-monospace, monospace;--body:var(--font-outfit), "Outfit", system-ui, sans-serif;background:var(--dark-bg);width:100%;height:100dvh;font-family:var(--mono);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-landing ::selection{background:var(--pink);color:var(--cream)}.hero-bg-h,.hero-bg-v{object-fit:cover;object-position:center 30%;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-bg-v{display:none}@media (max-width:768px){.hero-bg-h{display:none}.hero-bg-v{display:block}}@media (prefers-reduced-motion:reduce){.hero-bg-h,.hero-bg-v{display:none}}.hero-overlay{z-index:1;background:linear-gradient(#0e0c0b80 0%,#0e0c0ba6 40%,#0e0c0bd9 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:680px;padding:clamp(32px,6vw,64px) clamp(22px,5vw,88px);position:relative}.hero-wordmark{font-family:var(--display);letter-spacing:-.02em;color:var(--cream);text-transform:uppercase;font-size:clamp(64px,12vw,120px);line-height:1;display:inline-block;position:relative}.hero-wordmark .layer{text-align:center;pointer-events:none;white-space:nowrap;width:100%;position:absolute;top:0;left:0}.hero-wordmark .pink{color:var(--pink);opacity:.7;transform:translate(8px,8px)}.hero-wordmark .blue{color:var(--blue);opacity:.6;transform:translate(-7px,-7px)}.hero-wordmark .ink-layer{color:var(--cream);position:relative}.hero-display{font-family:var(--display);letter-spacing:-.01em;color:var(--cream);text-transform:uppercase;margin:20px 0 0;font-size:clamp(32px,5.5vw,52px);line-height:1}.hero-lede{font-family:var(--body);color:#fff4e0a6;max-width:480px;margin:20px auto 0;font-size:clamp(15px,1.8vw,19px);font-weight:400;line-height:1.55}.hero-lede strong{color:var(--cream);font-weight:600}.hero-cta-btn{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);background:var(--pink);border:3px solid var(--ink);box-shadow:0 12px 36px -8px #ff2d8773, 0 4px 12px #ff2d8733, 4px 4px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-top:36px;padding:20px 42px;font-size:17px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.hero-cta-btn:hover{box-shadow:0 16px 48px -8px #ff2d878c, 0 6px 16px #ff2d8740, 6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.hero-cta-btn:active{box-shadow:0 4px 12px -4px #ff2d874d, 0 2px 6px #ff2d8726, 0 0 0 var(--ink);transform:translate(2px,2px)}.hero-proof{font-family:var(--mono);color:#fff4e08c;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:13px;display:flex}.hero-proof .stars{gap:2px;display:flex}.hero-proof .stars svg{width:14px;height:14px}.hero-proof strong{color:var(--cream);font-weight:700}.hero-proof .dot{background:#fff4e040;border-radius:50%;flex-shrink:0;width:3px;height:3px}.hero-proof .faint{color:#fff4e04d}.hero-trust{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff4e066;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:12px;font-weight:700;display:flex}.hero-trust .dot{background:#fff4e02e;border-radius:50%;flex-shrink:0;width:4px;height:4px}.qr-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px)saturate(120%);background:#0e0c0b99;justify-content:center;align-items:center;animation:.25s ease-out qrFadeIn;display:flex;position:fixed;inset:0}.qr-modal{background:var(--cream);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);text-align:center;width:calc(100% - 48px);max-width:400px;padding:48px 48px 40px;animation:.3s cubic-bezier(.34,1.56,.64,1) qrScaleIn;position:relative}.qr-close{border:2px solid var(--ink);width:36px;height:36px;color:var(--ink);font-family:var(--mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .1s;display:flex;position:absolute;top:14px;right:14px}.qr-close:hover{background:var(--ink);color:var(--cream)}.qr-brand{font-family:var(--display);letter-spacing:-.02em;color:var(--pink);text-transform:uppercase;font-size:32px}.qr-subtitle{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-top:8px;font-size:14px;font-weight:700}.qr-code{border:3px solid var(--ink);width:200px;height:200px;box-shadow:4px 4px 0 var(--ink);background:#fff;justify-content:center;align-items:center;margin:28px auto 0;display:flex;overflow:hidden}.qr-code img{object-fit:contain;width:100%;height:100%}.qr-hint{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink);opacity:.5;margin-top:14px;font-size:11px}.qr-appstore{background:var(--ink);color:var(--cream);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--pink);align-items:center;gap:8px;margin-top:20px;padding:12px 22px;font-size:11px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.qr-appstore:hover{box-shadow:4px 4px 0 var(--pink);transform:translate(-1px,-1px)}.qr-appstore svg{width:16px;height:16px;fill:var(--cream)}.qr-pricing{font-family:var(--mono);color:var(--ink);opacity:.7;margin-top:16px;font-size:13px}.qr-pricing strong{color:var(--pink);opacity:1;font-weight:700}.qr-rating{font-family:var(--mono);color:var(--ink);opacity:.5;margin-top:8px;font-size:12px}.hero-direct-link{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#fff4e073;text-underline-offset:4px;margin-top:14px;font-size:11px;font-weight:700;-webkit-text-decoration:underline #fff4e033;text-decoration:underline #fff4e033;transition:color .15s;display:block}.hero-direct-link:hover{color:var(--butter);-webkit-text-decoration-color:var(--butter);text-decoration-color:var(--butter)}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}@keyframes qrScaleIn{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.hero-wordmark{font-size:clamp(48px,14vw,72px)}.hero-wordmark .pink{transform:translate(5px,5px)}.hero-wordmark .blue{transform:translate(-5px,-5px)}.hero-display{font-size:clamp(26px,7vw,36px)}.hero-cta-btn{padding:18px 32px;font-size:15px}.qr-modal{padding:36px 28px 32px}.qr-code{width:180px;height:180px}}