:root{--ink:#172033;--muted:#667085;--line:#e4e7ec;--bg:#f6f8fc;--card:#fff;--brand:#6557e8;--brand2:#22a7a0;--soft:#f0efff;--ok:#087a55;--warn:#b54708;--danger:#b42318;--radius:18px;--shadow:0 18px 50px rgba(31,42,68,.08);--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:linear-gradient(180deg,#fff 0,#f8f9fd 28rem,#f6f8fc 100%);line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,231,236,.85)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:1.16rem;font-weight:800;letter-spacing:-.03em;text-decoration:none}.brand:hover{text-decoration:none}.mark{width:36px;height:36px;border-radius:10px;overflow:hidden;padding:0;background:#fff;box-shadow:0 7px 18px rgba(101,87,232,.18)}.mark img{width:36px;height:36px;display:block;object-fit:contain}.logo-full{display:block;width:min(420px,100%);height:auto;margin:8px auto 20px}.nav-links{display:flex;gap:22px;font-size:.92rem}.nav-links a{color:#475467;text-decoration:none}.nav-links a:hover{color:var(--brand)}.hero{text-align:center;padding:44px 0 22px}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border-radius:999px;background:#f1f0ff;color:#5146c8;font-weight:750;font-size:.78rem}.hero h1{font-size:clamp(2.15rem,5vw,3.55rem);line-height:1.04;letter-spacing:-.055em;margin:14px auto 12px;max-width:850px}.hero .lede{max-width:700px;margin:0 auto;color:var(--muted);font-size:1.08rem}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.trust-pill{padding:6px 10px;border:1px solid #e6e3ff;background:#fff;border-radius:999px;color:#475467;font-size:.79rem;font-weight:650}.builder{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start;padding:8px 0 54px}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.editor{overflow:hidden}.step{padding:22px 24px;border-bottom:1px solid #eef0f4}.step:last-child{border-bottom:0}.step-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.step-num{width:26px;height:26px;border-radius:8px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-size:.76rem;font-weight:850;flex:0 0 auto}.step h2{font-size:1.02rem;margin:1px 0 2px;letter-spacing:-.015em}.step-sub{margin:0;color:var(--muted);font-size:.82rem}.type-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.type-btn{min-height:68px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:8px 5px;color:#475467;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:.15s}.type-btn:hover{border-color:#c7c1ff;background:#fafaff}.type-btn[aria-selected=true]{border-color:var(--brand);background:var(--soft);color:#4c42bd;box-shadow:inset 0 0 0 1px var(--brand)}.type-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#f5f6f8;color:#667085;font-size:.66rem;font-weight:900}.type-btn[aria-selected=true] .type-icon{background:var(--brand);color:#fff}.type-form{display:none}.type-form.active{display:block}.form-title{font-size:1.04rem;font-weight:800;margin:0 0 3px}.form-help{color:var(--muted);font-size:.83rem;margin:0 0 12px}label{display:block;font-size:.78rem;font-weight:720;margin:10px 0 5px;color:#344054}input,textarea,select{width:100%;font:inherit;padding:10px 12px;border:1px solid #d9dde5;border-radius:10px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#9c94f4;box-shadow:0 0 0 3px rgba(101,87,232,.10)}textarea{min-height:86px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{font-size:.76rem;color:var(--muted);margin:6px 0 0}.design-tabs{display:flex;gap:6px;margin-bottom:16px;padding:4px;background:#f5f6f8;border-radius:12px}.design-tab{flex:1;border:0;background:transparent;border-radius:9px;padding:8px 7px;font:inherit;font-size:.77rem;font-weight:750;color:#667085;cursor:pointer}.design-tab.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(16,24,40,.08)}.design-pane{display:none}.design-pane.active{display:block}.option-label{font-size:.77rem;font-weight:750;color:#344054;margin:0 0 8px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.style-choice,.frame-choice{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:60px;padding:7px;font:inherit;font-size:.7rem;color:#667085;cursor:pointer}.style-choice.active,.frame-choice.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#fafaff;color:#4c42bd}.pattern-demo{height:24px;display:flex;justify-content:center;align-items:center;gap:3px;margin-bottom:3px}.pattern-demo i{display:block;width:6px;height:6px;background:currentColor}.rounded i{border-radius:2px}.dots i{border-radius:50%}.extra i{border-radius:3px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-control{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center}.color-control input[type=color]{height:42px;padding:3px}.color-control input[type=text]{font-size:.82rem}.frame-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.frame-choice{min-height:76px}.frame-mini{height:35px;border:2px solid currentColor;border-radius:4px;margin:0 auto 5px;max-width:38px;position:relative}.frame-choice[data-frame=rounded] .frame-mini{border-radius:10px}.frame-choice[data-frame=bottom] .frame-mini:after{content:"SCAN";position:absolute;left:-2px;right:-2px;bottom:-10px;background:currentColor;color:#fff;font-size:5px;line-height:10px}.frame-choice[data-frame=top] .frame-mini:after{content:"SCAN";position:absolute;left:-2px;right:-2px;top:-10px;background:currentColor;color:#fff;font-size:5px;line-height:10px}.frame-choice[data-frame=focus] .frame-mini{border-color:transparent;background:linear-gradient(currentColor,currentColor) left top/12px 2px no-repeat,linear-gradient(currentColor,currentColor) left top/2px 12px no-repeat,linear-gradient(currentColor,currentColor) right top/12px 2px no-repeat,linear-gradient(currentColor,currentColor) right top/2px 12px no-repeat,linear-gradient(currentColor,currentColor) left bottom/12px 2px no-repeat,linear-gradient(currentColor,currentColor) left bottom/2px 12px no-repeat,linear-gradient(currentColor,currentColor) right bottom/12px 2px no-repeat,linear-gradient(currentColor,currentColor) right bottom/2px 12px no-repeat}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview{position:sticky;top:88px;padding:22px;text-align:center}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;text-align:left}.preview-top h2{font-size:1rem;margin:0}.status{font-size:.72rem;font-weight:800;color:var(--ok);background:#ecfdf3;border:1px solid #abefc6;border-radius:999px;padding:5px 8px}.preview-stage{min-height:390px;border-radius:18px;background:linear-gradient(135deg,#f8f8fc,#eef1f8);display:grid;place-items:center;padding:28px;overflow:hidden}.qr-art{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:14px}.qr-art.frame-outline,.qr-art.frame-rounded{border:5px solid var(--frame,#6557e8)}.qr-art.frame-rounded{border-radius:22px}.qr-art.frame-focus{padding:22px;background:linear-gradient(var(--frame),var(--frame)) left top/34px 5px no-repeat,linear-gradient(var(--frame),var(--frame)) left top/5px 34px no-repeat,linear-gradient(var(--frame),var(--frame)) right top/34px 5px no-repeat,linear-gradient(var(--frame),var(--frame)) right top/5px 34px no-repeat,linear-gradient(var(--frame),var(--frame)) left bottom/34px 5px no-repeat,linear-gradient(var(--frame),var(--frame)) left bottom/5px 34px no-repeat,linear-gradient(var(--frame),var(--frame)) right bottom/34px 5px no-repeat,linear-gradient(var(--frame),var(--frame)) right bottom/5px 34px no-repeat}.frame-caption{display:none;width:100%;background:var(--frame,#6557e8);color:var(--frame-text,#fff);font-weight:850;letter-spacing:.06em;font-size:.82rem;padding:8px 10px}.frame-bottom .frame-caption{display:block;order:2}.frame-top .frame-caption{display:block;order:-1}.frame-bottom,.frame-top{padding:0;border:5px solid var(--frame,#6557e8)}.frame-bottom #qr,.frame-top #qr{margin:12px}.qr-art #qr{display:grid;place-items:center;width:280px;height:280px;background:#fff}.qr-art #qr canvas,.qr-art #qr svg{width:280px!important;height:280px!important;display:block;background:#fff}.scan-info{margin:14px 0 4px;text-align:left;border:1px solid #e8ebf0;border-radius:12px;padding:11px 12px;background:#fff}.scan-title{font-size:.78rem;font-weight:800;margin-bottom:5px}.scan-line{font-size:.75rem;color:#667085;margin:2px 0}.scan-line strong{color:var(--ok)}.warn{color:var(--warn);font-size:.77rem;min-height:1.2em;margin:7px 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.primary,.secondary,.small-btn{border-radius:11px;padding:11px 13px;font:inherit;font-weight:780;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,var(--brand),#7669ec);color:#fff;box-shadow:0 8px 18px rgba(101,87,232,.18)}.secondary{border:1px solid #d9dde5;background:#fff;color:#344054}.small-btn{border:1px solid #d9dde5;background:#fff;color:#475467;width:100%;margin-top:8px;padding:9px}.note{font-size:.74rem;color:var(--muted);margin:10px 0 0}.privacy-strip{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:12px;padding:22px 0 56px}.privacy-lead,.privacy-item{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.privacy-lead{background:linear-gradient(135deg,#f1f0ff,#effcfb);border-color:#dcd8ff}.privacy-lead h2{margin:0 0 5px;font-size:1.03rem}.privacy-lead p,.privacy-item p{margin:0;color:var(--muted);font-size:.8rem}.privacy-item strong{display:block;font-size:.82rem;margin-bottom:4px}.section{padding:6px 0 58px}.section h2{font-size:1.55rem;letter-spacing:-.03em;margin-bottom:8px}.section-lede{color:var(--muted);max-width:700px;margin:0 0 18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;color:inherit;text-decoration:none}.tile:hover{border-color:#bcb6fa;box-shadow:0 8px 25px rgba(31,42,68,.06);text-decoration:none}.tile h3{margin:0 0 5px;font-size:.98rem}.tile p{margin:0;color:var(--muted);font-size:.83rem}footer{border-top:1px solid var(--line);background:#fff;padding:30px 0 40px;color:var(--muted);font-size:.84rem}.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.page{padding:38px 0 70px;max-width:760px}.page h1{font-size:2.2rem;letter-spacing:-.04em}.page h2{font-size:1.15rem;margin:1.4rem 0 .4rem}.page p,.page li{color:#344054}.cta{display:inline-block;margin-top:18px;background:var(--brand);color:#fff;padding:11px 16px;border-radius:11px;font-weight:750}.cta:hover{color:#fff;text-decoration:none}@media(max-width:980px){.builder{grid-template-columns:1fr}.preview{position:static}.type-grid{grid-template-columns:repeat(5,1fr)}.privacy-strip{grid-template-columns:1fr 1fr}.privacy-lead{grid-column:1/-1}}@media(max-width:680px){.wrap{width:min(100% - 20px,1180px)}.nav-links{display:none}.hero{padding-top:30px}.hero h1{font-size:2.35rem}.step{padding:18px 15px}.type-grid{grid-template-columns:repeat(4,1fr)}.swatches{grid-template-columns:repeat(2,1fr)}.frame-grid{grid-template-columns:repeat(3,1fr)}.row,.color-row,.advanced-grid{grid-template-columns:1fr}.preview{padding:14px}.preview-stage{min-height:340px;padding:16px}.qr-art #qr{width:250px;height:250px}.qr-art #qr canvas,.qr-art #qr svg{width:250px!important;height:250px!important}.privacy-strip{grid-template-columns:1fr}.privacy-lead{grid-column:auto}.grid3{grid-template-columns:1fr}}.share-bar{width:min(1180px,calc(100% - 32px));margin:0 auto 28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 0;border-top:1px solid var(--line);color:#667085;font-size:.84rem}.share-bar strong{color:var(--ink);font-size:.84rem;margin-right:4px}.share-bar .share-row{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.share-bar button{border:1px solid #e4e7ec;background:#fff;color:#344054;border-radius:999px;padding:6px 11px;font:inherit;font-size:.78rem;font-weight:650;cursor:pointer}.share-bar button:hover{border-color:#c7c1ff;color:var(--brand)}.share-bar [data-share-status]{min-width:7rem;font-size:.78rem;color:var(--ok)}@media(max-width:680px){.share-bar{width:min(100% - 20px,1180px)}.share-bar .share-row{margin-left:0}}