@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--lime:#d9fc55;--ink:#111310;--muted:#85887f;--line:#31342d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:#f2f2e9;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,summary,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{height:94px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:800;font-size:24px;letter-spacing:-1px}.logo span{font-size:9px;letter-spacing:2px;display:block;margin-left:30px;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px;color:#c6c8bd}.navcta{font-size:12px;border:1px solid #686d5c;padding:13px 18px;border-radius:4px}.hero{padding:62px 5% 0;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b0b5a5;display:inline-flex;align-items:center;gap:10px}.eyebrow span{width:6px;height:6px;background:var(--lime);border-radius:50%}h1,h2,h3,p{margin:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(70px,10.5vw,156px);font-weight:800;line-height:.86;letter-spacing:-.025em;margin-top:27px}em{color:var(--lime);font-style:normal}.intro{display:flex;justify-content:space-between;align-items:center;padding:30px 0 42px;max-width:1070px}.intro p{color:#babeb0;font-size:15px;line-height:1.8}.textlink{font-size:13px}.textlink span{color:var(--lime);margin-left:40px;font-size:28px}.marquee{white-space:nowrap;border-top:1px solid var(--line);padding:18px 0;font-size:11px;letter-spacing:4px;color:#a9af9b}.marquee b{margin:0 35px;color:var(--lime)}section:not(.hero):not(.closing){padding:70px 5%}.studio{background:#1b1e18;border-top:1px solid var(--line)}.sectiontop{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.sectiontop h2,h2{font-size:36px;letter-spacing:-1.5px;font-weight:500;margin-top:13px}.pill{font-size:9px;letter-spacing:1px;border:1px solid #494e3f;padding:10px;border-radius:20px;color:#bcc4ac}.workspace{display:grid;grid-template-columns:1.15fr 1fr;background:#11140f;border:1px solid #373c2e;border-radius:9px;overflow:hidden}form{padding:32px;border-right:1px solid var(--line)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:27px}.tabs button{border:0;background:transparent;color:#858d79;padding:0 19px 14px;font-size:13px}.tabs button.active{color:var(--lime);border-bottom:2px solid var(--lime)}.fieldtitle{display:flex;align-items:center;gap:12px;margin:22px 0 12px;font-size:10px;color:#79836a}.fieldtitle strong{font-size:12px;color:#ddd;color:#e0e3d7;font-weight:500}.fieldtitle span{margin-left:auto;font-size:9px}.uploads{display:flex;gap:10px}.upload{position:relative;flex:1;min-width:0;height:132px;border:1px dashed #596443;background:#1c2215;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;cursor:pointer;overflow:hidden;background-size:cover;background-position:center}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.plus{font-size:29px;color:var(--lime);line-height:1}.upload strong{font-size:12px;margin:9px 0}.upload small{color:#8d987b;font-size:10px}.upload.loaded>*:not(input){visibility:hidden}.hidden{display:none}textarea{width:100%;resize:vertical;min-height:88px;border:1px solid #363e2b;background:#1a1f15;color:white;border-radius:5px;padding:13px;font-size:12px;line-height:1.6}textarea::placeholder{color:#7c8570}.sample{padding:7px 0;background:transparent;color:#a8b68c;font-size:10px;border:0}.styles{display:flex;gap:7px;flex-wrap:wrap}.styles button{padding:10px;background:#1d2317;color:#a5ad9a;border:1px solid #3b442e;border-radius:4px;font-size:10px}.styles button.active{border-color:var(--lime);color:var(--lime);background:#2d351c}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.settings label{color:#879176;font-size:9px;letter-spacing:1px}select{display:block;width:100%;margin-top:8px;background:#1a2015;color:#ddd;border:1px solid #36402a;border-radius:4px;padding:10px;font-size:11px}.generate{width:100%;background:var(--lime);color:#171e0b;font-weight:700;font-size:13px;border:0;border-radius:4px;padding:16px;text-align:left}.generate span{float:right}.fine{font-size:10px;color:#89927c;line-height:1.7;margin-top:12px}#message{font-size:12px;color:var(--lime);margin-top:10px}.preview{padding:22px 35px;background:#20251b;display:flex;align-items:center;flex-direction:column}.previewtop,.previewbottom{width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9ba68a}.poster{margin:22px auto 18px;position:relative;overflow:hidden;width:285px;max-width:100%;aspect-ratio:9/13;background:radial-gradient(ellipse at 70% 25%,#899b30 0,transparent 42%),linear-gradient(135deg,#3a4622,#0e170c 75%);border:1px solid #607039;background-size:cover;background-position:center}.postergrid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#d5fc5510 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#d5fc5510 40px)}.postertext{position:absolute;inset:26px 23px;display:flex;flex-direction:column;justify-content:end;text-shadow:0 2px 20px #000}.postertext>span{font-size:7px;letter-spacing:2px;margin-bottom:auto}.postertext h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:92px;line-height:.81;letter-spacing:-2px}.postertext p{font-size:10px;margin-top:18px;max-height:55px;overflow:hidden;line-height:1.5}.mic{position:absolute;right:8px;top:-35px;font-size:245px;color:#ddff5d18;transform:rotate(18deg)}.equalizer{display:flex;position:absolute;top:54px;left:25px;gap:3px;height:30px;align-items:center}.equalizer i{height:12px;width:3px;background:var(--lime)}.equalizer i:nth-child(3n){height:30px}.equalizer i:nth-child(2n){height:20px}.previewbottom{margin-top:auto}.download{background:transparent;border:1px solid #596344;border-radius:4px;padding:10px;color:#cad5b6;font-size:10px;width:100%;margin-top:17px}.download:disabled{opacity:.4;cursor:default}.sectiontop p{font-size:12px;color:#9ca38f;line-height:1.6}.lookgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.look{text-align:left;position:relative;min-height:310px;border:1px solid #464d38;padding:22px;overflow:hidden;color:#eef1e6;background:#2a331d}.look>span{font-size:8px;letter-spacing:1px}.look>div{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;line-height:.9;letter-spacing:-1px;margin-top:46px}.look footer{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #ffffff30;margin-top:34px;padding-top:16px}.midnight{background:radial-gradient(at 100% 0%,#567035,transparent 70%),#182116}.street{background:repeating-linear-gradient(-25deg,#0000,#0000 18px,#ffffff05 19px,#ffffff05 20px),#41433b}.street em{color:#e3e8d5}.gold{background:radial-gradient(at 100% 0%,#a4a852,transparent 60%),#615532}.gold em{color:#f3e5af}.how{background:#d9fc55;color:#17200c}.how .eyebrow{color:#4f612c}.how h2{font-size:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:42px}.steps article{border-top:1px solid #17200c50;padding-top:18px}.steps article>span{font-size:12px}.steps h3{font-size:22px;margin:25px 0 12px;letter-spacing:-.6px}.steps p{font-size:13px;line-height:1.8;color:#46532d;max-width:270px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:14px;cursor:pointer}details p{font-size:12px;line-height:1.8;color:#9da68e;margin-top:15px;max-width:580px}.closing{border-top:1px solid var(--line);padding:40px 5%;display:flex;justify-content:space-between;align-items:center}.closing>span{font-size:10px;letter-spacing:2px}.closing a{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,5vw,70px);color:var(--lime)}.sitefooter{border-top:1px solid var(--line);margin:0 5%;padding:28px 0;display:flex;justify-content:space-between;align-items:center;color:#858e77;font-size:10px}.sitefooter .logo{font-size:18px;color:#e3e6da}@media(min-width:1500px){main,header,.sitefooter{max-width:1440px;margin-left:auto;margin-right:auto}}@media(max-width:760px){header{height:75px}nav{display:none}.logo{font-size:20px}.navcta{font-size:10px}.hero{padding-top:40px}h1{font-size:15.2vw}.intro p{font-size:12px}.textlink{font-size:11px}.textlink span{margin-left:10px}.pill{display:none}section:not(.hero):not(.closing){padding:45px 5%}h2,.sectiontop h2{font-size:28px}.workspace{grid-template-columns:1fr}form{padding:22px;border-right:0}.preview{padding:25px}.poster{width:280px}.previewbottom{margin-top:0}.lookgrid{grid-template-columns:1fr}.look{min-height:220px}.look>div{margin-top:25px}.look footer{margin-top:25px}.sectiontop p{display:none}.steps{grid-template-columns:1fr;gap:25px}.steps h3{margin-top:15px}.steps p{max-width:100%}.how h2{font-size:42px}.faq{grid-template-columns:1fr;gap:15px}.sitefooter{gap:20px;flex-wrap:wrap}.sitefooter>span{order:3;width:100%}.closing>span{max-width:90px;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
h1 em{font-size:.72em}