:root{--paper:#faf7f1;--ink:#10202c;--muted:#58636b;--green:#176c53;--line:#e5e3dc;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-underline-offset:4px}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:4px}h1,h2,h3,p{margin:0}p{line-height:1.5}.header{height:76px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper)}.brand{display:inline-flex;flex-shrink:0}.logo-window{width:200px;height:63px;display:block}.logo-window img{width:100%;height:100%;object-fit:contain}.header nav{display:flex;align-items:center;gap:28px}.header nav>a:not(.button){text-decoration:none;font-size:.875rem;padding:10px 0}.header nav>a:first-child{border-bottom:2px solid var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;background:var(--green);color:white;border:0;border-radius:99px;padding:12px 22px;text-decoration:none;font-size:.875rem;font-weight:600;white-space:nowrap}.button:hover{background:#10563f}.text-button{border:1px solid #bcbfc0;border-radius:99px;padding:11px 24px;background:transparent;font-size:.875rem}.menu-toggle{display:none}.intro{position:relative;isolation:isolate;overflow:hidden;min-height:410px;height:clamp(410px,31.7vw,530px);background:var(--paper)}.hero-art{position:absolute;inset:0 0 0 33%;z-index:-2;background-image:url('/assets/approved-homepage.png');background-size:auto 243.214286%;background-position:right 10.723192%;background-repeat:no-repeat}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),#faf7f1bd 8%,#faf7f100 29%)}.hero-copy{padding:23px 0 16px 4%;position:relative;width:59%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:.6875rem;letter-spacing:.23em;text-transform:uppercase;color:#72818b;margin-bottom:11px}h1{font-size:clamp(3.15rem,4.5vw,5.25rem);line-height:.94;letter-spacing:-.055em;font-weight:800;margin-bottom:12px}h1 span{color:var(--green)}.intro-copy{font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.35;margin-bottom:20px}.prompt-panel{width:100%;max-width:660px;background:#fffefb;border:1px solid #dfdfd9;border-radius:20px;padding:6px;box-shadow:0 5px 16px #24372e17}.prompt-row{display:flex;align-items:center;gap:10px}.prompt-icon{font-size:1.65rem;margin-left:12px}textarea{min-width:0;flex:1;height:32px;max-height:80px;padding:8px 0;border:0;resize:none;font-size:.78rem;background:transparent;color:var(--ink)}.create-button{font-size:.78rem;min-height:42px;padding:10px 18px;cursor:default}.create-button:hover{background:var(--green)}#generation-status{font-size:.6875rem;margin:9px 0 0 4px;max-width:500px}.section{margin:0 3.3%}.explore{padding:12px 0 20px}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category{padding:0;border:0;background:transparent;text-align:left;min-width:0}.category-art{display:block;position:relative;width:100%;aspect-ratio:150/105;overflow:hidden;border-radius:10px;background:#e3e6df}.category-art img{position:absolute;max-width:none;width:676.666667%;height:auto;left:calc(var(--crop-x) * -100% / 150);top:-311.428571%}.preview-label{position:absolute;bottom:0;left:0;right:0;background:#10202cdd;color:white;font-size:.625rem;padding:4px 6px;text-align:center;line-height:1.2}.category h3{font-size:.8125rem;letter-spacing:-.02em;margin:7px 3px 3px}.category p{font-size:.6875rem;color:var(--muted);margin:0 3px}.category:hover .category-art{box-shadow:0 0 0 3px #176c5370}.feature-band{display:grid;grid-template-columns:1.2fr 3fr;gap:40px;align-items:center;padding:27px 0 35px}.feature-intro .eyebrow:before{content:'';display:inline-block;width:38px;height:2px;background:var(--green);vertical-align:middle;margin-right:12px}.feature-intro h2{font-size:clamp(1.65rem,2.2vw,2.3rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:10px}.feature-intro>p:not(.eyebrow){font-size:.875rem;color:var(--muted);line-height:1.25}.examples{margin-top:15px;background:var(--ink);font-size:.75rem;min-height:39px}.features{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.features article{display:flex;gap:12px;align-items:flex-start;border-left:1px solid var(--line);padding:12px 17px}.features article:first-child{border:0}.features article>span{font-size:2.2rem;line-height:1;flex-shrink:0}.features article>.hd{font-size:.875rem;font-weight:700;padding:4px;border:2px solid;border-radius:4px;margin-top:2px}.features h3{font-size:.8125rem;margin-bottom:9px}.features p{font-size:.75rem;color:var(--muted);line-height:1.3}.how{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;gap:45px}.how h2{font-size:1.5rem;letter-spacing:-.04em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;flex:1}.steps article>span{color:var(--green);font-size:.75rem}.steps h3{font-size:.875rem;margin:8px 0 5px}.steps p{font-size:.8125rem;color:var(--muted)}.early-access{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.early-access h2{font-size:1.9rem;letter-spacing:-.04em;line-height:1.1;margin-bottom:10px}.early-access h2 br{display:none}.early-access p{font-size:.875rem;color:var(--muted)}.early-access .fine-print{font-size:.75rem;margin-top:8px}.email-row{display:flex;gap:10px;margin:8px 0 13px}input[type=email]{flex:1;min-width:0;padding:13px 15px;border:1px solid #cad2c9;border-radius:9px;background:#fffefa}form>label{font-size:.8125rem;font-weight:600}.consent{display:flex;align-items:flex-start;gap:8px;font-size:.75rem;font-weight:400;line-height:1.4}.consent input{accent-color:var(--green);width:17px;height:17px;flex-shrink:0;margin:0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#signup-status{min-height:20px;margin-top:8px;color:var(--green);font-weight:600}#signup-status[data-error=true]{color:#a23222}footer{border-top:1px solid var(--line);padding:17px 3.3%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .logo-window{width:150px;height:48px}footer p,footer>a:last-child{font-size:.6875rem;color:var(--muted)}dialog{max-width:550px;width:calc(100% - 32px);padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#142b24aa}dialog h2{font-size:1.8rem;margin:10px 0 18px}dialog p:not(.eyebrow){font-size:.95rem;line-height:1.6;margin:18px 0}dialog .category-art{max-width:400px;margin:auto}.dialog-close{position:absolute;right:12px;top:8px;padding:4px 10px;background:none;border:0;font-size:1.6rem}.skip{position:absolute;top:-100px;left:10px;background:white;padding:15px;z-index:50}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){body{max-width:1600px;margin:auto}.intro{height:510px}}@media(max-width:1100px){.header{padding:0 3%;gap:15px}.header nav{gap:20px}.logo-window{width:175px}.header nav>a:not(.button),.text-button{font-size:.78rem}.small{font-size:.78rem;padding:11px 17px}.text-button{padding:10px 17px}.feature-band{gap:18px;grid-template-columns:1fr 2.6fr}.features article{padding:10px;gap:7px}.features article>span{font-size:1.8rem}.features h3{font-size:.75rem}.features p{font-size:.6875rem}.hero-copy{width:62%}.categories{gap:10px}.category h3{font-size:.75rem}}@media(max-width:800px){.header{height:70px}.logo-window{width:158px;height:55px}.header nav{gap:14px}.header nav>a:not(.button){font-size:.72rem}.text-button{padding:9px 12px}.header .small{padding:11px 12px;font-size:.72rem}.intro{height:390px;min-height:390px}.hero-copy{width:67%;padding-left:4%}h1{font-size:3.3rem}.hero-art{left:29%}.intro-copy{font-size:1rem}.create-button{padding:10px;font-size:.6875rem}.prompt-icon{margin-left:6px}textarea{font-size:.6875rem}.categories{grid-template-columns:repeat(3,1fr);gap:18px 12px}.category h3{font-size:.875rem}.category p{font-size:.75rem}.feature-band{grid-template-columns:1fr;gap:20px}.feature-intro br{display:none}.features h3{font-size:.875rem}.features p{font-size:.8125rem}.features article{padding:10px 14px}.how{display:block}.steps{margin-top:20px}.early-access{gap:25px}.email-row{flex-direction:column}}@media(max-width:600px){.header{padding:8px 5%;height:auto;min-height:68px;flex-wrap:wrap}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;padding:10px 14px;border-radius:8px;font-size:.8125rem}.header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.header nav.open{display:flex}.header nav>a:not(.button),.header nav .text-button{font-size:.875rem;padding:13px;text-align:left;border:0}.header nav>a:first-child{border:0}.header .small{font-size:.875rem;margin-top:8px}.intro{height:auto;min-height:650px;display:flex;align-items:end}.hero-art{left:0;bottom:auto;top:0;height:320px;background-position:right 10.72%}.hero-art:after{background:linear-gradient(0deg,var(--paper),#faf7f100 38%)}.hero-copy{padding:270px 5% 18px;width:100%;display:block}.hero-copy .eyebrow{font-size:.65rem}h1{font-size:3rem;line-height:.95}.intro-copy{font-size:1rem;margin-bottom:18px}.desktop-break{display:none}.prompt-panel{border-radius:15px}.prompt-row{flex-wrap:wrap;gap:7px}.prompt-icon{margin-left:8px}textarea{font-size:.8125rem;min-height:42px}.create-button{width:100%;font-size:.8125rem;min-height:40px}#generation-status{font-size:.6875rem;margin-top:10px}.section{margin:0 5%}.explore{padding:15px 0 20px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.category h3{font-size:.8125rem}.category p{font-size:.6875rem}.feature-band{padding-top:20px;padding-bottom:25px}.feature-intro h2{font-size:1.85rem}.feature-intro>p:not(.eyebrow){font-size:.875rem;line-height:1.5}.features{grid-template-columns:1fr 1fr;gap:18px 0}.features article{border:0;padding:8px 10px 8px 0;gap:10px}.features h3{font-size:.8125rem}.features p{font-size:.75rem}.features article>span{font-size:1.9rem}.how{padding:25px 0}.steps{grid-template-columns:1fr;gap:18px}.steps article{display:grid;grid-template-columns:24px 1fr;column-gap:10px}.steps h3{margin:0 0 5px}.steps p{grid-column:2}.early-access{grid-template-columns:1fr;padding:25px 0;gap:20px}.early-access h2{font-size:1.8rem}.email-row{flex-direction:column}.consent{font-size:.8125rem}footer{padding:20px 5%;flex-wrap:wrap;gap:15px}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the umbrella subject clear of the headline at intermediate widths. */
@media(min-width:601px) and (max-width:1000px){.hero-art{background-position:78% 10.723192%}.hero-copy{width:62%}.intro{min-height:370px;height:370px}h1{font-size:3rem}.intro-copy{font-size:.95rem}.prompt-row{gap:6px}.prompt-icon{display:none}textarea{font-size:.75rem;padding-left:9px}.create-button{padding:10px 12px;font-size:.7rem}}
@media(max-width:600px){.hero-art{background-position:80% 10.723192%}}
.crop-29{--crop-x:29}.crop-189{--crop-x:189}.crop-348{--crop-x:348}.crop-508{--crop-x:508}.crop-667{--crop-x:667}.crop-826{--crop-x:826}


.category-art.sample-art video{width:100%;height:100%;object-fit:cover;pointer-events:none}.category-art.sample-player{aspect-ratio:1280/704;max-width:100%;background:#10202c}.sample-player video{display:block;width:100%;height:100%;object-fit:contain}