:root{--bg:#020b18;--cyan:#2bd7ff;--blue:#287dff;--white:#f4f9ff;--muted:#8da8c5;--line:#1b527d;--glass:rgba(5,27,50,.72)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#010813;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body{overflow-x:hidden}.space{position:fixed;inset:0;background:radial-gradient(ellipse at 50% -10%,#0c3c68 0,#041a32 36%,#010813 75%);z-index:-3}.space:before,.space:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#8bdfff 1px,transparent 1px);background-size:83px 83px;opacity:.22;animation:stars 25s linear infinite}.space:after{background-size:131px 131px;opacity:.12;animation-direction:reverse}@keyframes stars{to{transform:translate3d(40px,90px,0)}}.shell{max-width:520px;min-height:100vh;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(100px + env(safe-area-inset-bottom));position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--white);text-align:left}.brand b{display:block;letter-spacing:4px;font-size:17px}.brand i{display:block;color:var(--cyan);font-style:normal;letter-spacing:5px;font-size:9px}.vmark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;font-weight:900;font-size:25px;background:linear-gradient(145deg,#8ef7ff,#1366ec);box-shadow:0 0 32px #16b9ff99}.top-actions{display:flex;align-items:center;gap:10px}.secure{font-size:10px;color:#62e7a0;text-transform:uppercase;letter-spacing:1px}.round{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#082340aa;color:#b3d5ee;font-size:17px}.screen{display:none;animation:screenIn .48s ease both}.screen.active{display:block}@keyframes screenIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero{height:350px;position:relative;overflow:hidden;margin:0 -18px;padding:28px 22px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#020b18 95%);z-index:1}.hero-earth,.connected-earth{position:absolute;background:url("./assets/velora-hero.jpg") center 78%/cover no-repeat;filter:saturate(1.18) brightness(.8);border-radius:50%;box-shadow:0 -12px 50px #149dff88,0 0 120px #0759bc77}.hero-earth{width:450px;height:330px;left:50%;top:70px;transform:translateX(-50%) perspective(500px) rotateX(54deg);animation:earth 18s ease-in-out infinite alternate}.hero-earth:after{content:"";position:absolute;inset:-16px;border:1px solid #33cfffaa;border-radius:50%;box-shadow:0 0 30px #19aaff88;transform:rotate(-18deg)}@keyframes earth{to{transform:translateX(-47%) perspective(500px) rotateX(54deg) rotateZ(3deg)}}.hero-orbit{position:absolute;width:420px;height:160px;border:1px solid #27c8ff99;border-radius:50%;left:50%;top:152px;z-index:2;transform:translateX(-50%) rotate(-16deg);box-shadow:0 0 14px #16adff88;animation:orbit 9s linear infinite}.orbit-b{width:380px;top:171px;transform:translateX(-50%) rotate(24deg);border-color:#397cff88;animation-duration:13s}@keyframes orbit{to{transform:translateX(-50%) rotate(344deg)}}.hero-copy{position:relative;z-index:3;padding-top:28px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#66dfff;margin:0 0 9px;font-weight:700}.hero h1{font-size:34px;line-height:1.03;margin:0;letter-spacing:-1.5px}.hero h1 em{color:var(--cyan);font-style:normal;text-shadow:0 0 22px #20cfff88}.sub{color:#a7bdd2;font-size:13px;line-height:1.5}.glass{background:linear-gradient(140deg,rgba(11,43,72,.84),rgba(2,19,37,.78));border:1px solid #1d5c86aa;box-shadow:inset 0 1px #ffffff12,0 14px 34px #00091480;backdrop-filter:blur(17px)}.status-card{display:flex;align-items:center;gap:13px;padding:17px;border-radius:18px;margin-top:-28px;position:relative;z-index:4}.status-card b,.status-card small{display:block}.status-card small{color:#62e7a0;margin-top:4px;font-size:12px}.status-icon{width:18px;height:18px;background:#36e38a;border-radius:50%;box-shadow:0 0 18px #36e38a}.arrow{margin-left:auto;font-size:28px;color:#85adcc}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.metric{padding:12px 10px;border-radius:14px;min-height:63px}.metric small,.metric b{display:block}.metric small{font-size:10px;color:var(--muted)}.metric b{margin-top:5px;font-size:14px}.cta{border:0;width:100%;margin:14px 0;padding:16px;border-radius:16px;background:linear-gradient(105deg,#0bbaf1,#2676ff);color:white;display:flex;align-items:center;gap:10px;font-size:16px;box-shadow:0 9px 32px #078bff80;animation:ctaPulse 3.5s ease-in-out infinite}.cta b{flex:1;text-align:left}.cta i{font-size:23px;font-style:normal}@keyframes ctaPulse{50%{box-shadow:0 9px 42px #078bffbb}}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick{border:1px solid #1d5c86aa;color:var(--white);border-radius:15px;padding:15px;text-align:left;min-height:94px}.quick span{display:block;color:var(--cyan);font-size:22px;margin-bottom:8px}.quick b,.quick small{display:block}.quick small{color:var(--muted);font-size:11px;margin-top:3px}.trust{border-radius:16px;padding:14px;margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11px;color:#afd0e7}.trust b{grid-column:1/-1;color:#5ddcff;letter-spacing:2px;font-size:10px}.section-head{display:flex;align-items:center;gap:13px;padding:22px 0}.section-head button{background:none;border:0;color:var(--white);font-size:33px;line-height:1}.section-head h2{margin:0;font-size:24px}.access-hero{border-radius:21px;text-align:center;padding:22px}.access-hero b,.access-hero small{display:block}.access-hero small{color:var(--muted);margin-top:5px}.qr-frame{width:190px;height:190px;border-radius:22px;margin:0 auto 18px;display:grid;place-items:center;border:1px solid #28cfff;background:radial-gradient(#0c4267,#031426);box-shadow:0 0 32px #1fcfff66;position:relative}.qr-fake{width:130px;height:130px;background:repeating-conic-gradient(#e8fbff 0 8deg,#0d4164 8deg 16deg);mask:linear-gradient(#000,#000);opacity:.9}.corner{position:absolute;width:25px;height:25px;border-color:#45e6ff;border-style:solid}.c1{top:10px;left:10px;border-width:2px 0 0 2px}.c2{top:10px;right:10px;border-width:2px 2px 0 0}.c3{bottom:10px;left:10px;border-width:0 0 2px 2px}.c4{bottom:10px;right:10px;border-width:0 2px 2px 0}.ghost,.danger{width:100%;padding:14px;border-radius:15px;background:#092944cc;color:#d8eeff;border:1px solid #23618c;font-weight:700}.platforms{border-radius:18px;padding:16px;margin-top:12px}.platforms button,.plan button,.addon button{background:#0a3657;border:1px solid #237eae;color:#e7f9ff;border-radius:10px;padding:9px 11px;margin:4px 2px}.platforms p:last-child{font-size:12px;color:var(--muted)}.usage{padding:16px;border-radius:18px;margin-bottom:12px}.usage small,.usage b{display:block}.usage b{font-size:27px;margin:4px 0 10px}.bar{height:7px;background:#09283f;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#13d7ff,#3d7dff);border-radius:20px;transition:width .8s}.device-list,.plan-list{display:grid;gap:9px;margin-bottom:12px}.device-list .choice,.choice{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:15px}.choice small,.choice span{display:block}.choice button{background:#092e4e;border:1px solid #217bac;color:#d5f4ff;border-radius:9px;padding:7px 9px}.plan{border-radius:18px;padding:16px;display:flex;align-items:center;gap:12px;color:var(--white);text-align:left}.plan.featured{border-color:#2bcbff;box-shadow:0 0 25px #18bfff3d}.plan>div{flex:1}.plan b,.plan small{display:block}.plan small{color:var(--muted);margin-top:4px}.plan strong{font-size:17px}.plan i{color:#ffd86b;font-style:normal}.crown{color:#6fe5ff;font-size:25px}.addon{padding:15px;border-radius:17px;display:flex;align-items:center;gap:10px}.addon div{flex:1}.addon b,.addon small{display:block}.addon small{color:var(--muted);margin-top:4px}.addon strong{color:#ffd86b}.profile-card{padding:17px;border-radius:18px;display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#41e6ff,#2463ef);font-size:24px;font-weight:900}.profile-card b,.profile-card small{display:block}.profile-card small{color:var(--muted);margin-top:4px}.detail-list{margin:12px 0;border-radius:17px;padding:0 15px}.detail-list div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #17405f}.detail-list div:last-child{border:0}.detail-list span{color:var(--muted)}.security{padding:14px;border-radius:15px;margin-top:12px}.security b,.security small{display:block}.security small{line-height:1.8;color:#a8c8dd}.connected{text-align:center}.connected-earth{position:relative;width:300px;height:230px;margin:45px auto 10px;transform:perspective(500px) rotateX(53deg);animation:earth 18s ease-in-out infinite alternate}.power-ring{width:118px;height:118px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;font-size:48px;color:var(--cyan);margin:-56px auto 20px;position:relative;box-shadow:0 0 36px #1bcfff99}.connected h1{font-size:31px;color:#34ddff}.muted{color:var(--muted)}.danger{border-color:#db3e66;color:#ff7f9b;margin-top:20px}.bottom{position:fixed;z-index:9;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);display:flex;justify-content:space-around;padding:11px 15px calc(11px + env(safe-area-inset-bottom));background:#03172bf5;border-top:1px solid #1a5275;backdrop-filter:blur(20px)}.bottom button{background:none;border:0;color:#6e8ca8;font-size:11px}.bottom button span{display:block;font-size:22px;margin-bottom:3px}.bottom button.active{color:#32d8ff;text-shadow:0 0 15px #1ccfff}.bottom button.active span{animation:navPulse 2s infinite}@keyframes navPulse{50%{transform:translateY(-2px)}}@media(max-width:360px){.hero h1{font-size:29px}.hero{height:330px}.metric{padding:10px 7px}}.access-real{border-radius:20px;padding:18px;text-align:center}.qr-real{display:block;width:190px;height:190px;margin:0 auto 14px;border-radius:14px;background:#fff;padding:8px;box-shadow:0 0 34px #1fcfff77}.access-real b{display:block;color:#6fe5ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.access-real textarea{width:100%;height:120px;border:1px solid #1f648d;border-radius:12px;background:#031426;color:#c9f3ff;padding:10px;font:11px monospace;resize:none}.row-actions{display:flex;gap:8px;margin-top:10px}.row-actions button{flex:1;padding:11px;border:1px solid #2a94c4;border-radius:11px;background:#0a3555;color:#e6fbff}.onboard{position:fixed;inset:0;z-index:30;background:radial-gradient(circle,#0a3157,#010813 70%);display:grid;place-items:center;padding:24px}.onboard-card{text-align:center;max-width:330px}.onboard-logo{width:86px;height:86px;margin:0 auto 20px;border-radius:28px;display:grid;place-items:center;font-size:55px;font-weight:900;background:linear-gradient(145deg,#69f2ff,#1e60f0);box-shadow:0 0 55px #1bcfff99}.onboard-card h2{font-size:31px;line-height:1.1}.onboard-card p:not(.eyebrow){color:#9bb7d0;line-height:1.6}