@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&family=Work+Sans:wght@400;500;600&display=swap";:root{--bg: #ffffff;--bg-soft: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--accent: #f97316;--accent-2: #0ea5e9;--accent-strong: #0f172a;--text: #0f172a;--muted: #64748b;--muted-strong: #475569;--border: #e2e8f0;--border-strong: #cbd5f5;--danger: #dc2626;--success: #16a34a;--warning: #c2410c;--shadow-sm: 0 8px 18px rgba(15, 23, 42, .08);--shadow-md: 0 18px 40px rgba(15, 23, 42, .12);--shadow-lg: 0 28px 60px rgba(15, 23, 42, .16);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--text-xs: .75rem;--text-sm: .85rem;--text-md: .95rem;--text-lg: 1.1rem;--text-xl: 1.4rem;--text-2xl: 1.8rem;--font-body: "Work Sans", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;scroll-behavior:smooth}#hero,#features,#use-cases,#pricing,#how{scroll-margin-top:72px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--text);background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}p,span,a,li,button,input,textarea,select{font-family:var(--font-body)}a{color:inherit;text-decoration:none;transition:color .2s ease}.page{width:100%;margin:0;padding:0}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0 40px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:700}.brand-text small{display:block;color:var(--muted)}.nav-links{display:flex;gap:24px;align-items:center}.nav-links .cta{padding:10px 18px;border-radius:999px;background:var(--accent);color:#0f172a;font-weight:600}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center;margin-bottom:64px}.hero-copy .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--accent-2);margin-bottom:12px}.hero-copy h1{font-size:clamp(2.4rem,4vw,3.8rem);margin:0 0 16px}.hero-copy .lede{color:var(--muted);font-size:1.1rem;line-height:1.6}.hero-actions{display:flex;gap:16px;margin:24px 0}button{border:none;padding:12px 22px;font-family:var(--font-display);border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,color .2s ease}button:hover{transform:translateY(-1px)}button.primary{background:var(--accent);color:#0f172a;font-weight:600;box-shadow:var(--shadow-sm)}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button:disabled,.ui-button:disabled{opacity:.6;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(56,189,248,.35);outline-offset:2px}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.ui-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.ui-card-header h3{margin:0;font-size:var(--text-lg)}.ui-card-subtitle{color:var(--muted);font-size:var(--text-sm);margin:4px 0 0}.ui-input,.ui-select,.ui-textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:10px 12px;font-size:var(--text-md);background:#ffffff;color:var(--text)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #38bdf826}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{background:#f1f5f9;color:var(--muted);cursor:not-allowed}.ui-label{display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--text)}.ui-helper{font-size:var(--text-xs);color:var(--muted)}.ui-error{font-size:var(--text-xs);color:var(--danger)}.ui-message{font-size:var(--text-sm)}.ui-message--success{color:var(--success)}.ui-message--error{color:var(--danger)}.ui-message--warning{color:var(--warning)}.ui-button{border-radius:999px;padding:10px 18px;font-size:var(--text-sm);font-weight:600;border:1px solid transparent}.ui-button--primary{background:var(--accent);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.ui-button--ghost{background:transparent;border-color:var(--border);color:var(--text)}.ui-button--danger{background:var(--danger);color:#fff}.ui-button--primary:hover{filter:brightness(.98)}.ui-button--ghost:hover{background:var(--bg-soft)}.ui-button--danger:hover{filter:brightness(.96)}.ui-icon-button{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff;padding:8px;font-size:var(--text-sm);cursor:pointer}.ui-badge{background:rgba(56,189,248,.15);color:var(--accent-2);padding:6px 12px;border-radius:999px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em}.ui-status{font-size:var(--text-xs);padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:var(--space-1)}.ui-status--success{background:rgba(22,163,74,.12);color:var(--success)}.ui-status--warning{background:rgba(234,88,12,.12);color:var(--warning)}.ui-status--muted{background:#e2e8f0;color:var(--muted-strong)}.ui-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:var(--space-6);z-index:40;animation:fadeIn .18s ease}.ui-modal{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);width:min(520px,100%);max-height:90vh;overflow:auto;animation:popIn .2s ease}.ui-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.ui-modal-body{padding:var(--space-5) var(--space-6);display:grid;gap:var(--space-4)}.ui-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2)}.ui-toast-stack{position:fixed;bottom:var(--space-6);right:var(--space-6);display:grid;gap:var(--space-3);z-index:50}.ui-toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);min-width:240px;display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;font-size:var(--text-sm)}.ui-toast--success{border-color:#16a34a66}.ui-toast--error{border-color:#dc262666}.ui-skeleton{display:grid;gap:var(--space-2)}.ui-skeleton-line{height:14px;border-radius:999px;background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:translateY(6px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pill{background:rgba(56,189,248,.2);color:var(--accent-2);padding:6px 14px;border-radius:999px;font-size:.75rem}.qr-preview{height:180px;border-radius:16px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08),rgba(255,255,255,.08) 6px,rgba(255,255,255,.02) 6px,rgba(255,255,255,.02) 12px);margin-bottom:16px}.stat{display:flex;justify-content:space-between;margin-bottom:16px}.bar{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--accent),transparent);margin-bottom:10px}.bar.muted{opacity:.5}.bar.small{width:60%}.features,.pricing,.security{margin-bottom:64px}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px}.feature-grid article,.plan{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm)}.plan.featured{border-color:var(--accent);background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(21,31,60,.8))}.plan .price{font-size:2rem;margin:12px 0}.plan ul{padding:0;list-style:none;color:var(--muted)}.security{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;align-items:center}.security-panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;padding:24px;display:grid;gap:18px}.security-panel span{display:block;color:var(--muted);margin-top:4px}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:20px 0;color:var(--muted)}.footer a{margin-left:16px}@media (max-width: 768px){.nav{flex-direction:column;gap:16px}.nav-links{flex-wrap:wrap;justify-content:center}.hero-actions{flex-direction:column}.footer{flex-direction:column;gap:12px}}