.demo-root{color:#f7f8fb;background-color:#080a10;background-image:radial-gradient(circle at 82% 3%,#8268ff33,#0000 28%),radial-gradient(circle at 8% 35%,#4fd3b914,#0000 24%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh}.demo-shell{width:min(1180px,100% - 48px);margin:auto;padding-bottom:70px}.demo-nav{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:90px;display:flex}.demo-brand{align-items:center;gap:11px;font-size:13px;font-weight:750;display:flex}.demo-brand-mark{background:linear-gradient(145deg,#8268ff,#5b43d8);border-radius:12px;flex:0 0 38px;width:38px;height:38px;box-shadow:inset 0 1px #ffffff59}.back-link{color:#b9bec9;border:1px solid #ffffff1f;border-radius:10px;padding:10px 14px;font-size:12px}.back-link:hover{color:#fff;border-color:#8268ff99}.demo-hero{padding:115px 0 80px}.demo-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#bfc3ce;align-items:center;gap:10px;margin:0 0 30px;font-size:10px;font-weight:750;display:flex}.demo-eyebrow i{background:#b9ff66;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #b9ff6617}.demo-hero h1,.detail-hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(54px,7.5vw,96px);font-weight:600;line-height:.92}.demo-hero h1 em{color:#0000;background:linear-gradient(90deg,#a88cff,#d3c7ff 48%,#77dfcb);-webkit-background-clip:text;background-clip:text;font-style:normal}.demo-hero>p:not(.demo-eyebrow){color:#999fac;max-width:610px;margin:35px 0;font-size:17px;line-height:1.65}.demo-legend{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:24px;padding-top:25px;display:flex}.demo-legend span{color:#a8adb8;align-items:center;gap:8px;font-size:11px;display:flex}.demo-legend i{border-radius:50%;width:7px;height:7px}.demo-legend .live{background:#63dbb4}.demo-legend .android{background:#b9ff66}.demo-legend .preparing{border:1px solid #777d89}.demo-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.demo-card{background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;min-height:330px;padding:24px;transition:transform .25s,border-color .25s;display:flex}.demo-card:hover{border-color:#8268ff8c;transform:translateY(-5px)}.demo-card-top{color:#646a76;justify-content:space-between;font-size:10px;display:flex}.demo-card-top b{color:#a994ff;background:#ffffff0e;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.status-live .demo-card-top b{color:#63dbb4}.status-android .demo-card-top b{color:#b9ff66}.demo-card>p{color:#a994ff;text-transform:uppercase;letter-spacing:.14em;margin:auto 0 12px;font-size:9px}.demo-card h2{letter-spacing:-.04em;margin:0 0 16px;font-size:30px}.demo-summary{color:#9a9fac;font-size:13px;line-height:1.6}.demo-card-bottom{color:#777d89;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;margin-top:28px;padding-top:17px;font-size:9px;display:flex}.demo-card-bottom b{color:#d7dae1;font-size:10px}.demo-footer{color:#7e838f;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:70px;padding-top:30px;font-size:11px;display:flex}.detail-shell{min-height:100vh}.detail-hero{border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr .7fr;align-items:end;gap:80px;padding:110px 0 75px;display:grid}.detail-hero h1{font-size:clamp(62px,8vw,108px)}.detail-summary{color:#a6abb6;max-width:700px;margin:28px 0;font-size:17px;line-height:1.65}.status-pill{color:#a9aeba;border:1px solid #ffffff1f;border-radius:99px;padding:8px 12px;font-size:10px;display:inline-flex}.status-pill.status-live{color:#63dbb4;border-color:#63dbb440}.status-pill.status-android{color:#b9ff66;border-color:#b9ff6640}.detail-action{background:#ffffff06;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;padding:24px;display:flex}.launch-button,.coming-button{border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px;font-size:12px;font-weight:750;display:flex}.launch-button{color:#101218;background:#fff}.launch-button:hover{background:#b9ff66}.coming-button{color:#7e838f;background:#ffffff0e;justify-content:center}.apk-qr{background:#fff;border:8px solid #fff;border-radius:10px;width:174px;height:174px;margin:24px auto 13px}.detail-action small{text-align:center;color:#7f8591;font-size:9px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:70px 0;display:grid}.detail-grid article{background:#ffffff06;border:1px solid #ffffff1a;border-radius:18px;min-height:260px;padding:25px}.detail-grid article>span{color:#6d7280;font-size:9px}.detail-grid h2{margin:55px 0 20px;font-size:21px}.detail-grid ul{margin:0;padding:0;list-style:none}.detail-grid li,.privacy-card p{color:#a8adb7;padding:8px 0;font-size:12px;line-height:1.55}.stack-list{flex-wrap:wrap;gap:8px;display:flex}.stack-list b{color:#aaaeb8;border:1px solid #ffffff1a;border-radius:99px;padding:8px 10px;font-size:10px}.privacy-card{background:linear-gradient(145deg,#8268ff21,#ffffff05)!important}.demo-notice{background:#b9ff6609;border:1px solid #b9ff6629;border-radius:17px;grid-template-columns:.5fr 1.5fr;gap:40px;padding:30px;display:grid}.demo-notice b{font-size:14px}.demo-notice p{color:#969ca8;margin:0;font-size:12px;line-height:1.65}@media (max-width:900px){.demo-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:1fr;gap:45px}.detail-action{align-items:flex-start}.apk-qr{margin-left:0}.detail-grid{grid-template-columns:1fr 1fr}.privacy-card{grid-column:1/-1}}@media (max-width:600px){.demo-shell{width:calc(100% - 28px)}.demo-nav{height:74px}.demo-brand{font-size:12px}.demo-brand-mark{flex-basis:35px;width:35px;height:35px}.back-link{border:0;padding:8px 0}.demo-hero{padding:80px 0 55px}.demo-hero h1{font-size:50px}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:300px}.demo-footer{flex-direction:column;gap:12px}.detail-hero{padding:75px 0 50px}.detail-hero h1{font-size:58px}.detail-grid{grid-template-columns:1fr;padding:45px 0}.privacy-card{grid-column:auto}.demo-notice{grid-template-columns:1fr}.detail-action{align-items:center}.apk-qr{margin-left:auto}.demo-legend{gap:14px}}.sandbox{color:#18202b;background:#f5f6f8;grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sandbox-sidebar{color:#fff;background:#101521;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.sandbox-logo{align-items:center;gap:11px;padding:4px;display:flex}.sandbox-logo>span{background:#8068ff;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.sandbox-logo>b{font-size:14px}.sandbox-sidebar>p{color:#7f8998;letter-spacing:.14em;margin:28px 5px 12px;font-size:8px}.sandbox-sidebar nav{flex-direction:column;gap:5px;display:flex}.sandbox-sidebar nav button{color:#aeb6c2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px;font-size:11px}.sandbox-sidebar nav button:hover,.sandbox-sidebar nav button.active{color:#fff;background:#8068ff}.sandbox-security{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;align-items:center;gap:9px;margin-top:auto;padding:13px;display:flex}.sandbox-security i{color:#071c15;background:#42c696;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.sandbox-security span{flex-direction:column;font-size:9px;display:flex}.sandbox-security small{color:#89929f;margin-top:3px;font-size:8px}.sandbox-exit{color:#89929f;padding:18px 5px 2px;font-size:9px}.sandbox-main{min-width:0;padding:22px 30px 60px}.demo-warning{color:#735c16;background:#fff9e6;border:1px solid #ead899;border-radius:9px;justify-content:center;gap:16px;padding:10px 14px;font-size:9px;display:flex}.demo-warning b{letter-spacing:.1em}.sandbox-main>header{justify-content:space-between;align-items:end;padding:42px 0 25px;display:flex}.sandbox-main>header p{color:#8068ff;text-transform:uppercase;letter-spacing:.15em;margin:0 0 7px;font-size:9px;font-weight:750}.sandbox-main>header h1{letter-spacing:-.045em;margin:0;font-size:36px}.sandbox-main>header button{color:#fff;cursor:pointer;background:#151d28;border:0;border-radius:10px;padding:13px 16px;font-size:10px;font-weight:700}.sandbox-toast{z-index:10;color:#8ce2bd;background:#16251f;border-radius:10px;padding:14px 17px;font-size:10px;position:fixed;top:25px;right:25px;box-shadow:0 15px 45px #00000038}.sandbox-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.sandbox-metrics article{background:#fff;border:1px solid #e2e4e8;border-radius:14px;flex-direction:column;min-height:145px;padding:18px;display:flex;box-shadow:0 7px 22px #232d3c0a}.sandbox-metrics span{color:#697382;font-size:9px}.sandbox-metrics strong{letter-spacing:-.04em;margin:auto 0 5px;font-size:29px}.sandbox-metrics small{color:#7b8491;font-size:8px}.sandbox-content{grid-template-columns:1fr 260px;gap:12px;margin-top:12px;display:grid}.sandbox-table-card,.activity-panel{background:#fff;border:1px solid #e2e4e8;border-radius:14px;overflow:hidden}.sandbox-card-head{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;padding:18px;display:flex}.sandbox-card-head>div{flex-direction:column;font-size:11px;display:flex}.sandbox-card-head span{color:#8b929d;margin-top:4px;font-size:8px}.sandbox-card-head input{border:1px solid #dfe2e7;border-radius:8px;outline:0;width:180px;padding:9px 11px;font-size:9px}.sandbox-table{overflow:auto}.sandbox-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eff0f2;grid-template-columns:1.4fr 1fr 1fr .7fr;gap:15px;width:100%;min-width:620px;padding:14px 18px;display:grid}.sandbox-row:not(.sandbox-th):hover{background:#f8f7ff}.sandbox-row span,.sandbox-row b{font-size:9px;font-weight:500}.sandbox-th{color:#7e8794;cursor:default;background:#fafbfc}.sandbox-th b{font-weight:700}.activity-panel{padding:19px}.activity-panel>b{font-size:11px}.activity-panel>div{border-bottom:1px solid #eceef1;gap:9px;padding:16px 0;display:flex}.activity-panel i{color:#7359ea;background:#eeeafd;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;font-size:8px;font-style:normal;display:grid}.activity-panel span{flex-direction:column;font-size:9px;line-height:1.4;display:flex}.activity-panel small{color:#9299a3;margin-top:4px;font-size:7px}.sandbox-puntadas .sandbox-sidebar nav button.active,.sandbox-puntadas .sandbox-logo>span{background:#28795f}.sandbox-ruta-rx .sandbox-sidebar nav button.active,.sandbox-ruta-rx .sandbox-logo>span{background:#397d6b}.sandbox-valentino .sandbox-sidebar nav button.active,.sandbox-valentino .sandbox-logo>span{background:#5545d9}@media (max-width:950px){.sandbox{grid-template-columns:190px 1fr}.sandbox-metrics{grid-template-columns:repeat(2,1fr)}.sandbox-content{grid-template-columns:1fr}.activity-panel{display:none}}@media (max-width:650px){.sandbox{display:block}.sandbox-sidebar{width:100%;height:auto;padding:14px;position:relative}.sandbox-sidebar>p,.sandbox-security{display:none}.sandbox-sidebar nav{flex-direction:row;margin-top:14px;overflow:auto}.sandbox-sidebar nav button{white-space:nowrap}.sandbox-exit{position:absolute;top:19px;right:15px}.sandbox-main{padding:14px}.demo-warning{text-align:center;flex-direction:column;align-items:center;gap:7px}.sandbox-main>header{align-items:flex-start;gap:20px;padding:30px 0 20px}.sandbox-main>header h1{font-size:28px}.sandbox-main>header button{padding:11px}.sandbox-metrics{grid-template-columns:1fr 1fr}.sandbox-metrics article{min-height:120px;padding:14px}.sandbox-card-head input{width:110px}.sandbox-toast{top:15px;left:15px;right:15px}.sandbox-logo>b{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}}.demo-legend .demo{background:#a994ff}.demo-credentials{background:linear-gradient(130deg,#8268ff24,#ffffff06);border:1px solid #8268ff4d;border-radius:18px;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:18px;padding:30px;display:grid}.demo-credentials span{color:#a994ff;letter-spacing:.15em;font-size:9px}.demo-credentials h2{max-width:430px;margin:12px 0 0;font-size:25px}.demo-credentials dl{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.demo-credentials dl>div{background:#00000029;border:1px solid #ffffff1a;border-radius:10px;padding:13px}.demo-credentials dt{color:#7f8591;font-size:8px}.demo-credentials dd{font-family:var(--font-geist-mono),monospace;margin:6px 0 0;font-size:11px}@media (max-width:600px){.demo-credentials{grid-template-columns:1fr;gap:24px;padding:22px}.demo-credentials dl{grid-template-columns:1fr}}