:root{--ink:#17211b;--muted:#68726c;--paper:#f5f2ec;--card:#fff;--line:#deddd5;--lime:#c8fa65;--green:#243f2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a{color:inherit}header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:2px}.brand>span:last-child{color:#6e9a36}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--lime)!important;border-radius:8px;margin-right:7px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;color:#4d5751}.ghost{padding:10px 17px;border:1px solid #bfc3bd;border-radius:99px;background:transparent;font-size:13px;font-weight:600;cursor:pointer}.hero{max-width:1240px;margin:auto;padding:100px 28px 116px;position:relative;background:radial-gradient(circle at 77% 48%,rgba(200,250,101,.18),transparent 24%)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;display:flex;gap:9px;align-items:center}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#7caf39;box-shadow:0 0 0 5px #e3efce}.hero h1{font:800 clamp(55px,8vw,108px)/.92 Manrope,sans-serif;letter-spacing:-6px;margin:28px 0 30px;max-width:980px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#688245}.hero p{font-size:19px;line-height:1.55;color:var(--muted);max-width:570px;margin-bottom:34px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;background:var(--ink);color:white;border-radius:10px;font-weight:700;cursor:pointer}.hero-cta{text-decoration:none;padding:16px 20px}.hero-cta span{font-size:19px;color:var(--lime)}.trust{position:absolute;right:30px;bottom:45px;font-size:12px;color:var(--muted)}.trust span{color:#7ba641}.studio{background:#19241e;color:#f8f7f1;padding:80px max(28px,calc((100vw - 1184px)/2)) 100px}.studio-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.studio-head small,.how>small{color:var(--lime);font-weight:700;letter-spacing:1.7px}.studio h2,.how h2{font:700 36px Manrope;margin:10px 0 0}.step{font-family:monospace;font-size:12px;color:#9ba69f}.workspace{display:grid;grid-template-columns:390px 1fr;background:#f7f5ef;color:var(--ink);border-radius:18px;overflow:hidden;min-height:660px}.controls{padding:30px;border-right:1px solid #d8dbd5}.field-label,.field label{font-size:12px;font-weight:700;display:block;margin:0 0 9px}.dropzone{height:140px;border:1.5px dashed #aab2aa;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:#fff;margin-bottom:24px;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:#659329;background:#f5fde8}.dropzone b{font-size:14px;margin:7px 0 4px}.dropzone small{font-size:10px;color:#7f8982}.upload-icon{display:grid;place-items:center;width:34px;height:34px;background:#edf5df;border-radius:50%;font-size:20px}.field{margin-bottom:17px}.field input{width:100%;padding:13px;border:1px solid #d1d5cf;border-radius:9px;background:#fff;outline:none}.field input:focus{border-color:#709940;box-shadow:0 0 0 3px #e6f3d3}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px}.style{border:1px solid #d4d7d1;border-radius:10px;background:white;padding:8px;cursor:pointer;text-align:left}.style.active{border-color:#2f4a37;box-shadow:0 0 0 1px #2f4a37}.style b{font-size:10px;display:block;margin-top:7px}.swatch{height:40px;border-radius:6px;display:block}.cream{background:linear-gradient(135deg,#e9dfca,#faf9f3)}.dark{background:linear-gradient(135deg,#101612,#5c745f)}.pop{background:linear-gradient(135deg,#ffdf4f,#ff6c8c)}.generate{width:100%;padding:15px}.generate span{color:var(--lime)}.privacy{text-align:center;font-size:10px;color:#858d87}.results{padding:24px 34px;background:#eeece6}.result-tabs{display:flex;border-bottom:1px solid #d4d5d0;margin-bottom:21px}.result-tabs button{border:0;background:transparent;padding:9px 20px;font-size:12px;font-weight:700;color:#8a908c;cursor:pointer;border-bottom:2px solid transparent}.result-tabs button.active{color:var(--ink);border-color:var(--ink)}.tab-panel{display:none}.tab-panel.active{display:block}.canvas-wrap{max-width:510px;aspect-ratio:1;margin:auto;position:relative;box-shadow:0 17px 45px #1b251c20;background:#ddd}.canvas-wrap canvas{display:block;width:100%;height:100%}.empty{position:absolute;inset:0;background:#e3e1da;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#798079}.empty span{font-size:28px;color:#9dac8f}.empty b{font-size:14px;margin:10px}.empty small{font-size:11px}.actions{display:flex;max-width:510px;margin:17px auto;align-items:center;justify-content:space-between;font-size:10px;color:#767d78}.actions button,.caption-top button{border:1px solid #b8bdb7;background:white;border-radius:8px;padding:9px 13px;font-weight:700;font-size:11px;cursor:pointer}.actions button:disabled{opacity:.45}.caption-card{background:#fff;border-radius:13px;padding:25px;min-height:300px}.caption-top{display:flex;justify-content:space-between;align-items:center;color:#7b827d;font-size:10px;font-weight:700;letter-spacing:1px}.caption-card p{white-space:pre-line;font-size:16px;line-height:1.75;margin-top:35px}.hashtags{margin-top:15px;background:#dfead6;border-radius:10px;padding:16px;font-size:13px;color:#47603b}.how{max-width:1184px;margin:auto;padding:110px 0}.how>small{color:#668c36}.how h2{font-size:47px;letter-spacing:-2px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.steps article{border-top:1px solid #cdd0ca;padding-top:18px}.steps article>b{font-family:monospace;color:#719640}.steps h3{font:700 20px Manrope;margin:35px 0 13px}.steps p{color:var(--muted);line-height:1.6;font-size:14px}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:35px 28px 50px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}footer .brand{color:var(--ink)}@media(max-width:800px){nav a{display:none}.hero{padding-top:70px}.hero h1{letter-spacing:-3px}.trust{position:static;margin-top:30px}.workspace{grid-template-columns:1fr}.controls{border-right:0}.results{padding:24px 16px}.studio-head .step{display:none}.how{padding:80px 28px}.steps{grid-template-columns:1fr}.how h2{font-size:36px}footer{margin:0 28px}.studio{padding-left:14px;padding-right:14px}}