.hero-section[data-v-15f82546]{background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-surface) 50%);padding:80px 0;position:relative;overflow:hidden}.hero-bg[data-v-15f82546]{pointer-events:none;background:radial-gradient(600px 400px at 20% 30%,#2563eb0f 0%,#0000 70%),radial-gradient(500px 350px at 80% 20%,#2563eb0a 0%,#0000 70%);position:absolute;inset:0}.hero-inner[data-v-15f82546]{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1120px;margin:0 auto;padding:0 24px;display:grid;position:relative}.hero-content[data-v-15f82546]{text-align:left}.hero-badge[data-v-15f82546]{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title[data-v-15f82546]{letter-spacing:-.03em;color:var(--color-text);margin-bottom:12px;font-size:2.8rem;font-weight:800;line-height:1.15}.hero-value-prop[data-v-15f82546]{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:20px;font-size:1rem;display:flex}.value-prop-accent[data-v-15f82546]{background:var(--color-accent);border-radius:2px;flex-shrink:0;width:3px;height:16px;display:inline-block}.hero-features[data-v-15f82546]{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.hero-feature-item[data-v-15f82546]{align-items:flex-start;gap:10px;display:flex}.feature-icon-box[data-v-15f82546]{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.hero-feature-title[data-v-15f82546]{color:var(--color-text);margin-bottom:1px;font-size:.85rem;font-weight:600}.hero-feature-desc[data-v-15f82546]{color:var(--color-text-muted);font-size:.72rem;line-height:1.35}.cta-row[data-v-15f82546]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.btn.btn-primary.btn-lg[data-v-15f82546]{border-radius:12px;box-shadow:0 4px 14px #2563eb40}.btn.btn-primary.btn-lg[data-v-15f82546]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.btn.btn-primary.btn-lg[data-v-15f82546]:active{transform:scale(.98)}.social-proof[data-v-15f82546]{color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:.75rem;display:flex}.social-proof span[data-v-15f82546]{flex-shrink:0}.avatar-stack[data-v-15f82546]{display:flex}.avatar-stack[data-v-15f82546]>*+*{margin-left:-8px}.avatar[data-v-15f82546]{border:2px solid var(--color-surface);background:var(--color-surface);width:32px;height:32px;box-shadow:0 0 0 2px var(--color-accent), 0 2px 8px #00000014;object-fit:cover;border-radius:9999px;flex-shrink:0}.trust-badges[data-v-15f82546]{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.trust-badge[data-v-15f82546]{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-accent) 8%, transparent);border-radius:6px;align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;display:inline-flex}.trust-badge[data-v-15f82546]:before{content:"✓";color:var(--color-accent);font-size:.7rem;font-weight:700}.scene-tags[data-v-15f82546]{flex-wrap:wrap;align-items:center;gap:4px 0;display:flex}.sep[data-v-15f82546]{color:var(--color-border);margin:0 6px}.scene-tag-inline[data-v-15f82546]{color:var(--color-text-muted);font-size:.8rem}.hero-visual[data-v-15f82546]{justify-content:center;align-items:center;display:flex;position:relative}.showcase-card[data-v-15f82546]{background:var(--color-surface);border-radius:24px;width:420px;padding:28px;position:relative;box-shadow:0 16px 56px #00000014,0 0 0 1px #00000005}.showcase-view[data-v-15f82546]{grid-template-columns:1fr auto 1fr;align-items:center;gap:0;display:grid}.before-panel[data-v-15f82546],.after-panel[data-v-15f82546]{text-align:center;position:relative}.panel-label[data-v-15f82546]{color:var(--color-text-muted);margin-bottom:8px;font-size:.72rem;font-weight:600}.panel-qr[data-v-15f82546]{aspect-ratio:1;border-radius:12px;width:100%;display:block}.after-panel .panel-qr[data-v-15f82546]{z-index:1;position:relative;box-shadow:0 4px 16px #0000000f}.panel-glow[data-v-15f82546]{background:radial-gradient(circle at center, var(--color-accent) 0%, transparent 70%);opacity:.08;pointer-events:none;border-radius:20px;animation:4s ease-in-out infinite qrBreath-15f82546;position:absolute;inset:-12px}.vs-divider[data-v-15f82546]{flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.vs-icon[data-v-15f82546]{color:var(--color-text-muted);font-size:1.1rem;font-weight:300}.template-selector[data-v-15f82546]{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:6px;margin-top:16px;padding-top:14px;display:flex}.dot-btn[data-v-15f82546]{cursor:pointer;color:var(--color-text-muted);background:0 0;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;transition:all .2s;display:flex}.dot-btn[data-v-15f82546]:hover{background:var(--color-bg)}.dot-btn.active[data-v-15f82546]{font-weight:600}.dot-indicator[data-v-15f82546]{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-label[data-v-15f82546]{white-space:nowrap}.showcase-meta[data-v-15f82546]{color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:.72rem;display:flex}.meta-divider[data-v-15f82546]{opacity:.4}.floating-badge[data-v-15f82546]{color:var(--color-text-muted);z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:3px 10px;font-size:.65rem;font-weight:700;animation:3s ease-in-out infinite floatBadge-15f82546;position:absolute}.fb-tl[data-v-15f82546]{color:#3b82f6;background:#dbeafed9;animation-delay:0s;top:-8px;left:-8px}.fb-tr[data-v-15f82546]{color:#8b5cf6;background:#ede9fed9;animation-delay:.5s;top:-8px;right:-8px}.fb-bl[data-v-15f82546]{color:#10b981;background:#d1fae5d9;animation-delay:1s;bottom:-8px;left:-8px}.fb-br[data-v-15f82546]{color:#f97316;background:#ffedd5d9;animation-delay:1.5s;bottom:-8px;right:-8px}[data-theme=dark] .fb-tl[data-v-15f82546]{color:#93c5fd;background:#1e3a8ab3}[data-theme=dark] .fb-tr[data-v-15f82546]{color:#c4b5fd;background:#4c1d95b3}[data-theme=dark] .fb-bl[data-v-15f82546]{color:#6ee7b7;background:#064e3bb3}[data-theme=dark] .fb-br[data-v-15f82546]{color:#fdba74;background:#7c2d12b3}[data-theme=dark] .icon-rose[data-v-15f82546]{color:#fb7185!important;background:#be185d33!important}[data-theme=dark] .icon-amber[data-v-15f82546]{color:#fbbf24!important;background:#d9770633!important}[data-theme=dark] .icon-blue[data-v-15f82546]{color:#60a5fa!important;background:#2563eb33!important}[data-theme=dark] .icon-emerald[data-v-15f82546]{color:#34d399!important;background:#05966933!important}@keyframes qrBreath-15f82546{0%,to{opacity:.06}50%{opacity:.15}}@keyframes floatBadge-15f82546{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse-15f82546{0%,to{opacity:.5}50%{opacity:1}}.skeleton[data-v-15f82546]{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-text-muted) 50%, var(--color-border-light) 75%);background-size:200%;border-radius:12px;animation:1.5s ease-in-out infinite pulse-15f82546}@media (width<=768px){.hero-section[data-v-15f82546]{padding:80px 0 48px}.hero-inner[data-v-15f82546]{grid-template-columns:1fr;gap:40px}.hero-content[data-v-15f82546]{text-align:center}.hero-title[data-v-15f82546]{font-size:2.2rem}.hero-value-prop[data-v-15f82546]{text-align:center;justify-content:center}.hero-features[data-v-15f82546]{text-align:left;grid-template-columns:1fr}.cta-row[data-v-15f82546],.social-proof[data-v-15f82546],.scene-tags[data-v-15f82546],.trust-badges[data-v-15f82546]{justify-content:center}.hero-visual[data-v-15f82546]{margin-top:8px}.showcase-card[data-v-15f82546]{width:100%;max-width:320px;padding:16px}.showcase-view[data-v-15f82546]{grid-template-columns:1fr;gap:8px}.vs-divider[data-v-15f82546],.before-panel[data-v-15f82546],.floating-badge[data-v-15f82546]{display:none}.template-selector[data-v-15f82546]{gap:4px;padding-bottom:4px;overflow-x:auto}.dot-label[data-v-15f82546]{display:none}.dot-btn[data-v-15f82546]{padding:5px 8px}.showcase-meta[data-v-15f82546]{font-size:.65rem}.panel-glow[data-v-15f82546]{display:none}}