:root{--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-200: #c7d2fe;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--brand-800: #3730a3;--brand-900: #312e81;--ink-900: #0c0a09;--ink-800: #1c1917;--ink-700: #292524;--ink-600: #44403c;--ink-500: #57534e;--ink-400: #78716c;--ink-300: #a8a29e;--ink-200: #d6d3d1;--ink-150: #e7e5e4;--ink-100: #f5f5f4;--ink-50: #fafaf9;--bg: #fafaf9;--bg-elev: #ffffff;--bg-soft: #f5f5f4;--border: #e7e5e4;--border-strong: #d6d3d1;--text: var(--ink-800);--text-muted:var(--ink-500);--text-soft: var(--ink-400);--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-700: #b45309;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-full: 9999px;--radius: 12px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .08), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, .12), 0 4px 8px -2px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 48px -12px rgba(15, 23, 42, .18), 0 8px 16px -4px rgba(15, 23, 42, .08);--shadow-brand: 0 8px 24px -8px rgba(99, 102, 241, .45);--ring-brand: 0 0 0 3px rgba(99, 102, 241, .18);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03";min-height:100dvh;overflow-x:hidden}img,svg,canvas,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:var(--brand-700);text-decoration:none}a:hover{color:var(--brand-800)}hr{border:0;border-top:1px solid var(--border);margin:24px 0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(80% 60% at 90% -10%,rgba(99,102,241,.08),transparent 60%),radial-gradient(60% 50% at -10% 10%,rgba(165,180,252,.1),transparent 70%)}h1,h2,h3,h4{margin:0 0 12px;color:var(--ink-900);font-weight:700;letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(28px,6.5vw,52px);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(24px,4.5vw,36px)}h3{font-size:clamp(17px,2.5vw,20px)}h4{font-size:16px}p{margin:0 0 12px;color:var(--text)}small{font-size:13px;color:var(--text-muted)}strong{font-weight:600;color:var(--ink-900)}em{font-style:italic}.lede{font-size:clamp(15px,2.4vw,18px);color:var(--text-muted);line-height:1.6;margin:0 0 24px;max-width:60ch}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:.92em}.container{width:100%;max-width:1120px;margin:0 auto;padding:24px 20px 64px}.container-sm{max-width:640px}.section{width:100%;max-width:1120px;margin:0 auto;padding:56px 20px}.section.alt{background:var(--bg-elev);border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:100%;padding-left:20px;padding-right:20px}.section.alt>*{max-width:1120px;margin-left:auto;margin-right:auto}.section-head{text-align:center;margin:0 auto 40px;max-width:640px}.section-head .lede{margin:0 auto}.section-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-700);background:var(--brand-50);padding:6px 12px;border-radius:var(--r-full);margin-bottom:16px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.grid-2{display:grid;gap:16px;grid-template-columns:1fr;margin:16px 0}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#fafaf9d9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--ink-900);letter-spacing:-.02em}.brand:hover{color:var(--ink-900)}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:var(--shadow-brand)}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);gap:4px}.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink-800);border-radius:2px;transition:transform .2s,opacity .2s}.nav.is-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav.is-open .nav-toggle span:nth-child(2){opacity:0}.nav.is-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:4px;padding:16px 20px 24px;background:var(--bg-elev);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.nav.is-open .nav-links{display:flex}.nav-links>a,.nav-links>button{display:block;padding:12px 14px;border-radius:var(--r-sm);font-size:15px;font-weight:500;color:var(--ink-700);text-align:left}.nav-links>a:hover,.nav-links>button:hover{background:var(--ink-100);color:var(--ink-900)}.nav-links>a.active{background:var(--brand-50);color:var(--brand-700)}.nav-links>a.btn,.nav-links>a.btn.primary{text-align:center;margin-top:4px}.link-button{font:inherit;color:var(--ink-700);cursor:pointer}.footer{margin-top:48px;padding:32px 20px 40px;border-top:1px solid var(--border);text-align:center;font-size:13px;color:var(--text-muted);background:var(--bg-elev)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:10px;border:1px solid transparent;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .06s,background-color .15s,border-color .15s,box-shadow .15s,color .15s;text-decoration:none;-webkit-user-select:none;user-select:none;min-height:44px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--ring-brand)}.btn.primary,.btn-primary{background:var(--brand-600);color:#fff;border-color:var(--brand-600);box-shadow:var(--shadow-sm),inset 0 1px #ffffff2e}.btn.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--brand-700);border-color:var(--brand-700);color:#fff}.btn.secondary,.btn-secondary{background:var(--bg-elev);color:var(--ink-800);border-color:var(--border-strong)}.btn.secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--ink-100);border-color:var(--ink-300);color:var(--ink-900)}.btn.ghost,.btn-ghost{background:transparent;color:var(--ink-700);border-color:transparent}.btn.ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--ink-100);color:var(--ink-900)}.btn.danger,.btn-danger{background:var(--bg-elev);color:var(--danger-700);border-color:var(--danger-100)}.btn.danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-700)}.btn.lg,.btn-lg{padding:14px 22px;font-size:16px;min-height:52px;border-radius:12px}.btn.sm,.btn-sm{padding:8px 12px;font-size:13px;min-height:36px;border-radius:8px}.btn.xs,.btn-xs{padding:5px 10px;font-size:12px;min-height:28px;border-radius:7px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label,.field>span:first-child{font-size:13px;font-weight:600;color:var(--ink-800);letter-spacing:0}.field input,.field textarea,.field select,input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],input[type=number],input[type=tel],textarea,select{width:100%;padding:12px 14px;font-size:16px;font-family:inherit;color:var(--ink-900);background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s;min-height:44px}.field input::placeholder,input::placeholder,textarea::placeholder{color:var(--ink-300)}.field input:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}.field input:focus,input:focus,textarea:focus,select:focus{border-color:var(--brand-500);box-shadow:var(--ring-brand)}.field input:disabled,input:disabled{background:var(--ink-100);color:var(--text-soft);cursor:not-allowed}textarea{min-height:96px;resize:vertical;line-height:1.5}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2378716c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.hint,.field-hint{display:block;font-size:12.5px;color:var(--text-muted);margin-top:4px}.field-hint{margin:0}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-form input{flex:1 1 200px}.alert,.error{padding:12px 14px;border-radius:10px;border:1px solid;font-size:14px;line-height:1.5;margin:0 0 12px}.error,.alert-error{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.alert-success{background:var(--success-50);border-color:var(--success-100);color:var(--success-700)}.alert-info{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-800)}.alert-warning{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.01em;border-radius:var(--r-full);background:var(--ink-100);color:var(--ink-700);border:1px solid var(--border);white-space:nowrap;vertical-align:middle}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-400);display:inline-block}.badge.on,.badge-ok{background:var(--success-50);color:var(--success-700);border-color:var(--success-100)}.badge.on .dot{background:var(--success-500);box-shadow:0 0 0 3px #10b98126}.badge.off{background:var(--ink-100);color:var(--ink-500);border-color:var(--border)}.badge.off .dot{background:var(--ink-400)}.badge-warn{background:var(--warning-50);color:var(--warning-700);border-color:var(--warning-100)}.badge.hot{background:linear-gradient(135deg,#fff7ed,#ffe4d6);color:#c2410c;border-color:#fed7aa}.badge.hot .dot{background:#f97316;box-shadow:0 0 0 3px #f973162e}.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 3px #6366f133;display:inline-block}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-xs);transition:box-shadow .2s,border-color .2s}.card.elevated{box-shadow:var(--shadow-md)}.card-title{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--ink-900)}.stat-card{padding:20px}.stat-label{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stat-value{font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.03em;color:var(--ink-900);margin-top:4px;font-variant-numeric:tabular-nums}.kv{display:grid;grid-template-columns:1fr;gap:4px 16px;margin:0}.kv dt{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:12px}.kv dt:first-child{margin-top:0}.kv dd{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink-800);font-size:15px}.auth-shell{min-height:calc(100dvh - 200px);display:flex;align-items:center;justify-content:center;padding:32px 20px}.auth-card{width:100%;max-width:440px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px 28px;box-shadow:var(--shadow-lg)}.auth-card h1{font-size:clamp(24px,4vw,30px);text-align:center;margin-bottom:8px}.auth-card .lede{text-align:center;margin:0 auto 24px;font-size:14.5px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--ink-100);border-radius:10px;padding:4px;margin-bottom:20px;gap:2px}.auth-tab{padding:9px 12px;font-size:14px;font-weight:500;color:var(--text-muted);border-radius:7px;background:transparent;border:0;cursor:pointer;transition:background-color .15s,color .15s}.auth-tab:hover{color:var(--ink-800)}.auth-tab.is-active{background:var(--bg-elev);color:var(--ink-900);font-weight:600;box-shadow:var(--shadow-xs)}.auth-providers{display:flex;flex-direction:column;gap:10px}.auth-provider-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:10px;font-size:15px;font-weight:600;color:var(--ink-900);cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s;min-height:48px}.auth-provider-btn:hover{background:var(--ink-100);border-color:var(--ink-300);color:var(--ink-900)}.auth-provider-btn img{width:18px;height:18px}.auth-form{display:flex;flex-direction:column;gap:0}.auth-form .field{margin-bottom:14px}.auth-secondary{text-align:center;font-size:12.5px;color:var(--text-muted);margin-top:16px}.auth-footer{text-align:center;font-size:14px;color:var(--text-muted);margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.auth-footer a{font-weight:600}.hero{text-align:center;padding:56px 20px 40px;max-width:800px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--r-full);background:var(--brand-50);color:var(--brand-700);font-size:13px;font-weight:600;margin-bottom:24px;border:1px solid var(--brand-100)}.hero h1{background:linear-gradient(180deg,var(--ink-900) 0%,var(--ink-700) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 18px}.hero .lede{margin:0 auto 28px;max-width:560px}.cta{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0 auto 12px;max-width:400px}.cta .btn{width:100%}.cta-hint{font-size:13px;color:var(--text-muted);margin-top:8px}.demo{max-width:1000px;margin:0 auto;padding:0 20px 40px}.demo-card{display:grid;grid-template-columns:1fr;gap:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-lg)}.demo-input{padding:24px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border)}.demo-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.demo-input input{font-family:var(--font-mono);font-size:14px}.demo-live{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.demo-live>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.demo-live-num{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink-900);line-height:1}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.preset-chip{padding:6px 12px;background:var(--ink-100);border:1px solid var(--border);color:var(--ink-700);border-radius:var(--r-full);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s}.preset-chip:hover{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-200)}.demo-qr{display:grid;place-items:center;padding:32px 24px;background:linear-gradient(135deg,var(--brand-50),var(--bg-elev)),radial-gradient(circle at 30% 20%,rgba(99,102,241,.08),transparent 60%)}.demo-qr canvas{width:168px;height:168px;border-radius:12px;background:#fff;padding:12px;box-shadow:var(--shadow-md)}.features-grid{display:grid;grid-template-columns:1fr;gap:16px}.feature{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature:hover{transform:translateY(-2px);border-color:var(--brand-200);box-shadow:var(--shadow-md)}.feature-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--brand-50);color:var(--brand-700);font-size:18px;font-weight:700;margin-bottom:16px}.feature h3{margin:0 0 6px;font-size:16px}.feature p{margin:0;color:var(--text-muted);font-size:14.5px;line-height:1.55}.usecases{display:grid;grid-template-columns:1fr;gap:16px}.usecase{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:border-color .2s,box-shadow .2s}.usecase:hover{border-color:var(--brand-200);box-shadow:var(--shadow-sm)}.usecase .emoji{font-size:24px;display:block;margin-bottom:8px}.usecase h3{margin:0 0 4px;font-size:16px}.usecase p{margin:0;color:var(--text-muted);font-size:14.5px}.faq-grid{display:grid;grid-template-columns:1fr;gap:16px}.faq-item{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px}.faq-item h3{margin:0 0 8px;font-size:16px;color:var(--ink-900)}.faq-item p{margin:0;color:var(--text-muted);font-size:14.5px;line-height:1.65}.trust-band{text-align:center;padding:32px 20px;font-size:14.5px;color:var(--text-muted);max-width:720px;margin:0 auto;line-height:1.7}.trust-band em{color:var(--ink-800);font-weight:500;font-style:normal}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-head h1{font-size:clamp(24px,4vw,32px);margin:0 0 4px}.page-head .sub{font-size:14px;color:var(--text-muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-head .lede{margin:4px 0 0}.dashboard-toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-input{flex:1 1 240px;min-width:0}.search-input input{width:100%}.list{display:flex;flex-direction:column;gap:10px}.qr-row{display:grid;grid-template-columns:1fr;grid-template-areas:"main" "meta-row";gap:8px;padding:16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;color:inherit;transition:transform .1s,box-shadow .2s,border-color .2s}.qr-row:hover{border-color:var(--brand-200);box-shadow:var(--shadow-md);transform:translateY(-1px);color:inherit}.qr-row>div:first-child{grid-area:main;min-width:0}.qr-row .badge-cell{grid-area:meta-row;justify-self:start}.qr-row .scans-cell{grid-area:meta-row;justify-self:end;display:flex;align-items:baseline;gap:6px}.qr-row .chevron{display:none}.qr-row .label{font-size:16px;font-weight:600;color:var(--ink-900);margin-bottom:4px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.qr-row .meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);min-width:0}.qr-row .meta .mono{color:var(--brand-700);font-weight:500;white-space:nowrap}.qr-row .meta .arrow{color:var(--ink-300);flex-shrink:0}.qr-row .meta .target{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.qr-row .scans{font-size:18px;font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums}.qr-row .scans-label{font-size:12px;color:var(--text-muted)}.empty-state{text-align:center;padding:56px 20px;background:var(--bg-elev);border:1px dashed var(--border-strong);border-radius:var(--r-lg)}.empty-state .empty-icon{font-size:32px;margin-bottom:12px}.empty-state h2{font-size:20px;margin:0 0 6px}.empty-state p{color:var(--text-muted);max-width:380px;margin:0 auto 20px}.split{display:grid;grid-template-columns:1fr;gap:20px}.success-card{text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-2xl);padding:40px 24px;box-shadow:var(--shadow-lg);max-width:560px;margin:0 auto}.success-card h2{margin:12px 0 24px;font-size:clamp(22px,3.5vw,28px)}.canvas-frame{display:grid;place-items:center;padding:20px;background:var(--ink-50);border:1px solid var(--border);border-radius:var(--r-lg);margin:0 auto 20px;width:max-content;max-width:100%}.canvas-frame canvas{background:#fff;border-radius:8px}.preview-short{font-family:var(--font-mono);font-size:13px;color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100);padding:10px 14px;border-radius:10px;margin:0 auto 20px;word-break:break-all}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.actions .btn{flex:1 1 140px}.preview-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:var(--shadow-xs)}.preview-frame{width:100%;min-height:220px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-50),var(--bg-soft));border-radius:var(--r-md);padding:20px}.preview-frame canvas{background:#fff;border-radius:8px;padding:8px;box-shadow:var(--shadow-md)}.preview-empty{font-size:13px;color:var(--text-muted);line-height:1.5}.preview-meta{font-size:13px;color:var(--text-muted)}.cockpit-grid{display:grid;grid-template-columns:1fr;gap:20px}.cockpit-grid>*{min-width:0}.cockpit-side{display:grid;gap:20px;min-width:0}.cockpit-side .card.elevated{padding:20px;text-align:center}.cockpit-side .card.elevated canvas{margin:0 auto;background:#fff;border-radius:12px;padding:8px;border:1px solid var(--border)}.short-link-bar{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:10px}.short-link-bar .url{flex:1;font-family:var(--font-mono);font-size:13px;color:var(--brand-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.insight-list{display:flex;flex-direction:column;gap:12px}.insight{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-soft);border-radius:10px;font-size:14.5px}.insight .ico{display:grid;place-items:center;width:36px;height:36px;font-size:18px;background:var(--bg-elev);border-radius:8px;flex-shrink:0}.bars-chart{display:flex;align-items:flex-end;gap:2px;height:140px;padding:8px 0}.bars-chart .bar{flex:1;min-height:2px;background:linear-gradient(180deg,var(--brand-400),var(--brand-600));border-radius:3px 3px 0 0;animation:bar-rise .5s ease-out backwards;transition:opacity .2s}.bars-chart .bar:hover{opacity:.75}.bars-chart .bar.empty{background:var(--ink-100);min-height:4px}@keyframes bar-rise{0%{height:0!important;opacity:0}}.big-number{display:flex;flex-direction:column;gap:4px}.big-number .label{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.big-number .value{font-size:clamp(32px,5vw,44px);font-weight:800;letter-spacing:-.03em;color:var(--ink-900);line-height:1;font-variant-numeric:tabular-nums}.big-number .delta{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:500;margin-top:4px}.big-number .delta.up{color:var(--success-700)}.big-number .delta.down{color:var(--danger-700)}.big-number .delta.flat{color:var(--text-muted)}.live-feed{display:flex;flex-direction:column;gap:8px}.live-item{display:grid;grid-template-columns:12px auto 1fr;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-soft);border-radius:8px;font-size:13.5px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success-500);box-shadow:0 0 0 4px #10b9812e;animation:pulse 1.6s ease-in-out infinite}.live-dot.stale{background:var(--ink-300);box-shadow:none;animation:none}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #10b9812e}50%{box-shadow:0 0 0 7px #10b9810f}}.live-when{color:var(--ink-800);font-weight:600;white-space:nowrap}.live-meta{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.scans-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.scans-table{width:100%;border-collapse:collapse;font-size:13.5px}.scans-table th,.scans-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.scans-table th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-soft)}.scans-table tr:last-child td{border-bottom:0}.scans-table .mono{font-family:var(--font-mono);color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--ink-100),var(--ink-150),var(--ink-100));background-size:200% 100%;border-radius:var(--r-md);animation:skel 1.4s ease-in-out infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-host{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 32px)}.toast{background:var(--ink-900);color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:var(--shadow-xl);animation:toast-in .25s ease-out}.toast.error{background:var(--danger-600)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--brand-200);color:var(--brand-900)}@media (min-width: 600px){.features-grid,.usecases,.grid-2{grid-template-columns:repeat(2,1fr)}.cta{flex-direction:row;justify-content:center;max-width:none}.cta .btn{width:auto}.qr-row{grid-template-columns:1fr auto auto auto;grid-template-areas:"main badge scans chev";align-items:center;gap:16px;padding:16px 20px}.qr-row .badge-cell{grid-area:badge;justify-self:end}.qr-row .scans-cell{grid-area:scans;flex-direction:column;align-items:flex-end;gap:0}.qr-row .chevron{grid-area:chev;display:block;color:var(--ink-300);font-size:18px}}@media (min-width: 720px){.container{padding:32px 32px 80px}.section{padding:80px 32px}.nav{padding:16px 32px}.nav-toggle{display:none}.nav-links{position:static;display:flex!important;flex-direction:row;align-items:center;padding:0;background:transparent;border-bottom:0;box-shadow:none;gap:4px}.nav-links>a,.nav-links>button{padding:8px 14px;font-size:14px}.nav-links>a.btn,.nav-links>a.btn.primary,.nav-links>button.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;min-height:40px;margin-top:0}.hero{padding:80px 32px 56px}.demo-card{grid-template-columns:1.2fr 1fr}.demo-input{border-bottom:0;border-right:1px solid var(--border)}.auth-card{padding:40px 36px}.split{grid-template-columns:1.1fr 1fr}}@media (min-width: 960px){.features-grid,.usecases{grid-template-columns:repeat(4,1fr)}.faq-grid{grid-template-columns:repeat(2,1fr);gap:20px}.cockpit-grid{grid-template-columns:360px 1fr;align-items:start}.cockpit-side{position:sticky;top:88px}}@media print{.nav,.footer,.toast-host,.actions,.btn{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:100;padding:18px 20px;background:#fff;color:var(--ink-800);border:1px solid var(--stone-200);border-radius:18px;box-shadow:0 18px 40px #0f172a24,0 4px 10px #0f172a0f;animation:cookie-in .4s cubic-bezier(.22,1,.36,1)}@keyframes cookie-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:stretch}.cookie-banner-emoji{font-size:32px;line-height:1;flex-shrink:0}.cookie-banner-text{font-size:14.5px;line-height:1.55;color:var(--ink-700)}.cookie-banner-text strong{color:var(--ink-900);font-weight:600}.cookie-banner-text a{color:var(--brand-700);font-weight:500;text-decoration:underline;text-underline-offset:2px}.cookie-banner-actions{display:flex;gap:8px;justify-content:flex-end}.cookie-banner-actions .btn{min-width:140px}@media (min-width: 720px){.cookie-banner{bottom:24px;left:50%;right:auto;transform:translate(-50%);width:min(640px,calc(100% - 48px))}@keyframes cookie-in{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.cookie-banner-inner{flex-direction:row;align-items:center;gap:18px}.cookie-banner-text{flex:1}.cookie-banner-actions{flex-shrink:0}.cookie-banner-actions .btn{min-width:110px}}.field-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--ink-700);padding:10px 0}.field-checkbox input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin-top:2px;accent-color:var(--brand-600);cursor:pointer}.field-checkbox a{color:var(--brand-700);font-weight:500;text-decoration:underline;text-underline-offset:2px}.legal-page{max-width:820px;padding-top:24px;padding-bottom:80px}.legal-content{font-size:16px;line-height:1.7;color:var(--ink-700)}.legal-content h2{margin-top:36px;margin-bottom:12px;font-size:22px;font-weight:700;color:var(--ink-900);letter-spacing:-.01em}.legal-content p{margin:0 0 14px}.legal-content ul{margin:0 0 16px;padding-left:22px}.legal-content li{margin-bottom:6px}.legal-content code{background:var(--stone-100);padding:1px 6px;border-radius:4px;font-size:14px;font-family:var(--font-mono)}.legal-content a{color:var(--brand-700);text-decoration:underline;text-underline-offset:2px}.legal-callout{margin:20px 0;padding:20px 22px;background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:12px}.legal-callout p:last-child{margin-bottom:0}.legal-callout strong{color:#78350f}.admin-page{padding-top:24px;padding-bottom:80px}.admin-link{color:#b45309!important;font-weight:600}.admin-link.active{color:#92400e!important}.admin-user{background:#fff;border:1px solid var(--stone-200);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}.admin-user.is-open{border-color:var(--brand-300);box-shadow:var(--shadow-md)}.admin-user-head{width:100%;display:flex;align-items:center;gap:16px;padding:14px 18px;background:transparent;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.admin-user-head:hover{background:var(--stone-50)}.admin-user-main{flex:1;min-width:0}.admin-user-name{font-weight:600;font-size:15.5px;color:var(--ink-900);display:flex;align-items:center;flex-wrap:wrap}.admin-user-email{font-size:13.5px;color:var(--ink-500);margin-top:2px;word-break:break-all}.admin-user-stats{display:flex;gap:18px;align-items:center;flex-shrink:0;font-size:13px;color:var(--ink-500)}.admin-user-stats strong{display:block;font-size:18px;font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums;text-align:center}.admin-user-stats>div:not(.admin-chevron){text-align:center;min-width:60px}.admin-chevron{width:28px;text-align:center;color:var(--ink-400);font-size:12px}.admin-user-body{padding:16px 18px 18px;border-top:1px solid var(--stone-100);margin-top:4px}.admin-user-body .kv{margin:0 0 16px;display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;font-size:13.5px}.admin-user-body .kv dt{color:var(--ink-500);font-weight:500}.admin-user-body .kv dd{margin:0;color:var(--ink-800)}.admin-user-body code{background:var(--stone-100);padding:1px 6px;border-radius:4px;font-size:12.5px}.admin-qr-table{border:1px solid var(--stone-200);border-radius:10px;overflow:hidden;font-size:13.5px}.admin-qr-row{display:grid;grid-template-columns:1.4fr .8fr 2fr .8fr .7fr 1fr;gap:12px;padding:10px 14px;align-items:center;border-bottom:1px solid var(--stone-100)}.admin-qr-row:last-child{border-bottom:0}.admin-qr-head{background:var(--stone-50);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-500)}.admin-qr-label{font-weight:500;color:var(--ink-900)}.admin-qr-target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-qr-target a{color:var(--brand-700);text-decoration:none}.admin-qr-target a:hover{text-decoration:underline}@media (max-width: 720px){.admin-user-stats{gap:10px;font-size:12px}.admin-user-stats strong{font-size:16px}.admin-qr-table{font-size:12.5px}.admin-qr-row{grid-template-columns:1fr 1fr;gap:4px 10px;padding:12px 14px}.admin-qr-head{display:none}.admin-qr-row>div:before{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-500);font-weight:600;margin-bottom:2px}.admin-qr-row>div:nth-child(1):before{content:"Etichetta"}.admin-qr-row>div:nth-child(2):before{content:"Codice"}.admin-qr-row>div:nth-child(3):before{content:"Destinazione"}.admin-qr-row>div:nth-child(4):before{content:"Stato"}.admin-qr-row>div:nth-child(5):before{content:"Scansioni"}.admin-qr-row>div:nth-child(6):before{content:"Creato"}.admin-qr-row>div:nth-child(3),.admin-qr-row>div:nth-child(6){grid-column:1 / -1}}.demo-input-inline{width:100%;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--stone-300);background:#fff;font:inherit;font-size:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.demo-input-inline:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.footer-sep{color:var(--ink-300);margin:0 4px}.footer a{color:var(--brand-700);text-decoration:none}.footer a:hover{text-decoration:underline}