.voda-page .breadcrumb{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:32px}
.voda-page .breadcrumb:hover{color:var(--light)}
.voda-page .hero h1{font-size:clamp(43px,4.6vw,66px)}
.voda-page .embedded-art{display:block;min-height:510px;perspective:900px;isolation:isolate}
.voda-page .perspective-grid{position:absolute;inset:100px -15px 0;background:linear-gradient(#60338622 1px,transparent 1px),linear-gradient(90deg,#60338622 1px,transparent 1px);background-size:35px 35px;transform:rotateX(55deg) rotateZ(-25deg);mask-image:radial-gradient(ellipse,black,transparent 70%)}
.voda-page .workspace-slab{position:absolute;top:80px;left:0;width:93%;background:#110b18;border:1px solid #65427c;border-radius:10px;transform:rotateY(-18deg) rotateX(9deg) rotateZ(-7deg);box-shadow:10px 15px 0 #1f112d,20px 30px 0 #170d21,0 30px 70px #0008}
.voda-page .slab-toolbar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #382245;font-size:8px;letter-spacing:2px;color:#bda5cf}
.voda-page .slab-toolbar>span:last-child{margin-left:auto}
.voda-page .mini-mark{color:var(--light);font-size:22px;line-height:1}
.voda-page .slab-.voda-page{display:flex}
.voda-page .slab-.voda-page aside{width:45px;border-right:1px solid #382245;padding:28px 12px;display:flex;flex-direction:column;gap:22px}
.voda-page .slab-.voda-page aside i{width:15px;height:9px;background:#5c3875;border-radius:2px}
.voda-page .slab-.voda-page>div{padding:28px 23px;flex:1}
.voda-page .slab-.voda-page small{font-size:7px;letter-spacing:1.6px;color:#9c7ab6}
.voda-page .slab-.voda-page h3{font-size:24px;margin:15px 0 25px}
.voda-page .workspace-line{height:4px;background:#513063;width:80%;margin:10px 0}
.voda-page .workspace-line.short{width:50%}
.voda-page .component-slot{border:1px dashed #88609f;color:#9c7eae;font-size:10px;display:flex;align-items:center;gap:14px;padding:20px;margin-top:25px;min-height:85px}
.voda-page .component-slot>span{font-size:25px;color:var(--light)}
.voda-page .payment-component{position:absolute;bottom:20px;right:-10px;width:225px;background:linear-gradient(140deg,#8c56db,#482073);border:1px solid #c598f1;padding:25px;border-radius:8px;transform:rotateY(-10deg) rotateZ(7deg);box-shadow:0 22px 45px #0009;animation:voda-css-6c1e7b92e151-component-hover 7s ease-in-out infinite}
.voda-page .component-label{display:block;font-size:7px;letter-spacing:1.7px;color:#e4cdfb}
.voda-page .component-symbol{display:block;font-size:35px;margin:17px 0 10px;line-height:1;color:#e1c4f8}
.voda-page .payment-component strong{display:block;font:700 27px/1.2 Montserrat,Arial,sans-serif;letter-spacing:-1px}
.voda-page .component-bars{display:flex;gap:5px;margin:22px 0}
.voda-page .component-bars>span{height:4px;border-radius:3px;background:#c6a1ed;flex:1;animation:voda-css-6c1e7b92e151-bar-light 3s ease-in-out infinite}
.voda-page .component-bars>span:nth-child(2){animation-delay:-1s}
.voda-page .component-bars>span:nth-child(3){animation-delay:-2s}
.voda-page .payment-component>small{font-size:6px;letter-spacing:1px;color:#dac1ef}
.voda-page .assembly-label{position:absolute;bottom:8px;left:0;font-size:8px;color:#ab8cc2;letter-spacing:1px}
.voda-page .assembly-label>span{font-size:25px;color:var(--light);margin-right:5px}
.voda-page .art-caption{position:absolute;bottom:-35px;width:100%;left:0;text-align:center;font-size:7px;letter-spacing:1.8px;color:#9d7eb3}
.voda-page .experience-band,.voda-page .planning-band{background:#0c0811;border-top:1px solid #382244;border-bottom:1px solid #382244;margin-top:75px;padding:70px 0}
.voda-page .demo-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;margin-top:35px;align-items:center}
.voda-page .demo-steps{display:flex;flex-direction:column;gap:15px}
.voda-page .demo-steps button{display:flex;align-items:center;gap:20px;text-align:left;width:100%;padding:23px 20px;background:#100b16;border:1px solid #422b52;color:#c2adcf;border-radius:5px;font-family:inherit;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.voda-page .demo-steps button>span{font-size:11px;color:var(--light)}
.voda-page .demo-steps strong{display:block;font-size:15px}
.voda-page .demo-steps small{display:block;color:#947dA6;font-size:10px;margin-top:5px}
.voda-page .demo-steps i{font-style:normal;color:var(--light);margin-left:auto}
.voda-page .demo-steps button[aria-pressed=true]{border-color:#a075c9;background:#29173a;color:white;transform:translateX(5px)}
.voda-page button:focus-visible,.voda-page summary:focus-visible{outline:2px solid var(--light);outline-offset:4px}
.voda-page .demo-screen{border:1px solid #76508e;border-radius:10px;overflow:hidden;background:#15101d;box-shadow:0 20px 50px #0006}
.voda-page .demo-top{padding:18px 20px;border-bottom:1px solid #3c284b;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:10px;color:#c1a9d4}
.voda-page .demo-top>span{font-size:23px;color:var(--light);line-height:1}
.voda-page .demo-top>small{margin-left:auto;font-size:6px;color:#947da6}
.voda-page .demo-content{padding:30px;min-height:345px}
.voda-page .demo-content>span{display:block;color:#b68be3;font-size:42px;line-height:1;margin-bottom:25px}
.voda-page .demo-content .eyebrow{font-size:8px}
.voda-page .demo-content .eyebrow:before{display:none}
.voda-page .demo-content h3{font-size:25px;margin:0 0 20px}
.voda-page .demo-content>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.voda-page .demo-context{border:1px dashed #604079;padding:15px;color:#b392cb;font-size:10px}
.voda-page .demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-top:1px solid #3c284b;background:#1c1127}
.voda-page .demo-bottom>small{font-size:8px;color:#a78cba}
.voda-page .demo-bottom button{border:0;background:var(--purple);color:white;padding:10px 15px;font:600 11px 'Inter',Arial,sans-serif;border-radius:3px;cursor:pointer}
.voda-page .demo-content.changed{animation:voda-css-6c1e7b92e151-demo-enter .4s ease}
.voda-page .audience-grid{margin-top:35px;gap:35px}
.voda-page .audience-grid article{border:1px solid #3e284b;padding:28px;background:linear-gradient(150deg,#1b1026,transparent);border-radius:6px;transition:transform .3s,border-color .3s}
.voda-page .audience-grid article:hover{transform:translateY(-6px);border-color:#8d62ad}
.voda-page .audience-icon{font-size:37px;color:var(--light);line-height:1;display:block;margin-bottom:25px}
.voda-page .audience-grid .eyebrow{font-size:9px;letter-spacing:1.5px}
.voda-page .audience-grid .eyebrow:before{display:none}
.voda-page .audience-grid h3{font-size:23px;line-height:1.3}
.voda-page .audience-grid .text-link{font-size:12px}
.voda-page .scope-list{margin-top:35px}
.voda-page .scope-list article{display:grid;grid-template-columns:50px 1fr 1.2fr;gap:25px;padding:26px 0;border-top:1px solid var(--line)}
.voda-page .scope-list article>span{color:var(--light);font-size:12px}
.voda-page .scope-list h3{font-size:19px;margin:0}
.voda-page .scope-list p{margin:0}
.voda-page .blueprint{padding:30px;background:linear-gradient(#3c215e11 1px,transparent 1px),linear-gradient(90deg,#3c215e11 1px,transparent 1px),#100a17;background-size:18px 18px;border:1px solid #60417b;border-radius:6px;transform:rotate(-3deg);box-shadow:12px 12px 0 #21142e;transition:transform .4s}
.voda-page .blueprint:hover{transform:rotate(0)}
.voda-page .blueprint-title{font-size:9px;letter-spacing:1.5px;margin-bottom:25px;color:#b59ac8}
.voda-page .blueprint-title>span{float:right;font-size:20px;color:var(--light)}
.voda-page .blueprint-layer{border:1px solid #53356a;padding:19px;background:#1b1027}
.voda-page .blueprint-layer small{font-size:7px;letter-spacing:1.5px;color:#a57cbe;display:block}
.voda-page .blueprint-layer strong{font-size:17px;margin-top:5px;display:block}
.voda-page .blueprint-connector{text-align:center;color:#a87cce;font-size:22px;padding:3px}
.voda-page .faq details{border-bottom:1px solid var(--line)}
.voda-page .faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;cursor:pointer;padding:24px 0;font-size:17px}
.voda-page .faq summary::-webkit-details-marker{display:none}
.voda-page .faq summary:after{content:'+';font-size:24px;color:var(--light)}
.voda-page .faq details[open] summary:after{content:'−'}
.voda-page .faq details p{color:var(--muted);font-size:15px;max-width:820px;animation:voda-css-6c1e7b92e151-demo-enter .3s ease}
.voda-page .faq a{color:var(--light)}
@keyframes voda-css-6c1e7b92e151-component-hover{0%,100%{transform:rotateY(-10deg) rotateZ(7deg) translateY(0)}50%{transform:rotateY(-5deg) rotateZ(4deg) translateY(-12px)}}
@keyframes voda-css-6c1e7b92e151-bar-light{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes voda-css-6c1e7b92e151-demo-enter{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.voda-page .payment-component{width:195px;padding:20px}
.voda-page .slab-.voda-page>div{padding:22px 17px}
.voda-page .slab-.voda-page h3{font-size:21px}
.voda-page .assembly-label{font-size:6px}
.voda-page .audience-grid{gap:20px}
.voda-page .audience-grid article{padding:22px}
.voda-page .demo-layout{gap:30px}
.voda-page .demo-content{padding:25px}
.voda-page .scope-list article{gap:20px}}
@media(max-width:680px){.voda-page .hero h1{font-size:46px}
.voda-page .embedded-art{transform:none;min-height:480px;margin-top:20px}
.voda-page .workspace-slab{top:50px;width:95%}
.voda-page .slab-.voda-page h3{font-size:23px}
.voda-page .payment-component{width:190px;right:0;bottom:8px}
.voda-page .payment-component strong{font-size:25px}
.voda-page .assembly-label{bottom:0;left:0;font-size:6px;max-width:130px;line-height:1.7}
.voda-page .assembly-label>span{display:block}
.voda-page .art-caption{bottom:-25px;font-size:6px}
.voda-page .experience-band,.voda-page .planning-band{margin-top:50px;padding:50px 0}
.voda-page .demo-layout{grid-template-columns:1fr;gap:25px}
.voda-page .demo-steps button{padding:18px}
.voda-page .demo-steps button[aria-pressed=true]{transform:none}
.voda-page .demo-content{min-height:345px;padding:25px}
.voda-page .demo-top{font-size:7px;padding:16px}
.voda-page .demo-bottom{padding:16px}
.voda-page .demo-bottom>small{font-size:7px}
.voda-page .demo-bottom button{font-size:10px;padding:9px 12px}
.voda-page .audience-grid{gap:20px}
.voda-page .scope-list article{grid-template-columns:30px 1fr;gap:12px 18px}
.voda-page .scope-list p{grid-column:2}
.voda-page .scope-list h3{font-size:18px}
.voda-page .blueprint{margin-right:10px;padding:24px}
.voda-page .blueprint-layer strong{font-size:16px}
.voda-page .faq summary{font-size:15px}
.voda-page .cta h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.voda-page .payment-component,.voda-page .component-bars>span,.voda-page .demo-content.changed,.voda-page .faq details p{animation:none}
.voda-page .demo-steps button,.voda-page .audience-grid article,.voda-page .blueprint{transition:none}}