:root{--ink:#101014;--paper:#f3f0e9;--purple:#8f5cff;--purple-bright:#b99cff;--lime:#d8ff68;--muted:#a9a5b2;--line:rgba(255,255,255,.12);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f8f6f1;font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto;padding:0 48px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:31px;height:31px;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-family:var(--serif);font-size:11px;transform:rotate(-3deg)}nav{display:flex;gap:34px}nav a,footer a{color:#aaa7b0;text-decoration:none;font-size:13px;transition:color .2s}nav a:hover,footer a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;font-weight:700;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button-small{font-size:12px;padding:11px 16px}.button-quiet{color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.button-primary{background:var(--purple);color:#fff;padding:16px 20px;box-shadow:0 12px 40px rgba(103,61,203,.28)}.button-text{color:#fff;padding:14px 4px}.hero{min-height:760px;max-width:1500px;margin:auto;padding:105px 48px 90px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;position:relative}.hero-glow{position:absolute;width:800px;height:800px;right:-350px;top:-300px;background:radial-gradient(circle,rgba(132,75,255,.22),transparent 66%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{color:#aaa6b2;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow span{width:23px;height:1px;background:var(--purple)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(56px,6.5vw,104px);font-weight:500;letter-spacing:-.075em;line-height:.88;margin:0 0 31px;max-width:700px}.hero h1 em,.contact h2 em{font-family:var(--serif);font-weight:400;color:var(--purple-bright)}.hero-lede{max-width:560px;font-size:17px;line-height:1.65;color:#bbb7c1}.hero-actions{display:flex;gap:27px;align-items:center;margin:35px 0 60px}.play-icon{font-size:8px;width:27px;height:27px;border:1px solid #5e5b64;border-radius:50%;display:grid;place-items:center;padding-left:2px}.proof-row{display:flex;gap:25px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;color:#8f8b95;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.proof-row b{color:var(--purple-bright);margin-right:6px}.hero-product{position:relative;min-width:0;perspective:1200px}.story-window{background:#17171e;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 50px 100px rgba(0,0,0,.55),0 0 80px rgba(117,71,255,.1);overflow:hidden;transform:rotateY(-3deg) rotateX(1deg);position:relative;z-index:2}.window-bar{height:42px;background:#22222b;display:flex;align-items:center;padding:0 14px;gap:6px;border-bottom:1px solid #30303a}.window-bar>span{width:7px;height:7px;border-radius:50%;background:#53515c}.window-bar p{font-size:8px;letter-spacing:.13em;color:#85818f;margin:auto}.window-bar b{font-size:7px;letter-spacing:.15em;color:#bffa64;border:1px solid #4c6632;padding:4px 6px}.story-body{height:390px;display:grid;grid-template-columns:47px 1fr 125px}.story-tools{background:#1d1d25;border-right:1px solid #2b2b34;padding-top:22px;display:flex;align-items:center;flex-direction:column;gap:19px}.story-tools i{width:17px;height:17px;border:1px solid #55525f;border-radius:3px}.story-tools i:first-child{border-color:var(--purple);background:#51349a}.story-workspace{position:relative;overflow:hidden;background-color:#14141a;background-image:radial-gradient(#33313c 1px,transparent 1px);background-size:17px 17px}.story-stage{position:absolute;width:68%;aspect-ratio:16/9;left:19%;top:18%;border:2px solid var(--purple);background:#191820;box-shadow:0 0 35px rgba(143,92,255,.12)}.story-stage small{font-size:6px;letter-spacing:.18em;color:#a67fff;position:absolute;top:7px;left:9px}.story-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.04) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.04) 50%,transparent 50.2%)}.story-layer{position:absolute;box-shadow:0 10px 30px rgba(0,0,0,.45)}.story-layer-image{width:86px;height:82px;left:2%;top:59%;background:#f4df67;color:#1a1720;padding:6px;animation:layerTravel 9s cubic-bezier(.65,0,.25,1) infinite}.story-layer-image .mini-art{height:52px;background:#ff735c;display:grid;place-items:center;font-size:27px}.story-layer-image span{font-size:6px;font-weight:800}.story-layer-title{font-family:var(--serif);font-style:italic;font-size:16px;background:var(--purple);padding:8px 12px;right:22%;top:54%;animation:titleReveal 9s ease infinite}.story-cursor{position:absolute;width:16px;height:20px;left:17%;top:72%;background:linear-gradient(45deg,transparent 48%,white 49%);filter:drop-shadow(0 2px 2px #000);animation:cursorTravel 9s cubic-bezier(.65,0,.25,1) infinite}.story-cursor span{position:absolute;left:13px;top:14px;font-size:6px;background:#fff;color:#111;padding:3px 4px;font-weight:900}.story-toast{position:absolute;display:flex;align-items:center;gap:8px;right:12px;bottom:12px;background:#25242d;border:1px solid #43404c;padding:8px 10px;border-radius:4px;animation:toastReveal 9s ease infinite}.story-toast i{width:17px;height:17px;border-radius:50%;background:#73d664;color:#111;display:grid;place-items:center;font-size:9px}.story-toast span{display:flex;flex-direction:column}.story-toast b{font-size:7px}.story-toast small{font-size:6px;color:#918d98}.story-layers{background:#1c1c24;border-left:1px solid #2c2b34;padding:18px 12px}.story-panel-title{font-size:7px;letter-spacing:.14em;color:#918e99;margin-bottom:20px}.story-panel-title span{float:right;color:#b697ff}.story-layers i{display:block;height:33px;background:#262630;border:1px solid #35343f;border-radius:3px;margin-bottom:8px}.story-layers i:before{content:'';display:block;width:20px;height:20px;background:#4d4b58;margin:6px}.story-caption{height:80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 22px;background:#202028;border-top:1px solid #2c2b35}.story-caption b{font-size:12px}.step-number{font-family:var(--serif);font-style:italic;color:var(--purple-bright);margin-right:10px}.story-caption small{grid-column:1;color:#77737e;font-size:8px}.story-progress{height:2px;background:#3c3945;position:relative}.story-progress i{display:block;height:100%;background:var(--purple);animation:storyProgress 9s linear infinite}.orbit{position:absolute;border:1px solid rgba(163,126,255,.18);border-radius:50%;z-index:1}.orbit-one{width:350px;height:350px;right:-80px;top:-110px}.orbit-two{width:170px;height:170px;left:-80px;bottom:-70px}.ticker{border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11);overflow:hidden;height:58px;display:flex;align-items:center}.ticker div{display:flex;align-items:center;gap:35px;white-space:nowrap;animation:ticker 25s linear infinite}.ticker span{font-size:11px;letter-spacing:.25em;color:#807c88}.ticker i{color:var(--purple);font-style:normal}.section{padding:120px 48px}.section-heading{max-width:1400px;margin:0 auto 65px}.section-heading h2,.contact h2{font-size:clamp(42px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0}.how{background:var(--paper);color:#17161a}.how .eyebrow{color:#78747c}.steps{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cac6bd}.steps article{padding:42px 45px 15px 0;border-right:1px solid #cac6bd;position:relative}.steps article+article{padding-left:45px}.steps article:last-child{border-right:0}.step-icon{width:50px;height:50px;border:1px solid #b9b4aa;display:grid;place-items:center;font-size:21px;margin-bottom:70px}.steps article>span{position:absolute;right:22px;top:25px;color:#a39e95;font-family:var(--serif);font-style:italic}.steps h3{font-size:21px;letter-spacing:-.03em}.steps p{font-size:14px;line-height:1.7;color:#6d6970;max-width:330px}.live-dot{color:#ff6d6d}.playground{background:#121116}.playground-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.playground-heading>p{color:#8e8995;line-height:1.7;font-size:14px;max-width:400px;margin-bottom:4px}.demo-shell{max-width:1400px;margin:auto;border:1px solid #37343e;background:#19181f;box-shadow:0 45px 100px rgba(0,0,0,.45)}.demo-topbar{height:49px;border-bottom:1px solid #36333d;display:flex;align-items:center;padding:0 17px}.demo-topbar>div{display:flex;gap:6px}.demo-topbar>div span{width:7px;height:7px;border-radius:50%;background:#55515e}.demo-topbar strong{font-size:8px;letter-spacing:.18em;color:#8f8a96;margin:auto}.demo-topbar p{margin:0;font-size:8px;letter-spacing:.13em;color:#c7ff83}.demo-topbar p i{display:inline-block;width:5px;height:5px;background:#89e872;border-radius:50%;box-shadow:0 0 8px #89e872;margin-right:6px}.demo-main{height:600px;display:grid;grid-template-columns:155px minmax(500px,1fr) 315px}.demo-palette{border-right:1px solid #37343e;padding:25px 17px;display:flex;flex-direction:column;gap:9px}.demo-palette p{font-size:8px;letter-spacing:.16em;color:#807b87;margin-bottom:7px}.demo-palette button{border:1px solid #3d3a45;background:#222129;color:#bdb9c4;text-align:left;padding:11px 10px;font:600 10px var(--sans);cursor:pointer}.demo-palette button:hover{border-color:#7656ba;color:white}.demo-palette button span{width:22px;display:inline-block;color:#a77cff}.demo-palette .demo-reset{margin-top:auto}.canvas-wrap{position:relative;min-width:0;background:#111015;padding:30px}.demo-canvas{height:100%;position:relative;overflow:hidden;background-color:#15141a;background-image:radial-gradient(#35323b .8px,transparent .8px);background-size:18px 18px;touch-action:none}.backstage-label{position:absolute;left:14px;top:13px;font-size:7px;letter-spacing:.15em;color:#5e5965}.demo-stage{position:absolute;left:22%;top:19%;width:62%;aspect-ratio:16/9;border:2px solid var(--purple);background:rgba(41,31,58,.25);box-shadow:inset 0 0 50px rgba(143,92,255,.07)}.demo-stage:before,.demo-stage:after{content:'';position:absolute;background:rgba(255,255,255,.045)}.demo-stage:before{width:1px;height:100%;left:50%}.demo-stage:after{height:1px;width:100%;top:50%}.demo-stage>span{position:absolute;top:8px;left:10px;font-size:7px;letter-spacing:.18em;color:#a486eb}.demo-object{position:absolute;border:0;cursor:grab;touch-action:none;color:white;font-family:var(--sans);user-select:none;z-index:2}.demo-object:active{cursor:grabbing}.object-sticker{left:5%;top:66%;width:100px;height:90px;background:#efc94c;padding:6px;color:#1b1720;transform:rotate(-4deg);box-shadow:0 12px 24px rgba(0,0,0,.35)}.object-sticker b{height:61px;background:#f56a65;display:grid;place-items:center;font-size:35px}.object-sticker small,.object-clip small{display:block;font-size:7px;font-weight:800;margin-top:4px}.object-text{left:62%;top:49%;background:var(--purple);padding:11px 15px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 20px rgba(0,0,0,.3)}.object-clip{left:77%;top:76%;width:105px;height:70px;background:linear-gradient(135deg,#357085,#c8627e);border:4px solid #24212b;box-shadow:0 12px 24px rgba(0,0,0,.4)}.object-clip>span{font-size:17px}.demo-hint{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:8px;letter-spacing:.1em;color:#726d79}.demo-hint span{color:#ad85ff}.obs-column{border-left:1px solid #37343e;padding:25px 20px;background:#17161c}.obs-title{display:flex;align-items:center;margin-bottom:13px}.obs-title span{font-weight:900;font-size:13px}.obs-title i{font-style:normal;color:#ff7c7c;font-size:7px;letter-spacing:.14em;margin-left:auto}.obs-preview{width:100%;aspect-ratio:16/9;background:#08080a;border:1px solid #37343d;position:relative;overflow:hidden}.obs-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#55515c}.obs-empty span{font-size:25px}.obs-empty p{font-size:8px;letter-spacing:.1em}.obs-clone{position:absolute;margin:0;pointer-events:none;transform-origin:top left}.obs-meter{display:flex;align-items:center;gap:9px;margin-top:15px}.obs-meter>span{font-size:7px;color:#ff7c7c}.obs-meter>div{height:4px;flex:1;background:#333039}.obs-meter>div i{display:block;width:73%;height:100%;background:linear-gradient(90deg,#57d16a 80%,#e4dc55 80%)}.obs-meter b{font-size:7px;color:#7b7681}.obs-status{text-align:center;font-size:8px;color:#817c88;letter-spacing:.1em;margin-top:20px}.feature-band{background:var(--purple);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.feature-band>div:first-child{max-width:560px}.feature-band h2{font-size:clamp(43px,5vw,70px);line-height:1;letter-spacing:-.055em;font-weight:500}.eyebrow.light{color:#ddd1ff}.eyebrow.light span{background:white}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.3)}.feature-grid article{padding:33px;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.feature-grid article:nth-child(2n){border-right:0}.feature-grid>article>span{font-size:24px}.feature-grid h3{font-size:16px;margin:28px 0 10px}.feature-grid p{color:#e0d6f5;font-size:12px;line-height:1.6}.contact{background:var(--paper);color:#17161a}.contact-card{max-width:1400px;margin:auto;padding:85px;background:#19181d;color:white;position:relative;overflow:hidden}.contact-card:after{content:'✦';position:absolute;right:4%;top:-25%;font-family:var(--serif);font-size:420px;color:rgba(143,92,255,.14);transform:rotate(15deg)}.contact h2{position:relative;z-index:1}.contact-card>p:not(.eyebrow){color:#aaa6b1;max-width:500px;line-height:1.7;margin:30px 0}.contact-card>div{display:flex;gap:28px;align-items:center;position:relative;z-index:2}footer{max-width:1400px;margin:auto;padding:40px 48px;display:flex;align-items:center;gap:45px;color:#7f7a85}footer>p{font-size:11px;margin:0}footer>div{display:flex;gap:25px;margin-left:auto}footer small{font-size:9px}.section,.site-header,footer{position:relative;z-index:1}@keyframes layerTravel{0%,12%{left:2%;top:59%;transform:rotate(-5deg)}25%,52%{left:38%;top:35%;transform:rotate(0)}70%,100%{left:38%;top:35%;transform:rotate(0)}}@keyframes cursorTravel{0%,10%{left:17%;top:72%}25%,100%{left:50%;top:50%}}@keyframes titleReveal{0%,35%{opacity:0;transform:translateY(8px)}45%,75%{opacity:1;transform:none}86%,100%{opacity:0}}@keyframes toastReveal{0%,40%{opacity:0;transform:translateY(8px)}48%,74%{opacity:1;transform:none}85%,100%{opacity:0}}@keyframes storyProgress{from{width:0}to{width:100%}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{max-width:780px}.hero-product{max-width:850px}.demo-main{grid-template-columns:125px minmax(400px,1fr) 250px}.feature-band{grid-template-columns:1fr}.feature-band>div:first-child{max-width:800px}}@media(max-width:760px){.site-header{height:70px;padding:0 20px}.site-header>.button{display:none}.hero{padding:70px 20px 65px;gap:55px;min-height:0}.hero h1{font-size:59px}.hero-lede{font-size:15px}.proof-row{gap:12px;flex-wrap:wrap}.story-body{height:280px;grid-template-columns:34px 1fr 0}.story-layers{display:none}.story-caption{height:67px}.section{padding:80px 20px}.section-heading{margin-bottom:45px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{border-right:0;border-bottom:1px solid #cac6bd;padding:30px 0}.step-icon{margin-bottom:35px}.playground-heading{display:block}.playground-heading>p{margin-top:25px}.demo-main{height:auto;grid-template-columns:1fr}.demo-palette{border-right:0;border-bottom:1px solid #37343e;display:grid;grid-template-columns:repeat(4,1fr);padding:12px}.demo-palette p{display:none}.demo-palette .demo-reset{margin:0}.demo-palette button{font-size:0;text-align:center}.demo-palette button span{font-size:14px;width:auto}.canvas-wrap{height:440px;padding:16px}.obs-column{border-left:0;border-top:1px solid #37343e}.obs-preview{max-width:420px;margin:auto}.feature-band{gap:45px}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:nth-child(2n){border-right:0}.contact-card{padding:55px 25px}.contact-card>div{align-items:flex-start;flex-direction:column;gap:8px}.contact-card .button-primary{font-size:12px}footer{padding:35px 20px;align-items:flex-start;flex-wrap:wrap;gap:22px}footer>p{display:none}footer>div{order:3;width:100%;margin:0}footer small{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-layer,.story-cursor,.story-toast,.story-progress i,.ticker div{animation:none}.story-layer-image{left:38%;top:35%}.story-toast{opacity:1}.button{transition:none}}
/* Two identical, fixed-width groups make the ticker wrap without a visible reset. */
.ticker .ticker-track{display:flex;width:max-content;gap:0;white-space:nowrap;animation:ticker 25s linear infinite;will-change:transform}
.ticker .ticker-group{display:flex;align-items:center;flex:none;gap:72px;padding-right:72px;animation:none}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}}