:root{--ink:#17211f;--muted:#6d7773;--line:#e6eae7;--paper:#f7f8f6;--green:#246b52;--green-dark:#1b5742;--mint:#eaf2ed;--white:#fff;--shadow:0 14px 40px rgba(30,48,39,.06);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 clamp(20px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf0ee}.brand{font-size:21px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brandmark{display:grid;place-items:center;width:30px;height:30px;background:var(--green);border-radius:9px;color:white;font-size:19px}.brand-light{font-weight:450;color:#75807b}.topbar nav{display:flex;gap:32px;color:#66716c;font-size:13px}.topbar nav a:hover,.topbar nav .active{color:var(--ink)}.free-pill{font-size:11px;font-weight:650;color:var(--green);background:var(--mint);padding:9px 13px;border-radius:30px}main{max-width:1220px;margin:auto;padding:0 24px}.hero{padding:86px 0 40px;max-width:760px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.4px;font-weight:750;color:#64726c}.dot{height:7px;width:7px;border-radius:50%;background:#67a284}.hero h1{font-size:clamp(42px,6.2vw,72px);letter-spacing:-4px;line-height:1.02;margin:22px 0 17px;font-weight:650}.hero h1 span,.section-copy h2 span{color:#7f8b85}.lead{font-size:16px;line-height:1.7;color:var(--muted);max-width:590px;margin:0}.builder{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(360px,.87fr);gap:22px;align-items:stretch}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.editor{padding:30px 32px}.step-head{display:flex;align-items:flex-start;gap:13px}.step-num{font-size:10px;color:#6d9681;background:#edf4ef;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-weight:700}.step-head h2{font-size:15px;margin:1px 0 4px;letter-spacing:-.25px}.step-head p{margin:0;color:var(--muted);font-size:12px}.segmented{display:flex;padding:4px;background:#f3f5f3;border-radius:10px;margin:23px 0 19px;gap:4px}.seg{background:transparent;border:0;border-radius:8px;min-height:38px;flex:1;font:600 12px inherit;color:var(--muted);cursor:pointer}.seg.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #17211f14}.field-label{display:block;font-size:11px;font-weight:650;margin:16px 0 8px}.optional{font-weight:400;color:var(--muted);margin-left:5px}textarea,input[type=url],select{width:100%;border:1px solid #dfe5e0;border-radius:9px;background:#fff;padding:12px 13px;font:13px inherit;color:var(--ink);outline:none}textarea{resize:vertical;min-height:58px}textarea:focus,input:focus,select:focus{border-color:#70a086;box-shadow:0 0 0 3px #4584631c}.hint,.fineprint{font-size:10px;color:#89938e;margin:6px 0 0}.divider{height:1px;background:var(--line);margin:24px 0}.compact{align-items:center}.style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:17px}.style-choice{border:1px solid #e4e9e5;border-radius:10px;background:#fff;padding:8px 4px 7px;min-height:78px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;color:#66716b;font:600 9px inherit;cursor:pointer}.style-choice:hover,.style-choice.selected{border-color:#559174;background:#f4f8f5;color:var(--green);box-shadow:0 0 0 2px #55917413}.mini-qr{width:34px;height:34px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:15px 0}.color-row>label{font-size:10px;color:var(--muted);font-weight:600}.color-control{display:flex;align-items:center;gap:8px;margin-top:7px}.color-control input[type=color]{width:34px;height:32px;padding:3px;border:1px solid var(--line);border-radius:7px;background:white}.color-control input[type=text]{width:95px;padding:8px;border:1px solid var(--line);border-radius:7px;font:11px ui-monospace,monospace}.editor input[type=file]{font-size:11px;width:100%;color:var(--muted)}.editor input[type=file]::file-selector-button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 12px;margin-right:9px;color:var(--ink);cursor:pointer}.button{min-height:42px;border-radius:9px;padding:0 14px;font:650 12px inherit;cursor:pointer;transition:background .15s,border-color .15s}.button:focus-visible,.icon-button:focus-visible,.seg:focus-visible,.style-choice:focus-visible{outline:3px solid #69a486;outline-offset:2px}.button.primary{background:var(--green);color:white;border:1px solid var(--green)}.button.primary:hover{background:var(--green-dark)}.button:disabled{opacity:.45;cursor:not-allowed}.button.full{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:0 16px}.fineprint{line-height:1.55}.message{font-size:12px;color:#a24338;margin-top:12px;min-height:0}.message:empty{display:none}.preview{min-height:650px;display:flex;flex-direction:column;padding:25px}.preview-head{display:flex;justify-content:space-between;align-items:center}.preview-label{font-size:9px;letter-spacing:1.3px;font-weight:750;color:#76817b}.live{font-size:10px;color:var(--green);margin-left:13px}.live i{display:inline-block;width:6px;height:6px;background:#69a284;border-radius:50%;margin-right:4px}.icon-button{border:1px solid var(--line);background:#fff;color:#79847e;border-radius:8px;width:33px;height:33px;font-size:18px;cursor:pointer}.qr-stage{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:430px;position:relative}.empty-state{text-align:center;color:#7c8982}.empty-graphic{width:202px;height:202px;border:1px dashed #cdd8d0;background:#f8faf8;border-radius:18px;display:grid;place-items:center;margin:0 auto 20px;color:#9cb8a6;font-size:72px}.empty-state strong{display:block;font-size:13px;color:#4b5952}.empty-state small{display:block;font-size:11px;margin-top:8px}#qr{display:none;align-items:center;justify-content:center;background:white;padding:14px;border-radius:12px;box-shadow:0 8px 35px #19261e12}#qr canvas,#qr svg{max-width:100%;height:auto!important}.scan-warning{font-size:10px;color:#9b5a19;background:#fff7e8;padding:9px 12px;border-radius:8px;margin-top:12px;max-width:310px;text-align:center}.preview-bottom{width:100%}.safe-note{display:flex;gap:10px;align-items:center;background:#f5f8f5;padding:11px 13px;border-radius:9px;color:#4e765f}.safe-note>span{border:1px solid #c7d9cd;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.safe-note p{margin:0;color:var(--ink)}.safe-note b{font-size:10px;display:block}.safe-note small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.download-row{display:flex;gap:9px;margin-top:12px}.button.secondary{flex:1;background:#fff;border:1px solid #dfe5e1;color:var(--ink)}.button.secondary:hover:not(:disabled){border-color:#86a895;background:#f8fbf8}.dynamic-section{padding:120px 3.5% 105px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-copy h2{font-size:42px;line-height:1.1;letter-spacing:-2px;margin:20px 0 16px}.section-copy p{font-size:13px;line-height:1.8;color:var(--muted);max-width:450px}.text-link{font-size:12px;font-weight:650;color:var(--green);display:inline-flex;gap:10px;margin-top:12px}.dynamic-card{padding:27px}.dyn-icon{display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:10px;width:38px;height:38px;font-size:19px}.dynamic-card h3{font-size:16px;margin:18px 0 6px}.dynamic-card>p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.dynamic-card .field-label{margin-top:18px}.dyn-result{font-size:12px;color:var(--green);margin-top:12px;overflow-wrap:anywhere}.dyn-result a{text-decoration:underline}.dynamic-card .fineprint{margin-top:12px}.dynamic-card .fineprint a{text-decoration:underline}.about-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:39px 3.5%;display:flex;align-items:center;justify-content:space-between;gap:35px}.about-strip h2{font-size:22px;letter-spacing:-.7px;margin:10px 0 0}.about-strip p{font-size:12px;line-height:1.7;color:var(--muted);max-width:460px}footer{min-height:86px;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(24px,7.5vw,115px);color:#79847e;font-size:10px}.small-brand{font-size:12px;color:var(--ink)}
@media(max-width:850px){.topbar{padding:0 22px}.topbar nav{gap:15px}.free-pill{display:none}.builder{grid-template-columns:1fr}.preview{min-height:590px}.dynamic-section{gap:35px;padding:90px 2%}.hero{padding-top:68px}}@media(max-width:560px){.topbar{height:64px}.brand{font-size:18px}.topbar nav{gap:12px}.topbar nav a{font-size:10px}.topbar nav a:nth-child(3){display:none}main{padding:0 15px}.hero{padding:58px 5px 28px}.hero h1{font-size:43px;letter-spacing:-2.5px}.lead{font-size:13px}.editor{padding:23px 19px}.style-grid{gap:6px}.style-choice{font-size:8px;min-height:70px}.mini-qr{width:29px;height:29px}.preview{padding:19px;min-height:550px}.qr-stage{min-height:360px}.empty-graphic{width:180px;height:180px}.dynamic-section{grid-template-columns:1fr;padding:75px 4%;gap:24px}.section-copy h2{font-size:36px}.about-strip{display:block;padding:30px 4%}.about-strip p{margin-bottom:0}footer{flex-wrap:wrap;gap:10px;padding:19px 21px}.color-row{gap:8px}.color-control{gap:5px}.color-control input[type=text]{width:85px}}