:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#173c34;background:#f5f6ef;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,.button{cursor:pointer;background:#176453;color:white;border:0;border-radius:9px;padding:12px 20px;font-weight:650;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.secondary{background:#e8ece3;color:#173c34}header,footer{max-width:1240px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}header{border-bottom:1px solid #d9dfd3}nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.brand{font-weight:750;letter-spacing:-.5px;text-decoration:none;font-size:21px;display:flex;align-items:center;gap:10px}.brand img{width:32px;height:32px}.hero{max-width:1240px;margin:auto;padding:66px 32px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.eyebrow{font:600 12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:2px;color:#437565}h1{font-size:clamp(40px,5vw,65px);line-height:1.06;letter-spacing:-3px;margin:16px 0 24px}h2{letter-spacing:-1px;font-size:29px;line-height:1.25}p{color:#52635c}.hero p{max-width:520px;font-size:18px}.badge{border-radius:20px;padding:6px 12px;background:#e6ecd9;display:inline-block;font-size:12px}.illustration{border-radius:20px;background:#dfe7d5;padding:32px;transform:rotate(2deg);position:relative}.sample-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sample{height:140px;display:grid;place-items:center;background:#faf9f4;border-radius:12px}.bottle{width:42px;height:85px;background:#bf855f;border-radius:7px 7px 12px 12px;position:relative;box-shadow:10px 10px 20px #cdd3c1}.bottle:before{content:'';position:absolute;top:-12px;left:8px;width:26px;height:15px;border-radius:3px;background:#244b40}.bottle:after{content:'BOTANIC';position:absolute;top:28px;left:0;background:#f1ead8;width:100%;height:26px;text-align:center;font-size:7px;line-height:26px;letter-spacing:1px}.sample:nth-child(2) .bottle{background:#748669}.sample:nth-child(3) .bottle{background:#dbb773}.sample:nth-child(4) .bottle{background:#aaa592}.illustration small{display:block;margin-top:16px;font-size:12px}.workspace{max-width:1176px;margin:16px auto 64px;background:white;border:1px solid #dbe1d5;border-radius:18px;box-shadow:0 14px 40px #183e3410;overflow:hidden;scroll-margin-top:20px}.workspace-title{padding:22px 28px;border-bottom:1px solid #e2e7dc;display:flex;justify-content:space-between;align-items:center;gap:12px}.workspace-title h2{margin:0;font-size:20px}.desk{display:grid;grid-template-columns:300px 1fr}.settings{padding:26px;background:#fafbf6;border-right:1px solid #e2e7dc}label{display:block;font-size:13px;font-weight:650;margin:18px 0 6px}select,input[type=number]{width:100%;border:1px solid #ccd7c8;border-radius:7px;padding:9px;background:white;color:#173c34}.row{display:flex;gap:12px}.row>div{flex:1;min-width:0}input[type=color]{width:100%;height:42px;padding:3px;border:1px solid #ccd7c8;border-radius:7px;background:white}.settings p{font-size:12px}.queue{padding:26px;min-width:0}.drop{border:2px dashed #bdcfb8;border-radius:12px;text-align:center;padding:34px 18px;background:#fcfdf9;transition:.2s}.drop.drag{background:#eafaac}.drop h3{font-size:20px;margin:0 0 8px}.drop p{font-size:13px;margin:8px}.drop label{display:inline-block;background:#176453;color:white;padding:10px 22px;border-radius:8px;cursor:pointer}.drop input{position:absolute;opacity:0;width:1px;height:1px}.drop label:focus-within{outline:3px solid #bcdb56}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.status{font-size:13px;min-height:24px}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}.card{border:1px solid #e0e5da;border-radius:10px;overflow:hidden;min-width:0}.card img{display:block;width:100%;height:140px;object-fit:contain;background:repeating-conic-gradient(#f0f2eb 0% 25%,white 0% 50%) 50%/16px 16px}.card .details{padding:12px}.card strong{font-size:12px;display:block;overflow-wrap:anywhere}.card small{display:block;color:#617069;font-size:11px;margin:6px 0}.card button,.card a{font-size:12px;padding:6px 10px}.card a{background:#176453;color:white;border-radius:5px;display:inline-block;text-decoration:none}.content{max-width:1176px;margin:60px auto;padding:0 20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.features h3{font-size:19px}.number{font:14px ui-monospace,monospace;color:#79916b}.ai{padding:30px;border-radius:14px;background:#e8eddf;margin:52px 0;display:flex;gap:30px;justify-content:space-between;align-items:center}.ai h2{margin-top:10px}.ai p{max-width:720px}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.links a{padding:24px;border:1px solid #cfd9c7;border-radius:12px;text-decoration:none;display:block}.links a:hover{background:#e8eddf}.links small{display:block;color:#617069;margin-top:8px}.prose{max-width:800px;margin:70px auto;padding:0 24px}.prose h1{font-size:48px}.prose h2{margin-top:36px}.prose li{color:#52635c;margin:12px 0}details{border-top:1px solid #d9dfd3;padding:16px 0}summary{font-weight:650;cursor:pointer}footer{border-top:1px solid #d9dfd3;font-size:13px}footer p{margin:0}footer nav{gap:16px}@media(max-width:800px){header,footer{padding:20px}.hero{grid-template-columns:1fr;gap:30px;padding:44px 22px 28px}.hero h1{letter-spacing:-2px}.illustration{max-width:420px}.desk{grid-template-columns:1fr}.settings{border-right:0;border-bottom:1px solid #e2e7dc}.workspace{margin:16px 12px 40px}.features,.links{grid-template-columns:1fr}.ai{display:block}.workspace-title{flex-wrap:wrap;padding:20px}.queue{padding:18px}.prose h1{font-size:38px;letter-spacing:-1px}}