@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#243c31;background:#f6f7f2;font-synthesis:none;font-weight:400;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}svg{width:22px;height:22px;flex-shrink:0}[hidden]{display:none!important}.page-shell{max-width:1140px;padding:0 48px;margin:auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e6dc}.brand{display:flex;align-items:center;text-decoration:none;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.8px}.brand-dot{color:#78964e}.brand-icon{display:grid;grid-template-columns:repeat(2,9px);gap:4px;margin-right:12px}.brand-icon i{width:9px;height:9px;border:2px solid #294733;border-radius:1px}.brand-icon i:last-child{background:#86a45c;border:0;width:7px;height:7px;align-self:end}.header-note{display:flex;align-items:center;gap:9px;font-size:12px;color:#717a70}.status-dot{height:6px;width:6px;border-radius:50%;background:#739250;box-shadow:0 0 0 4px #eaf0e1}.intro{text-align:center;padding:52px 0 35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;display:inline-flex;align-items:center;gap:9px;color:#607446}.tiny-star{font-size:24px;font-weight:400;line-height:1}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(44px,5.4vw,64px);line-height:1.12;letter-spacing:-3.3px;font-weight:750;margin:17px 0 22px}.title-accent{color:#78964e;position:relative;white-space:nowrap}.title-accent svg{position:absolute;bottom:-10px;left:0;width:100%;height:15px;stroke:#bdd797;stroke-width:4;stroke-linecap:round;fill:none}.intro p{color:#7c8277;font-size:14px;line-height:1.8;margin:0}.mobile-break{display:none}.generator{display:grid;grid-template-columns:1.04fr 1fr;background:#fff;border:1px solid #e0e5da;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px -25px #38512b26;max-width:882px;margin:0 auto}.editor{padding:32px}.section-heading{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.step{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:10px;font-weight:600;border:1px solid #e3e7dd;border-radius:50%;color:#8a9381}form{margin-top:30px}form>label,.size-heading{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.label-hint{font-size:9px;letter-spacing:1px;font-weight:500;color:#99a08f}.input-wrap{display:flex;align-items:center;border:1px solid #dfe5d9;border-radius:10px;gap:10px;padding:0 13px;background:#fdfefa;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#829d60;box-shadow:0 0 0 3px #89a3611a}.input-wrap svg{width:18px;color:#929c86}input[type=url]{width:100%;min-width:0;height:49px;border:0;outline:0;background:transparent;color:#263e31;font-size:13px}input::placeholder{color:#a2a79d}.field-help{font-size:10px;color:#969b91;margin:9px 0 26px;line-height:1.6}.error{font-size:12px;line-height:1.5;color:#ae3d35;margin:-13px 0 20px}.size-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.size-options label{position:relative;cursor:pointer}.size-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.size-options label>span{height:43px;border:1px solid #e3e7dd;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;transition:background .2s}.size-options small{font-size:10px;color:#949b8a}.size-options b{font-size:8px;font-weight:600;background:#dce9ca;color:#607748;padding:3px;border-radius:3px;margin-left:3px}.size-options input:checked+span{background:#f0f5e8;border-color:#a7bd88;color:#456132}.size-options input:focus-visible+span{outline:3px solid #b3c795;outline-offset:2px}.button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;font-size:13px;font-weight:600;min-height:49px;width:100%;transition:background .2s,transform .2s}.button:focus-visible,a:focus-visible{outline:3px solid #87a362;outline-offset:4px}.button-primary{background:#263f31;color:#fff;margin-top:24px;justify-content:space-between;padding:0 18px}.button-primary:hover{background:#38573f}.button-primary:active,.button-download:active:not(:disabled){transform:translateY(1px)}.button-primary:disabled{opacity:.7}.privacy-note{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0e8;margin-top:25px;padding-top:19px}.privacy-note svg{width:17px;color:#8b9b7b}.privacy-note p{font-size:10px;color:#748267;line-height:1.8;margin:0}.privacy-note p span{color:#a0a595;font-size:9px}.preview-panel{background:#f0f3ea;padding:32px 28px 20px;border-left:1px solid #e3e8dd;display:flex;flex-direction:column;align-items:center}.preview-heading{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.preview-badge{font-size:7px;letter-spacing:1px;color:#8a947c;border:1px solid #dbe3cf;border-radius:4px;padding:5px 6px}.qr-stage{width:100%;display:flex;justify-content:center;padding:23px 0 17px;background-image:radial-gradient(#ced7c3 .8px,transparent .8px);background-size:13px 13px;background-position:center;margin-top:10px}.qr-paper{width:188px;background:#fff;padding:14px 14px 10px;border-radius:3px;box-shadow:0 5px 14px #263f3110;transform:rotate(-3deg);transition:transform .35s}.qr-paper.is-ready{transform:rotate(0)}.qr-paper img{display:block;width:160px;height:160px;image-rendering:pixelated}.qr-paper>span{display:block;text-align:center;font-size:6px;letter-spacing:1.5px;color:#a6ad9c;margin-top:9px}.empty-qr{width:160px;height:160px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 7px,#f0f3ea 7px 8px),repeating-linear-gradient(90deg,transparent 0 7px,#f0f3ea 7px 8px);border:8px solid #fff}.empty-qr>span{position:absolute;width:43px;height:43px;border:7px solid #91a37b;border-radius:2px;background:#fff}.empty-qr>span:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#91a37b}.empty-qr>span:nth-child(2){right:0;top:0}.empty-qr>span:nth-child(3){left:0;bottom:0}.empty-cross{position:absolute;right:12px;bottom:3px;font-size:42px;color:#b8c5a5;font-weight:400}.preview-copy{text-align:center;max-width:100%;min-height:54px}.preview-copy h2{font-size:12px;font-weight:600;margin:0 0 7px}.preview-copy p{font-size:10px;color:#939c86;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.button-download{background:#fff;border:1px solid #dae1d1;color:#324b2d;margin-top:9px;min-height:43px;font-size:11px}.button-download svg{width:16px;height:16px}.button-download:disabled{background:#e8eddf;color:#a4ae98;border-color:#e0e7d6}.button-download:hover:not(:disabled){background:#e1ecd2}.download-size{font-size:9px;color:#96a088;font-weight:400;border-left:1px solid #cdd6c2;padding-left:10px;margin-left:2px}.download-note{font-size:9px;color:#9ba48f;margin:10px 0 0;text-align:center;line-height:1.6}.benefits{display:flex;justify-content:center;gap:38px;padding:28px 0 39px}.benefits>div{display:flex;align-items:center;gap:8px;color:#8b9480;font-size:10px}.benefits svg{width:18px;height:18px}.benefits>div>span:first-child{font-size:18px;color:#7d9066}.square-feature{width:12px;height:12px;border:1px solid #8b9f73;outline:1px solid #b8c4a9;outline-offset:2px;margin:0 3px}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e2e6dc;padding:23px 0 26px;color:#989f90;font-size:10px}.footer-spark{color:#839b63;font-size:19px;margin-left:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.intro{padding-top:68px;padding-bottom:44px}.generator{max-width:900px}.editor{padding:36px}.preview-panel{padding-top:36px}.benefits{padding-bottom:55px}}@media(max-width:700px){.page-shell{padding:0 22px}.site-header{height:81px}.brand{font-size:27px}.header-note{font-size:10px}.intro{padding:37px 0 29px}.intro h1{font-size:48px;letter-spacing:-2.5px;margin-bottom:24px}.intro p{font-size:12px}.mobile-break{display:block}.eyebrow{font-size:9px}.generator{max-width:450px;grid-template-columns:1fr;border-radius:18px}.editor{padding:25px}.preview-panel{border-left:0;border-top:1px solid #e3e8dd;padding:24px 25px 20px}form{margin-top:25px}.field-help{font-size:10px}.privacy-note p{font-size:11px}.privacy-note p span{font-size:10px}.preview-copy p{max-width:260px}.qr-paper{width:208px}.qr-paper img,.empty-qr{width:180px;height:180px}.preview-copy{min-height:54px}.benefits{gap:21px;flex-wrap:wrap;padding:26px 0}.benefits>div{font-size:9px;gap:6px}footer{font-size:9px;line-height:1.8;align-items:center}footer>span{max-width:48%}footer>span:last-child{text-align:right}}.intro{padding:25px 0 26px}.intro h1{font-size:clamp(28px,3.3vw,40px);letter-spacing:-1.6px;line-height:1.2;margin:10px 0 14px}.intro p{font-size:12px;line-height:1.6}.title-accent svg{bottom:-7px;height:10px}@media(max-width:700px){.intro{padding:23px 0 24px}.intro h1{font-size:clamp(25px,5.6vw,36px);letter-spacing:-1px}.intro p{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}