@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#17191d;font-synthesis:none;background:#f4f1eb;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f1eb;min-width:320px;margin:0}.site{overflow:hidden}.header{z-index:5;justify-content:space-between;align-items:center;height:77px;padding:0 clamp(20px,5vw,74px);display:flex;position:relative}.logo{color:#17191d;letter-spacing:-.07em;align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.logo-symbol{color:#d8ff54;letter-spacing:-.1em;background:#17191d;border-radius:4px;place-items:center;width:32px;height:26px;font-size:12px;display:grid}.logo i{color:#fb7650;font-style:normal}.nav{align-items:center;gap:28px;margin-left:auto;margin-right:34px;display:flex}.nav a,.header-cta{color:#686a70;font-size:12px;font-weight:500;text-decoration:none}.nav a:hover{color:#17191d}.nav-docs{align-items:center;gap:6px;display:flex;color:#17191d!important}.header-cta{color:#17191d;border:1px solid #b9b7b1;border-radius:3px;align-items:center;gap:8px;padding:10px 14px;display:flex}.header-cta:hover{border-color:#17191d}.menu-button{color:#17191d;background:0 0;border:0;display:none}.hero{grid-template-columns:minmax(410px,.88fr) 1.12fr;align-items:center;gap:clamp(35px,7vw,120px);max-width:1400px;margin:auto;padding:90px clamp(20px,8vw,130px) 112px;display:grid}.eyebrow{letter-spacing:.13em;color:#73767b;font:500 10px DM Mono}.eyebrow-mark{background:#fb7650;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-.1em;margin:22px 0 25px;font-size:clamp(58px,7.2vw,112px);line-height:.9}.hero h1 em{color:#fb7650;font-style:normal}.hero-lede{color:#64666b;max-width:400px;font-size:16px;line-height:1.5}.hero-actions{align-items:center;gap:21px;margin-top:35px;display:flex}.button{cursor:pointer;border:0;border-radius:3px;justify-content:center;align-items:center;gap:9px;padding:13px 17px;font:600 12px Space Grotesk;text-decoration:none;display:flex}.button--dark{color:#f4f1eb;background:#17191d}.button--dark:hover{background:#fb7650}.text-link{color:#17191d;border-bottom:1px solid #aaa8a3;align-items:center;gap:5px;padding-bottom:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{color:#fb7650;border-color:#fb7650}.hero-proof{color:#73767b;gap:21px;margin-top:48px;font:10px DM Mono;display:flex}.hero-proof span{align-items:center;gap:6px;display:flex}.hero-proof svg{color:#fb7650}.hero-proof strong{color:#17191d;font-weight:500}.hero-art{position:relative}.output-visual{aspect-ratio:1.32;isolation:isolate;background:linear-gradient(140deg,#283e5b 0%,#6f7588 38%,#fc9e68 71%,#d8ff54 120%);border-radius:4px;position:relative;overflow:hidden}.output-visual:before{content:"";mix-blend-mode:multiply;background:linear-gradient(120deg,#182b4470,#fff0 55%,#17191d88);position:absolute;inset:0}.output-noise{opacity:.28;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#fff0 0 2px,#fff5 3px 4px);position:absolute;inset:0}.output-orb{filter:blur(.2px);border:1px solid #ffffff90;border-radius:50%;position:absolute}.output-orb--a{aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#d8ff54 0 4%,#fb7650 17%,#5f5e81 45%,#0000 70%);width:62%;animation:8s ease-in-out infinite float;top:18%;left:12%;box-shadow:0 0 100px #f7c96f99}.output-orb--b{aspect-ratio:1;background:#263a6c99;width:34%;bottom:-6%;right:4%}.output-lines{background:linear-gradient(115deg,#0000 46%,#d8ff5466 47%,#0000 48%),linear-gradient(65deg,#0000 62%,#fff6 63%,#0000 64%);position:absolute;inset:0}.output-title{color:#f4f1eb;text-shadow:0 2px 12px #17191d55;flex-direction:column;display:flex;position:absolute;bottom:11%;left:8%}.output-title span{letter-spacing:.15em;color:#d8ff54;margin-bottom:9px;font:500 9px DM Mono}.output-title strong{letter-spacing:-.08em;max-width:440px;font-size:clamp(22px,3vw,48px);line-height:.95}.output-meta{gap:5px;display:flex;position:absolute;top:7%;right:6%}.output-meta span{color:#17191d;background:#f4f1ebc7;border-radius:2px;padding:5px 7px;font:500 9px DM Mono}.output-play{color:#17191d;background:#d8ff54;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:11%;right:7%}.hero-sticker{color:#17191d;background:#d8ff54;border-radius:2px;flex-direction:column;justify-content:center;width:94px;height:94px;padding:13px;display:flex;position:absolute;top:-27px;right:-32px;transform:rotate(9deg)}.hero-sticker span{margin-bottom:10px;font:500 10px DM Mono}.hero-sticker small{font-size:10px;font-weight:700;line-height:1.1}.hero-caption{justify-content:space-between;align-items:start;gap:12px;margin-top:14px;display:flex}.hero-caption span{color:#96979a;font-size:9px}.hero-caption strong{text-align:right;max-width:190px;font-size:11px;line-height:1.2}.mono{letter-spacing:.1em;font-family:DM Mono;font-size:9px}.ticker{white-space:nowrap;border-block:1px solid #d2cfc7;padding:15px 0;overflow:hidden}.ticker>div{color:#85868b;letter-spacing:.1em;justify-content:space-around;gap:40px;min-width:720px;font:500 10px DM Mono;display:flex}.ticker span:nth-child(2){color:#fb7650}.studio-section{max-width:1220px;margin:auto;padding:105px 30px 110px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.section-heading h2{letter-spacing:-.085em;margin:11px 0 0;font-size:clamp(30px,4vw,52px);line-height:.95}.demo-chip{color:#73767b;border:1px solid #cac7be;border-radius:2px;align-items:center;gap:6px;padding:7px 9px;font:500 9px DM Mono;display:flex}.demo-chip span{background:#fb7650;border-radius:50%;width:5px;height:5px}.studio{background:#edeae4;border:1px solid #d2cfc7;border-radius:4px;grid-template-columns:395px 1fr;min-height:610px;display:grid}.controls{border-right:1px solid #d2cfc7;flex-direction:column;padding:21px 21px 17px;display:flex}.mode-tabs{border-bottom:1px solid #d2cfc7;margin-bottom:20px;display:flex}.mode-tabs button{color:#8b8c90;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 5px;font:600 11px Space Grotesk;display:flex}.mode-tabs button.active{color:#17191d;border-bottom-color:#fb7650}.upload{color:#777a7e;text-align:center;border:1px dashed #aaa8a3;border-radius:3px;flex-direction:column;align-items:center;gap:7px;margin-bottom:17px;padding:25px 10px;display:flex}.upload svg{color:#fb7650}.upload strong{color:#35373b;font-size:12px}.upload small{font-size:10px}.upload button{color:#17191d;cursor:pointer;background:#f4f1eb;border:1px solid #b6b4ae;border-radius:2px;align-items:center;gap:5px;margin-top:5px;padding:7px 9px;font:600 10px Space Grotesk;display:flex}.controls form{flex-direction:column;gap:9px;display:flex}.controls form>label{color:#35373b;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.controls form>label span{color:#97989b;font:500 9px DM Mono}.controls textarea{resize:vertical;color:#17191d;background:#f8f6f2;border:1px solid #c8c5bd;border-radius:3px;outline:0;min-height:122px;padding:12px;font:12px/1.45 Space Grotesk}.controls textarea:focus{border-color:#fb7650;box-shadow:0 0 0 2px #fb765022}.prompt-hint{color:#8c8d91;align-items:center;gap:6px;font-size:10px;display:flex}.prompt-hint svg{color:#fb7650}.settings{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.settings label{color:#85878b;text-transform:uppercase;flex-direction:column;gap:6px;font:500 9px DM Mono;display:flex}.settings select{appearance:none;color:#17191d;background:#f8f6f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='m1 2 3 3 3-3' fill='none' stroke='%23777'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ccc9c1;border-radius:2px;padding:9px 6px;font:500 11px Space Grotesk}.generate-button{color:#f4f1eb;cursor:pointer;background:#17191d;border:0;border-radius:3px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:13px;font:600 12px Space Grotesk;display:flex}.generate-button:hover:not(:disabled){background:#fb7650}.generate-button:disabled{cursor:wait;opacity:.8}.generate-button span{color:#d8ff54;margin-left:auto;font:500 9px DM Mono}.form-notice{color:#d55336;align-items:center;gap:6px;font-size:10px;display:flex}.control-foot{color:#929398;justify-content:space-between;margin-top:auto;padding-top:17px;font:9px DM Mono;display:flex}.control-foot span{align-items:center;gap:5px;display:flex}.control-foot svg{color:#66a37e}.preview{color:#f4f1eb;background:#17191d;flex-direction:column;min-width:0;padding:20px;display:flex;position:relative}.preview-top{color:#7e828b;justify-content:space-between;font:10px DM Mono;display:flex}.preview-top span:last-child{font-family:Space Grotesk;font-size:11px}.empty-preview,.rendering,.latest{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-cross{place-items:center;width:55px;height:55px;margin-bottom:22px;display:grid;position:relative}.empty-cross span{background:#454950;width:1px;height:55px;position:absolute}.empty-cross span:first-child{transform:rotate(45deg)}.empty-cross span:last-child{transform:rotate(-45deg)}.empty-preview strong{letter-spacing:-.05em;font-size:19px}.empty-preview small{color:#80848b;margin-top:7px;font-size:11px}.rendering .output-visual,.latest .output-visual{aspect-ratio:1.5;width:87%;max-width:620px;margin:28px auto 16px}.rendering .output-title strong,.latest .output-title strong{font-size:clamp(20px,3vw,40px)}.render-bar{background:#35383d;width:min(85%,620px);height:3px}.render-bar span{background:#d8ff54;height:100%;transition:width .1s;display:block}.rendering strong{margin-top:17px;font-size:13px}.rendering small{color:#81858b;margin-top:5px;font-size:10px}.latest{text-align:left;justify-content:start;align-items:stretch}.latest .output-visual{width:100%;margin-top:28px}.latest-copy{flex-direction:column;gap:10px;padding:0 5px;display:flex}.latest-copy .eyebrow{color:#d8ff54}.latest-copy>strong{letter-spacing:-.04em;max-width:500px;font-size:18px}.button--small{color:#17191d;background:#f4f1eb;align-self:start;padding:9px 11px;font-size:11px}.preview-foot{color:#858991;border-top:1px solid #35383d;align-items:center;gap:17px;margin-top:17px;padding-top:13px;font:9px DM Mono;display:flex}.preview-foot span{align-items:center;gap:5px;display:flex}.preview-foot svg{color:#d8ff54}.preview-foot button{color:#858991;cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.why-section{border-top:1px solid #d2cfc7;grid-template-columns:1fr 1.3fr;gap:90px;max-width:1220px;margin:auto;padding:107px 30px 110px;display:grid}.why-intro h2{letter-spacing:-.09em;max-width:470px;margin:15px 0 20px;font-size:clamp(33px,4vw,54px);line-height:.94}.why-intro p{color:#686a70;max-width:390px;margin-bottom:26px;font-size:13px;line-height:1.5}.metric-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.metric{background:#e7e3dc;flex-direction:column;justify-content:space-between;min-height:180px;padding:22px;display:flex}.metric strong{letter-spacing:-.11em;font-size:57px;line-height:1}.metric strong span{letter-spacing:-.05em;color:#fb7650;font-size:24px}.metric small{color:#74767a;max-width:140px;font:10px/1.4 DM Mono}.metric--lime{background:#d8ff54}.metric--lime strong span{color:#53651c}.metric--coral{background:#fb7650}.metric--coral strong span{color:#ffe3d4}.metric--blue{background:#bfd9f5}.metric--blue strong span{color:#386189}.gallery-section{border-top:1px solid #d2cfc7;max-width:1220px;margin:auto;padding:110px 30px}.example-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.example{text-align:left;color:#17191d;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:13px;padding:0;display:flex}.example-art{color:#f4f1eb;background:linear-gradient(140deg,#e7a3a8,#514878 54%,#202d4b);align-items:end;height:220px;padding:16px;display:flex;position:relative;overflow:hidden}.example--2 .example-art{background:linear-gradient(145deg,#d8ff54,#7a9b62 48%,#314759)}.example--3 .example-art{background:linear-gradient(145deg,#f5c87b,#e96d54 52%,#552e4e)}.example-art:before{content:"";aspect-ratio:1;background:#fff4;border-radius:50%;width:75%;position:absolute;top:-10%;right:-15%;box-shadow:inset 0 0 0 1px #fff8}.example-art:after{content:"";border:1px solid #fff8;border-radius:50%;width:70%;height:65%;position:absolute;bottom:-35%;left:17%;transform:rotate(18deg)}.example-art span{z-index:1;font:500 10px DM Mono;position:relative}.example-art svg{z-index:1;background:#17191dcc;border-radius:50%;width:39px;height:39px;padding:11px;position:absolute;bottom:15px;right:15px}.example strong{letter-spacing:-.04em;max-width:260px;font-size:15px;line-height:1.15}.example-try{color:#76787c;align-items:center;gap:5px;font-size:11px;display:flex}.example:hover .example-try{color:#fb7650}.faq-section{border-top:1px solid #d2cfc7;grid-template-columns:1fr 1.3fr;gap:90px;max-width:1220px;margin:auto;padding:110px 30px 130px;display:grid}.faq-section h2{letter-spacing:-.1em;margin:15px 0;font-size:54px}.faq-list details{border-top:1px solid #d2cfc7;padding:20px 0}.faq-list details:last-child{border-bottom:1px solid #d2cfc7}.faq-list summary{cursor:pointer;letter-spacing:-.04em;justify-content:space-between;align-items:center;font-size:16px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{transition:all .2s}.faq-list details[open] summary svg{color:#fb7650;transform:rotate(180deg)}.faq-list p{color:#727479;max-width:580px;margin:13px 0 0;font-size:13px;line-height:1.5}.footer{color:#85878b;border-top:1px solid #d2cfc7;justify-content:space-between;align-items:center;padding:25px clamp(20px,5vw,74px);font-size:10px;display:flex}.footer .logo{color:#17191d}.footer>a:last-child{color:#17191d;text-decoration:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translate(6px,-9px)scale(1.02)}}@media (width<=900px){.nav{gap:15px;margin-right:15px}.hero{gap:35px;padding-inline:35px}.studio{grid-template-columns:340px 1fr}.why-section,.faq-section{gap:40px}}@media (width<=700px){.header{height:65px;padding-inline:20px}.header-cta{display:none}.menu-button{place-items:center;display:grid}.nav{background:#f4f1eb;border:1px solid #d2cfc7;flex-direction:column;align-items:stretch;gap:0;padding:8px;display:none;position:absolute;top:65px;left:14px;right:14px;box-shadow:0 12px 30px #17191d15}.nav--open{display:flex}.nav a{padding:12px}.hero{flex-direction:column;align-items:stretch;padding:57px 20px 74px;display:flex}.hero h1{font-size:69px}.hero-lede{font-size:14px}.hero-proof{flex-wrap:wrap;gap:11px;margin-top:34px}.hero-art{margin-top:23px}.hero-sticker{top:-19px;right:-5px;transform:rotate(8deg)scale(.85)}.hero-caption strong{font-size:10px}.ticker>div{justify-content:flex-start;gap:30px;padding-left:20px}.studio-section,.why-section,.gallery-section,.faq-section{padding:75px 20px}.section-heading{flex-direction:column;align-items:start;gap:20px}.section-heading h2{font-size:40px}.demo-chip{align-self:start}.studio{min-height:0;display:block}.controls{border-bottom:1px solid #d2cfc7;border-right:0;padding:17px}.preview{min-height:470px;padding:17px}.why-section,.faq-section{display:block}.why-intro{margin-bottom:35px}.why-intro h2{font-size:42px}.metric{min-height:145px}.metric strong{font-size:46px}.example-grid{grid-template-columns:1fr}.example-art{height:190px}.faq-section h2{font-size:46px}.faq-list{margin-top:35px}.footer{flex-wrap:wrap;gap:15px;padding:20px}.footer>span{order:3;width:100%}}