:root{--motion-ease: cubic-bezier(.22, .61, .36, 1)}.site-header{left:40px;right:40px;min-height:58px;padding:9px 20px}.brand img{width:140px}.hero{height:100svh;min-height:620px;max-width:none}.hero-copy{width:min(960px,78%);padding:0;pointer-events:none}.hero-copy>.button{pointer-events:auto}.hero h1{font-size:60px;letter-spacing:-2.7px;line-height:1.1;font-weight:500}.hero-brand-title{display:block;margin-bottom:2px}.hero-title-line{display:flex;justify-content:center;align-items:center;min-height:104px;gap:.23em;white-space:nowrap}.hero-title-swap{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:1px;height:130px;transition:width .3s var(--motion-ease)}.hero-title-swap.is-image{width:150px}.headline-image{width:150px;height:150px;object-fit:contain;max-width:none}.hero-description{font-size:14px;max-width:445px;margin:20px auto 25px}.hero-note{margin-top:28px}.hero-collage{transform-origin:center;will-change:transform,opacity}.hero-sticker{position:absolute;left:var(--left);top:var(--top);width:var(--w);height:var(--h);pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.hero-sticker .hero-art{position:static;inset:auto;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;filter:none;pointer-events:none}.hero-sticker.is-dragging{cursor:grabbing;z-index:5}.motion-ready .hero-sticker{animation:hero-sticker-enter .8s var(--motion-ease) var(--delay) both}.motion-ready .hero-brand-title,.motion-ready .hero-title-line{animation:hero-copy-enter .55s var(--motion-ease) .3s both}.motion-ready .hero-description{animation:hero-copy-enter .55s var(--motion-ease) .6s both}.motion-ready .hero-copy>.button{animation:hero-copy-enter .55s var(--motion-ease) .75s both}.motion-ready .hero-note{animation:hero-copy-enter .55s var(--motion-ease) .9s both}.gradient-text{background:linear-gradient(90deg,#8571ff,#fc5a5a 35%,#ffaae1 70%,#8571ff);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;animation:gradient-pan 4s ease-in-out infinite alternate}@keyframes hero-sticker-enter{0%{opacity:0;scale:.85;translate:0 12px}to{opacity:1;scale:1;translate:0 0}}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-pan{0%{background-position:0 50%}to{background-position:100% 50%}}.feature-story{--stage-height: calc(100svh - 110px) ;height:calc(var(--stage-height) + 140svh);position:relative;margin:16px 0 0}.story-sticky{position:sticky;top:96px;height:var(--stage-height);min-height:520px;display:flex;gap:15px}.story-stack{flex:1;min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:42px}.story-navigation{width:15px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:12px}.story-navigation button{border:0;width:9px;height:12px;padding:0;border-radius:20px;background:#ddddd6;transition:height .3s,background .3s}.story-navigation button[aria-current=step]{height:32px;background:#73756b}.story-stack>.feature-panel{position:absolute;inset:0;margin:0;min-height:0;height:100%;padding:35px 25px 24px;display:flex;align-items:center;flex-direction:column;opacity:0;transform:translateY(40px);transition:opacity .6s var(--motion-ease),transform .6s var(--motion-ease);pointer-events:none;border-radius:0}.story-stack>.feature-panel[data-state=active]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;z-index:2}.story-stack>.feature-panel[data-state=past]{opacity:0;transform:translateY(-30px) scale(.92)}.story-stack .panel-heading{flex-shrink:0;width:100%;max-width:900px}.story-stack .panel-heading h2{font-size:36px}.story-stack .panel-heading p{max-width:650px;font-size:13px;margin-top:13px}.story-stack .step-label{font-size:9px;margin-bottom:10px}.template-panel{background:radial-gradient(ellipse at 20% 20%,var(--panel-color, #e9cbb8),transparent 80%),#e9e4dc;transition:background .7s}.motion-ready .template-gallery{--slot: 330px;display:block;position:relative;flex:1;width:100%;min-height:220px;height:auto;max-height:450px;padding:0;margin:15px 0;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.motion-ready .template-card{position:absolute;left:50%;top:50%;width:auto!important;height:85%!important;max-height:350px;aspect-ratio:.74;display:block!important;margin:0;border:4px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 55px #30271830;transform:translate(-50%,-50%) translate(calc(var(--slot) * var(--offset))) scale(var(--card-scale)) rotate(var(--card-rotate));transition:transform .7s var(--motion-ease),opacity .7s ease-out;will-change:transform,opacity;cursor:pointer}.motion-ready .template-card.t-two{aspect-ratio:1;height:70%!important}.motion-ready .template-card.t-four{aspect-ratio:.94;height:73%!important}.motion-ready .template-card img{object-fit:cover}.motion-ready .template-card figcaption{font-size:12px;padding:9px 14px;right:10px;top:10px}.panel-bottom{flex-shrink:0;margin-top:auto}.prompt-panel{background:radial-gradient(ellipse at 55% 30%,#efd3e0,transparent 68%),linear-gradient(125deg,#e6d4d6,#efe8e1)}.story-stack .prompt-showcase{flex:1;min-height:0;width:min(510px,100%);display:flex;flex-direction:column;align-items:center;margin-top:18px;gap:16px;position:relative}.story-stack .sugar-image{flex:1;min-height:0;width:auto;max-width:100%;height:calc(100% - 145px);max-height:310px;object-fit:contain;border-radius:24px;box-shadow:0 18px 36px #48212d20;transition:filter .7s,opacity .7s,scale .7s}.motion-ready .prompt-panel:not(.is-generated) .sugar-image{filter:blur(22px);opacity:.45;scale:.96}.story-stack .prompt-example{flex-shrink:0;width:100%;padding:14px 18px;border-radius:25px;border:3px solid #fff8;background:#faf8f5e8;box-shadow:0 15px 30px #513f451a}.story-stack .prompt-caption{display:none}.story-stack .prompt-example>p{font-size:13px;margin:0 0 10px}.story-stack .prompt-meta{font-size:11px}.story-stack .tools-showcase{background:#f8f6f3;border:4px solid #fff;border-radius:32px;overflow:hidden;box-shadow:0 8px 48px #0002;display:flex;flex-direction:column;max-width:480px;width:100%;min-height:300px;max-height:min(52svh,620px);flex:1;margin:24px auto 0;position:relative}.tools-panel{background:radial-gradient(ellipse at 55% 40%,var(--tool-color, #f3dce7),transparent 75%),#e9e6e1;transition:background .7s}.tool-image-stage{flex:1;min-height:0;background:radial-gradient(circle,#3c322d1d 1px,transparent 1.2px) 0 0/16px 16px;padding:7px}.story-stack .tools-showcase img{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0}.tool-switches{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 8px;background:#f8f6f3;flex-shrink:0;min-height:59px}.tool-switches button{border:0;border-radius:28px;background:#e9e5e0;color:#666057;min-height:38px;padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:11px;transition:background .2s,color .2s,max-width .3s;white-space:nowrap}.tool-switches button>span:first-child{font-size:17px;line-height:1}.tool-switches button[aria-pressed=true]{background:#37342f;color:#fff}.tool-switches button[aria-pressed=false]>span:last-child{display:none}.model-panel{perspective:1000px}.model-panel figure{padding:30px;display:flex;flex-direction:column;align-items:center;gap:22px;background:radial-gradient(circle,#78756d20 .8px,transparent 1px) 0 0/19px 19px,#f5f4f1}.model-panel img{width:auto;max-width:100%;height:320px;border-radius:24px;box-shadow:0 22px 56px -18px #0005,0 4px 12px -4px #0003;transition:transform .35s var(--motion-ease);animation:showcase-float 7s ease-in-out infinite}.model-panel figcaption{max-width:410px;width:100%;margin:0;min-height:72px;background:#fcfbf8;border:3px solid #fff8;box-shadow:0 16px 35px -12px #0003;border-radius:25px}@keyframes showcase-float{0%,to{translate:0 0}25%{translate:0 -3px}75%{translate:0 3px}}.motion-ready .reveal-word{display:inline-block;opacity:0;transform:translateY(18px);transition:opacity .55s var(--motion-ease) var(--word-delay),transform .55s var(--motion-ease) var(--word-delay)}.motion-ready .is-revealed .reveal-word{opacity:1;transform:translateY(0)}.gradient-text .reveal-word{background:inherit;-webkit-background-clip:text;background-clip:text}.motion-ready .mobile-stage .phone-frame{opacity:0;translate:0 190px;rotate:8deg;scale:.86;transition:opacity .8s var(--motion-ease) .2s,translate 1.2s var(--motion-ease) .2s,rotate 1.2s var(--motion-ease) .2s,scale 1.2s var(--motion-ease) .2s}.motion-ready .mobile-stage .mobile-sticker{opacity:0;translate:var(--from-x) 80px;scale:.2;transition:opacity .55s var(--motion-ease) var(--sticker-delay),translate 1.15s var(--motion-ease) var(--sticker-delay),scale 1.15s var(--motion-ease) var(--sticker-delay)}.motion-ready .mobile-stage.is-assembled .phone-frame,.motion-ready .mobile-stage.is-assembled .mobile-sticker{opacity:1;translate:0 0;rotate:0deg;scale:1}.final-cta{background:#f1f0ef}.final-cta:before,.final-cta:after{content:"";position:absolute;z-index:-1;width:75%;height:80%;bottom:-20%;border-radius:45%;filter:blur(55px);opacity:.65;animation:aurora-drift 12s ease-in-out infinite alternate}.final-cta:before{left:-10%;background:radial-gradient(ellipse,#b9d2fe,transparent 70%)}.final-cta:after{right:-15%;background:radial-gradient(ellipse,#edc7dc,transparent 70%);animation-delay:-6s}@keyframes aurora-drift{0%{transform:translate(-5%,10%) rotate(-12deg) scale(.85)}to{transform:translate(12%,-15%) rotate(15deg) scale(1.15)}}@media(min-width:1500px){.hero h1{font-size:72px}.hero-copy{width:min(1100px,75%)}}@media(max-width:1100px){.hero h1{font-size:51px}.hero-title-line{min-height:110px}.hero-copy{width:80%}.story-stack .panel-heading h2{font-size:31px}.motion-ready .template-gallery{--slot: 260px}}@media(max-width:1023px){.hero{height:760px;min-height:650px}.hero h1{font-size:49px}.hero-copy{width:90%;padding:0}.hero-title-line{min-height:105px}.hero-description{max-width:395px}.hero-sticker{cursor:default;pointer-events:none;width:calc(var(--w) * .65);height:calc(var(--h) * .65)}.sticker-yosemite{left:-30px;top:45px}.sticker-lips{left:16%;top:-50px}.sticker-queen{left:35%;top:-70px}.sticker-kind{left:auto;right:10%;top:18px}.sticker-portrait{left:auto;right:-80px;top:-100px}.sticker-fox{left:-90px;top:48%}.sticker-sunset{left:-85px;top:37%}.sticker-disco{left:-90px;top:80%}.sticker-phone{left:4%;top:81%}.sticker-miata{left:auto;right:-120px;top:30%}.sticker-skeleton{left:auto;right:-120px;top:50%}.sticker-octopus{left:auto;right:-35px;top:68%}.sticker-panda{left:auto;right:-115px;top:81%}.hero-note{max-width:none}.story-sticky{min-height:570px}.feature-story{--stage-height: max(570px, calc(100svh - 110px) )}.story-stack .panel-heading h2{font-size:30px}.story-stack .panel-heading p{font-size:13px}}@media(max-width:820px){.site-header{left:16px;right:16px;padding:9px 13px;min-height:58px}.brand img{width:135px}.hero h1{font-size:44px}.hero-title-line{gap:.2em;min-height:110px;white-space:normal}.hero-title-text{white-space:nowrap}.hero-title-swap{height:110px}.hero-title-swap.is-image{width:100px}.headline-image{height:100px;width:100px}.hero-description{font-size:14px;max-width:340px}.hero-note{font-size:11px;max-width:240px}.feature-story{--stage-height: max(610px, calc(100svh - 100px) )}.story-sticky{top:83px;gap:7px}.story-navigation{width:8px;gap:10px}.story-navigation button{width:6px}.story-stack{border-radius:27px}.story-stack>.feature-panel{padding:28px 17px 20px}.story-stack .panel-heading h2{font-size:28px}.story-stack .panel-heading p{font-size:12px;line-height:1.6}.story-stack .step-label{font-size:8px}.motion-ready .template-gallery{--slot: 220px}.motion-ready .template-card{height:81%!important;max-height:310px}.motion-ready .template-card figcaption{font-size:10px;padding:7px 10px}.story-stack .prompt-showcase{margin-top:23px;gap:20px}.story-stack .sugar-image{max-height:290px}.story-stack .prompt-example>p{font-size:12px}.story-stack .tools-showcase{margin-top:22px;max-height:420px;border-radius:25px}.model-panel img{height:280px}.model-panel figure{padding:23px}}@media(max-width:540px){.hero{min-height:690px;height:100svh;max-height:850px}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero-title-line{flex-direction:column;gap:0;min-height:126px}.hero-title-swap{height:76px;min-height:76px}.hero-brand-title{margin-bottom:5px}.headline-image{width:95px;height:95px}.hero-title-swap.is-image{width:95px}.hero-copy{width:88%;padding-top:0}.hero-description{font-size:13px;max-width:280px;margin:17px auto 23px}.hero-note{font-size:10px;max-width:165px;margin-top:23px}.hero-sticker{width:calc(var(--w) * .43);height:calc(var(--h) * .43)}.sticker-yosemite{top:77px;left:-30px}.sticker-kind{top:72px;right:2%}.sticker-lips{left:22%;top:-38px}.sticker-portrait{right:-30px;top:-40px}.sticker-fox{left:-70px;top:auto;bottom:40px}.sticker-sunset{left:-50px;top:auto;bottom:130px}.sticker-miata{right:-83px;top:auto;bottom:110px}.sticker-skeleton{right:-81px;top:auto;bottom:20px}.sticker-octopus{right:-30px;top:auto;bottom:65px}.sticker-panda{right:-49px;top:auto;bottom:-63px}.sticker-phone{left:4%;top:auto;bottom:-147px}.sticker-disco{left:-52px;top:auto;bottom:-26px}.sticker-queen{display:none}.feature-story{--stage-height: max(630px, calc(100svh - 96px) )}.story-sticky{top:82px}.story-stack>.feature-panel{padding:24px 15px 20px}.story-stack .panel-heading h2{font-size:25px;line-height:1.14}.story-stack .panel-heading p{font-size:12px}.story-stack .step-label{margin-bottom:12px}.motion-ready .template-gallery{--slot: 160px;min-height:230px;max-height:330px}.motion-ready .template-card{max-height:260px;border-radius:17px;border-width:3px}.motion-ready .template-card figcaption{font-size:9px;padding:6px 9px}.panel-bottom{font-size:10px;max-width:220px}.story-stack .prompt-example{padding:13px}.story-stack .prompt-showcase{gap:23px}.story-stack .sugar-image{max-height:280px}.story-stack .tools-showcase{margin-top:20px;max-height:390px}.tool-switches{gap:4px;padding:10px 6px}.tool-switches button{font-size:9px;padding:10px;min-height:37px;gap:4px}.tool-switches button>span:first-child{font-size:15px}.model-panel img{height:245px;max-width:100%}.model-panel figure{padding:20px 14px}.model-panel figcaption{font-size:10px;min-height:66px}}@media(prefers-reduced-motion:reduce){.feature-story{height:auto}.story-sticky{position:static;height:auto;min-height:0;display:block}.story-navigation{display:none}.story-stack{overflow:visible}.story-stack>.feature-panel{position:relative;min-height:600px;margin-bottom:24px;opacity:1;transform:none;pointer-events:auto;border-radius:30px}.motion-ready .template-gallery{height:320px;flex:auto}.story-stack .prompt-showcase,.story-stack .tools-showcase{height:400px;flex:auto}.hero-collage{opacity:1!important;transform:none!important}.hero-sticker{transform:none!important}.motion-ready .reveal-word,.motion-ready .mobile-stage .phone-frame,.motion-ready .mobile-stage .mobile-sticker{opacity:1!important;translate:0 0!important;scale:1!important;rotate:0deg!important;transform:none}.motion-ready .mobile-stage .phone-frame{transform:translate(-50%)}.motion-ready .prompt-panel:not(.is-generated) .sugar-image{filter:none;opacity:1;scale:1}*,*:before,*:after{animation:none!important;transition:none!important}}