/* Página pública exclusiva de instalación SoundVox */
#install-gate[hidden], #app[hidden], #ios-steps[hidden], #android-steps[hidden] { display:none !important; }
.install-page{min-height:100dvh;background:radial-gradient(ellipse 44% 35% at 0% 20%,rgba(88,54,175,.18),transparent),radial-gradient(ellipse 37% 42% at 98% 0%,rgba(39,217,192,.13),transparent),#090a15;color:#faf9ff;padding:0 clamp(19px,4vw,44px);font-family:Inter,'Segoe UI',Roboto,Arial,sans-serif;overflow-x:hidden}
.install-header{max-width:1080px;margin:0 auto;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
.install-wordmark{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:900;letter-spacing:-1.25px}.install-wordmark img{width:43px;height:43px;object-fit:contain;border-radius:14px}.install-wordmark b{color:#43ebc8}
.install-tag{border:1px solid rgba(67,235,200,.25);color:#b7ffe9;background:rgba(24,126,106,.12);border-radius:100px;padding:9px 13px;font-size:11px;letter-spacing:.4px;font-weight:800;white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43ebc8;margin-right:5px;box-shadow:0 0 12px #43ebc8}
.install-layout{max-width:1080px;min-height:calc(100dvh - 190px);margin:0 auto;display:grid;grid-template-columns:1.07fr .93fr;gap:clamp(22px,7vw,105px);align-items:center;padding:15px 0 45px}
.install-hero{padding-bottom:15px}.install-kicker,.steps-eyebrow{color:#43ebc8;letter-spacing:2.1px;font-size:11px;font-weight:800}
.install-hero h1{font-size:clamp(40px,5.3vw,68px);line-height:1.055;letter-spacing:-3px;font-weight:850;margin:22px 0}.install-hero h1 em{font-style:normal;background:linear-gradient(110deg,#c1a0ff,#836aff 50%,#43ebc8);-webkit-background-clip:text;background-clip:text;color:transparent}
.install-intro{font-size:clamp(14px,1.45vw,16px);color:#aaaabe;line-height:1.7;max-width:485px;margin:0 0 24px}
.install-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:29px}.install-benefits span{display:inline-flex;gap:7px;align-items:center;padding:9px 10px;border:1px solid rgba(156,117,255,.22);background:rgba(156,117,255,.07);border-radius:100px;color:#ddd5f3;font-size:11px;font-weight:650}
.install-benefits svg,.install-cta svg,.install-footnote svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.install-benefits svg{color:#b9a2ff}
.install-cta{background:linear-gradient(115deg,#9d7aff 0%,#7b6eff 54%,#4be8c9 100%);border:0;box-shadow:0 13px 35px rgba(76,61,147,.36);border-radius:17px;min-height:58px;width:min(100%,420px);display:flex;gap:12px;align-items:center;justify-content:center;color:#101126;font-size:15px;font-weight:850;transition:filter .2s}
.install-cta:hover{filter:brightness(1.09)}.install-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}.install-arrow{font-size:20px;margin-left:3px}.install-cta:disabled{opacity:.8;cursor:default}
.install-status{font-size:12px;color:#a6a0c1;line-height:1.6;min-height:30px;max-width:460px;margin:13px 0 0}
.install-steps{border:1px solid rgba(205,185,255,.13);background:linear-gradient(145deg,rgba(31,29,57,.9),rgba(15,22,37,.89));border-radius:30px;padding:clamp(23px,3.6vw,39px);box-shadow:0 24px 90px rgba(0,0,0,.22);position:relative;overflow:hidden}
.install-steps::before{content:'';position:absolute;width:180px;height:180px;top:-145px;right:-65px;border-radius:50%;box-shadow:0 0 0 37px rgba(157,122,255,.05),0 0 0 86px rgba(157,122,255,.025)}
.steps-heading{position:relative}.steps-heading h2{font-size:clamp(25px,3vw,32px);margin:10px 0 6px;letter-spacing:-1px}.steps-heading p{font-size:12px;color:#9f9cb4;margin:0 0 23px}
.install-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.install-list li{display:flex;gap:17px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.055)}.install-list li:first-child{padding-top:6px}.install-list li:last-child{border-bottom:0}
.step-number{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;background:rgba(140,117,248,.13);color:#bda4ff;font-size:12px;font-weight:850;letter-spacing:.3px;flex:none}
.install-list strong{display:block;font-size:14px;color:#f4f0ff;margin:2px 0 5px;line-height:1.4}.install-list p{margin:0;font-size:12px;line-height:1.6;color:#a7a3bc}.install-list b{color:#d8cafa}
.install-footnote{border:1px solid rgba(67,235,200,.2);background:rgba(67,235,200,.065);padding:15px;border-radius:16px;display:flex;gap:10px;align-items:flex-start;margin-top:12px}.install-footnote svg{color:#4ce4c6;flex:none;margin-top:2px}.install-footnote p{margin:0;font-size:11px;line-height:1.6;color:#b4d8cf}.install-footnote b{color:#d9fff5}
.install-footer{text-align:center;color:#726f89;font-size:10px;letter-spacing:.15px;line-height:1.6;padding:14px 10px 24px}.install-footer span{padding:0 9px;color:#716582}
.soundvox-installed .install-page{display:none!important}
@media(max-width:760px){.install-header{padding:21px 0 9px}.install-wordmark{font-size:23px}.install-wordmark img{height:37px;width:37px}.install-layout{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:0;padding:24px 0 35px}.install-hero h1{font-size:clamp(38px,9.5vw,53px);line-height:1.06;letter-spacing:-1.9px;margin:18px 0}.install-hero{padding-bottom:0}.install-intro{font-size:14px;line-height:1.6;margin-bottom:21px}.install-benefits{margin-bottom:22px}.install-cta{width:100%}.install-steps{padding:24px 21px;border-radius:24px}.install-footer{padding:8px 0 25px}.install-header .install-tag{font-size:10px}}
@media(max-width:355px){.install-benefits{gap:6px}.install-benefits span{font-size:10px}.install-header .install-tag{padding:7px 9px}.install-hero h1{font-size:37px}}
@media (prefers-reduced-motion: reduce){.install-cta{transition:none}}