@font-face{font-family:Playground;src:url('assets/font.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--bg:#f1f0ee;--ink:#1c1c19;--muted:#73736f;--line:#dbdad6;--blue:#0088ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Playground,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.14;font-weight:600;letter-spacing:-.04em}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:23px;letter-spacing:-.025em}p{color:#686862}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.container{width:min(1160px,calc(100% - 80px));margin-inline:auto}.header{position:absolute;top:16px;left:32px;right:32px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 18px 12px 22px;background:#ffffffd9;backdrop-filter:blur(18px);border:1px solid #ffffffbd;border-radius:99px;box-shadow:0 3px 17px #00000007}.brand{display:block;flex-shrink:0}.brand img{width:144px;height:auto}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 30px;border-radius:99px;font-size:16px;font-weight:600;line-height:1.2;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0002}.button-blue{background:var(--blue);color:#fff;min-height:40px;padding:9px 23px;font-size:14px}.button-blue:hover{background:#0077df}.button-dark{background:var(--ink);color:#fff;min-width:164px}.button-dark:hover{background:#363631}.hero{position:relative;min-height:750px;height:min(800px,100svh);overflow:hidden;background:radial-gradient(#d9d8d3 1px,transparent 1px) center/23px 23px;isolation:isolate}.hero::after{content:'';position:absolute;inset:15% 18%;background:radial-gradient(ellipse,#f1f0ee 10%,#f1f0ee55 60%,transparent 75%);z-index:-1}.hero-content{position:relative;z-index:2;text-align:center;padding-top:208px;max-width:840px;margin:auto}.hero h1{font-size:clamp(64px,6.5vw,90px);font-weight:550;letter-spacing:-.065em}.hero-headline{font-size:clamp(26px,3.1vw,44px);line-height:1.25;color:var(--ink);letter-spacing:-.045em;font-weight:500;margin-top:10px}.gradient-text{background:linear-gradient(100deg,#9460ec 0%,#c662be 42%,#ff7871 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{margin:24px auto 25px;font-size:17px;line-height:1.6;color:#55554f;max-width:470px}.hero-caption{font-size:14px;margin-top:30px;color:#888881}.hero-art{position:absolute;inset:0;max-width:1700px;margin:auto;z-index:-1}.art{position:absolute;object-fit:contain;filter:drop-shadow(0 10px 11px #0002);height:auto;pointer-events:none}.slay{width:8.7%;top:-6.4%;left:22.6%}.portrait{width:29%;top:-10.6%;left:73.3%}.skeleton{width:26%;top:24.5%;left:89.6%}.kind{width:17.2%;top:-5.6%;left:66%}.croc{width:23%;top:65.3%;left:89.9%}.lips{width:19.4%;top:-4%;left:7.4%}.sunset{width:20.6%;top:16%;left:-5.7%}.yosemite{width:25.4%;top:-5%;left:-3.2%}.disco{width:28.2%;top:62%;left:-8%}.phone{width:26.4%;top:80.2%;left:.9%}.octopus{width:14.5%;top:51.3%;left:91.8%}.fox{width:25%;top:31%;left:-5.5%}.panda{width:39.4%;top:74.4%;left:75%}.miata{width:30%;top:-3.4%;left:85.5%}.intro{text-align:center;padding:66px 20px 58px}.intro h2{font-size:clamp(28px,3.5vw,46px);line-height:1.22;font-weight:500}.muted{color:#92928b}.intro p{max-width:800px;margin:24px auto 0;line-height:1.75}.section-heading{text-align:center;margin-bottom:35px}.section-heading h2{margin-bottom:17px}.section-heading p{font-size:17px;line-height:1.65}.eyebrow{display:block;color:#898981;font-size:12px;font-weight:600;letter-spacing:.12em;margin-bottom:18px}.showcase{padding:44px 30px 28px;background:radial-gradient(ellipse at 30% 70%,#ede3e4,transparent 60%),radial-gradient(ellipse at 80% 40%,#e5e8df,transparent 65%),#eae9e5;border-radius:36px;overflow:hidden}.template-gallery{display:flex;gap:20px;align-items:center;justify-content:center;padding:22px 0 35px;min-height:300px}.template-card{position:relative;width:17%;border:4px solid #f7f7f4;border-radius:18px;background:#f7f7f4;box-shadow:0 15px 28px #27272117;overflow:hidden;transform:rotate(-5deg)}.template-card:nth-child(2){transform:rotate(3deg);width:18%}.template-card:nth-child(3){transform:rotate(-2deg);width:25%}.template-card:nth-child(4){transform:rotate(5deg);width:18%}.template-card:nth-child(5){transform:rotate(-3deg)}.template-card img{width:100%;height:245px;object-fit:cover}.template-card:nth-child(3) img{height:285px}.template-card figcaption{position:absolute;top:9px;right:9px;background:#ffffffe8;border-radius:30px;padding:4px 10px;font-size:12px;color:#55554f}.section-note{text-align:center;font-size:14px}.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-block:56px}.split-copy h2{margin-bottom:22px}.split-copy>p{margin-bottom:18px;font-size:16px;line-height:1.75}.prompt-demo{background:#e7e5e0;border-radius:30px;padding:32px 30px 24px;display:flex;flex-direction:column;align-items:center}.prompt-demo>img{width:88%;aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 14px 35px #2520131c}.prompt-bubble{position:relative;z-index:1;width:100%;margin-top:-14px;padding:20px 53px 17px 20px;background:white;border-radius:18px;box-shadow:0 9px 20px #0000000c}.prompt-bubble p{color:#42423d;font-size:15px;line-height:1.5}.prompt-bubble>span:not(.send-icon){display:block;font-size:12px;margin-top:15px;color:#93938a}.send-icon{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;background:#20201d;border-radius:50%;width:29px;height:29px;color:white;font-size:20px}.prompt-tip{display:flex;gap:12px;margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}.prompt-tip p{font-size:14px;line-height:1.8}.prompt-tip strong{font-weight:500;color:#32322f}.tip-icon{font-size:27px;color:#a88cd1}.reverse .split-copy{order:2}.tool-demo{padding:24px;background:#e6e4df;border-radius:30px;position:relative;overflow:hidden}.tool-demo img{width:100%;height:400px;object-fit:contain;border-radius:18px}.tool-label{display:flex;gap:12px;align-items:center;width:max-content;padding:13px 20px;margin:-9px auto 10px;position:relative;border-radius:15px;background:#ffffffec;box-shadow:0 5px 12px #0001;font-size:15px;font-weight:500}.tool-label>span:first-child{font-size:25px}.toggle{width:33px;height:20px;background:#20201d;border-radius:30px;margin-left:25px}.toggle:after{content:'';display:block;background:white;border-radius:50%;width:14px;height:14px;margin:3px 0 0 16px}.feature-list{list-style:none;margin:22px 0 0;padding:0}.feature-list li{padding:7px 0 7px 26px;position:relative;font-size:15px;color:#55554f}.feature-list li::before{content:'✓';position:absolute;left:0;color:#7f8577}.models{padding-block:36px 50px}.model-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.model-tags span{padding:9px 18px;border-radius:30px;font-size:14px;color:#77776f;background:#e8e7e3}.model-tags .selected{background:#1c1c19;color:white}.model-example{position:relative;width:min(850px,100%);margin:auto;background:#e4e0db;border-radius:24px;overflow:hidden}.model-example img{width:100%;max-height:500px;object-fit:cover}.model-example figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0008);padding:50px 25px 20px;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:14px}.model-name{font-size:12px;align-self:end;border:1px solid #ffffff80;border-radius:20px;padding:4px 11px;white-space:nowrap}.model-description{text-align:center;max-width:760px;margin:25px auto 0}.model-description h3{font-size:21px;margin-bottom:12px}.model-description p{font-size:15px;line-height:1.75}.mobile-section{padding:45px 0 36px;overflow:hidden;background:radial-gradient(ellipse at center,#e6e4df,transparent 65%)}.mobile-section .section-heading{margin-bottom:10px}.mobile-scene{position:relative;height:525px;overflow:hidden}.phone-frame{width:300px;height:570px;background:#fff;border:8px solid #292927;outline:2px solid #888880;border-radius:46px;position:absolute;left:50%;top:24px;transform:translateX(-50%);padding:42px 16px 20px;box-shadow:0 22px 45px #0003;overflow:hidden}.phone-island{width:94px;height:23px;background:#171715;position:absolute;top:10px;left:50%;transform:translateX(-50%);border-radius:25px}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:24px;letter-spacing:-1px}.profile-dot{display:grid;place-items:center;font-size:14px;width:28px;height:28px;border-radius:50%;background:#c9c2e2;color:#625279}.phone-search{font-size:12px;padding:10px 12px;border-radius:12px;background:#f3f2ef;margin:17px 0;color:#777}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 9px}.phone-grid img{width:100%;height:158px;object-fit:cover;border-radius:12px}.phone-grid figcaption{font-size:12px;margin:5px 0 0 2px;color:#65655f}.mobile-sticker{position:absolute;object-fit:contain;filter:drop-shadow(0 9px 12px #0002);height:auto}.donut{width:205px;left:7%;top:37px;transform:rotate(-12deg)}.cat{width:190px;right:7%;top:13px;transform:rotate(12deg)}.corgi{width:205px;left:15%;top:275px;transform:rotate(8deg)}.witch{width:190px;right:13%;top:285px;transform:rotate(-10deg)}.swordfish{width:140px;left:0;top:255px;transform:rotate(-22deg)}.mobile-caption{text-align:center;font-size:14px;margin-top:20px}.use-cases{padding-block:55px 35px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}.use-grid article{padding:26px 0;border-top:1px solid var(--line)}.case-number{font-size:13px;color:#aaa99f}.use-grid h3{font-size:22px;margin:13px 0 14px}.use-grid p{font-size:15px;line-height:1.8}.guide{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding:42px 0 48px}.guide-intro{padding-top:18px}.guide-intro h2{margin-bottom:22px}.guide-intro p{max-width:360px;font-size:16px}.steps{padding:0;margin:0;list-style:none;counter-reset:steps}.steps li{position:relative;border-top:1px solid var(--line);padding:23px 0 23px 50px;counter-increment:steps}.steps li:before{content:counter(steps);position:absolute;left:0;top:23px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4e3dd;color:#727268;font-size:14px}.steps h3{font-size:20px;margin-bottom:10px}.steps p{font-size:15px;line-height:1.75}.practical{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;padding:36px 0 52px}.practical h2{font-size:34px;margin-bottom:22px}.practical>div>p{margin-top:16px;font-size:15px;line-height:1.8}.example-prompt{padding:36px;border-radius:26px;background:linear-gradient(120deg,#e5dfef,#ede0df)}.example-prompt>span{font-size:12px;letter-spacing:.08em;color:#81718b}.example-prompt>p{color:#574d61;font-size:23px;line-height:1.6;margin-top:20px;letter-spacing:-.015em}.prompt-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:25px}.prompt-keywords span{padding:5px 11px;background:#ffffff80;border-radius:20px;font-size:12px;color:#88728c}.faq{padding:34px 0 55px}.faq .section-heading{margin-bottom:27px}.faq-list{max-width:850px;margin:auto}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:22px 44px 22px 0;position:relative;cursor:pointer;font-size:17px;font-weight:500;line-height:1.45}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:26px;font-weight:400;color:#88887f}details[open] summary:after{content:'−'}details[open] summary{color:#645084}details>div{padding:0 40px 23px 0}details p{font-size:15px;line-height:1.8}.final-cta{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(#d8d6d1 1px,transparent 1px) center/23px 23px;min-height:480px;display:grid;place-items:center}.final-content{text-align:center;position:relative;padding:45px 24px;z-index:1}.final-content h2{font-size:clamp(43px,5vw,66px);font-weight:500;line-height:1.12}.final-content p{font-size:16px;margin:22px 0 25px;line-height:1.7}.final-art{position:absolute;inset:0;max-width:1500px;margin:auto;z-index:-1}.final-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 10px 10px #0001)}.final-shirt{left:-3%;top:10%;width:30%;height:90%;transform:rotate(-13deg)}.final-octopus{right:-1%;top:20%;width:26%;height:70%;transform:rotate(12deg)}footer{padding:31px 40px 33px;display:flex;justify-content:center;border-top:1px solid #e2e0db}footer .brand img{width:150px}
@media(min-width:1500px){.hero-content{padding-top:230px}.hero{height:800px}.hero-art{max-width:1600px}.hero-description{font-size:18px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero{min-height:710px}.hero-content{padding-top:200px;max-width:650px}.hero-headline{font-size:32px}.fox{left:-11%;width:29%;top:38%}.yosemite{left:-8%;width:28%}.split-section{gap:32px}.split-copy h2{font-size:34px}.template-gallery{gap:12px}.template-card img{height:200px}.template-card:nth-child(3) img{height:235px}.tool-demo img{height:340px}.donut{left:3%;width:170px}.cat{right:2%;width:165px}.corgi{left:7%;width:170px}.witch{right:5%;width:150px}.swordfish{display:none}.guide{gap:38px}.practical{gap:32px}.use-grid{gap:0 23px}.use-grid h3{font-size:20px}.final-art{opacity:.8}.final-shirt{left:-8%;width:32%}.final-octopus{right:-6%;width:30%}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.header{left:12px;right:12px;top:12px;padding:10px 13px 10px 16px}.brand img{width:121px}.button-blue{padding:10px 17px;font-size:13px;min-height:37px}.hero{min-height:700px;height:700px}.hero-content{padding:216px 20px 0;max-width:500px}.hero h1{font-size:59px}.hero-headline{font-size:25px;max-width:300px;margin:12px auto 0;line-height:1.28}.hero-description{font-size:15px;max-width:320px;line-height:1.7;margin-top:21px}.hero-caption{font-size:12px;margin-top:23px;max-width:240px;margin-inline:auto}.hero .button{min-height:47px;font-size:15px}.hero-art{inset:0 -40px}.slay{top:80px;left:28%;width:17%;transform:rotate(-10deg)}.portrait{left:83%;top:80px;width:32%}.kind{left:66%;top:73px;width:27%;transform:rotate(9deg)}.lips{width:25%;top:80px;left:8%}.yosemite{width:34%;left:-4%;top:127px}.sunset{width:30%;left:-15%;top:44%}.fox{width:29%;left:-11%;top:54%}.skeleton{width:34%;left:91%;top:33%}.miata{width:40%;left:92%;top:20%}.octopus{width:25%;left:89%;top:52%}.disco{width:38%;left:-10%;top:83%}.phone{width:29%;left:18%;top:88%}.panda{width:48%;left:68%;top:80%}.croc{width:28%;top:72%;left:94%}.intro{padding:40px 0}.intro h2{font-size:28px;line-height:1.3}.intro p{font-size:15px;margin-top:20px}.showcase{padding:29px 18px 24px;border-radius:24px}.section-heading h2{font-size:29px;line-height:1.18}.section-heading p{font-size:15px}.section-heading p br{display:none}.eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:14px}.template-gallery{gap:10px;flex-wrap:wrap;min-height:0;padding:6px 0 24px}.template-card,.template-card:nth-child(2),.template-card:nth-child(4),.template-card:nth-child(5){width:29%;border-width:3px;border-radius:12px}.template-card:nth-child(3){width:34%;border-width:3px;border-radius:12px}.template-card:nth-child(4),.template-card:nth-child(5){width:39%;margin-top:8px}.template-card img{height:130px}.template-card:nth-child(3) img{height:155px}.template-card figcaption{font-size:10px;top:5px;right:4px;padding:3px 6px}.section-note{font-size:12px}.split-section{grid-template-columns:1fr;padding:36px 0;gap:24px}.split-copy h2{font-size:31px}.split-copy>p{font-size:15px;margin-bottom:15px}.prompt-tip{margin-top:16px;padding-top:15px}.prompt-demo{padding:25px 22px 20px;border-radius:23px}.reverse .split-copy{order:0}.tool-demo{padding:16px;border-radius:23px}.tool-demo img{height:auto;max-height:380px}.models{padding-block:25px 35px}.model-tags{gap:6px}.model-tags span{font-size:12px;padding:8px 12px}.model-example{border-radius:18px}.model-example img{min-height:260px;object-fit:cover}.model-example figcaption{padding:40px 16px 15px;font-size:12px}.model-description p{font-size:14px}.mobile-section{padding:30px 0 25px}.mobile-scene{height:475px;width:100%}.phone-frame{width:240px;height:500px;border-width:7px;border-radius:36px;padding:42px 12px 15px;top:25px}.phone-top{font-size:20px}.phone-search{font-size:10px;margin:13px 0}.phone-grid{gap:10px 7px}.phone-grid img{height:138px}.phone-grid figcaption{font-size:10px}.donut{width:125px;left:-42px;top:10px;z-index:1}.cat{width:120px;right:-47px;top:110px;z-index:1}.corgi{width:125px;left:-47px;top:310px;z-index:1}.witch{width:108px;right:-36px;top:360px;z-index:1}.mobile-caption{font-size:13px;padding-inline:24px}.use-cases{padding:35px 0 20px}.use-grid{grid-template-columns:1fr 1fr;gap:0 22px}.use-grid article{padding:20px 0}.use-grid h3{font-size:19px;line-height:1.25;margin:10px 0}.use-grid p{font-size:14px;line-height:1.75}.guide{grid-template-columns:1fr;gap:25px;padding:24px 0 30px}.guide-intro h2{font-size:31px}.guide-intro p{max-width:none;font-size:15px}.steps li{padding:20px 0 20px 43px}.steps h3{font-size:19px}.steps p{font-size:14px}.practical{grid-template-columns:1fr;gap:24px;padding:20px 0 35px}.practical h2{font-size:29px}.example-prompt{padding:28px}.example-prompt>p{font-size:20px}.faq{padding:25px 0 35px}.faq .section-heading h2{font-size:28px}summary{font-size:16px;padding-block:19px}details>div{padding-right:20px}details p{font-size:14px}.final-cta{min-height:485px}.final-content{padding:40px 22px 100px}.final-content .eyebrow{font-size:10px;max-width:260px;margin-inline:auto}.final-content h2{font-size:46px}.final-content p{font-size:14px;max-width:270px;margin-inline:auto}.final-shirt{width:37%;height:42%;left:-9%;top:68%}.final-octopus{width:35%;height:35%;right:-6%;top:72%}footer{padding-block:25px}footer .brand img{width:130px}}
@media(max-width:380px){.hero h1{font-size:53px}.hero-headline{font-size:23px}.use-grid{grid-template-columns:1fr}.hero-description{font-size:14px}.container{width:calc(100% - 30px)}.final-content h2{font-size:40px}}
.craft{padding-block:18px 30px}.craft article p+p{margin-top:12px}.final-art .final-octopus{border-radius:22px;height:auto;top:25%;right:2%;width:22%;border:6px solid #faf9f5;box-shadow:0 14px 30px #0001}
@media(max-width:700px){.final-art .final-octopus{width:28%;right:-3%;top:76%;border-width:4px;border-radius:12px}}
@media(max-width:700px){.yosemite{width:28%;left:-5%;top:133px}.desktop-break{display:none}.craft .use-grid{grid-template-columns:1fr}.craft{padding-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}