@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--cream:#f8f6ee;--green:#183b34;--orange:#fa7046;--muted:#73786e;--line:#dddfd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}a{color:inherit;text-decoration:none}button{cursor:pointer}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:25px 35px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand>span:not(.brand-icon){font-weight:400}.brand-icon{background:var(--green);color:var(--cream);padding:1px 6px;border-radius:7px;margin-right:10px;font-size:30px}.brand sup{font-size:9px;letter-spacing:1px;margin-left:8px;background:#ecebdd;padding:5px;border-radius:4px}nav{display:flex;gap:30px;font-size:13px}.nav-cta{font-size:13px;font-weight:700;border:1px solid var(--green);border-radius:30px;padding:12px 20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;padding:75px 35px 65px;gap:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 25px;line-height:1.6}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:6px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-2px}h1{font-size:66px;line-height:1.08;margin:0 0 26px;font-weight:800}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:16px;line-height:1.8;max-width:415px;color:#606b60}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:16px 24px;border:0;border-radius:8px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#183b34}.free-note{font-size:12px;font-weight:700;line-height:1.6}.free-note small{font-size:10px;font-weight:400;color:var(--muted)}.hero-tags{display:flex;gap:20px;font-size:11px;margin-top:30px;color:#667362}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:475px}.orbit{position:absolute;border:1px solid #d8ddd0;border-radius:50%;width:430px;height:430px}.orbit-two{width:340px;height:340px}.sample-card{position:relative;transform:rotate(-7deg);padding:24px;background:white;box-shadow:0 15px 50px #173c3420;border-radius:16px;width:285px;display:flex;flex-direction:column;align-items:center}.card-top{display:flex;justify-content:space-between;width:100%;font-size:8px;letter-spacing:1px}.sample-card canvas{width:220px;height:220px;margin:16px 0 12px}.sample-card strong{font-size:14px}.card-bottom{font-size:7px;letter-spacing:2px;margin-top:15px}.floating{position:absolute;z-index:2}.label-one{top:40px;right:0;background:#e4eb9a;padding:12px 18px;border-radius:30px;font-size:11px;transform:rotate(7deg)}.label-two{bottom:48px;left:5px;background:white;border:1px solid var(--line);padding:13px 18px;border-radius:30px;font-size:11px;transform:rotate(-6deg)}.emoji-float{font-size:44px;left:15px;top:110px;transform:rotate(-15deg)}.spark{position:absolute;font-size:70px;color:var(--orange);right:0;bottom:55px}.use-strip{display:flex;justify-content:space-between;align-items:center;padding:20px 35px;border-block:1px solid var(--line);font-size:14px}.use-strip>span{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.tool-section,.blog-section,.faq-section{padding:75px 35px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:39px;line-height:1.2;margin:0;font-weight:800}.section-heading>p,.faq-section>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.editor{padding:35px}.field-label{display:block;font-size:13px;font-weight:700;margin:0 0 14px}.input-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 15px;gap:10px;background:#fafaf6}.input-wrap input{border:0;background:none;min-width:0;width:100%;padding:15px 0;color:var(--green)}.hint{font-size:11px;line-height:1.7;color:var(--muted);margin:12px 0 24px}.tabs{display:flex;background:#f2f3ec;border-radius:8px;padding:4px;gap:3px}.tab{flex:1;border:0;background:transparent;border-radius:6px;padding:11px 5px;color:#687568;font-size:12px}.tab.active{background:white;box-shadow:0 2px 5px #00000009;color:var(--green);font-weight:700}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:25px}.emoji-grid button{font-size:24px;background:#f8f8f3;border:1px solid transparent;border-radius:8px;aspect-ratio:1}.emoji-grid button.selected{border-color:var(--orange);background:#fff1e9}.color-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.swatches{display:flex;gap:10px;align-items:center}.swatch{width:25px;height:25px;border-radius:50%;background:var(--swatch);border:3px solid white;outline:1px solid transparent}.swatch.chosen{outline-color:var(--green)}#color{width:28px;height:28px;padding:0;border:0;background:none}.mini-tag{font-size:10px;color:var(--muted);line-height:1.7}.generate{width:100%;justify-content:space-between}.preview{padding:30px;background:#eff1e7;text-align:center;border-left:1px solid var(--line)}.preview-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.live-dot{color:#64745d;letter-spacing:0}.live-dot:before{content:'●';color:#64a574;margin-right:5px}.qr-paper{width:260px;max-width:100%;margin:25px auto 15px;padding:10px;background:white;border-radius:12px;box-shadow:0 6px 20px #183b340a}.qr-paper canvas{display:block;width:100%;height:auto}.preview-url{font-size:10px;color:var(--muted);overflow-wrap:anywhere;min-height:14px}.download-row{display:flex;justify-content:center;gap:9px;margin-top:20px}.dark{background:var(--green);color:white}.outline{border:1px solid #b8c0ac;background:none}.preview-note{font-size:10px;line-height:1.6;color:var(--muted);max-width:260px;margin:15px auto}.scan-note{display:flex;text-align:left;gap:12px;border-top:1px solid #d8ddcf;padding-top:15px;margin-top:20px}.scan-note>span{font-size:25px}.scan-note p{font-size:10px;line-height:1.8;margin:0;color:#69775e}.scan-note strong{color:var(--green)}#error{font-size:12px;color:#a2281c;min-height:16px;margin:15px 0 7px}.upload{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px dashed #b3bdab;border-radius:10px;padding:22px;margin-top:15px;cursor:pointer}.upload>span{font-size:25px}.upload strong{font-size:12px}.upload small{font-size:10px;color:var(--muted)}.upload input{max-width:100%;font-size:10px;margin-top:8px}.agency{margin:0 35px;background:var(--green);color:white;padding:50px;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:35px;position:relative}.agency .eyebrow{color:#c9d687}.agency p:not(.eyebrow){font-size:13px;line-height:1.8;color:#b8c9bc;max-width:380px}.light{background:#e4eb9a;margin-top:15px;color:var(--green)}.agency-cards{display:flex;flex-direction:column;gap:12px}.agency-cards>div{border:1px solid #ffffff20;border-radius:9px;padding:16px 20px}.agency-cards span{float:right;font-size:10px;color:#baca88}.agency-cards h3{font-size:17px;letter-spacing:-.3px;margin:0 0 6px}.agency-cards p{margin:0!important;font-size:11px!important}.agency .agency-draft{position:absolute;bottom:10px;left:50px;font-size:9px!important}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.article-card{text-align:left;padding:0;background:none;color:inherit;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s}.article-card:hover{transform:translateY(-5px)}.article-art{height:175px;padding:20px;position:relative;overflow:hidden}.article-art>span{display:block;font-size:120px;line-height:1;transform:rotate(-15deg);font-weight:700;text-align:center}.art-chip{position:absolute;bottom:15px;left:15px;font-size:7px;letter-spacing:1px;background:#ffffffaa;border-radius:20px;padding:7px 10px}.art-orange{background:#ffc3a0}.art-lilac{background:#d9d4ef}.art-green{background:#cbdcb8}.art-yellow{background:#e9e89a}.article-body{padding:20px}.category{font-size:8px;font-weight:700;letter-spacing:1px;color:#777e68}.article-body h3{font-size:18px;line-height:1.45;letter-spacing:-.5px;margin:12px 0}.article-body p{font-size:12px;color:var(--muted);line-height:1.7}.read-more{display:block;font-size:11px;font-weight:700;margin-top:22px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:20px}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:0}.contact-section{margin:0 35px 65px;background:#e9edda;border-radius:16px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-section p{font-size:13px;line-height:1.8;color:#65705b;max-width:340px}.prototype-note{font-size:10px;line-height:1.6;display:block;max-width:330px;color:#65705b}form label{font-size:11px;font-weight:700;display:block;margin-bottom:8px}form input,textarea{width:100%;background:#ffffffb0;border:1px solid #d2dac5;border-radius:7px;padding:12px;margin-bottom:16px;font-size:12px;color:var(--green)}textarea{resize:vertical}#contact-status{font-size:10px;margin-bottom:0}footer{padding:0 35px 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.footer-top p{font-size:12px;line-height:1.6;color:var(--muted)}.footer-top>div{display:flex;gap:20px;font-size:11px}.footer-top button{background:none;border:0;color:inherit;padding:0;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:var(--muted)}dialog{border:0;border-radius:16px;background:var(--cream);color:var(--green);width:720px;max-width:calc(100% - 30px);max-height:85vh;padding:45px}dialog::backdrop{background:#0f251ac0;backdrop-filter:blur(4px)}.close-dialog{position:sticky;top:0;float:right;border:0;border-radius:50%;font-size:23px;width:35px;height:35px;background:#e2e7d8;color:var(--green)}dialog h2{font-size:32px;margin-bottom:25px;padding-right:30px}dialog h3{font-size:20px;letter-spacing:-.5px;margin-top:30px}dialog p,dialog li{font-size:14px;line-height:1.9;color:#5f6d5f}dialog a{text-decoration:underline}dialog .notice{background:#e9edda;padding:15px;border-radius:8px;font-size:12px}button:disabled{opacity:.4;cursor:not-allowed} [hidden]{display:none!important}.sn-dec-label{display:block;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 10px}.social-dec-btn{color:var(--sn,#888);display:flex;align-items:center;justify-content:center}.social-dec-btn.selected{border-color:var(--sn,#888)!important;background:white!important}
@media(max-width:900px){h1{font-size:50px}.hero{gap:10px}.hero-art{min-height:420px}.orbit{width:330px;height:330px}.orbit-two{width:270px;height:270px}.sample-card{width:245px}.sample-card canvas{width:195px;height:195px}.label-one{font-size:9px;right:-5px}.emoji-float{left:0}.hero-tags{gap:10px;font-size:9px}.blog-grid{grid-template-columns:repeat(2,1fr)}.editor{padding:25px}.preview{padding:25px 20px}.emoji-grid{gap:5px}.agency{padding:35px}.contact-section{gap:30px;padding:35px}.faq-section{gap:30px}.use-strip{font-size:11px}.use-strip>span{font-size:8px}}
@media(max-width:640px){header{padding:18px 20px}.brand{font-size:25px}nav{display:none}.nav-cta{padding:10px 14px;font-size:11px}.hero{grid-template-columns:1fr;padding:40px 20px 20px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:49px}.lead{font-size:14px}.hero-art{min-height:370px;margin-top:15px}.label-one{right:5px;top:15px}.label-two{bottom:20px;left:10px}.emoji-float{left:20px;top:60px}.spark{bottom:30px;right:20px}.use-strip{flex-wrap:wrap;gap:0 15px;padding:15px 20px}.use-strip>span{width:100%;margin-bottom:8px}.use-strip p{margin:8px 0;font-size:11px}.tool-section,.blog-section,.faq-section{padding:45px 20px}.section-heading{display:block}.section-heading>p{margin-top:18px}h2{font-size:32px}.tool-grid{grid-template-columns:1fr}.editor{padding:22px}.emoji-grid button{font-size:22px}.preview{border-left:0;border-top:1px solid var(--line);padding:25px}.agency{margin:0 20px;grid-template-columns:1fr;padding:28px 25px 45px;gap:25px}.agency .agency-draft{left:25px}.blog-grid{gap:12px}.article-art{height:135px;padding:15px}.article-art>span{font-size:85px}.art-chip{font-size:5px;left:8px;padding:5px}.article-body{padding:14px}.article-body h3{font-size:16px}.article-body p{font-size:11px}.category{font-size:7px}.faq-section{grid-template-columns:1fr;gap:25px}.contact-section{margin:0 20px 35px;padding:28px 25px;grid-template-columns:1fr;gap:25px}footer{padding:0 20px 20px}.footer-top{flex-wrap:wrap;gap:15px}.footer-top>div{width:100%;gap:20px}.footer-bottom{gap:20px;line-height:1.7}dialog{padding:25px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}