@font-face{font-family:Studio;src:url('assets/assets/fonts/Roboto-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--accent:#6253f4;--ink:#202132;--muted:#656777;--paper:#f7f7fc;--line:#e3e3ee;--card:#fff;--soft:#eeecfe;--radius:22px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Studio,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(35px,4vw,52px)}h3{font-size:28px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:#fff;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.04em;font-size:23px;white-space:nowrap}.brand-by{font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:10px;margin-left:4px}.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--accent);display:grid;place-items:center}.brand-mark svg{width:26px;height:26px;fill:#fff}.brand-mark path{stroke:#fff;stroke-width:2;fill:none}.header nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.header nav>a:not(.button):hover,.footer a:hover{color:var(--accent)}.login-link{margin-left:14px}.button{background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:10px;padding:16px 24px;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #6253f42a}.button-small{padding:11px 16px;gap:15px}.button-outline{background:transparent;color:var(--ink);border:1px solid #cccbdc}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.text-link:hover{color:var(--accent)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding-block:76px 88px;min-height:650px;position:relative}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:100%;background:var(--accent);box-shadow:0 0 0 4px #6253f417}h1{font-size:clamp(46px,5.35vw,72px);margin-block:23px;letter-spacing:-.055em}.gradient-text{background:linear-gradient(110deg,var(--accent),#a378eb);background-clip:text;color:transparent}.hero-description{color:var(--muted);font-size:16px;max-width:405px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:25px;margin-block:28px 22px}.play-icon{border:1px solid #d5d4e4;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.hero-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.small-check{color:#268d76}.note-divider{margin-inline:7px;color:#c4c2d2}.workspace{position:relative;background:#fff;border:1px solid #e4e3ee;border-radius:16px;box-shadow:0 30px 75px -25px #7770a444;transform:perspective(1500px) rotateY(-5deg) rotateX(2deg);animation:workspace-in .9s ease-out both}.workspace-top{height:40px;display:flex;align-items:center;justify-content:space-between;padding-inline:16px;border-bottom:1px solid #eeedf5;font-size:10px;color:#7d7d91}.window-dot{width:6px;height:6px;display:inline-block;margin-right:5px;background:#d4d2e3;border-radius:50%}.window-dot:first-child{background:#f5a5a8}.window-dot:nth-child(2){background:#e8d18f}.window-dot:nth-child(3){background:#a4d6c5}.workspace-status{color:#368f77}.workspace-toolbar{display:flex;align-items:center;gap:18px;padding:12px 16px;font-size:10px;color:#85859b;border-bottom:1px solid #eceaf5}.tool-selected{color:var(--accent);background:var(--soft);padding:4px 8px;border-radius:5px}.toolbar-right{margin-left:auto;display:flex;gap:12px}.graph{aspect-ratio:580/380;position:relative;background-image:radial-gradient(#d9d6eb .75px,transparent .75px);background-size:15px 15px;border-radius:0 0 16px 16px;overflow:hidden}.graph-label{position:absolute;top:20px;left:20px;font-size:7px;color:#aaa7bd;letter-spacing:.1em}.graph-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#beb5f3;stroke-width:2}.wire-flow{stroke:var(--accent);stroke-dasharray:7 17;animation:flow 4s linear infinite}.graph-node{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #e1dfee;border-radius:9px;box-shadow:0 6px 15px #5751850d;width:36%;height:16%;font-size:clamp(8px,1vw,12px);animation:node-float 6s ease-in-out infinite}.graph-node small{font-size:6px;letter-spacing:.12em;display:block;color:#8e8da4;margin-bottom:2px}.graph-node strong{display:block;font-weight:600;white-space:nowrap}.node-icon{font-size:19px;color:var(--accent);width:27px;height:28px;border-radius:6px;background:var(--soft);display:grid;place-items:center;flex-shrink:0}.node-event{top:18.5%;left:3%}.node-rsi{top:18.5%;right:3%;animation-delay:-2s}.node-condition{top:48%;left:26%;width:48%;border-color:#b9aff6;animation-delay:-1s}.node-action{top:77%;left:31%;width:38%;animation-delay:-3s}.node-action .node-icon{color:#247b66;background:#e4f2ed}.node-check{color:#3b9677;margin-left:auto}.port{position:absolute;bottom:-4px;left:50%;width:7px;height:7px;background:var(--accent);border:2px solid #fff;border-radius:50%}.port-top{top:-4px;bottom:auto}.graph-cursor{position:absolute;bottom:24%;right:12%;font-size:23px;color:var(--accent);transform:rotate(-10deg)}.graph-cursor span{font-size:8px;display:inline-block;background:var(--accent);color:#fff;padding:2px 7px;border-radius:4px;transform:rotate(10deg) translateY(12px)}.graph-bottom{position:absolute;bottom:8px;left:15px;right:15px;display:flex;align-items:center;gap:5px;color:#8b899f;font-size:8px}.graph-shortcut{margin-left:auto}.floating-insight{display:flex;align-items:center;gap:12px;position:absolute;bottom:-31px;left:-32px;max-width:95%;background:#fff;padding:17px 20px;border:1px solid #e6e3f2;border-radius:12px;box-shadow:0 16px 40px #7770a425;animation:node-float 7s ease-in-out infinite}.insight-icon{font-size:28px;color:var(--accent);background:var(--soft);padding:3px 10px;border-radius:9px}.floating-insight strong{display:block;font-size:11px}.floating-insight div>span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.formats{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.formats>span{font-size:9px;color:var(--muted);letter-spacing:.1em;line-height:1.9}.formats>span strong{font-weight:600;color:var(--ink)}.formats>div{font-size:21px;font-weight:700;letter-spacing:-.035em}.formats div span{display:block;font-size:9px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:2px}.section{padding-block:95px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:35px}.section-heading h2,.docs-section h2,.faq h2{margin-top:15px}.section-heading>p{max-width:340px;color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:18px}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:30px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);border-color:#c5bef8}.feature-large{background:linear-gradient(135deg,#edebfe,#f5f4ff)}.card-kicker{font-size:8px;letter-spacing:.13em;color:#7b759b;font-weight:600}.feature-card h3{margin-block:28px 14px;font-size:27px}.feature-card p{font-size:12px;color:var(--muted);line-height:1.8}.feature-card small{display:block;color:#92909e;font-size:8px;margin-top:15px}.feature-card .text-link{font-size:11px;margin-top:25px}.mini-flow{display:flex;align-items:center;gap:7px;margin-top:30px;font-size:9px}.mini-flow span{border:1px solid #d6d0f7;padding:8px 10px;border-radius:6px;background:#fff}.mini-flow i{font-style:normal;color:#a59bdf}.mini-flow .accent-node{background:var(--accent);color:#fff;border-color:var(--accent)}.feature-symbol{font-size:58px;color:var(--accent);height:60px;margin-top:12px}.feature-symbol+h3{margin-top:20px}.spark-bars{display:flex;align-items:flex-end;gap:8px;height:64px;margin-top:22px}.spark-bars i{height:30%;width:19px;border-radius:4px 4px 0 0;background:#ded9fc}.spark-bars i:nth-child(2n){height:55%;background:#b2a6f8}.spark-bars i:nth-child(3n){height:85%;background:var(--accent)}.spark-bars i:last-child{height:100%}.spark-bars+h3{margin-top:19px}.workflow{background:#efeff7;border-block:1px solid var(--line)}.workflow-heading{text-align:center}.workflow-heading h2{margin-block:15px}.workflow-heading p{color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:58px;margin-top:56px}.step-number{font-size:13px;color:var(--accent);width:38px;height:38px;border:1px solid #cec8f5;border-radius:50%;display:grid;place-items:center;margin-bottom:22px}.steps h3{font-size:22px;margin-bottom:13px}.steps p{font-size:13px;color:var(--muted)}.docs-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.docs-section p{font-size:14px;color:var(--muted);max-width:340px;margin-block:20px 25px}.guide-list{display:grid;gap:12px}.guide-list>a{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:transform .2s}.guide-list>a:hover{transform:translateX(5px)}.guide-icon{width:38px;height:38px;border-radius:10px;background:var(--soft);display:grid;place-items:center;font-size:21px;color:var(--accent);flex-shrink:0}.guide-list strong{font-size:13px;display:block}.guide-list div span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.guide-list>a>span:last-child{margin-left:auto;color:#8e87ae}.faq{padding-top:10px;display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq-list details{border-bottom:1px solid var(--line);padding-block:19px}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:#87829d;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:var(--muted);margin-top:16px;padding-right:25px}.faq-list p a{text-decoration:underline;color:var(--accent)}.cta{position:relative;overflow:hidden;border-radius:24px;background:#6253f4;background:var(--accent);color:white;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .eyebrow{color:#dad5ff}.cta h2{font-size:48px;margin-block:16px}.cta p{color:#e1dcff;font-size:13px}.button-white{background:white;color:#4f43c8;z-index:1}.cta>div:first-child{position:relative;z-index:1}.cta-orbit{position:absolute;width:370px;height:370px;right:20px;top:-110px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff05,0 0 0 150px #ffffff04;animation:orbit 12s ease-in-out infinite}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-block:60px 25px}.footer .brand{font-size:20px}.footer-mark{background:var(--accent);color:white;font-size:11px;letter-spacing:-.05em;border-radius:8px;padding:4px 7px}.footer>div>p{font-size:11px;color:var(--muted);margin-top:12px}.footer nav{display:flex;gap:24px;align-items:center;font-size:11px;flex-wrap:wrap}.footer-bottom{width:100%;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px;font-size:9px;color:var(--muted)}.footer-bottom p{max-width:540px;font-size:9px;margin:0!important}.reveal{opacity:1}.observed{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.observed.visible{opacity:1;transform:none}
#s9-splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#8c8cff;background:#0d0d0d;font:600 22px/1 system-ui,sans-serif;z-index:100}#s9-splash i{width:120px;height:3px;background:#23233a;overflow:hidden;position:relative}#s9-splash i::after{content:"";position:absolute;inset:0;width:40%;background:#8c8cff;animation:splash 1.1s ease-in-out infinite}html[data-shell="app"],html[data-shell="app"] body{height:100%;background:#0d0d0d}
@keyframes flow{to{stroke-dashoffset:-96}}@keyframes node-float{50%{transform:translateY(-4px)}}@keyframes workspace-in{from{opacity:0;transform:perspective(1500px) rotateY(-5deg) translateY(25px)}}@keyframes orbit{50%{transform:translate(25px,20px)}}@keyframes splash{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
.docs-layout{display:grid;grid-template-columns:270px 1fr;gap:50px;padding-block:30px 80px}.docs-sidebar{align-self:start;position:sticky;top:24px;max-height:calc(100vh - 60px);overflow:auto}.docs-sidebar input{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px;font-size:12px;margin-bottom:18px}.docs-sidebar h2{font-size:10px;letter-spacing:.1em;color:var(--muted);margin:19px 0 7px}.docs-sidebar a{display:block;font-size:12px;padding:6px 9px;border-radius:6px;line-height:1.6}.docs-sidebar a:hover,.docs-sidebar a[aria-current="page"]{background:var(--soft);color:var(--accent)}.docs-article{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px;overflow-wrap:anywhere}.docs-article h1{font-size:38px;margin:0 0 28px}.docs-article h2{font-size:26px;margin:32px 0 16px}.docs-article h3{font-size:20px;margin:25px 0 12px}.docs-article p,.docs-article ul,.docs-article ol{font-size:14px;line-height:1.9;margin:14px 0}.docs-article a{color:var(--accent);text-decoration:underline}.docs-article pre{background:#f5f4fa;padding:18px;border-radius:9px;overflow:auto;font-size:12px;white-space:pre}.docs-article code{font-size:.9em;background:#f1effa;padding:2px 4px;border-radius:3px}.docs-article pre code{background:none;padding:0}.docs-article blockquote{border-left:3px solid var(--accent);margin-inline:0;padding-left:20px;color:var(--muted)}.docs-table{overflow:auto}.docs-article table{border-collapse:collapse;font-size:12px;min-width:400px;width:100%}.docs-article td,.docs-article th{border:1px solid var(--line);padding:9px;text-align:left}.docs-article th{background:var(--soft)}.docs-empty{padding:20px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-block:100px 110px}}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.hero{gap:30px}.header nav{gap:17px}.brand-by{display:none}h1{font-size:55px}.hero-actions{gap:16px}.feature-card{padding:24px}.feature-card h3{font-size:23px}.docs-section,.faq{gap:45px}.docs-layout{gap:25px;grid-template-columns:230px 1fr}.docs-article{padding:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-block:20px}.brand{font-size:22px}.menu-toggle{display:grid;gap:5px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;cursor:pointer}.menu-toggle span{width:19px;height:2px;background:var(--ink)}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #24213e12;padding:18px;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:13px}.login-link{margin:0}.header nav .button{margin-top:7px;justify-content:space-between}.hero{grid-template-columns:1fr;gap:52px;padding-block:40px 75px;min-height:0}.hero-copy{text-align:center}.eyebrow{font-size:9px}h1{font-size:clamp(42px,10.5vw,62px);margin-block:20px}.hero-description{margin-inline:auto;font-size:14px;max-width:390px}.hero-actions{justify-content:center;gap:20px}.hero-note{justify-content:center;flex-wrap:wrap;font-size:10px}.hero-actions .button{padding:15px 19px;font-size:12px}.hero-actions .text-link{font-size:12px}.workspace{max-width:560px;width:100%;margin-inline:auto;transform:none}.floating-insight{left:13px;bottom:-24px;padding:12px 14px}.floating-insight strong{font-size:10px}.graph-node{font-size:clamp(8px,2.7vw,12px);padding:8px;gap:7px}.node-icon{font-size:16px;width:25px;height:25px}.graph-node small{font-size:5px}.graph-label{font-size:6px}.formats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:26px}.formats>span{grid-column:1/-1;text-align:center;line-height:1.4}.formats>span br{display:none}.formats>div{text-align:center;font-size:20px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin-top:20px;max-width:390px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:30px;min-height:255px}.feature-card h3{font-size:28px}.feature-card p{font-size:13px;max-width:480px}.feature-symbol,.spark-bars{position:absolute;right:30px;top:42px;max-width:140px}.feature-symbol+h3,.spark-bars+h3{margin-top:26px}.steps{grid-template-columns:1fr;gap:30px;margin-top:40px}.steps article{position:relative;padding-left:58px}.step-number{position:absolute;left:0;top:0}.steps h3{font-size:23px}.workflow-heading{text-align:left}.docs-section,.faq{grid-template-columns:1fr;gap:30px}.docs-section h2,.faq h2{font-size:36px}.faq{padding-top:0}.cta{padding:35px 27px;display:block;border-radius:19px}.cta h2{font-size:37px}.cta .button{margin-top:27px}.cta-orbit{right:-170px;top:-100px}.footer{padding-top:40px;gap:28px}.footer nav{gap:18px}.footer-bottom{display:block;font-size:10px}.footer-bottom p{margin-top:14px!important;font-size:10px}.docs-layout{grid-template-columns:1fr;padding-top:10px}.docs-sidebar{position:static;max-height:270px;border:1px solid var(--line);border-radius:12px;padding:14px;background:white}.docs-article{padding:24px}.docs-article h1{font-size:29px}.docs-article h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.observed{opacity:1;transform:none}}
html:not([data-shell="app"]) #s9-splash{display:none}
.docs-part-select{width:100%;font:12px/1.5 Studio,Arial,sans-serif;padding:10px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;margin-bottom:8px}.docs-library-count{font-size:10px;color:var(--muted);margin-bottom:12px;line-height:1.6}.docs-part-select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.docs-article img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;margin:20px auto;border:1px solid #dfe2ed;border-radius:12px;background:#101725}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:34px}.price-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px}.price-card h3{font-size:36px;margin:0}.price-card h3 small{font-size:14px;color:var(--muted);font-weight:400}.price-card ul{list-style:none;margin:0 0 auto;padding:0;display:grid;gap:9px;font-size:14px;color:var(--muted)}.price-card li::before{content:"✓ ";color:var(--accent)}.price-featured{border-color:var(--accent);box-shadow:0 18px 50px -28px var(--accent)}.pricing-note{font-size:12px;color:var(--muted);margin-top:22px;max-width:780px}.pricing-note a,.legal a{text-decoration:underline}
.legal{max-width:800px;padding-block:30px 90px}.legal h1{font-size:42px;line-height:1.1}.legal h2{font-size:22px;margin-top:34px}.legal p,.legal li{color:var(--muted);font-size:15px}.legal .draft{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:12px 16px;font-size:13px}

#s9-splash p{font:400 15px/1.5 system-ui,sans-serif;max-width:420px;text-align:center;padding:0 20px;color:#bbb}#s9-splash button{font:600 15px system-ui,sans-serif;padding:12px 20px;border:1px solid #8c8cff;border-radius:10px;background:#202038;color:#ddd;cursor:pointer}
