/* Slurpy identity, adapted from the supplied application screenshots. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;650;700&display=swap');
:root{--paper:#fff;--ink:#151a2d;--muted:#66738a;--line:#e3e5ed;--purple:#813df2;--radius:12px}
body{font-family:Outfit,'DM Sans',sans-serif}
h1,h2,h3{font-family:Outfit,sans-serif}
h1,h2{font-weight:500;letter-spacing:-2px}
.serif{font-family:inherit;font-style:normal;font-weight:500}
.header{height:94px;border-bottom:1px solid #eee9f6}
.brand{font-family:Outfit,sans-serif;font-weight:400;letter-spacing:.1px;gap:0}
.wordmark{font-family:Outfit,sans-serif;font-weight:400;letter-spacing:.2px;color:#242428}
.wordmark>span{color:#bd56b0}
.domain{font-size:16px;margin:8px 0 0 3px;color:#9a8fa7}
.slurpy-mark,.product-word .slurpy-mark,footer .slurpy-mark{display:block;background:transparent;border-radius:0;transform:none;width:29px;height:40px;margin-right:8px}
.node-icon{width:34px;height:43px;object-fit:contain}
.tab-symbol{width:17px;height:23px;object-fit:contain}
.product-word{font-weight:500}
.button{background:#813df2;border-color:#813df2;border-radius:8px;font-size:14px}
.button:hover{background:#6e2cd8;border-color:#6e2cd8}
.button.small{font-size:13px}
nav{font-size:14px;color:#29324b}
nav a:hover,.text-link:hover{color:#813df2}
.hero .eyebrow{color:#8152ac}
.hero h1 .serif{color:#813df2}
.live-dot{background:#b654b0;box-shadow:0 0 0 4px #bd56b010}
.hero-note{color:#718096;font-size:11px}
.hero-note span::before{color:#9958c7}
.flow-art{border-radius:13px;background:radial-gradient(ellipse at 35% 45%,#f5e8fb80,transparent 65%),#fcfbff;box-shadow:0 3px 12px #32155204}
.art-top,.art-bottom{color:#8b7c9d}.art-grid{opacity:.22}
.source{border-radius:6px;background:#fff;color:#5e6780}
.source-one,.source-two,.source-three{transform:none}
.slurpy-node,.prisme-node,.result-node{transform:none}
.slurpy-node{border-color:#e8d4ed;background:#fff;left:17%}
.prisme-node{border-color:#e0d3f7;background:#fbf8ff;right:5%}
.product-node{border-radius:10px;box-shadow:0 8px 22px #5728880b}
.product-node strong{font-weight:500}.product-node .wordmark{font-weight:400;letter-spacing:.1px}
.product-node div>span{color:#7b8298}.product-node i{background:#bd56b0}
.prism-icon{color:#813df2;text-shadow:3px 1px #dc7ec4}
.result-node{box-shadow:0 3px 9px #32255808}
.result-check{color:#813df2;background:#f2eaff}
.mini-bars b{background:#a27ae4}
.principles>span{color:#9199aa}.principles p{color:#3b4259}.principles b{color:#bf9bda}
.section-heading .eyebrow{color:#857292}
.slurpy-card{background:#fdfaff;border-color:#e9dff0}
.violet{background:#faf8ff;border-color:#e6def5}
.pill{background:#fbf3fc;color:#a953a3;border-color:#ead3ec}
.violet .pill{background:#f3edff;color:#8251c2;border-color:#e1d4f6}
.collection-preview,.workflow-preview{background:#fff;border-color:#e5e4ef;border-radius:8px;box-shadow:0 2px 3px #20133904}
.collection-preview>div:first-child{color:#68758e}.collection-preview code{color:#3f54de;background:#eef0ff;border-radius:10px}
.tiny-dot{background:#9254e9}.product-card ul{color:#59667e}
.product-card li::before{color:#9952bf}
.slurpy-text{color:#b252aa}
.together{border-block:1px solid #eeeaf5}
.step-number{color:#b39bcc;font-family:Outfit,sans-serif;font-style:normal;font-weight:400}
.step-label{color:#813df2}
.demo-shell{border-radius:12px;box-shadow:0 2px 4px #1c143510,0 16px 44px #5b329008}
.demo-toolbar{color:#7d89a0;background:#fff;border-color:#e4e5ed}
.window-dots i{background:#d9d3e6}
.demo-sidebar{background:#fff}.demo-sidebar button{font-size:13px;border-radius:7px}
.demo-sidebar button[aria-selected=true]{color:white;background:#9157f5;border-color:#9157f5;box-shadow:none}
.demo-sidebar button[aria-selected=true]>span{color:#fff}
.demo-sidebar button[aria-selected=true] .tab-symbol{filter:brightness(0) invert(1)}
.demo-sidebar p{color:#929aab}.demo-sidebar button>span:last-child{color:#8e829f}.demo-sidebar button[aria-selected=true]>span:last-child{color:#fff}
.panel-heading .eyebrow,.panel-footer code{color:#8a78a0}
select{border-color:#e1dcea;background:#fcfaff;color:#62428a}
th{color:#6e7890}td:last-child{color:#8152b5}
.run-flow .done{border-color:#dcc5f5;background:#f5edff}
.run-bottom p{color:#7b7090}
.demo-result{background:#f7f1ff}.demo-result span,.demo-result small{color:#827091}
.result-chart span{background:#a079dc}.result-chart span:nth-child(even){background:#c581be}
.use-grid article>span:last-child{color:#927aa7}
.closing{background:radial-gradient(ellipse at 50% 100%,#eee5ff,transparent 70%),#fbf8ff}
.closing .eyebrow{color:#a453ad}.closing p{color:#857292}.closing p a{color:#813df2}
footer{color:#8d96aa}footer .brand{font-weight:400}
@media(max-width:600px){.header{height:82px}.hero-note{font-size:9px;gap:9px}.hero h1{font-size:clamp(40px,10.2vw,59px)}.menu-toggle{color:#7344aa;border-color:#e5dbf0}.product-node{width:174px}.slurpy-node{left:14%}.prisme-node{right:4%}.product-card{padding:25px}.pill{font-size:7px}nav{background:white}.demo-sidebar button{font-size:12px}.closing h2{font-size:37px}}