/* Visual layer: all artwork is resolution-independent CSS, no video download. */
:root{--ease-out:cubic-bezier(.2,.7,.2,1)}
body{background:radial-gradient(ellipse 900px 600px at 50% 240px,#efe7fc70,transparent 75%),#fbfaf8}
.site-header{position:sticky;top:0;height:80px;background:#fbfaf8e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:#d9d2e266}
.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:1px;background:#7b5bad;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.site-header nav a:hover:after{transform:scaleX(1)}
section[id],main[id]{scroll-margin-top:106px}
.hero{padding-top:66px}.hero>.eyebrow{border:1px solid #ded3ee;background:#f2ecfa99;width:max-content;max-width:100%;margin:auto;border-radius:24px;padding:8px 13px;color:#665078;letter-spacing:1px}
.status-dot{background:#9161ca;box-shadow:0 0 0 4px #bda3e222}.hero h1{font-size:clamp(52px,6.8vw,88px);font-weight:550;letter-spacing:-4px;margin-top:25px;line-height:1.14}.gradient-type{background:linear-gradient(110deg,#44324d 10%,#8558aa 43%,#5f68a5 67%,#2e4851 94%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-intro{font-size:15px}.hero-actions{margin-bottom:40px}.button.dark{box-shadow:0 5px 15px #2c163215;position:relative;overflow:hidden}.button.dark:after{content:"";position:absolute;inset:-100% 0;background:linear-gradient(110deg,transparent 35%,#fff2 49%,transparent 64%);transform:translateX(-120%);pointer-events:none;transition:transform .6s}.button.dark:hover:after{transform:translateX(120%)}.button span,.text-link span{transition:transform .3s var(--ease-out)}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}
.art-stage{position:relative}.hero-art{height:440px;border-radius:18px;background:radial-gradient(ellipse at 51% 47%,#665683 0%,#393149 39%,#1b1b2c 78%,#171923);border:1px solid #73638640;box-shadow:0 30px 60px -30px #33223f50;contain:paint}
.art-grid{background-size:58px 58px;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);mask-image:radial-gradient(ellipse,black,transparent 77%)}
.art-glow{position:absolute;width:520px;height:520px;border-radius:50%;pointer-events:none;opacity:.6}.glow-one{background:radial-gradient(circle,#9a71bb80,transparent 66%);left:-180px;top:-220px}.glow-two{background:radial-gradient(circle,#76909d70,transparent 65%);right:-140px;bottom:-290px}
.art-parallax{position:absolute;inset:0;transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0);transition:transform .65s var(--ease-out)}
.orb{box-shadow:inset -25px -30px 60px #43265955,0 32px 60px #08041866}.orb-one{width:335px;height:335px;left:calc(50% - 167px);top:47px;background:radial-gradient(ellipse at 32% 20%,#fffaed 0%,#e8cde3 16%,#a28abd 39%,#645583 61%,#332940 79%,#9a81b1 98%);transform:rotate(-24deg)}.orb-one:after{content:"";position:absolute;inset:1px;border:1px solid #fff3;border-radius:50%;background:linear-gradient(128deg,#ffffff25,transparent 36%,#9575b61a 75%);box-shadow:inset 5px 5px 22px #fff1}
.orb-two{width:104px;height:104px;top:72px;left:14%;background:radial-gradient(circle at 28% 22%,#fff1cf,#d1b7aa 32%,#827686 62%,#443e55 88%)}.orb-three{width:82px;height:82px;right:16%;top:245px;background:radial-gradient(circle at 27% 22%,#d8fbf5,#9eafb7 37%,#545b7b 70%,#27243e 95%)}
.orbit{width:620px;height:177px;left:calc(50% - 310px);top:126px;transform:rotate(-24deg);border:1px solid #e1c5ef99;border-top-color:#fff8;box-shadow:0 0 0 7px #d2b4f20a,0 0 0 8px #e5d3fc19,0 0 22px #cfa3ff0d;z-index:2}.orbit-second{width:480px;height:222px;left:calc(50% - 240px);top:115px;border-color:#edd8ff30;transform:rotate(42deg);box-shadow:none;z-index:0}
.orbit-spark{position:absolute;left:calc(50% - 254px);top:304px;width:8px;height:8px;background:#fff2de;border-radius:50%;box-shadow:0 0 10px 3px #f4d8ff77;z-index:3}
.art-caption{color:#e6d6f5b8;font-size:9px;letter-spacing:2px;left:29px;top:28px;line-height:1.8}.tiny-cross{display:inline-block;margin-right:6px;color:#fff}.art-index{font-size:9px;color:#dbcce3b5;bottom:29px;right:27px}.art-watermark{position:absolute;bottom:-10px;left:0;right:0;text-align:center;font-size:clamp(55px,8vw,106px);font-weight:600;letter-spacing:-6px;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #e6cafa13;line-height:1;pointer-events:none}
.glass-note{position:absolute;display:flex;align-items:center;gap:14px;border:1px solid #ead6ff36;border-radius:12px;padding:15px 18px;color:#fff;background:linear-gradient(115deg,#edddff20,#c2b2d208);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 24px #09071425;z-index:4}.glass-note small{display:block;font-size:8px;letter-spacing:1.5px;color:#d5c0e9;margin-bottom:8px}.glass-note strong{font-size:12px;font-weight:400;letter-spacing:.3px}.note-icon{width:34px;height:34px;border-radius:8px;border:1px solid #fff2;background:#fff1;display:grid;place-items:center;font-size:22px}.note-arrow{font-size:22px;margin-left:14px;color:#e4d1ed}.note-create{left:8%;top:240px;transform:rotate(-5deg)}.note-explore{right:5%;top:90px;transform:rotate(5deg)}
.art-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fffb;box-shadow:0 0 8px #fff5}.art-stars i:nth-child(1){left:33%;top:12%}.art-stars i:nth-child(2){left:70%;top:62%;width:2px;height:2px}.art-stars i:nth-child(3){left:91%;top:76%}.art-stars i:nth-child(4){left:8%;top:44%;width:2px;height:2px}.art-stars i:nth-child(5){left:64%;top:21%}.art-stars i:nth-child(6){left:32%;top:85%;width:2px;height:2px}
.motion-toggle{position:absolute;left:22px;bottom:19px;z-index:5;display:flex;align-items:center;gap:7px;padding:7px 10px;color:#e5dcec;background:#211a3070;border:1px solid #e1c9f42b;border-radius:18px;font-size:9px;backdrop-filter:blur(10px)}.motion-toggle:hover{background:#4b3a657d}.motion-symbol{font-size:10px;letter-spacing:-2px;width:11px}.motion-toggle:disabled{cursor:default;opacity:.7}
.model-strip{padding:30px 8px}.model-names{gap:48px}.model-strip-label{color:#82778b}.section-heading .eyebrow{color:#8a729f}.section-heading .eyebrow:before,.workflow .eyebrow:before,.faq .eyebrow:before{content:"";width:16px;height:1px;background:#a98abb}
.product-demo{border-radius:16px;border-color:#d4c8e055;box-shadow:0 24px 65px -34px #50376c44}.demo-sidebar{background:linear-gradient(160deg,#f0eaf5,#edeae6)}.demo-history.active{background:#e1d6ed}.example-label{color:#887295;border-color:#d7c7e4;background:#f8f4fb}.demo-user{background:linear-gradient(115deg,#f1eaf5,#f2efea)}.answer-icon{color:#806292}.demo-tabs button{transition:background .25s,box-shadow .25s}.demo-tabs button[aria-selected=true]{background:#e8deef;border-color:#d6c3e4;box-shadow:0 3px 9px #6b488612}
.use-card{border:1px solid #e9e4ed;border-radius:17px;padding:11px 11px 22px;background:#ffffff80;transition:transform .4s var(--ease-out),box-shadow .4s,border-color .4s}.use-card>.card-kicker,.use-card>h3,.use-card>p:not(.card-kicker),.use-card>.text-link{margin-left:12px;margin-right:12px}.use-art{border-radius:10px;height:240px}.use-card:hover{transform:translateY(-7px);border-color:#d7c2e7;box-shadow:0 22px 40px -25px #5b387e45}.writing-art{background:radial-gradient(circle at 25% 20%,#fcf4e5,#e1d6c6)}.coding-art{background:radial-gradient(ellipse at 80% 0,#536455,#1c2925 75%)}.learning-art{background:radial-gradient(circle at 25% 20%,#ebf1e7,#cadbcf)}.use-art:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fff3 42%,transparent 60%);transform:translateX(-120%);pointer-events:none}.use-card:hover .use-art:after{transform:translateX(120%);transition:transform 1.1s}.code-label:after{content:"_";margin-left:5px}.paper,.floating-note,.code-window,.concept{will-change:auto}
.workflow-band{background:linear-gradient(120deg,#eae4ef,#f0ede7 53%,#e7eeea);position:relative;overflow:hidden}.workflow-band:after{content:"✳";position:absolute;left:36%;top:-50px;font-size:320px;color:#9a7cb10a;pointer-events:none}.workflow{position:relative;z-index:1}.workflow li>span{background:#fff8;border:1px solid #dcd1e3;border-radius:50%;width:32px;height:32px;flex:none;display:grid;place-items:center;padding:0;margin-top:2px}.workflow li{transition:transform .3s}.workflow li:hover{transform:translateX(5px)}
.plan{border-radius:15px;transition:transform .35s var(--ease-out),box-shadow .35s}.plan:hover{transform:translateY(-5px);box-shadow:0 18px 30px -20px #40245733}.plan.featured{background:linear-gradient(150deg,#eee4f6,#f6f1fa 65%,#e8e6f4);border-color:#c9b5df;position:relative;overflow:hidden}.plan.featured:before{content:"";height:3px;position:absolute;left:20%;right:20%;top:0;background:linear-gradient(90deg,transparent,#9d7bba,transparent)}.plan .button{border-radius:9px}.plan-type{color:#8e759f}.team-plan{transition:color .2s}.team-plan:hover{color:#8864a5}
.closing{background:radial-gradient(ellipse at 20% 0,#6d5683,transparent 55%),radial-gradient(ellipse at 100% 100%,#4e6462,transparent 48%),#272432;color:#f8f1fb;border-radius:20px;isolation:isolate}.closing:before,.closing:after{content:"";position:absolute;z-index:-1;border:1px solid #dfc5f725;border-radius:50%;width:560px;height:240px;left:-180px;top:50px;transform:rotate(-28deg)}.closing:after{left:auto;right:-190px;top:-80px;transform:rotate(30deg)}.closing .eyebrow{color:#d2badf}.closing .button.dark{background:#f5edf9;color:#3d2e4b}.closing h2{font-weight:450}.footer .brand-mark{color:#7d658c}
/* Only turn on motion after its accessible controller has initialized. */
.motion-on .orb-one{animation:orb-drift 12s ease-in-out infinite}.motion-on .orb-two{animation:satellite-drift 9s ease-in-out -3s infinite}.motion-on .orb-three{animation:satellite-drift 11s ease-in-out -6s infinite reverse}.motion-on .orbit{animation:orbit-breathe 14s ease-in-out infinite}.motion-on .orbit-second{animation:orbit-cross 19s ease-in-out -4s infinite}.motion-on .note-create{animation:note-float 10s ease-in-out -2s infinite}.motion-on .note-explore{animation:note-float-alt 12s ease-in-out -6s infinite}.motion-on .art-stars i{animation:starlight 5s ease-in-out infinite alternate}.motion-on .art-stars i:nth-child(even){animation-delay:-3s}.motion-on .glow-one{animation:glow-drift 16s ease-in-out infinite alternate}.motion-on .glow-two{animation:glow-drift 20s ease-in-out -8s infinite alternate-reverse}.motion-on .orbit-spark{animation:spark-drift 14s ease-in-out infinite}
.motion-on .paper{animation:paper-float 9s ease-in-out infinite}.motion-on .floating-note{animation:paper-note 7s ease-in-out -3s infinite}.motion-on .code-window{animation:code-float 10s ease-in-out infinite}.motion-on .code-label:after{animation:cursor-blink 1.6s steps(1) infinite}.motion-on .concept-one{animation:concept-float 8s ease-in-out infinite}.motion-on .concept-two{animation:concept-float 9s ease-in-out -3s infinite reverse}.motion-on .concept-three{animation:concept-float 10s ease-in-out -5s infinite}.motion-on .concept-line{animation:concept-orbit 20s linear infinite}
.reveal-pending{opacity:0;transform:translateY(24px)}.reveal-visible{opacity:1;transform:none;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal-pending:focus-within{opacity:1;transform:none}
.motion-paused *, .page-idle *, .scene-sleep *{animation-play-state:paused!important}.motion-paused .art-parallax{transform:none;transition:none}.motion-paused .reveal-pending{opacity:1;transform:none}.motion-paused .reveal-visible{transition:none}
@keyframes orb-drift{0%,100%{transform:translateY(0) rotate(-24deg)}50%{transform:translateY(-18px) rotate(-16deg)}}
@keyframes satellite-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(9px,-19px)}}
@keyframes orbit-breathe{0%,100%{transform:rotate(-24deg) scale(1)}50%{transform:rotate(-17deg) scale(1.035)}}
@keyframes orbit-cross{0%,100%{transform:rotate(42deg) scale(1)}50%{transform:rotate(55deg) scale(.96)}}
@keyframes note-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(-2deg)}}
@keyframes note-float-alt{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(11px) rotate(2deg)}}
@keyframes starlight{from{opacity:.25}to{opacity:.95}}
@keyframes glow-drift{from{transform:translate(0,0)}to{transform:translate(65px,25px)}}
@keyframes spark-drift{0%,100%{transform:translate(0,0);opacity:.6}50%{transform:translate(30px,-14px);opacity:1}}
@keyframes paper-float{0%,100%{transform:rotate(-8deg) translateY(20px)}50%{transform:rotate(-4deg) translateY(10px)}}
@keyframes paper-note{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}
@keyframes code-float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-7px)}}
@keyframes cursor-blink{0%,60%{opacity:1}61%,100%{opacity:0}}
@keyframes concept-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes concept-orbit{from{transform:rotate(27deg)}to{transform:rotate(387deg)}}
@media(min-width:1500px){.hero{padding-top:82px}.hero-art{height:470px}}
@media(max-width:1000px){.hero-art{height:400px}.orb-one{width:300px;height:300px;left:calc(50% - 150px);top:45px}.orb-two{left:10%;width:88px;height:88px}.orb-three{right:11%;top:247px;width:70px;height:70px}.glass-note{padding:12px;gap:10px}.note-create{left:5%;top:242px}.note-explore{right:4%;top:95px}.glass-note strong{font-size:10px}.note-arrow{margin-left:2px}.orbit{width:530px;left:calc(50% - 265px)}.orbit-second{width:420px;left:calc(50% - 210px)}.orbit-spark{left:calc(50% - 215px);top:285px}.art-watermark{font-size:8.4vw;letter-spacing:-4px}.model-names{gap:26px}.use-art{height:215px}.use-card h3{font-size:18px}}
@media(max-width:700px){.site-header{height:72px}.site-header nav{top:71px}.hero{padding-top:42px}.hero>.eyebrow{padding:7px 11px;font-size:9px}.hero h1{font-size:55px;letter-spacing:-2.5px;margin-top:23px}.hero-intro{font-size:12px;max-width:300px}.hero-actions{margin-bottom:30px;gap:22px}.hero-art{height:365px;border-radius:14px}.orb-one{width:220px;height:220px;left:calc(50% - 110px);top:76px}.orb-two{width:53px;height:53px;top:56px;left:8%}.orb-three{width:47px;height:47px;right:8%;top:255px}.orbit{width:330px;height:98px;left:calc(50% - 165px);top:146px}.orbit-second{width:280px;height:128px;left:calc(50% - 140px);top:135px}.orbit-spark{left:calc(50% - 133px);top:249px;width:5px;height:5px}.art-caption{font-size:7px;left:17px;top:18px;letter-spacing:1.2px}.art-index{font-size:7px;right:15px;bottom:19px;letter-spacing:.5px}.art-watermark{font-size:42px;letter-spacing:-2px;bottom:39px}.glass-note{border-radius:8px;padding:9px;gap:8px;backdrop-filter:none;background:#5d4c7399}.glass-note small{font-size:6px;letter-spacing:.9px;margin-bottom:4px}.glass-note strong{font-size:9px}.note-icon{width:24px;height:24px;font-size:16px;border-radius:6px}.note-arrow{display:none}.note-create{top:245px;left:5%}.note-explore{top:68px;right:4%}.motion-toggle{left:13px;bottom:11px;padding:6px 8px;font-size:8px}.art-glow{width:340px;height:340px}.glow-one{left:-190px;top:-100px}.glow-two{right:-180px;bottom:-130px}.art-stars i:nth-child(n+4){display:none}.site-header{backdrop-filter:blur(10px)}.section{padding:60px 0}.use-card{padding:10px 10px 23px}.use-art{height:250px}.use-card h3{font-size:23px}.model-strip{padding:22px 0}.model-names{gap:28px}.plan{border-radius:14px}.closing{border-radius:15px}.closing h2{font-size:27px}.closing:before{left:-410px}.closing:after{right:-440px}.workflow-band:after{left:35%;font-size:240px}.motion-on .glow-one,.motion-on .glow-two,.motion-on .orbit-second,.motion-on .art-stars i{animation:none}.reveal-pending{transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.art-parallax{transform:none!important}.reveal-pending{opacity:1;transform:none}.use-card:hover,.plan:hover,.workflow li:hover{transform:none}}