.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(40px,4.5vw,65px)}
.voda-page .mobile-scene{display:block;min-height:510px;perspective:900px}
.voda-page .map-floor{position:absolute;inset:165px -10px 0;background:linear-gradient(120deg,#251335,#0b0710);border:1px solid #5c3577;transform:rotateX(55deg) rotateZ(-22deg);border-radius:14px;overflow:hidden}
.voda-page .map-street{position:absolute;background:#5a347333;border:1px solid #71458d66}
.voda-page .street-one{left:25%;top:-20px;height:130%;width:45px;transform:rotate(-25deg)}
.voda-page .street-two{left:-10%;right:-10%;top:50%;height:35px;transform:rotate(10deg)}
.voda-page .street-three{left:70%;top:0;height:110%;width:35px;transform:rotate(20deg)}
.voda-page .map-location{position:absolute;font-size:30px;color:#b783e0;animation:voda-css-c49cb8a1668f-location-pulse 4s ease-in-out infinite}
.voda-page .location-one{left:15%;top:30%}
.voda-page .location-two{right:15%;bottom:15%;animation-delay:-2s}
.voda-page .hero-phone{position:absolute;top:20px;left:23%;width:215px;height:380px;background:#32233f;border:2px solid #9873b4;border-radius:30px;padding:10px;transform:rotateY(-15deg) rotateZ(-9deg);box-shadow:12px 15px 0 #130a1c,0 25px 50px #0008;animation:voda-css-c49cb8a1668f-mobile-lift 8s ease-in-out infinite}
.voda-page .phone-camera{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:60px;height:12px;background:#08050c;border-radius:10px;z-index:2}
.voda-page .phone-screen{background:linear-gradient(150deg,#30183f,#110a19);height:100%;border-radius:21px;padding:37px 17px 15px;overflow:hidden}
.voda-page .phone-screen>small:first-child{font-size:6px;color:#b691cc;letter-spacing:1px}
.voda-page .location-glyph{display:block;font-size:45px;line-height:1;color:#c19ae8;margin:25px 0 12px}
.voda-page .phone-screen h3{font-size:22px;margin:0 0 24px}
.voda-page .screen-lines i{display:block;height:3px;background:#5a3575;margin:9px 0;width:85%}
.voda-page .screen-lines i:last-child{width:55%}
.voda-page .screen-payment{display:flex;align-items:center;gap:12px;margin-top:24px;border-top:1px solid #603b7b;padding-top:17px}
.voda-page .screen-payment>span{font-size:25px;color:#b98ae0}
.voda-page .screen-payment strong{font-size:9px;font-weight:500;line-height:1.5;color:#cfb2e6}
.voda-page .phone-caption{display:block;font-size:5px;color:#8e6aa6;letter-spacing:1px;margin-top:22px}
.voda-page .reader-device{position:absolute;right:0;bottom:65px;width:125px;height:155px;border-radius:14px;background:linear-gradient(145deg,#3a2949,#120c1a);border:1px solid #8b64a4;padding:20px;transform:rotate(16deg);box-shadow:0 15px 35px #0009;animation:voda-css-c49cb8a1668f-reader-lift 7s ease-in-out infinite}
.voda-page .reader-slot{height:5px;background:#08050a;border-bottom:1px solid #6a447e;border-radius:3px}
.voda-page .reader-device>span{display:block;font-size:35px;text-align:center;color:#b88fe0;line-height:1;margin-top:22px}
.voda-page .reader-device>small{display:block;font-size:6px;color:#a78ab8;letter-spacing:1px;text-align:center;margin-top:12px}
.voda-page .reader-lights{display:flex;gap:6px;justify-content:center;margin-top:17px}
.voda-page .reader-lights i{width:4px;height:4px;border-radius:50%;background:#bb8be3;animation:voda-css-c49cb8a1668f-location-pulse 3s ease-in-out infinite}
.voda-page .reader-lights i:nth-child(2){animation-delay:-1s}
.voda-page .reader-lights i:nth-child(3){animation-delay:-2s}
.voda-page .location-pill{position:absolute;left:0;bottom:50px;padding:13px 18px;border:1px solid #8150a1;background:#1f102c;font-size:7px;letter-spacing:1px;border-radius:25px;box-shadow:0 15px 35px #0007}
.voda-page .location-pill>span{font-size:18px;color:var(--light);margin-right:10px;vertical-align:middle}
.voda-page .mobile-spark{position:absolute;right:20px;top:20px;color:var(--light);font-size:40px;animation:voda-css-c49cb8a1668f-location-pulse 5s ease-in-out infinite}
.voda-page .art-caption{position:absolute;left:0;bottom:-20px;width:100%;text-align:center;color:#9c7cb0;font-size:6px;letter-spacing:1.3px}
.voda-page .guide-band{margin-top:75px;background:#0c0811;padding:70px 0;border-top:1px solid #3d254c;border-bottom:1px solid #3d254c}
.voda-page .setup-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
.voda-page .setup-controls{display:flex;flex-direction:column;gap:15px}
.voda-page .setup-controls button{display:flex;align-items:center;gap:20px;padding:23px 20px;text-align:left;background:#150c1e;color:#bca4cc;border:1px solid #4d3060;border-radius:5px;font-family:inherit;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.voda-page .setup-controls button>span{font-size:30px;line-height:1;color:var(--light)}
.voda-page .setup-controls strong{display:block;font-size:15px}
.voda-page .setup-controls small{font-size:10px;color:#987da9;display:block;margin-top:5px}
.voda-page .setup-controls i{font-style:normal;color:var(--light);margin-left:auto}
.voda-page .setup-controls button[aria-pressed=true]{background:#2c173e;border-color:#ac78d0;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 .setup-result{border:1px solid #75488f;padding:30px;border-radius:7px;background:linear-gradient(140deg,#2c153c,#120b1b);min-height:380px}
.voda-page .setup-result>span{font-size:43px;line-height:1;color:#bc90e1;display:block;margin-bottom:25px}
.voda-page .setup-result .eyebrow{font-size:9px}
.voda-page .setup-result .eyebrow:before{display:none}
.voda-page .setup-result h3{font-size:25px;margin:0 0 18px}
.voda-page .setup-result>p:not(.eyebrow){color:var(--muted);font-size:14px}
.voda-page .setup-question{border-top:1px solid #513164;margin-top:25px;padding-top:18px}
.voda-page .setup-question small{display:block;font-size:7px;letter-spacing:1.2px;color:#ab84c4}
.voda-page .setup-question strong{display:block;font-size:12px;margin:8px 0 15px;font-weight:500}
.voda-page .setup-result.changed{animation:voda-css-c49cb8a1668f-setup-in .4s ease}
.voda-page .location-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}
.voda-page .location-grid article{border:1px solid #41294f;border-radius:6px;padding:30px;background:linear-gradient(150deg,#1d1028,transparent);transition:transform .3s,border-color .3s}
.voda-page .location-grid article:hover{transform:translateY(-5px);border-color:#a172c1}
.voda-page .location-grid article>span{font-size:33px;color:var(--light);line-height:1}
.voda-page .location-grid h3{font-size:22px}
.voda-page .location-grid p{margin-bottom:0}
.voda-page .gear-board{padding:30px;background:#130b1c;border:1px solid #70458a;border-radius:7px;transform:rotate(-3deg);box-shadow:13px 13px 0 #25142f;transition:transform .4s}
.voda-page .gear-board:hover{transform:rotate(0)}
.voda-page .gear-heading{font-size:8px;color:#b28ac8;letter-spacing:1.5px;margin-bottom:25px}
.voda-page .gear-heading>span{float:right;font-size:20px;color:var(--light)}
.voda-page .gear-board>div:not(.gear-heading){display:flex;gap:20px;align-items:center;padding:22px 0;border-top:1px solid #482958}
.voda-page .gear-board>div>span{font-size:10px;color:var(--light)}
.voda-page .gear-board strong{font-size:14px}
.voda-page .gear-board i{margin-left:auto;color:#b183d1;font-style:normal;font-size:20px}
.voda-page .gear-board>small{font-size:6px;letter-spacing:1px;color:#876995;display:block;margin-top:15px}
.voda-page .related-services{gap:30px;margin-top:35px}
.voda-page .related-services>a{display:block;border:1px solid #4e2c60;border-radius:6px;padding:27px;background:#110a18;transition:transform .3s,border-color .3s}
.voda-page .related-services>a:hover{transform:translateY(-5px);border-color:#a473cc}
.voda-page .related-services>a>span{font-size:32px;color:var(--light)}
.voda-page .related-services h3{font-size:20px}
.voda-page .related-services p{font-size:14px;color:var(--muted)}
.voda-page .related-services small{font-size:11px;color:var(--light)}
.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;cursor:pointer;list-style:none;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-c49cb8a1668f-setup-in .3s ease}
.voda-page .faq a{color:var(--light)}
@keyframes voda-css-c49cb8a1668f-mobile-lift{0%,100%{transform:rotateY(-15deg) rotateZ(-9deg) translateY(0)}50%{transform:rotateY(-10deg) rotateZ(-6deg) translateY(-10px)}}
@keyframes voda-css-c49cb8a1668f-reader-lift{0%,100%{transform:rotate(16deg) translateY(0)}50%{transform:rotate(12deg) translateY(-8px)}}
@keyframes voda-css-c49cb8a1668f-location-pulse{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes voda-css-c49cb8a1668f-setup-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.voda-page .hero-phone{width:190px;height:370px;left:17%}
.voda-page .reader-device{width:110px;height:145px;padding:17px}
.voda-page .phone-screen h3{font-size:20px}
.voda-page .setup-layout{gap:25px}
.voda-page .setup-controls button{gap:15px}
.voda-page .setup-controls strong{font-size:14px}
.voda-page .related-services{gap:20px}
.voda-page .related-services>a{padding:23px}}
@media(max-width:680px){.voda-page .hero h1{font-size:45px}
.voda-page .mobile-scene{min-height:490px;transform:none;margin-top:25px}
.voda-page .hero-phone{left:17%;width:200px;height:370px;top:10px}
.voda-page .reader-device{right:0;bottom:55px;width:115px;height:145px}
.voda-page .location-pill{left:0;bottom:45px;padding:12px 15px;font-size:6px}
.voda-page .mobile-spark{right:5px;top:0;font-size:32px}
.voda-page .art-caption{bottom:-15px;font-size:5px}
.voda-page .guide-band{margin-top:50px;padding:50px 0}
.voda-page .setup-layout{grid-template-columns:1fr;gap:25px}
.voda-page .setup-controls button{padding:20px}
.voda-page .setup-controls button[aria-pressed=true]{transform:none}
.voda-page .setup-result{padding:25px;min-height:370px}
.voda-page .location-grid{grid-template-columns:1fr;gap:20px}
.voda-page .location-grid article{padding:25px}
.voda-page .gear-board{padding:25px;margin-right:10px}
.voda-page .gear-board strong{font-size:13px}
.voda-page .faq summary{font-size:15px}
.voda-page .cta h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.voda-page .hero-phone,.voda-page .reader-device,.voda-page .map-location,.voda-page .reader-lights i,.voda-page .mobile-spark,.voda-page .setup-result.changed,.voda-page .faq details p{animation:none}
.voda-page .setup-controls button,.voda-page .location-grid article,.voda-page .gear-board,.voda-page .related-services>a{transition:none}}