:root{--bg:#f8fafc;--surface:#ffffff;--surface-alt:#f1f5f9;--border:rgba(15,23,42,0.08);--border-strong:rgba(15,23,42,0.14);--blue:#2563eb;--orange:#f97316;--green:#10b981;--text:#0f172a;--muted:#64748b;--muted-2:#475569;--accent:var(--blue);--accent-soft:rgba(37,99,235,0.1);--accent-ring:rgba(37,99,235,0.28);--error:#b91c1c;--error-bg:#fef2f2;--font-title:"Syne",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--radius:16px;--radius-lg:24px;--shadow-sm:0 1px 2px rgba(15,23,42,0.04);--shadow:0 1px 2px rgba(15,23,42,0.04),0 8px 24px rgba(15,23,42,0.06);--shadow-lg:0 8px 20px rgba(15,23,42,0.08),0 24px 48px rgba(15,23,42,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.section{width:100%;padding:64px 22px}.section-alt{background:var(--surface-alt)}.section-hero{padding:40px 22px 56px;background:linear-gradient(180deg,#ffffff,#f8fafc);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.section-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 320px at 100% 0,rgba(37,99,235,.08),transparent 60%),radial-gradient(500px 300px at 0 100%,rgba(16,185,129,.06),transparent 60%);pointer-events:none}.section-hero>.container{position:relative}.container{max-width:1120px;margin:0 auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1120px;margin:0 auto;padding:14px 22px;justify-content:space-between;gap:16px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:12px;text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#ffffff;border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text);overflow:hidden;padding:3px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-name{font-family:var(--font-title);font-weight:800;font-size:21px;letter-spacing:-.035em;color:var(--text)}.brand-name .accent{color:var(--blue)}.brand-sub{font-size:11.5px;color:var(--muted);margin-top:4px;letter-spacing:.01em;font-weight:400}.topbar-nav{display:none;gap:26px;font-size:14px;font-weight:400}.topbar-nav a{color:var(--muted-2);text-decoration:none;transition:color .15s ease}.topbar-nav a:hover{color:var(--text)}@media (min-width:720px){.topbar-nav{display:flex}}.hero{display:grid;grid-template-columns:1fr;grid-gap:28px;gap:28px;align-items:center}.hero-copy{max-width:620px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--accent-soft);border:1px solid rgba(37,99,235,.3);border-radius:999px;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#1d4ed8;margin-bottom:20px}.hero-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(16,185,129,.2);animation:blink 2.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.hero h1{font-family:var(--font-title);margin:0 0 16px;font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-.035em;color:var(--text)}.hero h1 .accent{color:var(--blue)}.hero p{margin:0 0 24px;color:var(--muted-2);font-size:15.5px;font-weight:300;line-height:1.65;max-width:560px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-art{display:none;justify-self:center}@media (min-width:960px){.hero{grid-template-columns:1.15fr 1fr}.hero h1{font-size:46px}.hero p{font-size:16.5px}.hero-art{display:block}}.hero-stage{position:relative;width:420px;height:320px}.hero-scanner{position:absolute;top:20px;left:0;width:280px;height:280px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#ffffff,#f1f5f9);border:1px solid var(--border);box-shadow:0 30px 60px -20px rgba(15,23,42,.18),inset 0 0 60px rgba(37,99,235,.04)}.hero-scanner:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(15,23,42,.05) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.qr-layer{position:absolute;inset:0;width:100%;height:100%}.qr-dim{opacity:.9}.qr-bright{filter:drop-shadow(0 0 6px rgba(37,99,235,.45));animation:qrDraw 6s cubic-bezier(.65,0,.35,1) infinite}@keyframes qrDraw{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}33%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}85%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}}.scanner-beam{top:0;height:2px;border-radius:3px;background:linear-gradient(90deg,transparent,#60a5fa 20%,#2563eb 50%,#60a5fa 80%,transparent);box-shadow:0 0 14px #2563eb,0 0 36px rgba(37,99,235,.55);z-index:3}.scanner-beam,.scanner-glow{position:absolute;left:5%;right:5%;animation:qrLaser 6s cubic-bezier(.65,0,.35,1) infinite;pointer-events:none}.scanner-glow{top:-90px;height:90px;background:linear-gradient(180deg,transparent,rgba(37,99,235,.22));filter:blur(6px);z-index:2}@keyframes qrLaser{0%{transform:translateY(0);opacity:0}3%{opacity:1}33%{transform:translateY(280px);opacity:1}36%{opacity:0}to{transform:translateY(0);opacity:0}}.scanner-corner{position:absolute;width:22px;height:22px;border:2px solid rgba(37,99,235,.85);pointer-events:none;z-index:4}.scanner-corner.tl{top:10px;left:10px;border-right:0;border-bottom:0;border-top-left-radius:4px}.scanner-corner.tr{top:10px;right:10px;border-left:0;border-bottom:0;border-top-right-radius:4px}.scanner-corner.bl{bottom:10px;left:10px;border-right:0;border-top:0;border-bottom-left-radius:4px}.scanner-corner.br{bottom:10px;right:10px;border-left:0;border-top:0;border-bottom-right-radius:4px}.destinations{position:absolute;inset:0;pointer-events:none}.dest{position:absolute;background:#ffffff;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:10px 14px 10px 10px;display:flex;gap:10px;align-items:center;box-shadow:0 16px 30px -14px rgba(15,23,42,.18),0 2px 4px rgba(15,23,42,.05);opacity:0;animation:destPop 6s cubic-bezier(.4,0,.2,1) infinite;z-index:5}.dest-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#ffffff;flex-shrink:0}.dest-icon svg{width:16px;height:16px}.dest-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.dest-icon.green{background:linear-gradient(135deg,#34d399,#10b981)}.dest-icon.orange{background:linear-gradient(135deg,#fb923c,#f97316)}.dest-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.dest-icon.pink{background:linear-gradient(135deg,#f472b6,#ec4899)}.dest-icon.red{background:linear-gradient(135deg,#f87171,#ef4444)}.dest-icon.slate{background:linear-gradient(135deg,#64748b,#475569)}.dest-text{display:flex;flex-direction:column;line-height:1.15}.dest-title{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.dest-title,.dest-value{font-family:var(--font-body);font-weight:500}.dest-value{font-size:13.5px;color:var(--text);margin-top:2px}.dest-1{top:18px;right:8px;animation-delay:0s}.dest-2{top:130px;right:28px;animation-delay:.25s}.dest-3{top:240px;right:8px;animation-delay:.5s}@keyframes destPop{0%,38%{opacity:0;transform:translateX(-40px) scale(.85)}50%{opacity:1;transform:translateX(0) scale(1)}66%{transform:translateX(0) translateY(-4px) scale(1)}82%{opacity:1;transform:translateX(0) translateY(0) scale(1)}92%,to{opacity:0;transform:translateX(0) scale(.95)}}.grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}@media (min-width:900px){.grid{grid-template-columns:1fr 1.05fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.card h2{font-family:var(--font-title);margin:0 0 20px;font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--text);display:flex;align-items:center;gap:10px;text-transform:uppercase}.card h2:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px rgba(37,99,235,.55)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-family:var(--font-body);font-size:11.5px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.field input[type=text],.field select{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:#ffffff;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input[type=text]::placeholder{color:var(--muted)}.field input[type=text]:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--accent-ring)}.field textarea.qr-textarea{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:#ffffff;color:var(--text);font-family:inherit;font-size:14px;outline:none;resize:vertical;min-height:84px;line-height:1.45;transition:border-color .15s ease,box-shadow .15s ease}.field textarea.qr-textarea::placeholder{color:var(--muted)}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.color-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.color-input{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border:1px solid var(--border-strong);border-radius:12px;background:#ffffff}.color-input input[type=color]{width:34px;height:34px;border:none;padding:0;background:transparent;cursor:pointer;border-radius:8px}.color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:6px}.color-input input[type=color]::-webkit-color-swatch{border:1px solid var(--border);border-radius:6px}.color-input .hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--muted-2);text-transform:uppercase}.advanced{margin-top:4px;padding-top:20px;border-top:1px dashed var(--border)}.advanced-title{font-family:var(--font-title);font-size:11px;font-weight:700;color:#1d4ed8;text-transform:uppercase;letter-spacing:.16em;margin-bottom:16px}.logo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.logo-preview{width:44px;height:44px;border-radius:10px;border:1px solid var(--border-strong);background:#ffffff;overflow:hidden;display:grid;place-items:center;padding:4px}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.hint{margin:8px 0 0;font-size:12px;color:var(--muted)}.segmented{display:inline-flex;padding:4px;background:var(--surface-alt);border-radius:12px;border:1px solid var(--border)}.segmented button{border:0;background:transparent;padding:9px 18px;border-radius:9px;font-size:13px;font-weight:500;color:var(--muted-2);cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.segmented button:hover:not(.active){color:var(--text)}.segmented button.active{background:var(--blue);color:#ffffff;font-weight:600;box-shadow:0 0 0 1px rgba(37,99,235,.4),0 8px 20px rgba(37,99,235,.25)}.preview{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid var(--border);border-radius:18px;min-height:320px;padding:32px;overflow:auto}.preview:after,.preview:before{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--blue);opacity:.6}.preview:before{top:12px;left:12px;border-right:none;border-bottom:none;border-top-left-radius:4px}.preview:after{bottom:12px;right:12px;border-left:none;border-top:none;border-bottom-right-radius:4px}.preview .empty{color:var(--muted);font-size:13px;text-align:center;max-width:260px}.preview canvas,.preview svg{max-width:100%;height:auto;display:block;border-radius:10px}.preview-inner{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.misc-host,.qr-host{display:flex;align-items:center;justify-content:center;max-width:100%}.qr-host>*{max-width:100%;height:auto}.showcase{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.showcase-canvas{display:grid;place-items:center;padding:8px;min-height:150px}.showcase-canvas canvas,.showcase-canvas svg{max-width:100%;height:auto}.showcase-label{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid var(--border-strong);background:#ffffff;color:var(--text);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:transform .06s ease,background .15s ease,border-color .15s ease,box-shadow .2s ease,color .15s ease}.btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background:rgba(37,99,235,.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#ffffff;border-color:#1d4ed8;font-weight:600;box-shadow:0 8px 24px rgba(37,99,235,.32),inset 0 1px 0 rgba(255,255,255,.28)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#4f8cf7,#1d4ed8);color:#ffffff;border-color:#1d4ed8;box-shadow:0 10px 36px rgba(37,99,235,.48),inset 0 1px 0 rgba(255,255,255,.4)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-lg{padding:14px 26px;font-size:14.5px}.btn-ghost{background:transparent;border-color:var(--border);color:var(--muted-2)}.btn-ghost:hover:not(:disabled){border-color:rgba(185,28,28,.4);background:rgba(185,28,28,.06);color:var(--error)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background:rgba(37,99,235,.08)}.error{margin-top:14px;padding:12px 14px;background:var(--error-bg);color:var(--error);border:1px solid rgba(185,28,28,.2);border-radius:12px;font-size:13px}.info-header{text-align:center;max-width:640px;margin:0 auto 36px}.eyebrow{display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#1d4ed8;background:var(--accent-soft);border:1px solid rgba(37,99,235,.3);padding:5px 12px;border-radius:999px;margin-bottom:16px}.info-header h2{font-family:var(--font-title);margin:0 0 10px;font-size:30px;font-weight:700;letter-spacing:-.028em;color:var(--text)}.info-header p{margin:0;color:var(--muted-2);font-size:15px;font-weight:300}.info-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:16px;gap:16px}@media (min-width:560px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.type-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.type-card:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.4);box-shadow:0 20px 40px -20px rgba(37,99,235,.2)}.type-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:#1d4ed8;border:1px solid rgba(37,99,235,.25);margin-bottom:16px}.type-icon svg{width:22px;height:22px}.type-card.is-primary{background:linear-gradient(160deg,rgba(37,99,235,.06) 0,var(--surface) 60%);border-color:rgba(37,99,235,.3)}.type-card.is-primary .type-icon{background:var(--blue);color:#ffffff;border-color:transparent}.type-title{font-family:var(--font-title);font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin-bottom:6px}.type-desc{font-size:13.5px;color:var(--muted-2);font-weight:300;line-height:1.55}.steps{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:720px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.step-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px 22px 22px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease}.step-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.step-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:3px}.step-num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:#1d4ed8;margin-bottom:14px;border:1px solid rgba(37,99,235,.3)}.step-num,.step-title{font-family:var(--font-title);font-weight:700;font-size:17px}.step-title{letter-spacing:-.01em;color:var(--text);margin-bottom:6px}.step-desc{font-size:13.5px;color:var(--muted-2);font-weight:300;line-height:1.55}.footer{padding:32px 22px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:12.5px;letter-spacing:.02em;background:#ffffff}