@font-face{font-family:Barlow;src:url(vendor/barlow.ttf) format('truetype');font-weight:800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#111214;color:#f1f0eb;font:16px/1.55 Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}:focus-visible{outline:3px solid #f8b535;outline-offset:5px}.skip{position:fixed;top:-100px;padding:12px;background:#f8b535;color:#111;z-index:20}.skip:focus{top:10px}header,main>section,footer{max-width:1320px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-bottom:1px solid #303136}.brand{display:flex;align-items:center;font-weight:900;font-size:25px;letter-spacing:-1.5px}.brand>span:not(.brand-icon){color:#f4b43a}.brand-icon{font-size:37px;color:#f4b43a;margin-right:10px}.brand sup{font-size:10px;align-self:flex-start;margin-top:9px;margin-left:4px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#f4b43a}.demo-tag{font-size:10px;letter-spacing:1.5px;border:1px solid #4b4b4f;border-radius:30px;padding:7px 12px;display:flex;align-items:center;gap:7px}.demo-tag i{width:6px;height:6px;background:#f4b43a;border-radius:50%}.hero{padding:40px 40px 26px}.eyebrow,.section-label{font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center;color:#b5b6ba}.eyebrow{margin-bottom:20px}h1,h2,h3,p{margin:0}h1{font-family:Barlow,'Arial Narrow',sans-serif;font-size:clamp(96px,14.5vw,196px);line-height:.85;letter-spacing:-.018em;position:relative;font-weight:800}h1 br{display:none}h1 .color-word{margin-left:20px}.color-word b{font-weight:800}.color-word b:nth-child(1){color:#5159fa}.color-word b:nth-child(2){color:#ee744b}.color-word b:nth-child(3){color:#f4b43a}.color-word b:nth-child(4){color:#53b7b8}.dot{color:#ec5262}.asterisk{position:absolute;right:8px;top:16px;font-family:Arial;font-size:70px;display:none;color:#f4b43a}.intro{display:flex;align-items:center;justify-content:space-between;padding-top:26px;color:#b5b6ba;font-size:15px}.jump{font-size:30px;border:1px solid #48494c;border-radius:50%;width:52px;height:52px;text-align:center;color:#eee}.generator{display:grid;grid-template-columns:1.2fr 1fr;padding:0 40px 60px;gap:0}.editor{background:#1c1d20;padding:30px 36px;border-radius:20px 0 0 20px}.tiny-pill{font-size:8px;letter-spacing:1px;color:#bfc1c6}.editor h2{font-size:28px;letter-spacing:-1px;margin:24px 0}label{font-size:13px}.input-wrap{display:flex;align-items:center;border:1px solid #65666e;border-radius:8px;background:#121315;margin-top:8px;transition:border-color .2s}.input-wrap:focus-within{border-color:#f4b43a}.input-wrap>span{padding-left:17px;font-size:24px;color:#8f9198}input:not([type=color]){width:100%;min-width:0;border:0;background:transparent;padding:17px 13px;color:#f1f0eb;outline:0;font-size:16px}input::placeholder{color:#8e9096}.hint{font-size:12px;color:#b1b2b8;margin-top:10px}.primary,.checkout-button,.secondary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;border:0;border-radius:8px;font-weight:700;background:#f4b43a;color:#141518;min-height:54px;transition:background .2s,transform .2s}.primary:hover{background:#ffca61}.primary:active{transform:translateY(1px)}#qr-form .primary{margin-top:23px}.primary span,.checkout-button span{font-size:23px;line-height:1}.design-toggle{display:flex;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid #393a40;color:#eee;width:100%;padding:19px 0;font-size:13px}.optional{color:#a3a4aa;font-size:11px}.design-toggle>span:last-child{margin-left:auto;font-size:21px}.color-fields{display:flex;align-items:center;gap:18px;padding-top:17px}.color-fields label{display:flex;align-items:center;gap:9px;font-size:11px}input[type=color]{border:1px solid #666;border-radius:4px;width:38px;height:36px;padding:2px;background:transparent;cursor:pointer}.text-button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:12px 0}.editor-footer{display:flex;flex-wrap:wrap;gap:19px;padding-top:23px;font-size:11px;color:#babcc2}.preview{border-radius:0 20px 20px 0;padding:30px 36px 20px;background:#292b30;display:flex;flex-direction:column;align-items:center}.preview .section-label{width:100%}.qr-paper{margin:20px auto 9px;position:relative;background:#fff;color:#151618;padding:7px 7px 10px;width:216px;border-radius:3px;box-shadow:10px 12px 0 #1e2024;transform:rotate(3deg);transition:transform .3s}.qr-paper:hover{transform:rotate(0)}#qr-image{line-height:0}#qr-image svg{display:block;width:100%;height:auto}.paper-brand{display:block;text-align:center;font-size:7px;letter-spacing:1.8px;font-weight:700;margin-top:4px}.preview-status{font-size:11px;margin:12px 0 17px;max-width:100%;overflow-wrap:anywhere;text-align:center;color:#d2d3d7}.checkout-button{background:#f3f1eb;margin-top:auto}.checkout-button:hover:enabled{background:#fff}.preview-note{font-size:10px;line-height:1.7;color:#c0c1c6;text-align:center;margin-top:10px}.preview-note strong{font-weight:400;color:#f4b43a}.error{font-size:12px;color:#ffb1b8;margin:10px 0}.ticker{border-block:1px solid #37383d;display:flex;gap:40px;overflow:hidden;white-space:nowrap;font-family:Barlow,sans-serif;font-size:64px;padding:9px 0;color:#56585d;justify-content:center}.ticker span:nth-child(2){color:#53b7b8}.ticker span:nth-child(3){color:#f4b43a}.how{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:85px 40px}.how h2,.pricing h2,.faq h2{font:800 64px/.98 Barlow,sans-serif;letter-spacing:-1px;margin-top:20px}.muted{color:#74767d}.how ol{list-style:none;margin:0;padding:0}.how li{display:flex;gap:27px;padding:22px 0;border-bottom:1px solid #36373b}.how li:first-child{padding-top:0}.how li>span{color:#f4b43a;font-size:12px;padding-top:6px}.how h3{font-size:19px;font-weight:500;margin-bottom:7px}.how p:not(.section-label){color:#b5b6ba;font-size:14px;max-width:40ch}.pricing{margin:0 auto;background:#24262b;padding:55px 40px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;border-radius:18px}.pricing h2{font-size:52px;margin-bottom:20px}.pricing p:not(.section-label){font-size:14px;color:#c1c2c7}.pricing p.hint{font-size:12px;color:#a5a7af;margin-top:20px}.price{display:flex;flex-direction:column;justify-content:center}.price-number{font:800 130px/.9 Barlow,sans-serif;letter-spacing:-4px;color:#f4b43a}.price-number span{font-size:60px;margin-left:10px}.price>span:nth-child(2){font-size:12px;margin-top:14px;color:#c5c6cc}.price-rule{font-size:13px;border-block:1px solid #515259;padding:16px 0;margin-top:23px;display:flex;justify-content:space-between}.price a{display:flex;justify-content:space-between;font-weight:bold;padding:18px 0}.price small{font-size:10px;color:#b5b6ba}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:85px 40px}.faq h2{margin-top:0}.faq details{border-bottom:1px solid #414249;padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:'+';color:#f4b43a}.faq details[open] summary::after{content:'−'}.faq details p{color:#b5b6ba;font-size:14px;margin-top:13px}footer{border-top:1px solid #393a40;padding:30px 40px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer>span{font-size:9px;letter-spacing:1.5px;color:#b5b6ba}footer button{margin-left:auto}footer small{width:100%;font-size:10px;color:#9698a0}dialog{border:1px solid #5b5c65;border-radius:18px;color:#eee;background:#202125;padding:36px;width:min(540px,calc(100% - 28px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font:800 45px/1 Barlow,sans-serif;margin:20px 0}dialog p{font-size:14px;color:#c2c3c9}dialog h3{margin:20px 0 10px;font-size:17px}.close{position:absolute;right:15px;top:10px;width:40px;height:40px;color:#eee;font-size:27px;background:transparent;border:0}.modal-tag{font-size:9px;color:#f4b43a;letter-spacing:1px}.order-content{overflow-wrap:anywhere;background:#121315;border-radius:7px;padding:14px;margin:18px 0;font-size:13px;max-height:120px;overflow:auto}.order-row{display:flex;justify-content:space-between;border-bottom:1px solid #4a4b50;padding:15px 0;font-size:14px;gap:16px}.order-row small{font-size:11px;color:#aeb0b6}.total{font-weight:700}.demo-info{padding:18px 0}.success{background:#213c35;color:#b8ebcf;padding:15px;margin-top:20px;font-size:14px;border-radius:7px}.download-buttons{display:grid;gap:10px;margin-top:15px}.secondary{background:#eee}#demo-fail{display:block;margin:auto}body:has(dialog[open]){overflow:hidden}@media(min-width:1450px){.generator{padding-top:15px}}@media(max-width:1100px){h1{font-size:17vw}h1 br{display:block}h1 .color-word{margin-left:0}.asterisk{display:block;top:50px}.generator{grid-template-columns:1.1fr 1fr}.editor,.preview{padding:25px}.tiny-pill{display:none}.pricing{border-radius:0}.color-fields{flex-wrap:wrap}.editor-footer{gap:10px}}@media(max-width:650px){header{padding:17px 20px}.brand{font-size:21px}.brand-icon{font-size:29px}nav{display:none}.demo-tag{font-size:8px;padding:6px 8px}.hero{padding:28px 20px 24px}.eyebrow{font-size:8px}.eyebrow>span:last-child{display:none}h1{font-size:25vw;line-height:.9}.asterisk{font-size:50px;top:12px;right:0}.intro{font-size:13px;gap:10px;padding-top:22px}.jump{flex-shrink:0;width:44px;height:44px;font-size:26px}.generator{grid-template-columns:1fr;padding:0 16px 40px}.editor{border-radius:15px 15px 0 0;padding:24px}.preview{border-radius:0 0 15px 15px;padding:24px}.editor h2{font-size:24px;margin:24px 0 19px}.qr-paper{width:230px;margin-top:25px}.preview-status{margin:17px 0}.preview-note{font-size:11px}.how,.pricing,.faq{grid-template-columns:1fr;gap:36px;padding:50px 24px}.how h2,.faq h2{font-size:52px}.pricing h2{font-size:42px}.price-number{font-size:110px}.ticker{font-size:45px;gap:24px}.how li{gap:24px}.faq h2 br{display:none}.faq h2{font-size:44px}footer{padding:25px 24px;gap:15px}footer>span{display:none}footer button{margin-left:0}dialog{padding:28px 22px}dialog h2{font-size:39px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:1101px){h1{font-size:clamp(95px,10vw,136px);white-space:nowrap}.hero{padding-top:32px}.intro{padding-top:22px}}
@media(max-width:650px){h1{font-size:22vw}.asterisk{font-size:40px;top:14px}}
@media(max-width:650px){h1{font-size:19vw;white-space:nowrap}.asterisk{display:none}.faq h2 br{display:block}}