:root{--canvas: #f6f7f9;--white: #fff;--ink: #121722;--muted: #697386;--line: #e4e7ec;--blue: #2f6bff;--blue-dark: #174fd7;--blue-soft: #eef4ff;--coral: #ff7f72;--lilac: #bea1ff;--head: "Space Grotesk", sans-serif;--body: "IBM Plex Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{margin:0;color:var(--ink);background:var(--canvas);font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:relative;z-index:20;display:flex;height:78px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--head);font-size:17px;font-weight:700;letter-spacing:-.04em}.brand img{width:35px;height:35px;border-radius:10px;object-fit:cover}.site-header nav{display:flex;gap:31px;margin-left:100px;color:#5b6475;font-size:13px}.site-header nav a:hover{color:var(--blue)}.header-cta{display:inline-flex;align-items:center;gap:18px;padding:10px 15px;color:#fff;background:var(--ink);border-radius:9px;font-size:12px;font-weight:600;transition:transform .2s ease,background .2s ease}.header-cta:hover{transform:translateY(-2px);background:var(--blue)}.hero{position:relative;padding:88px 0 90px;text-align:center}.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(65px);opacity:.22}.glow-one{top:8px;left:12%;width:270px;height:250px;background:var(--lilac)}.glow-two{top:40px;right:13%;width:250px;height:220px;background:var(--coral)}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 23px;padding:5px 10px 5px 5px;border:1px solid #dce2ed;border-radius:999px;color:#4f5a6c;background:#ffffffb8;font-size:11px;font-weight:500;box-shadow:0 6px 20px #0f172a08}.eyebrow span{padding:3px 7px;color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;font-size:9px;font-weight:600;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,.section-heading h2,.principles-grid h2,.final-cta h2{font-family:var(--head)}h1{max-width:930px;margin:0 auto 24px;font-size:clamp(52px,6.6vw,88px);font-weight:600;letter-spacing:-.073em;line-height:.96}h1 em,.section-heading h2 em,.principles-grid h2 em,.final-cta h2 em{color:var(--blue);font-style:normal}.hero-copy{max-width:675px;margin:0 auto 31px;color:var(--muted);font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px}.button{display:inline-flex;min-height:51px;align-items:center;justify-content:center;gap:24px;padding:0 19px;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.button:hover{transform:translateY(-3px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 8px 22px #2f6bff38}.button-primary:hover{background:var(--blue-dark);box-shadow:0 12px 28px #2f6bff4d}.button-quiet{border-color:#d9dee8;background:#ffffffd1;box-shadow:0 6px 18px #0f172a0a}.button-quiet:hover{border-color:#bcc5d4}.play{display:grid;width:24px;height:24px;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:50%;font-size:8px}.hero-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:17px 0 0;color:#7b8494;font-size:11px}.hero-note span{width:6px;height:6px;background:#21a66b;border-radius:50%;box-shadow:0 0 0 4px #e4f6ee}.product-section{position:relative;z-index:3;padding-bottom:108px}.product-frame{overflow:hidden;min-height:650px;border:1px solid #dce1ea;background:#fff;border-radius:18px;box-shadow:0 30px 80px #1018281f,0 2px 8px #1018280f}.frame-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:0 16px;border-bottom:1px solid var(--line);background:#ffffffed}.frame-brand{display:flex;align-items:center;gap:8px;font-family:var(--head);font-size:12px;font-weight:600}.frame-brand img{width:25px;height:25px;border-radius:7px;object-fit:cover}.tour-tabs{display:flex;padding:3px;background:#f1f3f6;border-radius:9px}.tour-tabs button{min-width:78px;border:0;padding:7px 10px;color:#697386;background:transparent;border-radius:7px;cursor:pointer;font-size:10px;font-weight:500}.tour-tabs button.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0f172a1f}.frame-status{justify-self:end;display:flex;align-items:center;gap:7px;color:#7c8593;font-size:9px}.frame-status i{width:6px;height:6px;background:#22a66c;border-radius:50%}.demo-panel{min-height:590px;animation:panel-in .25s ease}.demo-panel[hidden]{display:none}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}}.demo-panel[data-demo-panel=create]{display:grid;grid-template-columns:.86fr 1.14fr}.demo-panel[data-demo-panel=create][hidden]{display:none}.create-sidebar{padding:22px;border-right:1px solid var(--line);background:#fbfcfd}.workspace-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.workspace-title button{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:8px}.workspace-title div{display:flex;flex:1;flex-direction:column}.workspace-title strong{font-family:var(--head);font-size:13px}.workspace-title span{margin-top:2px;color:var(--muted);font-size:9px}.workspace-title b{padding:4px 7px;color:#697386;background:#f0f2f5;border-radius:999px;font-size:8px;font-weight:500}.prompt-card,.field-card,.source-row{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 1px 3px #1018280a}.prompt-card{padding:15px}.prompt-card>p{min-height:46px;margin:0 0 16px;font-size:12px;line-height:1.5}.prompt-card>div{display:flex;align-items:center;gap:7px;color:#7c8594;font-size:8px}.prompt-card>div>span{padding:5px 7px;border:1px solid var(--line);border-radius:999px}.prompt-card>div .search-chip{color:var(--blue);border-color:#cad8ff;background:var(--blue-soft)}.prompt-card button{width:27px;height:27px;margin-left:auto;border:0;color:#fff;background:var(--blue);border-radius:50%}.field-card{margin-top:13px;padding:15px}.field-card label{color:var(--blue);font-size:8px;font-weight:600;text-transform:uppercase}.field-card p{margin:10px 0 14px;font-size:12px;line-height:1.5}.format-tools{display:flex;gap:6px;align-items:center}.format-tools span{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--line);border-radius:6px;font-size:9px}.format-tools i{width:21px;height:21px;margin-left:2px;background:var(--blue);border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--line)}.source-row{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 13px}.source-row>span{display:grid;width:28px;height:28px;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:8px}.source-row div{display:flex;flex:1;flex-direction:column}.source-row strong{font-size:9px}.source-row small{margin-top:2px;color:var(--muted);font-size:8px}.source-row>b{color:#8d96a4}.render-button{width:100%;margin-top:16px;border:0;padding:13px;color:#fff;background:var(--blue);border-radius:10px;font-size:10px;font-weight:600;box-shadow:0 8px 18px #2f6bff2e}.preview-area{display:flex;min-width:0;flex-direction:column;padding:19px 24px 15px;background:#f3f5f8}.preview-heading{display:flex;align-items:center;justify-content:space-between}.preview-heading div{display:flex;flex-direction:column}.preview-heading strong{font-size:11px}.preview-heading span{color:var(--muted);font-size:8px}.preview-heading button{border:1px solid var(--line);padding:5px 8px;color:#6b7484;background:#fff;border-radius:7px;font-size:8px}.carousel-preview{display:flex;width:min(315px,60%);aspect-ratio:4/5;flex-direction:column;align-self:center;margin:16px 0 20px;padding:27px;color:#fff;background:linear-gradient(145deg,#235fd8,#477dff);border-radius:4px;box-shadow:0 15px 35px #234b9b40}.carousel-count,.carousel-kicker,.carousel-footer{font-size:7px;font-weight:600;letter-spacing:.08em}.carousel-kicker{margin:auto 0 9px;color:#dfe8ff}.carousel-preview h2{margin:0;font-family:var(--head);font-size:clamp(25px,3vw,42px);letter-spacing:-.065em;line-height:.93}.carousel-preview h2 em{color:#dbe4ff;font-style:normal}.carousel-line{height:1px;margin:20px 0 12px;background:#ffffff73}.carousel-footer{display:flex;justify-content:space-between;margin:0}.thumbnail-rail{display:flex;gap:8px;min-width:0;overflow:hidden;margin-top:auto}.thumb{position:relative;overflow:hidden;width:90px;min-width:90px;aspect-ratio:4/5;padding:9px;color:#fff;background:#2f6bff;border-radius:7px;opacity:.55}.thumb.is-selected{opacity:1;box-shadow:0 0 0 2px var(--blue)}.thumb span{font-size:6px}.thumb b{position:absolute;right:8px;bottom:9px;left:8px;font-family:var(--head);font-size:9px;line-height:1.05}.thumb:nth-child(2){background:#253047}.thumb:nth-child(3){color:#1e293b;background:#dbe6ff}.thumb:nth-child(4){background:#e06c5a}.brand-demo,.queue-demo{padding:42px 48px;background:#f8f9fb}.demo-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.demo-overline{color:var(--blue);font-size:9px;font-weight:600;text-transform:uppercase}.demo-heading h3{margin:7px 0 6px;font-family:var(--head);font-size:30px;letter-spacing:-.045em}.demo-heading p{max-width:550px;margin:0;color:var(--muted);font-size:11px}.demo-heading>button{border:0;padding:11px 15px;color:#fff;background:var(--blue);border-radius:9px;font-size:9px;font-weight:600}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.brand-grid article{min-height:170px;padding:20px;border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 1px 3px #1018280a}.brand-grid article>span{display:block;margin-bottom:20px;color:var(--muted);font-size:9px}.identity-row{display:flex;align-items:center;gap:13px}.identity-row img{width:54px;height:54px;border-radius:14px;object-fit:cover}.identity-row div{display:flex;flex-direction:column}.identity-row strong,.brand-grid article>strong{font-family:var(--head);font-size:16px}.identity-row small,.brand-grid article>small{margin-top:4px;color:var(--muted);font-size:9px}.swatches{display:flex;gap:9px}.swatches i,.swatches button{width:39px;height:39px;border:0;border-radius:10px}.swatches i:nth-child(1){background:var(--blue)}.swatches i:nth-child(2){background:#121722}.swatches i:nth-child(3){background:#ff806f}.swatches button{color:#697386;border:1px dashed #cbd2dd;background:#fff}.brand-grid article>p{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.brand-grid .recreate-card{color:#fff;border-color:#1c2637;background:#1c2637}.recreate-card>span,.recreate-card>p{color:#aeb8c8!important}.recreate-card button{margin-top:16px;border:0;padding:8px 10px;color:var(--ink);background:#fff;border-radius:7px;font-size:8px}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.queue-stats article{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);background:#fff;border-radius:12px}.queue-stats span{color:var(--muted);font-size:9px}.queue-stats strong{margin-top:7px;font-family:var(--head);font-size:16px}.queue-table{margin-top:16px;overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:12px}.queue-head,.queue-row{display:grid;grid-template-columns:1.6fr .8fr 1fr .6fr;align-items:center;gap:15px;padding:12px 16px}.queue-head{color:var(--muted);border-bottom:1px solid var(--line);background:#fbfcfd;font-size:8px}.queue-row{min-height:68px;border-bottom:1px solid var(--line);font-size:9px}.queue-row:last-child{border-bottom:0}.queue-row>div{display:flex;align-items:center;gap:10px}.queue-row b{justify-self:start;padding:4px 7px;color:#15724c;background:#e8f8f1;border-radius:999px;font-size:7px}.queue-row:last-child b{color:#5e6878;background:#f0f2f5}.post-art{width:37px;height:43px;border-radius:5px}.art-one{background:linear-gradient(145deg,var(--blue),#8caaff)}.art-two{background:linear-gradient(145deg,#f37d69,#ffbf9d)}.product-caption{display:flex;justify-content:space-between;gap:30px;padding:15px 5px 0;color:var(--muted);font-size:11px}.product-caption span{color:var(--blue);font-weight:600}.product-caption p{max-width:520px;margin:0;text-align:right}.output-strip{overflow:hidden;padding:36px 0 42px;border-block:1px solid var(--line);background:#fff}.strip-track{display:flex;width:max-content;gap:14px;padding:0 24px;animation:slide-strip 28s linear infinite}.output-card{position:relative;display:flex;width:215px;aspect-ratio:4/5;flex-direction:column;flex:none;padding:21px;border-radius:11px;box-shadow:0 12px 28px #10182814}.output-card>span,.output-card small{font-size:7px;font-weight:600;letter-spacing:.07em}.output-card h3{margin:auto 0 18px;font-family:var(--head);font-size:29px;letter-spacing:-.06em;line-height:.92}.output-card h3 em{font-style:normal;opacity:.65}.output-card p{margin:auto 0;font-family:var(--head);font-size:19px;line-height:1.45}.card-blue{color:#fff;background:var(--blue)}.card-white{border:1px solid var(--line);background:#fff}.card-coral{color:#261f25;background:#ff8c78}.card-dark{color:#fff;background:#182132}.card-dark strong{color:#82a4ff}.card-lilac{background:#ccb7ff}@keyframes slide-strip{to{transform:translate(-25%)}}.workflow-section,.pages-section{padding:130px 0}.section-heading>span,.section-kicker{color:var(--blue);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.section-heading h2,.principles-grid h2{margin:17px 0 0;font-size:clamp(42px,5vw,65px);font-weight:600;letter-spacing:-.062em;line-height:.98}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:70px}.steps article{min-height:315px;padding:24px;border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 1px 3px #10182808;transition:transform .25s ease,box-shadow .25s ease}.steps article:hover{transform:translateY(-6px);box-shadow:0 18px 35px #10182814}.steps article>span{color:#87909e;font-size:9px}.step-icon{display:grid;width:56px;height:56px;margin:53px 0 25px;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:16px;font-family:var(--head);font-size:22px}.steps h3{margin:0 0 10px;font-family:var(--head);font-size:21px;letter-spacing:-.035em}.steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.principles-section{padding:110px 0;color:#fff;background:#121a29}.principles-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:120px}.principles-grid h2{margin-top:18px}.principles-grid h2 em{color:#8eaeff}.principle-list{border-top:1px solid #344052}.principle-list article{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #344052}.principle-list article>span{color:#8190a6;font-size:9px}.principle-list h3{margin:0 0 7px;font-family:var(--head);font-size:18px}.principle-list p{margin:0;color:#a8b2c0;font-size:11px;line-height:1.6}.section-heading.compact{display:grid;grid-template-columns:.72fr 1.4fr .8fr;gap:50px;align-items:end}.section-heading.compact h2{margin:0;font-size:clamp(37px,4.4vw,57px)}.section-heading.compact p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border-block:1px solid var(--line)}.use-case-grid article{position:relative;min-height:230px;padding:21px;border-right:1px solid var(--line)}.use-case-grid article:first-child{border-left:1px solid var(--line)}.use-case-grid article>span{color:#8a93a2;font-size:8px}.use-case-grid h3{margin:75px 0 8px;font-family:var(--head);font-size:20px}.use-case-grid p{max-width:190px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.use-case-grid i{position:absolute;top:19px;right:20px;color:var(--blue);font-style:normal}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;padding:10px 0 130px}.faq-intro h2{margin:17px 0 24px;font-family:var(--head);font-size:clamp(40px,4.6vw,60px);font-weight:600;letter-spacing:-.062em;line-height:.98}.faq-intro h2 em{color:var(--blue);font-style:normal}.faq-intro>p{max-width:480px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-family:var(--head);font-size:17px;font-weight:600;letter-spacing:-.025em;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;width:27px;height:27px;flex:none;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:50%;font-family:var(--body);font-size:15px;transition:transform .2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:670px;margin:-3px 44px 22px 0;color:var(--muted);font-size:12px;line-height:1.7}.final-cta{position:relative;overflow:hidden;margin-bottom:95px;padding:80px 30px;color:#fff;background:var(--blue);border-radius:20px;text-align:center}.final-cta>img{width:58px;height:58px;margin-bottom:20px;border-radius:17px;object-fit:cover;box-shadow:0 12px 24px #0823643b}.final-cta>p{margin-bottom:16px;color:#dce5ff;font-size:9px;font-weight:600;letter-spacing:.09em}.final-cta h2{position:relative;z-index:1;margin:0 0 31px;font-size:clamp(49px,6vw,76px);letter-spacing:-.068em;line-height:.92}.final-cta h2 em{color:#dbe5ff}.final-cta .button-primary{position:relative;z-index:1;color:var(--ink);background:#fff;box-shadow:0 10px 25px #0a256238}.final-cta small{position:relative;z-index:1;display:block;margin-top:15px;color:#dce5ff}.cta-glow{position:absolute;inset:auto -80px -280px auto;width:620px;height:620px;border:1px solid rgba(255,255,255,.21);border-radius:50%;box-shadow:0 0 0 90px #ffffff0d,0 0 0 180px #ffffff09}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:24px 0 35px;border-top:1px solid var(--line)}.site-footer p{justify-self:center;margin:0;color:var(--muted);font-size:10px}.site-footer>a:last-child{justify-self:end;color:var(--blue);font-size:10px;font-weight:600}@media(max-width:880px){.shell{width:min(680px,calc(100% - 34px))}.site-header nav{display:none}.hero{padding:68px 0 70px}.hero h1 br{display:none}.demo-panel[data-demo-panel=create]{grid-template-columns:1fr}.create-sidebar{border-right:0;border-bottom:1px solid var(--line)}.product-frame{min-height:0}.preview-area{min-height:560px}.carousel-preview{width:min(310px,70%)}.brand-demo,.queue-demo{padding:30px 24px}.principles-grid{grid-template-columns:1fr;gap:60px}.section-heading.compact{grid-template-columns:1fr;gap:20px}.use-case-grid{grid-template-columns:1fr 1fr}.use-case-grid article:nth-child(odd){border-left:1px solid var(--line)}.steps{grid-template-columns:1fr}.steps article{min-height:240px}.step-icon{margin-top:35px}.workflow-section,.pages-section{padding:90px 0}.faq-section{grid-template-columns:1fr;gap:50px;padding-bottom:95px}}@media(max-width:560px){.site-header{height:68px}.brand span{font-size:15px}.brand img{width:31px;height:31px}.header-cta{gap:8px;padding:9px 11px}.hero{padding:42px 0 56px}.hero h1{max-width:365px;margin-bottom:20px;font-size:clamp(42px,11.6vw,48px);letter-spacing:-.07em;line-height:.98}.hero-copy{font-size:15px}.hero-actions{flex-direction:column}.button{width:100%}.frame-bar{grid-template-columns:1fr auto;padding:9px}.frame-brand{display:none}.tour-tabs{justify-self:start}.tour-tabs button{min-width:64px;padding-inline:7px}.frame-status{font-size:0}.demo-panel{min-height:0}.create-sidebar{padding:15px}.preview-area{min-height:475px;padding:15px}.carousel-preview{width:min(260px,80%)}.thumbnail-rail{justify-content:center}.thumb{width:67px;min-width:67px}.product-caption{display:block}.product-caption p{margin-top:6px;text-align:left}.brand-demo,.queue-demo{padding:24px 15px}.demo-heading{align-items:start;flex-direction:column}.brand-grid,.queue-stats{grid-template-columns:1fr}.brand-grid article{min-height:150px}.queue-head{display:none}.queue-row{grid-template-columns:1fr auto}.queue-row>span{display:none}.output-card{width:180px}.workflow-section,.pages-section{padding:75px 0}.principles-section{padding:78px 0}.use-case-grid{grid-template-columns:1fr}.use-case-grid article{border-left:1px solid var(--line)}.final-cta{width:calc(100% - 24px);padding:60px 21px}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}