:root{--qr-paper: #f6f6f3;--qr-ink: #080808;--qr-dark: #131312;--qr-button: #191919;--qr-yellow: #fffe54;--qr-yellow-hover: #faea38;--qr-white: #ffffff;--qr-muted: #5d5d5d;--qr-subtle: #edede8;--qr-border: #e6e6e0;--qr-safe: #10b981;--qr-safe-dim: rgba(16, 185, 129, .1)}.qr-page{background:var(--qr-paper);color:var(--qr-ink);font-family:Inter Tight,sans-serif;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}.qr-page .nav-links a[aria-current=page]{color:var(--qr-yellow)}.qr-page main.sec-form{display:block;flex:1;padding:48px 24px 64px;background:transparent}.qr-page .form-container{width:100%;max-width:760px;margin:0 auto;padding:0}.qr-page .form-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;margin-bottom:32px}.qr-page .form-header .text-display{font:400 42px/1.2 Inter Tight,sans-serif;color:var(--qr-ink);margin:0;letter-spacing:-.02em;text-wrap:balance}.qr-page .form-header .text-subhead{max-width:537px;font:400 17px/26px Inter Tight,sans-serif;color:var(--qr-muted);margin:0;text-wrap:pretty}.qr-page .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--qr-muted)}.qr-page .qr-card{width:100%;margin:0 auto 32px;padding:36px;border:0;border-top:4px solid transparent;border-radius:20px;box-shadow:0 16px 40px -8px #0000000f;background-image:linear-gradient(var(--qr-white),var(--qr-white)),url(/figma/landing/5c7df.png);background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-size:cover}.qr-page .inp-group{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;text-align:left}.qr-page .inp-label{font:600 14px/18px Inter,sans-serif;color:var(--qr-ink)}.qr-page .scan-w{display:flex;align-items:center;height:54px;border:1px solid var(--qr-border);border-radius:12px;padding:4px 14px;gap:8px;background:var(--qr-paper);transition:border-color .15s,box-shadow .15s,background-color .15s}.qr-page .scan-w:focus-within{border-color:var(--qr-ink);background:var(--qr-white);box-shadow:0 0 0 3px #08080814}.qr-page .scan-in{flex:1;min-width:0;height:44px;border:0;background:transparent;font:400 14px Inter,sans-serif;color:var(--qr-ink);outline:none}.qr-page .slug-input-group{display:flex;align-items:stretch;border:1px solid var(--qr-border);border-radius:12px;background:var(--qr-paper);overflow:hidden;transition:border-color .15s,box-shadow .15s}.qr-page .slug-input-group:focus-within{border-color:var(--qr-ink);box-shadow:0 0 0 3px #08080814;background:var(--qr-white)}.qr-page .slug-prefix{display:flex;align-items:center;padding:0 14px;background:var(--qr-subtle);border-right:1px solid var(--qr-border);font-family:JetBrains Mono,monospace;font-size:13px;color:var(--qr-muted);-webkit-user-select:none;user-select:none;white-space:nowrap}.qr-page .slug-input-group input{flex:1;min-width:0;border:0;background:transparent;padding:13px 16px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--qr-ink);outline:none}.qr-page .slug-hint{font-size:12px;color:var(--qr-muted);margin-top:6px}.qr-page #generate-qr-btn,.qr-page .btn-submit{width:100%;min-height:52px;border-radius:9999px;background:var(--qr-button);color:var(--qr-white);border:0;font:600 15px Inter Tight,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s ease}.qr-page #generate-qr-btn:hover,.qr-page .btn-submit:hover{opacity:.9;transform:translateY(-1px)}.qr-page #generate-qr-btn:active,.qr-page .btn-submit:active{transform:translateY(1px) scale(.99)}.qr-page .qr-output-card{width:min(524px,100%);margin:30px auto 0;background:var(--qr-white);border:1px solid var(--qr-border);border-radius:22px;padding:34px 36px;box-shadow:0 20px 56px -22px #00000038;text-align:center}.qr-page .qr-success-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:var(--qr-yellow);color:var(--qr-ink);font-size:28px}.qr-page .qr-output-card h3{margin:0 0 10px;color:var(--qr-ink);letter-spacing:-.035em}.qr-page .qr-result-intro{max-width:380px;margin:0 auto 24px;color:var(--qr-muted);font-size:14px;line-height:1.55}.qr-page .qr-output-card .qr-container{padding:22px 20px 16px;border:1px solid var(--qr-border);border-radius:16px;background:#fff}.qr-page .qr-output-card #qr-container{padding:10px;border-radius:12px;background:#fff}.qr-page .qr-output-card .qr-verified-badge{color:#55554f;font-size:12px}.qr-page .qr-output-card #qr-copy-btn{background:var(--qr-yellow);color:var(--qr-ink)}.qr-page .qr-output-card #save-permanently-btn{background:#171717;color:#fff}.qr-page .qr-output-card #qr-create-another-btn{border-radius:999px}.qr-page .qr-display-box{display:flex;justify-content:center;align-items:center;padding:24px;background:var(--qr-paper);border:1px solid var(--qr-border);border-radius:16px;margin:0 auto 24px;max-width:280px}.qr-page .qr-action-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.qr-page .qr-action-pills .btn{border-radius:9999px;padding:10px 20px;font:600 14px Inter Tight,sans-serif;text-decoration:none;cursor:pointer;border:1px solid var(--qr-border);background:var(--qr-white);color:var(--qr-ink);transition:background .15s ease,border-color .15s ease}.qr-page .qr-action-pills .btn:hover{background:var(--qr-subtle);border-color:#ccc}.qr-page .qr-action-pills .btn-primary{background:var(--qr-yellow);border-color:var(--qr-yellow);color:var(--qr-ink)}.qr-page .qr-action-pills .btn-primary:hover{filter:brightness(.96)}.qr-page .footer{margin-top:56px}.qr-page .footer-wordmark{-webkit-mask-image:url(/figma/inspect/3624e.svg);mask-image:url(/figma/inspect/3624e.svg)}@media(max-width:768px){.qr-page main.sec-form{padding:32px 16px 48px}.qr-page .form-header .text-display{font-size:32px}.qr-page .qr-card,.qr-page .qr-output-card{padding:24px 20px}.qr-page .qr-output-card h3{font-size:26px!important}}.qr-page .qr-card{width:min(658px,100%);margin-inline:auto;padding:38px 33px;border-radius:20px}.qr-page .qr-card .inp-label{font-size:15px;font-weight:600;text-transform:none;letter-spacing:0}.qr-page .qr-card .inp-text{min-height:58px;border-radius:999px;padding:0 20px;background:#fcfcfb}.qr-page .qr-card .btn{min-height:54px;border-radius:999px;background:#171717;color:#fff;box-shadow:none}@media(max-width:700px){.qr-page .qr-card{padding:28px 20px}}.qr-page main.sec-form{padding:56px 24px 64px}.qr-page .form-container{width:min(820px,100%);max-width:820px}.qr-page .form-header{height:170.8px;gap:0;margin-bottom:24px;justify-content:flex-start}.qr-page .form-header .text-display{margin:24.9px 0 15px;font-size:42px;line-height:51px}.qr-page .form-header .text-subhead{max-width:537px;font-size:16px;line-height:27px}.qr-page .qr-card{width:min(658px,100%);margin-inline:auto;padding:36.8px 33px 37px;border-radius:20px}.qr-page .qr-card .inp-group{gap:13.7px;margin-bottom:24px!important}.qr-page .qr-card .inp-label{font:700 16px/normal Inter,sans-serif;color:#000;text-transform:none;letter-spacing:0}.qr-page .qr-card .scan-w,.qr-page .qr-card .slug-input-group{box-sizing:border-box;height:68.6px;border-radius:999px;background:#ede9e9}.qr-page .qr-card .scan-w{gap:0;padding:2.285px;border:0;overflow:hidden;transition:box-shadow .16s ease}.qr-page .qr-card .scan-w:focus-within{border:0;background:#ede9e9;box-shadow:0 0 0 2px #fffe54d1}.qr-page .qr-card .scan-in{box-sizing:border-box;height:63.985px;padding:0 6.855px 0 18.281px!important;border-radius:999px;background:#fcfcfc;box-shadow:inset 0 4.57px 4.57px #00000005;color:#111;font:400 16px/normal Inter,sans-serif}.qr-page .qr-card .scan-in::placeholder{color:#00000059;font:400 16px/normal Inter,sans-serif;opacity:1}.qr-page .qr-card .slug-input-group{gap:0;padding:2.285px;border:0;overflow:hidden;transition:box-shadow .16s ease}.qr-page .qr-card .slug-input-group:focus-within{border:0;background:#ede9e9;box-shadow:0 0 0 2px #fffe54d1}.qr-page .qr-card .slug-prefix{box-sizing:border-box;flex:0 0 175px;height:63.985px;justify-content:center;border:0;border-radius:47px;padding:0 12px;background:#5d5d5d26;color:#00000059;font:700 16px/normal Inter,sans-serif}.qr-page .qr-card .slug-input-group input{box-sizing:border-box;height:63.985px;padding:0 16px;border-radius:999px;background:#fcfcfc;box-shadow:inset 0 4.57px 4.57px #00000005;font:400 16px Inter,sans-serif}.qr-page .qr-card .slug-input-group input::placeholder{color:#00000059;font:400 16px Inter,sans-serif;opacity:1}.qr-page .qr-card .slug-status:empty,.qr-page .qr-card .slug-hint{display:none}.qr-page .qr-card .logo-upload-area{box-sizing:border-box;min-height:141px;border:1px solid #e7e5e5;border-radius:25px;background:#fcfcfc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px;cursor:pointer;box-shadow:inset 0 4px 4px #00000005;transition:border-color .16s ease,background .16s ease}.qr-page .qr-card .logo-upload-area:hover,.qr-page .qr-card .logo-upload-area.is-dragging{border-color:#b7b7ad;background:#fff}.qr-page .qr-card .logo-upload-area:focus-visible{outline:3px solid #111;outline-offset:3px}.qr-page .qr-upload-icon{display:block;width:24px;height:24px;margin-bottom:1px}.qr-page .qr-upload-title{margin:0;color:#181d27;font:500 12px/18px Inter Tight,sans-serif}.qr-page .qr-card .upload-hint{margin:0 0 1px;color:#6c606c;font:400 10.5px/15px Inter Tight,sans-serif}.qr-page .qr-card .logo-upload-btn{display:inline-flex;width:150px;height:27px;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:#191919;color:#fff;font:400 10.5px/1 Inter Tight,sans-serif}.qr-page #generate-qr-btn{width:100%;min-height:57px;padding:14px;border-radius:999px;background:#191919;color:#fff;box-shadow:none;font:600 13px Inter Tight,sans-serif}.qr-page .qr-output-card{width:min(600px,100%);padding:40px!important;border:1px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 20px 20px #0000000f}.qr-page .qr-success-mark{width:52px;height:52px;margin-bottom:8px}.qr-page .qr-output-card h3{font:500 32px/1.15 Inter Tight,sans-serif;letter-spacing:-.02em}.qr-page .qr-result-intro{max-width:470px;margin-bottom:24px;color:#999;font:400 14px/1.55 Inter Tight,sans-serif}.qr-page .qr-output-card .qr-container{max-width:320px;padding:24px;border-radius:12px;background:#fff}.qr-page .qr-output-card .qr-result-url{background:#fff;border-color:#e5e7eb}.qr-page .qr-output-card .qr-result-value{color:#111}.qr-page .qr-output-card #qr-copy-btn,.qr-page .qr-output-card #qr-share-btn,.qr-page .qr-output-card #save-permanently-btn{min-height:40px;border:1px solid rgba(255,255,255,.51);border-radius:999px;background:#fffe54;color:#111;box-shadow:none;font:700 13px Inter Tight,sans-serif}.qr-page .qr-output-card #qr-create-another-btn,.qr-page .qr-output-card .btn-secondary{min-height:40px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#111}.qr-page .qr-modal-backdrop{background:#000000bd;-webkit-backdrop-filter:none;backdrop-filter:none}.qr-page .qr-modal{width:min(820px,calc(100vw - 48px));height:min(538px,calc(100vh - 48px));max-height:calc(100vh - 48px);border:1px solid #fff;border-radius:16px;background:#fff}.qr-page .qr-modal-header{min-height:72px;padding:20px 28px;border-color:#e5e7eb70;background:#fff}.qr-page .qr-modal-title{color:#111;letter-spacing:-.03em}.qr-page .qr-modal-close{border-color:#fff;background:#fffe54;color:#111}.qr-page .qr-modal-close:hover{background:#f5f34a}.qr-page .qr-modal-body{grid-template-columns:280px minmax(0,1fr)}.qr-page .qr-modal-preview{background:#fff;border-right-color:#e5e7eb5c}.qr-page .qr-preview-frame{padding:20px;border:0;border-radius:12px;box-shadow:0 4px 3px #0000000a}.qr-page .qr-verified-badge{color:#ccc}.qr-page .qr-result-url{background:#fff;border-color:#e5e7eb}.qr-page .qr-result-value,.qr-page .qr-copy-url-btn{color:#111}.qr-page .qr-modal-controls{padding:24px 28px}.qr-page .qr-modal-controls :is(input[type=text],.slug-readonly,#qr-alias){border-color:#19191914;border-radius:8px;background:#fff;color:#111}.qr-page .qr-modal-controls .slug-prefix-inline{background:#f6f6f3;color:#5d5d5d}.qr-page .qr-modal-controls .logo-upload-area{border-radius:8px;background:#fff}.qr-page .qr-modal-footer{gap:10px;padding:20px 28px;border-top-color:#e5e7eb;background:#fff}.qr-page .qr-download-btn{min-height:38px;padding:9px 12px;border-radius:999px;font:600 13px Inter Tight,sans-serif}.qr-page .qr-download-png{border-color:#111;background:#111}.qr-page .qr-download-svg,.qr-page .qr-download-pdf{border:1px solid #e5e7eb;background:#fff;color:#111}@media(max-width:768px){.qr-page main.sec-form{padding:36px 16px 48px}.qr-page .form-header{height:auto;min-height:150px;margin-bottom:20px}.qr-page .form-header .text-display{margin-top:16px;font-size:clamp(30px,7vw,38px);line-height:1.15}.qr-page .qr-card{padding:28px 20px}.qr-page .qr-output-card{padding:28px 20px!important}}@media(max-width:640px){.qr-page .qr-modal{height:min(90vh,760px)}.qr-page .qr-modal-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow-y:auto}.qr-page .qr-modal-preview{padding:18px;border-right:0;border-bottom:1px solid #e5e7eb}.qr-page .qr-preview-frame #qr-container,.qr-page .qr-preview-frame #qr-container canvas,.qr-page .qr-preview-frame #qr-container img{width:180px!important;height:180px!important}.qr-page .qr-modal-controls{overflow:visible}.qr-page .qr-modal-footer{gap:6px;padding:12px}.qr-page .qr-download-btn{padding-inline:6px;font-size:11px}}