:root{color-scheme:light;--ink:#171719;--muted:#707075;--line:#e5e5e8;--soft:#f6f6f8;--purple:#7860e8;--pad:clamp(22px,4.4vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:14px}.skip-link:focus{top:10px}.header{height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.logo{object-fit:contain;width:155px;height:40px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:100px;font-size:16px;font-weight:500;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{background:#38333f;transform:translateY(-3px);box-shadow:0 8px 24px #17171918}.button-small{min-height:44px;padding:0 25px;font-size:14px}.button-light{background:white;color:var(--ink);border-color:var(--line)}.button-light:hover{background:#f4f1fb}.hero{padding:0 var(--pad)}.hero-intro{text-align:center;padding:63px 0 46px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:1.4px;font-weight:600}.hero .eyebrow{justify-content:center}.separator{width:1px;height:13px;background:#c6c6ca;margin:0 2px}h1{font-size:clamp(46px,5.7vw,86px);line-height:1.06;letter-spacing:-4px;font-weight:500;margin:24px 0 22px}h1 span{color:#98969e}.hero-copy{font-size:17px;line-height:1.65;color:#68666e;margin:0 0 27px}.media{position:relative;overflow:hidden;background:#e8e6eb;border-radius:18px}.media video{width:100%;height:100%;object-fit:cover}.hero-film{height:clamp(330px,42vw,670px);border-radius:20px}.film-caption{position:absolute;inset:auto 30px 27px;display:flex;justify-content:space-between;color:white;font-size:12px;letter-spacing:1.3px;z-index:2;padding-right:64px;text-shadow:0 2px 7px #000}.hero-film:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0007);pointer-events:none}.playback{position:absolute;right:24px;bottom:22px;z-index:3;width:40px;height:40px;border:1px solid #ffffff55;border-radius:100%;background:#ffffff22;backdrop-filter:blur(12px);display:grid;place-items:center;color:white}.pause-icon{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}.playback.is-paused .pause-icon{width:10px;height:10px;border:0;border-radius:50%;background:currentColor}.hero-bottom{display:flex;justify-content:space-between;padding:22px 0;font-size:13px;color:var(--muted)}.hero-bottom span:last-child{letter-spacing:1.2px;font-size:11px}@media(max-width:700px){.header{height:74px}.logo{width:132px}.hero-intro{padding:48px 0 35px}h1{letter-spacing:-2px;font-size:46px}.hero-copy{font-size:16px;max-width:360px;margin:0 auto 25px}.hero-copy br{display:none}.eyebrow{font-size:10px;letter-spacing:1px}.hero-film{height:420px;border-radius:13px}.film-caption{left:18px;bottom:23px;font-size:10px}.film-caption span:first-child{display:none}.hero-bottom{font-size:12px;gap:12px}.hero-bottom span:last-child{display:none}.button{min-height:52px}.button-small{min-height:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.section{padding:105px var(--pad)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:46px}.section-heading .eyebrow,.faq .eyebrow,.business .eyebrow{color:#77737e;font-weight:500;margin-bottom:23px}h2{font-size:clamp(36px,4.2vw,62px);font-weight:500;line-height:1.09;letter-spacing:-2.4px;margin:0}.section-heading>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 4px;max-width:360px}.models{padding-top:95px}.model-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:30px;gap:40px}.model-tabs button{border:0;background:transparent;color:#8b888f;padding:19px 0 23px;font-size:22px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .25s}.model-tabs button span{font-size:12px;vertical-align:top;margin-right:12px}.model-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}.model-stage{position:relative;height:580px;border-radius:20px;overflow:hidden;background:#eee}.model-media{height:100%;border-radius:0}.model-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000a,#0000 80%);pointer-events:none}.model-media .playback{right:26px;bottom:26px}.model-overlay{position:absolute;left:46px;bottom:48px;max-width:450px;color:white;pointer-events:none}.model-overlay .button{pointer-events:auto;background:white;color:#171719;border-color:white;margin-top:12px}.model-overlay h3{font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-1.5px;margin:20px 0}.model-overlay p{max-width:345px;font-size:16px;line-height:1.6;color:#eee}.products{background:var(--soft)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.tool{padding:35px 32px 32px 0;position:relative;border-top:1px solid #dad9df;margin-right:28px;transition:transform .25s}.tool:hover{transform:translateY(-4px)}.tool-symbol{height:48px;display:block;font-size:32px;color:#6e5ca6;line-height:1}.tool h3{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:16px 0 13px}.tool p{font-size:16px;line-height:1.6;color:var(--muted);max-width:310px;min-height:52px}.tool-link{font-size:13px;border-bottom:1px solid #aaa;display:inline-block;padding-bottom:5px;margin-top:8px}.studio{padding-bottom:40px}.feature{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7%;padding:52px 0 72px}.feature+.feature{border-top:1px solid var(--line)}.feature.reverse{grid-template-columns:1.15fr .85fr}.feature.reverse .feature-copy{order:2}.feature.reverse>:last-child{order:1}.feature-copy .label{display:flex;justify-content:space-between;color:#77737e;font-size:11px;letter-spacing:1.3px;max-width:370px}.feature-copy .label>span{color:#a29ea8;letter-spacing:.5px}.feature-copy h3{font-size:clamp(28px,2.8vw,42px);font-weight:500;letter-spacing:-1.2px;line-height:1.18;margin:24px 0 20px}.feature-copy p{font-size:16px;line-height:1.8;color:var(--muted);max-width:390px;margin:0 0 25px}.feature-copy .button{font-size:14px;min-height:48px;padding:0 25px}.agent-demo{padding:26px;background:#f5f4f7;border:1px solid #eeedf1;border-radius:20px}.demo-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px;font-weight:600}.demo-top span:last-child{font-size:9px;color:#888;letter-spacing:.6px}.prompt-bubble{font-size:13px;line-height:1.6;background:#e8e5ed;padding:14px 18px;border-radius:12px 12px 0 12px;max-width:88%;margin:28px 0 24px auto;color:#66616d}.shots{display:grid;grid-template-columns:1fr 1fr;gap:13px}.shot .media{aspect-ratio:1.5;border-radius:9px}.shot .playback{width:27px;height:27px;bottom:8px;right:8px}.shot>span{font-size:9px;letter-spacing:1px;color:#999;display:block;margin:9px 0}.shot .pause-icon{width:7px;height:9px;border-width:2px}.demo-status{font-size:12px;color:#8d8698;margin-top:18px}.marketing-demo{height:485px;background:#f3f1ed;border-radius:20px;position:relative;padding:22px}.marketing-video{height:100%;width:68%;margin:auto;border-radius:12px}.floating-note{position:absolute;bottom:40px;left:20px;background:white;border:1px solid #eee;box-shadow:0 6px 30px #0001;padding:17px 22px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:12px}.note-line{width:18px;height:18px;border:1px solid #bfb7ca;border-radius:5px;box-shadow:inset 0 0 0 4px #f0ecf5}.canvas-demo{min-height:390px;padding:30px;background-color:#f5f5f7;background-image:radial-gradient(#cac8cf .8px,transparent .8px);background-size:15px 15px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-node{background:white;border:1px solid #e3dfe8;border-radius:12px;padding:10px;box-shadow:0 5px 18px #21122d06;width:100%}.canvas-node>span{display:block;font-size:9px;letter-spacing:.7px;color:#81798d;margin:8px 2px 3px}.text-node{width:65%;padding:14px 17px;align-self:flex-start}.text-node>span{font-size:10px;margin:0;color:#817294}.text-node p{font-size:12px;color:#716b78;line-height:1.6;margin-bottom:0}.canvas-connector{height:32px;width:45%;border-left:1px solid #b8acc9}.canvas-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.canvas-results .media{aspect-ratio:1.25;border-radius:6px}.canvas-results .playback{bottom:7px;right:7px;width:28px;height:28px}.cli-demo{border-radius:20px;background:#eee;position:relative;overflow:hidden;min-height:450px}.cli-demo>.media{height:450px;border-radius:0}.cli-demo .playback{top:18px;bottom:auto}.terminal{position:absolute;bottom:22px;left:22px;right:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);padding:20px;border-radius:12px;box-shadow:0 8px 28px #0001}.terminal-label{font-size:10px;color:#8d8795;padding-bottom:15px}.terminal-dots{letter-spacing:4px;color:#bdb7c7;margin-right:20px}.terminal code{font-size:12px;line-height:1.85;color:#595462;overflow-wrap:anywhere}.terminal code span{color:#9e79b5}.business{background:#f6f5f8}.business-heading{text-align:center;max-width:800px;margin:auto}.business-heading .eyebrow{justify-content:center}.business-heading p{font-size:17px;color:var(--muted);line-height:1.7;margin:25px auto}.business-features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:66px 0 58px}.business-features>div{border-top:1px solid #dad7e0;padding-top:20px}.business-features>div>span{font-size:12px;color:#8a8099}.business-features h3{font-size:22px;font-weight:500;margin:20px 0 14px}.business-features p{font-size:16px;color:var(--muted);line-height:1.65;max-width:320px}.partners{border-top:1px solid #e2dfe7;padding-top:30px}.partners>p{text-align:center;font-size:12px;color:#8b8494}.partner-grid{display:flex;align-items:center;justify-content:space-around;gap:35px;padding-top:20px;flex-wrap:wrap}.partner-grid img{max-width:120px;max-height:28px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.55}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.creator-cover{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1.5}.creator-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.creator:hover img{transform:scale(1.04)}.watch{position:absolute;left:15px;bottom:15px;background:#ffffffdd;backdrop-filter:blur(12px);border-radius:30px;font-size:11px;padding:10px 15px}.creator-meta{margin-top:21px}.creator-meta h3{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:0 0 9px}.creator-meta span{font-size:12px;color:#8d8696}.creator>p{font-size:14px;color:var(--muted);line-height:1.6;margin-top:14px}.news{padding-top:20px}.news h2{font-size:44px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.news-card img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;border-radius:10px;transition:filter .25s}.news-card:hover img{filter:brightness(.9)}.news-card>span{font-size:11px;color:#86818e;letter-spacing:.7px;display:block;margin:20px 0 12px}.news-card h3{font-weight:500;font-size:21px;line-height:1.35;letter-spacing:-.4px;margin:0;max-width:350px}.news-card .read-more{color:#413b48;font-size:12px;letter-spacing:0;margin-top:18px;text-decoration:underline;text-underline-offset:5px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;padding-top:90px;padding-bottom:100px}.faq-intro p{font-size:15px;line-height:1.6;color:var(--muted);margin-top:25px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;font-size:17px;line-height:1.5;list-style:none}summary::-webkit-details-marker{display:none}.faq-toggle{position:relative;width:14px;height:14px;flex:none}.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;width:14px;height:1px;background:#615b6b;left:0;top:6px}.faq-toggle:after{transform:rotate(90deg);transition:transform .25s}details[data-expanded] .faq-toggle:after{transform:rotate(0)}.faq-answer p{margin:0;padding:0 30px 25px 0;font-size:15px;line-height:1.8;color:var(--muted)}.final-cta{text-align:center;margin:0 var(--pad) 90px;padding:70px 24px 85px;background:#f4f2f8;border-radius:20px;position:relative;overflow:hidden}.final-cta>img{margin:0 auto 13px}.final-cta .eyebrow{justify-content:center;color:#82788f;letter-spacing:2px;font-size:10px}.final-cta h2{font-size:clamp(43px,5.3vw,78px);line-height:1.07;margin:30px 0 23px;letter-spacing:-3px}.final-cta h2 span{color:#9583ab}.final-cta p{font-size:17px;color:var(--muted);margin-bottom:28px}footer{padding:0 var(--pad) 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:35px;border-bottom:1px solid var(--line)}.footer-top nav{display:flex;flex-wrap:wrap;gap:25px;font-size:12px;color:#797480}.footer-top nav a:hover{color:#171719}.footer-bottom{display:flex;justify-content:space-between;margin-top:24px;font-size:11px;color:#99929f}@media(min-width:1700px){main,footer,.header{max-width:1920px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.section{padding-top:75px;padding-bottom:75px}.section-heading>p{max-width:280px;font-size:14px}.feature{gap:5%;grid-template-columns:1fr 1.1fr}.feature.reverse{grid-template-columns:1.1fr 1fr}.feature-copy h3{font-size:31px}.feature-copy p{font-size:15px}.agent-demo{padding:18px}.marketing-demo{height:410px}.canvas-demo{padding:20px}.creator-meta h3{font-size:19px}.creator-grid,.news-grid{gap:18px}.news-card h3{font-size:19px}.footer-top{align-items:flex-start}.footer-top nav{justify-content:flex-end;max-width:500px;gap:20px}.business-features{gap:28px}.tool{margin-right:20px;padding-right:10px}.tool h3{font-size:19px}}@media(max-width:700px){.section{padding:62px var(--pad)}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:23px;font-size:15px}.section-heading .eyebrow{font-size:10px;margin-bottom:18px}h2{font-size:39px;letter-spacing:-1.5px}.model-tabs{gap:0;justify-content:space-between;margin-bottom:20px}.model-tabs button{font-size:16px;padding:18px 0}.model-tabs button span{font-size:9px;margin-right:5px}.model-stage{height:510px;border-radius:14px}.model-overlay{left:25px;bottom:30px;right:25px}.model-overlay h3{font-size:34px}.model-overlay p{font-size:14px;padding-right:25px}.model-media:after{background:linear-gradient(0deg,#000c,transparent)}.model-media .playback{top:18px;right:18px;bottom:auto}.tool-grid{grid-template-columns:1fr 1fr;gap:0 20px}.tool{margin:0;padding:27px 0}.tool h3{font-size:18px;line-height:1.3}.tool p{font-size:14px;line-height:1.6;min-height:88px}.tool-symbol{font-size:29px;height:35px}.tool-link{font-size:11px}.feature,.feature.reverse{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:30px 0 45px}.feature.reverse .feature-copy{order:0}.feature.reverse>:last-child{order:1}.feature-copy h3{font-size:32px;margin:20px 0 15px}.feature-copy p{max-width:100%;font-size:15px}.feature-copy .label{max-width:none}.feature-copy .button{min-height:47px}.agent-demo{padding:20px}.marketing-demo{height:460px}.canvas-demo{min-height:360px}.text-node{width:75%}.cli-demo,.cli-demo>.media{height:420px;min-height:0}.terminal{left:16px;right:16px;bottom:16px;padding:16px}.terminal code{font-size:11px}.business-heading h2{font-size:42px}.business-features{grid-template-columns:1fr;gap:20px;margin:45px 0}.business-features>div{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.business-features h3{margin:0 0 12px;font-size:20px}.business-features p{grid-column:2;margin:0;max-width:none;font-size:15px}.partner-grid{gap:28px;display:grid;grid-template-columns:repeat(3,1fr)}.partner-grid img{width:100%;max-height:22px}.creator-grid,.news-grid{grid-template-columns:1fr;gap:35px}.creator-cover{aspect-ratio:1.6}.creator-meta{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.creator-meta h3{font-size:21px}.creator>p{margin:5px 0 0}.news{padding-top:15px}.news h2{font-size:35px}.news-card h3{max-width:none;font-size:22px}.news-card>span{margin-top:15px}.faq{display:block}.faq-intro h2 br{display:none}.faq-intro p{margin:18px 0 30px}.faq-list summary{font-size:16px;padding:23px 0}.faq-answer p{font-size:14px;padding-right:15px}.final-cta{margin-bottom:55px;padding:52px 17px 57px;border-radius:14px}.final-cta h2{font-size:43px;letter-spacing:-1.7px}.final-cta p{font-size:16px}.footer-top{flex-direction:column;gap:24px;padding-bottom:28px}.footer-top nav{justify-content:flex-start;display:grid;grid-template-columns:repeat(2,1fr);width:100%;font-size:12px;gap:17px}.footer-bottom span:last-child{display:none}}

/* Final invitation: soft moving light, with a clear white reading area. */
.final-cta{isolation:isolate;background:#f8f7fb;border:1px solid #efebf5}
.final-cta>*{position:relative;z-index:2}
.final-cta:before{content:"";position:absolute;z-index:0;inset:-60% -20%;pointer-events:none;background:radial-gradient(ellipse at 18% 65%,#ffbd9573 0,transparent 37%),radial-gradient(ellipse at 82% 40%,#b4a2ef9c 0,transparent 39%),radial-gradient(ellipse at 45% 92%,#f5bbeb87 0,transparent 39%);filter:blur(32px);animation:cta-light-drift 18s ease-in-out infinite alternate;transform-origin:center}
.final-cta:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#fffffff0 0,#ffffffba 32%,#ffffff00 73%)}
.final-cta h2 span{color:#7e649a}
@keyframes cta-light-drift{from{transform:translate3d(-3%,-2%,0) rotate(-8deg) scale(1)}to{transform:translate3d(4%,3%,0) rotate(9deg) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.final-cta:before{animation:none;transform:none}}
@media(max-width:700px){.business-features>div{display:block}.business-features p{margin:0}}

/* Interaction motion uses transform, independently of entrance translate/scale. */
.button{transition:background .3s ease,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.button:active{transform:translateY(0) scale(.97)}
.model-tabs button{transition:color .3s ease,border-color .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.tool,.creator,.news-card{transition:transform .55s cubic-bezier(.22,1,.36,1)}
.tool-symbol{transform-origin:left center;transition:transform .55s cubic-bezier(.22,1,.36,1),color .35s ease}
.tool-link,.read-more{transition:color .3s ease,text-decoration-color .3s ease}
.creator-cover img{transition:transform .9s cubic-bezier(.22,1,.36,1)}
.news-card img{transition:filter .5s ease,transform .7s cubic-bezier(.22,1,.36,1);transform-origin:center bottom}
.agent-demo,.marketing-demo,.canvas-demo,.cli-demo{transition:box-shadow .65s ease}
.canvas-node{transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s ease}
.floating-note,.terminal{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.faq-list summary{transition:color .3s ease}
.faq-toggle{transition:transform .4s cubic-bezier(.22,1,.36,1)}
.playback{transition:background .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}
.footer-top nav a{transition:color .25s ease}
.final-cta:before{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){
  .tool:hover,.creator:hover,.news-card:hover{transform:translateY(-6px)}
  .tool:hover .tool-symbol{transform:translateY(-3px) rotate(-5deg);color:#8768bd}
  .creator:hover .creator-cover img{transform:scale(1.055)}
  .news-card:hover img{transform:scale(1.012);filter:brightness(1.025)}
  .model-tabs button:hover{transform:translateY(-2px);color:var(--ink)}
  .agent-demo:hover,.marketing-demo:hover,.canvas-demo:hover,.cli-demo:hover{box-shadow:0 18px 45px -20px #30213b29}
  .marketing-demo:hover .floating-note{transform:translateY(-5px)}
  .canvas-demo:hover .canvas-results .canvas-node:first-child{transform:translateY(-4px)}
  .canvas-demo:hover .canvas-results .canvas-node:last-child{transform:translateY(-7px)}
  .cli-demo:hover .terminal{transform:translateY(-5px)}
  .faq-list summary:hover{color:#765d91}
  .faq-list summary:hover .faq-toggle{transform:rotate(90deg)}
  .faq-list details[data-expanded] summary:hover .faq-toggle{transform:none}
  .playback:hover{transform:scale(1.09);background:#ffffff38}
}
@media(prefers-reduced-motion:reduce){
  .tool:hover,.creator:hover,.news-card:hover,.button:hover,.button:active,.model-tabs button:hover,.playback:hover{transform:none}
  .tool:hover .tool-symbol,.creator:hover img,.news-card:hover img,.marketing-demo:hover .floating-note,.canvas-demo:hover .canvas-node,.cli-demo:hover .terminal,.faq-list summary:hover .faq-toggle{transform:none}
}
.final-cta.ambient-running:before{animation-play-state:running}
.page-hidden .final-cta:before{animation-play-state:paused}