:root{
  --bg:#02070d;--bg2:#04111d;--panel:rgba(6,20,34,.74);--panel2:rgba(10,28,46,.58);
  --line:rgba(95,225,255,.18);--text:#f4fbff;--muted:#9fb4c4;--cyan:#00d9ff;
  --teal:#00efbd;--green:#81ff35;--violet:#8a68ff;--pink:#ff4fcd;--gold:#ffd35a;
  --shadow:0 25px 80px rgba(0,0,0,.48);--radius:24px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--text);
  background:
    radial-gradient(circle at 72% 7%,rgba(0,217,255,.10),transparent 28%),
    radial-gradient(circle at 12% 65%,rgba(126,79,255,.10),transparent 30%),
    linear-gradient(180deg,#02070d,#04111d 55%,#02070d);
  overflow-x:hidden
}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
canvas#universe{position:fixed;inset:0;z-index:0;pointer-events:none}
.bg-grid{
  position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.20;
  background-image:
    linear-gradient(rgba(0,217,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,217,255,.045) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:radial-gradient(circle at 50% 45%,#000 20%,transparent 78%)
}
.loader{
  position:fixed;inset:0;z-index:1000;background:#01050a;display:grid;place-items:center;
  transition:opacity .8s ease,visibility .8s ease
}
.loader.hidden{opacity:0;visibility:hidden}
.loader-inner{text-align:center;width:min(620px,88vw)}
.loader-logo{
  width:96px;height:96px;margin:0 auto 30px;border-radius:28px;display:grid;place-items:center;
  font-size:44px;font-weight:1000;color:#021017;
  background:linear-gradient(135deg,var(--cyan),var(--teal),var(--green));
  box-shadow:0 0 60px rgba(0,225,255,.28);animation:loaderPulse 1.8s ease-in-out infinite
}
.loader-line{height:2px;background:rgba(255,255,255,.08);overflow:hidden;margin:24px 0}
.loader-line i{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--green));animation:scan 1.5s linear infinite}
.loader-text{color:#b8d0dd;font-size:15px;letter-spacing:.08em;min-height:28px}
@keyframes loaderPulse{50%{transform:scale(1.05);box-shadow:0 0 90px rgba(0,225,255,.42)}}
@keyframes scan{from{transform:translateX(-120%)}to{transform:translateX(390%)}}

.site-header{
  position:sticky;top:0;z-index:50;min-height:78px;padding:0 4vw;display:flex;align-items:center;gap:28px;
  border-bottom:1px solid var(--line);background:rgba(2,8,15,.72);backdrop-filter:blur(18px)
}
.logo{display:inline-flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.10em;font-size:22px;white-space:nowrap}
.logo-mark{
  width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#031018;font-weight:1000;
  background:linear-gradient(135deg,var(--cyan),var(--teal),var(--green));
  box-shadow:0 0 28px rgba(0,217,255,.25)
}
.nav{display:flex;gap:24px;margin-left:auto}
.nav a{font-size:14px;color:#d6e5ee;padding:28px 0 23px;border-bottom:2px solid transparent}
.nav a:hover,.nav a.active{color:#55ffe0;border-color:#2ef1ce}
.header-actions{display:flex;gap:11px}
.btn{
  min-height:46px;padding:0 19px;border-radius:11px;border:0;display:inline-flex;align-items:center;justify-content:center;
  gap:9px;font-weight:800;cursor:pointer;transition:.25s ease
}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-primary{color:#021018;background:linear-gradient(110deg,var(--cyan),var(--teal) 56%,var(--green));box-shadow:0 12px 38px rgba(0,224,199,.18)}
.btn-line{color:#effcff;background:rgba(4,16,28,.48);border:1px solid rgba(100,228,255,.45)}
.btn-large{min-height:57px;padding:0 26px}
.menu-btn{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:26px}

main,footer{position:relative;z-index:2}
.section{width:min(1480px,92vw);margin:0 auto;padding:100px 0}
.eyebrow{color:#25efd1;font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.gradient-text{background:linear-gradient(90deg,var(--cyan),var(--teal),var(--violet),var(--green));-webkit-background-clip:text;color:transparent}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:25px;padding:62px 4vw 48px}
.hero-copy{z-index:5;max-width:680px}
.hero h1{font-size:clamp(76px,9vw,145px);line-height:.88;letter-spacing:-.075em;margin:10px 0 18px}
.hero h2{font-size:clamp(25px,3vw,45px);line-height:1.05;margin:0 0 18px}
.hero .lead{max-width:630px;color:#bfd0dc;font-size:18px;line-height:1.62}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}
.micro-benefits{display:flex;gap:22px;flex-wrap:wrap;color:#c6d8e3;font-size:12px}
.micro-benefits span{display:flex;align-items:center;gap:7px}
.micro-benefits i{color:#26f1d2;font-style:normal}
.hero-visual{position:relative;height:610px}
.aura-hero{
  position:absolute;left:-2%;top:0;width:45%;height:100%;object-fit:cover;
  mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 78%,transparent 100%);
  mix-blend-mode:screen;filter:saturate(1.15) contrast(1.08) drop-shadow(0 0 28px rgba(0,220,255,.22))
}
.dashboard-frame{
  position:absolute;right:3%;top:24px;width:69%;height:510px;border-radius:28px;overflow:hidden;
  border:1px solid rgba(116,233,255,.55);background:#061521;box-shadow:var(--shadow),0 0 55px rgba(0,220,255,.13);
  transform:perspective(1300px) rotateY(-4deg) rotateX(1deg)
}
.dashboard-frame img{width:100%;height:100%;object-fit:cover}
.dashboard-live{position:absolute;inset:0;pointer-events:none}
.live-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px var(--teal);animation:pulseDot 2.1s ease-in-out infinite}
.live-dot.d1{left:47%;top:74%}.live-dot.d2{left:65%;top:62%;animation-delay:-.8s}.live-dot.d3{left:82%;top:77%;animation-delay:-1.4s}
@keyframes pulseDot{50%{transform:scale(1.9);opacity:.35}}
.phone{
  position:absolute;right:-1%;bottom:5px;width:175px;height:355px;padding:22px 14px;border-radius:31px;
  border:2px solid #68eaff;background:linear-gradient(180deg,#071b2e,#03111f);box-shadow:0 22px 55px #000,0 0 38px rgba(0,217,255,.2)
}
.phone .notch{width:56px;height:8px;border-radius:10px;background:#02060a;margin:-14px auto 18px}
.phone strong{color:#52f6dc;font-size:12px}
.phone p{font-size:12px}
.phone button{width:100%;margin:7px 0;padding:9px;border:1px solid rgba(75,220,255,.15);border-radius:8px;background:#082640;color:#e0f8ff;text-align:left;font-size:10px}
.phone-chart{height:82px;margin-top:16px;border-radius:12px;background:
  linear-gradient(135deg,transparent 0 12%,rgba(0,217,255,.8) 13% 15%,transparent 16% 28%,rgba(126,100,255,.85) 29% 32%,transparent 33% 47%,rgba(0,239,189,.85) 48% 51%,transparent 52%);
  opacity:.75}
.spark-layer{position:absolute;inset:0;pointer-events:none}
.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;color:var(--spark);box-shadow:0 0 7px currentColor,0 0 16px currentColor;animation:blink var(--dur) ease-in-out infinite;animation-delay:var(--delay)}
@keyframes blink{0%,100%{opacity:.06;transform:scale(.5)}45%{opacity:.25}55%{opacity:1;transform:scale(1.8)}}

.section-head{text-align:center;max-width:820px;margin:0 auto 42px}
.section-head h2{font-size:clamp(38px,5vw,70px);line-height:1.05;margin:9px 0 15px}
.section-head p{color:var(--muted);font-size:17px}
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.module-card{
  --accent:var(--cyan);position:relative;min-height:260px;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);
  border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,transparent),rgba(4,16,29,.92) 55%);
  overflow:hidden;transition:.3s
}
.module-card:before{content:"";position:absolute;inset:-60% -30%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%);opacity:0;transition:.4s}
.module-card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(0,0,0,.35),0 0 32px color-mix(in srgb,var(--accent) 15%,transparent)}
.module-card:hover:before{opacity:1;transform:translate(20px,20px)}
.module-card>*{position:relative}
.module-card .icon{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;font-size:29px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,#061421);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 20%,transparent)}
.module-card h3{font-size:20px;margin:25px 0 10px}
.module-card p{color:#b4c6d3;font-size:13px;line-height:1.55}
.module-card .arrow{position:absolute;right:17px;bottom:14px;color:var(--accent);font-size:24px}
.cyan{--accent:#00d9ff}.teal{--accent:#00efbd}.green{--accent:#5cff62}.lime{--accent:#dfff28}.violet{--accent:#8b6cff}.pink{--accent:#ff52cf}.gold{--accent:#ffd44f}.blue{--accent:#3995ff}

.aura-panel{
  min-height:580px;border-radius:28px;border:1px solid rgba(72,222,255,.26);overflow:hidden;
  display:grid;grid-template-columns:.72fr 1fr .42fr;align-items:center;
  background:radial-gradient(circle at 59% 50%,rgba(0,205,255,.19),transparent 35%),linear-gradient(135deg,#041321,#09092a)
}
.aura-copy{padding:52px;z-index:4}
.aura-copy h2{font-size:64px;margin:0}
.aura-copy h3{font-size:26px;color:#4ff5d9}
.aura-copy p,.aura-copy li{color:#bdd0dc}
.aura-copy ul{padding:0;list-style:none}
.aura-copy li{margin:11px 0}.aura-copy li:before{content:"✓";color:#43f0ce;margin-right:10px}
.aura-art{position:relative;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 92%,transparent)}
.aura-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;filter:saturate(1.18)}
.aura-chat{margin-right:28px;padding:24px 17px;border-radius:31px;border:2px solid #899eff;background:linear-gradient(180deg,#0b0b39,#071225);box-shadow:0 24px 60px #000;z-index:4}
.aura-chat h4{text-align:center;color:#6ef6e6}
.aura-chat p{padding:12px;border-radius:10px;background:#17163b;color:#cbd8e5;font-size:11px}
.aura-chat div{display:flex;justify-content:space-between;margin:8px 0;padding:10px;border-radius:8px;background:#09223d;font-size:10px}
.aura-chat button{display:block;width:48px;height:48px;border-radius:50%;margin:16px auto 0;border:1px solid #00e4e8;background:#073147;color:#6fffea}

.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.feature-strip article{display:flex;gap:17px;align-items:center;padding:26px;border:1px solid rgba(88,222,255,.2);background:rgba(8,30,48,.64)}
.feature-strip article:first-child{border-radius:18px 0 0 18px}.feature-strip article:last-child{border-radius:0 18px 18px 0}
.feature-strip i{font-style:normal;font-size:34px;color:#32efd5}.feature-strip h3,.feature-strip p{margin:0}.feature-strip p{font-size:12px;color:#9eb3c2}

.page-hero{min-height:420px;display:grid;align-content:center;padding:90px 4vw 70px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 45%,rgba(0,217,255,.12),transparent 30%)}
.page-hero h1{font-size:clamp(58px,8vw,120px);line-height:.9;margin:12px 0 18px;letter-spacing:-.06em}
.page-hero p{max-width:760px;color:#bed0dc;font-size:19px}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.glass-card{padding:28px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,32,50,.72),rgba(4,15,27,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.glass-card h3{font-size:22px}.glass-card p{color:#abc0ce}
.timeline{position:relative;margin-top:30px}
.timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),var(--violet),var(--green))}
.timeline-item{position:relative;padding:0 0 38px 65px}
.timeline-item:before{content:"";position:absolute;left:10px;top:5px;width:20px;height:20px;border-radius:50%;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}
.timeline-item h3{margin:0 0 8px}.timeline-item p{color:#abc0ce}
.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:30px}
.docs-nav{position:sticky;top:100px;height:max-content;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(5,18,31,.72)}
.docs-nav a{display:block;padding:10px 8px;color:#b9cbd7}.docs-nav a:hover{color:#52f5dc}
.docs-content section{padding:30px 0;border-bottom:1px solid var(--line)}
.code{padding:18px;border-radius:14px;background:#01060b;border:1px solid rgba(85,225,255,.18);font-family:Consolas,monospace;color:#79f7e0;overflow:auto}
.login-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:60px 20px}
.login-card{width:min(470px,94vw);padding:38px;border-radius:26px;border:1px solid var(--line);background:rgba(5,18,31,.82);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.login-card h1{text-align:center}.field{display:grid;gap:7px;margin:16px 0}.field input{height:50px;border-radius:11px;border:1px solid rgba(100,228,255,.24);background:#03101c;color:#fff;padding:0 14px}
.notice{padding:14px;border-radius:12px;background:rgba(0,217,255,.08);border:1px solid rgba(0,217,255,.16);color:#bfe9f2;font-size:13px}

footer{padding:52px 4vw 26px;border-top:1px solid var(--line);background:#020910;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:44px;color:#adc0cc}
footer h3{color:#fff;font-size:14px}footer a,footer p{display:block;margin:8px 0;font-size:13px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.07);padding-top:20px}
.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .nav{display:none;position:absolute;left:0;right:0;top:78px;padding:18px 4vw;background:#03101d;flex-direction:column}
  .nav.open{display:flex}.nav a{padding:9px 0}.menu-btn{display:block}.hero{grid-template-columns:1fr}.hero-visual{height:610px}
  .module-grid{grid-template-columns:repeat(2,1fr)}.aura-panel{grid-template-columns:1fr 1fr}.aura-chat{display:none}.content-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .site-header{padding:0 18px}.header-actions .btn-line{display:none}.header-actions .btn-primary{width:46px;font-size:0;padding:0}.header-actions .btn-primary:after{content:"↓";font-size:20px}
  .logo{font-size:18px}.logo-mark{width:38px;height:38px}.hero{padding:55px 20px 40px}.hero h1{font-size:72px}.hero h2{font-size:27px}.hero .lead{font-size:16px}
  .hero-visual{height:500px}.aura-hero{width:62%;left:-10%}.dashboard-frame{width:80%;height:340px;right:-24px;top:80px}.phone{display:none}
  .module-grid,.content-grid{grid-template-columns:1fr}.aura-panel{grid-template-columns:1fr}.aura-copy{padding:32px 24px}.aura-art{height:360px}
  .feature-strip{grid-template-columns:1fr}.feature-strip article,.feature-strip article:first-child,.feature-strip article:last-child{border-radius:14px}
  .docs-layout{grid-template-columns:1fr}.docs-nav{position:static}.page-hero{padding-left:20px;padding-right:20px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}

/* MODION AURA EXPERIENCE V2 */
.loader-core{text-align:center;width:min(650px,90vw)}.loader-core small{color:#668193}.loader-status{font-size:17px;letter-spacing:.08em;color:#c8e4ef;min-height:28px}.loader-track{height:2px;background:#102331;margin:25px 0;overflow:hidden}.loader-track i{display:block;height:100%;width:28%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--green));animation:scan 1.3s linear infinite}.hero{min-height:calc(100vh - 78px)}.hero-visual{isolation:isolate}.aura-presence{position:absolute;left:-2%;top:0;width:72%;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent)}.aura-presence img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;filter:saturate(1.3) contrast(1.12);animation:auraBreathe 7s ease-in-out infinite}.aura-halo{position:absolute;width:260px;height:260px;border-radius:50%;left:38%;top:26%;border:1px solid rgba(86,241,255,.38);box-shadow:0 0 90px rgba(0,228,255,.18),inset 0 0 60px rgba(143,92,255,.12);animation:halo 5s ease-in-out infinite}.glass-barrier{position:absolute;right:2%;top:5%;width:58%;height:90%;z-index:5;border:1px solid rgba(207,248,255,.45);border-radius:34px;background:linear-gradient(125deg,rgba(175,230,245,.14),rgba(4,20,34,.04) 48%,rgba(124,247,230,.08));backdrop-filter:blur(4px);box-shadow:inset 0 0 55px rgba(196,246,255,.08),0 25px 80px rgba(0,0,0,.25);transition:1.5s cubic-bezier(.2,.8,.2,1);overflow:hidden}.glass-barrier:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.25) 49%,transparent 56%);animation:glassSweep 5s ease-in-out infinite}.glass-label{position:absolute;right:25px;top:25px;text-align:right;z-index:3}.glass-label span{display:block;font-size:10px;letter-spacing:.18em;color:#8deee6}.glass-label small{color:#9bb5c2}.crack{position:absolute;width:1px;background:linear-gradient(transparent,rgba(211,250,255,.7),transparent);transform-origin:top;opacity:.55;transition:1s}.c1{height:42%;left:34%;top:20%;transform:rotate(28deg)}.c2{height:36%;left:48%;top:35%;transform:rotate(-38deg)}.c3{height:28%;left:62%;top:18%;transform:rotate(48deg)}.c4{height:30%;left:72%;top:48%;transform:rotate(-20deg)}.glass-barrier.open{transform:translateX(42%) rotateY(-16deg);opacity:.18;backdrop-filter:blur(0)}.glass-barrier.open .crack{transform:scaleY(2) rotate(70deg);opacity:0}.modion-core{position:absolute;right:8%;bottom:5%;z-index:6;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 30%,#8bfff0,#00cce8 38%,#261150 72%,#030b14);box-shadow:0 0 65px rgba(0,224,255,.28);animation:coreFloat 5s ease-in-out infinite}.modion-core span{font-size:58px;font-weight:1000}.modion-core small{font-size:8px;letter-spacing:.18em}.modion-core b{font-size:9px;color:#66ffd7;margin-top:5px}.trust-journey{padding-top:120px}.journey-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.journey-copy{display:grid;gap:10px}.step{padding:21px;border-left:2px solid rgba(104,220,255,.16);opacity:.48;cursor:pointer;transition:.35s}.step.active{opacity:1;border-color:#31f0d0;background:linear-gradient(90deg,rgba(0,239,189,.09),transparent)}.step b{color:#38efcf;font-size:11px}.step h3{margin:4px 0;font-size:22px}.step p{margin:0;color:#a9bfcc}.journey-visual{min-height:480px;display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 70% 50%,rgba(0,213,255,.14),transparent 33%),rgba(3,15,26,.72);overflow:hidden}.human-side,.aura-side{padding:38px;text-align:center}.human-side span,.aura-side span{font-size:11px;letter-spacing:.2em;color:#5cecd5}.human-side p,.aura-side p{font-size:21px;color:#d5e7ef}.trust-glass{height:80%;position:relative;border-left:1px solid rgba(230,250,255,.5);border-right:1px solid rgba(230,250,255,.28);background:rgba(160,225,242,.08);backdrop-filter:blur(7px);transition:.8s}.trust-glass i{position:absolute;width:1px;height:45%;background:rgba(225,253,255,.65);left:50%;top:15%;transform:rotate(34deg);transition:.7s}.trust-glass i:nth-child(2){top:43%;left:30%;height:34%;transform:rotate(-42deg)}.trust-glass i:nth-child(3){top:20%;left:72%;height:31%;transform:rotate(52deg)}.trust-glass strong{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#81f7e2}.journey-visual[data-stage="1"] .trust-glass{opacity:.78;transform:scaleX(.8)}.journey-visual[data-stage="2"] .trust-glass{opacity:.45;transform:scaleX(.48)}.journey-visual[data-stage="3"] .trust-glass{opacity:.12;transform:scaleX(.12)}.journey-visual[data-stage="3"] .trust-glass i{opacity:0}.ecosystem-orbit{height:720px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:32px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(0,225,208,.12),transparent 24%),radial-gradient(circle at 50% 50%,rgba(104,64,255,.09),transparent 48%),rgba(3,14,25,.65)}.orbit-ring{position:absolute;border:1px solid rgba(82,232,255,.16);border-radius:50%;animation:orbitSpin 30s linear infinite}.r1{width:280px;height:280px}.r2{width:470px;height:470px;animation-direction:reverse;animation-duration:42s}.r3{width:650px;height:650px;animation-duration:60s}.aura-core{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 30%,#a1fff0,#02cbdc 34%,#39216f 70%,#04101c);box-shadow:0 0 100px rgba(0,230,255,.32);z-index:3}.aura-core span{font-size:64px;font-weight:1000}.aura-core b{font-size:18px}.aura-core small{font-size:8px;letter-spacing:.2em}.device-node{position:absolute;min-width:120px;padding:15px;border-radius:17px;border:1px solid rgba(100,229,255,.28);background:rgba(5,22,37,.86);color:white;display:grid;gap:5px;place-items:center;box-shadow:0 14px 35px rgba(0,0,0,.28);cursor:pointer;transition:.3s;z-index:4}.device-node:hover,.device-node.active{transform:scale(1.08);border-color:#52f5dd;box-shadow:0 0 32px rgba(0,239,189,.2)}.device-node i{font-style:normal;font-size:29px;color:#4df0da}.pc{left:10%;top:18%}.tv{right:11%;top:17%}.watch{right:7%;top:48%}.home{right:18%;bottom:10%}.office{left:18%;bottom:10%}.vehicle{left:7%;top:49%}.phone-node{left:45%;top:5%}.data-pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:#5affd8;box-shadow:0 0 20px #5affd8;animation:pulseTravel 5s linear infinite}.p1{animation-delay:-1s}.p2{animation-delay:-2.7s}.p3{animation-delay:-4.1s}.experience-shell{display:grid;grid-template-columns:240px 1fr;min-height:600px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:rgba(4,17,30,.75)}.experience-tabs{padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.experience-tabs button{padding:15px;border-radius:11px;border:1px solid transparent;background:transparent;color:#a9bfcc;text-align:left;cursor:pointer}.experience-tabs button.active{color:#fff;border-color:rgba(79,239,215,.35);background:linear-gradient(90deg,rgba(0,239,189,.13),transparent)}.experience-screen{padding:22px}.screen-top{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--line)}.screen-logo{font-weight:900}.online{font-size:11px;color:#55f6d7}.screen-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;padding:42px}.screen-copy h3{font-size:38px;line-height:1.08}.screen-copy>p{color:#acc2cf}.aura-message{margin-top:28px;padding:20px;border-radius:16px;border:1px solid rgba(91,225,255,.22);background:rgba(0,217,255,.06)}.aura-message span{font-size:10px;color:#45efd4;letter-spacing:.16em}.aura-message button{padding:10px 15px;border-radius:9px;border:1px solid #3cebd2;background:transparent;color:#dffff8;cursor:pointer}.device-preview{display:grid;place-items:center;min-height:400px}.preview-window{width:90%;height:320px;border-radius:20px;border:1px solid rgba(111,232,255,.45);background:#051525;box-shadow:0 25px 70px #000,0 0 40px rgba(0,217,255,.12);overflow:hidden;transition:.45s}.preview-toolbar{height:34px;padding:12px;display:flex;gap:6px;background:#071c2d}.preview-toolbar i{width:7px;height:7px;border-radius:50%;background:#527083}.preview-content{display:grid;grid-template-columns:75px 1fr;height:calc(100% - 34px)}.preview-sidebar{background:#06111d;border-right:1px solid #163247}.preview-main{padding:25px;display:grid;gap:15px}.preview-main span{height:25px;border-radius:7px;background:linear-gradient(90deg,rgba(0,217,255,.18),rgba(139,104,255,.18))}.preview-main span:nth-child(2){width:70%}.preview-main span:nth-child(3){width:45%}.preview-graph{height:120px;border-radius:12px;background:linear-gradient(150deg,transparent 0 20%,rgba(0,217,255,.7) 21% 23%,transparent 24% 42%,rgba(123,91,255,.8) 43% 46%,transparent 47% 62%,rgba(0,239,189,.8) 63% 66%,transparent 67%)}.final-call{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:560px;border:1px solid var(--line);border-radius:30px;overflow:hidden;padding:0;background:linear-gradient(135deg,#051524,#090b2d)}.final-aura{position:relative;height:100%;min-height:560px;overflow:hidden;mask-image:linear-gradient(90deg,#000 70%,transparent)}.final-aura img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.final-copy{padding:55px}.final-copy h2{font-size:53px;line-height:1.05}.aura-intro{position:fixed;inset:0;z-index:900;display:none;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(16px)}.aura-intro.open{display:grid}.intro-glass{position:relative;width:min(920px,94vw);min-height:520px;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(190,246,255,.42);border-radius:30px;overflow:hidden;background:linear-gradient(135deg,rgba(11,39,58,.68),rgba(4,10,24,.88));box-shadow:0 35px 100px #000}.intro-close{position:absolute;right:18px;top:12px;z-index:10;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.intro-face{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#000 75%,transparent)}.intro-face img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.intro-dialog{padding:60px 45px;align-self:center}.intro-dialog>span{font-size:11px;letter-spacing:.18em;color:#54efd5}.intro-dialog h2{font-size:42px}.intro-dialog p{color:#bad0dd;font-size:18px}.intro-dialog>div{display:flex;gap:12px;flex-wrap:wrap}@keyframes auraBreathe{50%{transform:scale(1.025) translateY(-5px);filter:saturate(1.4) contrast(1.14) brightness(1.08)}}@keyframes halo{50%{transform:scale(1.13);opacity:.55}}@keyframes glassSweep{0%,30%{transform:translateX(-45%)}70%,100%{transform:translateX(45%)}}@keyframes coreFloat{50%{transform:translateY(-12px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes pulseTravel{0%{transform:translate(-260px,-180px);opacity:0}20%{opacity:1}50%{transform:translate(0,0)}80%{opacity:1}100%{transform:translate(260px,190px);opacity:0}}
@media(max-width:1000px){.journey-stage{grid-template-columns:1fr}.journey-visual{grid-template-columns:1fr 90px 1fr}.ecosystem-orbit{height:620px}.r3{width:540px;height:540px}.experience-shell{grid-template-columns:1fr}.experience-tabs{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.screen-body{grid-template-columns:1fr}.final-call{grid-template-columns:1fr}.intro-glass{grid-template-columns:1fr}.intro-face{height:300px}}
@media(max-width:720px){.glass-barrier{width:72%;right:-12%}.modion-core{width:115px;height:115px}.modion-core span{font-size:42px}.journey-visual{grid-template-columns:1fr;min-height:600px}.trust-glass{height:100px;width:80%;margin:auto;border-top:1px solid #cff;border-bottom:1px solid #cff;border-left:0;border-right:0}.ecosystem-orbit{height:700px}.orbit-ring.r3{width:440px;height:440px}.device-node{min-width:92px;padding:10px}.pc{left:2%}.tv{right:2%}.vehicle{left:1%}.watch{right:1%}.home{right:7%}.office{left:7%}.phone-node{left:36%}.screen-body{padding:22px}.screen-copy h3{font-size:30px}.final-copy{padding:35px 24px}.final-copy h2{font-size:38px}}


/* MODION AURA LUXE V3 */
:root{
  --pearl:#d9fbff;
  --silver:#a7c6d6;
  --deep:#01070d;
  --glass-edge:rgba(187,247,255,.36);
  --lux-shadow:0 32px 90px rgba(0,0,0,.56),0 0 50px rgba(0,216,255,.08);
}
body{
  background:
    radial-gradient(circle at 75% 5%,rgba(0,217,255,.09),transparent 25%),
    radial-gradient(circle at 18% 57%,rgba(138,104,255,.08),transparent 27%),
    radial-gradient(circle at 55% 88%,rgba(0,239,189,.045),transparent 25%),
    linear-gradient(180deg,#01060c,#03101b 48%,#020810);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.16;
  background:
    linear-gradient(112deg,transparent 0 43%,rgba(255,255,255,.035) 44%,transparent 45%),
    radial-gradient(circle at 50% -10%,rgba(216,251,255,.08),transparent 35%);
}
.site-header{
  background:linear-gradient(180deg,rgba(2,9,16,.94),rgba(2,10,17,.78));
  border-bottom:1px solid rgba(158,237,255,.18);
  box-shadow:0 12px 45px rgba(0,0,0,.22);
}
.logo-mark{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:
    radial-gradient(circle at 32% 25%,rgba(255,255,255,.16),transparent 34%),
    linear-gradient(145deg,rgba(4,29,42,.96),rgba(2,10,18,.98));
  border:1px solid rgba(99,234,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 28px rgba(0,217,255,.18);
  overflow:hidden;
}
.logo-mark svg{width:72%;height:72%;display:block}
.loader-logo{
  width:112px;height:112px;border-radius:34px;background:linear-gradient(145deg,#071925,#02070c);
  border:1px solid rgba(97,232,255,.35);box-shadow:0 0 75px rgba(0,217,255,.24),inset 0 1px 0 rgba(255,255,255,.1)
}
.loader-logo .logo-mark{width:82px;height:82px;border:0;background:transparent;box-shadow:none}
.loader-core small{color:#7895a6;letter-spacing:.08em}
.luxe-stage{
  border-radius:36px;
  background:
    radial-gradient(circle at 42% 43%,rgba(0,224,210,.11),transparent 37%),
    linear-gradient(145deg,rgba(7,25,40,.32),rgba(2,10,17,.08));
}
.luxe-stage:before{
  content:"";position:absolute;inset:10px;border-radius:31px;pointer-events:none;
  border:1px solid rgba(191,247,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -35px 60px rgba(0,0,0,.18)
}
.stage-caption{
  position:absolute;right:6%;top:2%;z-index:7;display:grid;text-align:right;
  color:#77f7e2;letter-spacing:.14em;font-size:10px
}
.stage-caption small{color:#688392;font-size:8px;margin-top:5px}
.glass-barrier{
  background:
    linear-gradient(120deg,rgba(255,255,255,.075),transparent 21% 68%,rgba(255,255,255,.035)),
    linear-gradient(145deg,rgba(15,35,56,.64),rgba(3,20,29,.76));
  border:1px solid var(--glass-edge);
  box-shadow:var(--lux-shadow),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(31,239,224,.08);
  backdrop-filter:blur(14px) saturate(125%);
}
.glass-barrier:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg,transparent 0 35%,rgba(232,253,255,.075) 36%,transparent 38% 73%,rgba(0,239,189,.045) 75%,transparent 77%);
}
.glass-label span{color:#8dffec;text-shadow:0 0 16px rgba(0,239,189,.35)}
.glass-label small{color:#a8c2cf}
.modion-core{
  width:168px;height:168px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.16),transparent 24%),radial-gradient(circle,#08263a 15%,#071423 54%,#030910 100%);
  border:1px solid rgba(124,238,255,.38);
  box-shadow:0 28px 75px rgba(0,0,0,.5),0 0 52px rgba(0,217,255,.18),inset 0 0 42px rgba(100,104,255,.10);
  overflow:visible
}
.core-gem{
  width:88px;height:88px;border-radius:31px;position:relative;display:grid;place-items:center;transform:rotate(45deg);
  background:
    linear-gradient(145deg,rgba(255,255,255,.3),transparent 22%),
    conic-gradient(from 35deg,#00d9ff,#00efbd,#8a68ff,#ff4fcd,#81ff35,#00d9ff);
  box-shadow:0 0 38px rgba(0,217,255,.3),inset 0 0 0 7px rgba(2,12,20,.72);
  border:1px solid rgba(240,255,255,.5)
}
.core-gem:before{
  content:"";position:absolute;inset:10px;border-radius:23px;background:linear-gradient(145deg,#061b2a,#020810);
  border:1px solid rgba(187,247,255,.24)
}
.core-gem .core-logo{position:relative;z-index:2;transform:rotate(-45deg)}
.core-gem .logo-mark{width:58px;height:58px;border:0;background:transparent;box-shadow:none}
.core-gem i{position:absolute;inset:3px;border-radius:28px;border:1px solid rgba(255,255,255,.22)}
.modion-core small{margin-top:9px;color:#a8eaf1;font-size:8px;letter-spacing:.16em}
.modion-core b{color:#62f8dc;font-size:8px;letter-spacing:.12em}
.core-orbit{position:absolute;border-radius:50%;border:1px solid rgba(83,230,255,.19);animation:orbitSpin 13s linear infinite}
.orbit-one{inset:-18px}.orbit-two{inset:-33px;border-style:dashed;animation-direction:reverse;animation-duration:19s}
@keyframes orbitSpin{to{transform:rotate(360deg)}}

.luxe-divider{
  position:relative;z-index:3;width:min(1380px,88vw);height:42px;margin:0 auto;display:flex;align-items:center;gap:18px;opacity:.72
}
.luxe-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(106,231,255,.26),rgba(138,104,255,.18),transparent)}
.luxe-divider span{
  width:9px;height:9px;transform:rotate(45deg);
  background:linear-gradient(135deg,var(--cyan),var(--violet),var(--teal));
  box-shadow:0 0 18px rgba(0,217,255,.35)
}

.aura-core{
  width:184px;height:184px;border-radius:50%;
  background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.08),transparent 30%),rgba(4,15,25,.9);
  border:1px solid rgba(119,235,255,.24);box-shadow:0 25px 70px rgba(0,0,0,.48),0 0 55px rgba(0,217,255,.15);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.aura-jewel{
  position:relative;width:96px;height:96px;border-radius:48% 52% 53% 47% / 43% 47% 53% 57%;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.6),transparent 13%),
    conic-gradient(from 15deg,#00d9ff,#28f2bc,#7d68ff,#ef51d2,#83ff37,#00d9ff);
  box-shadow:0 0 45px rgba(0,217,255,.30),inset 0 -18px 30px rgba(1,6,14,.34);
  animation:auraGemFloat 5s ease-in-out infinite;
}
.aura-jewel:before{
  content:"";position:absolute;inset:9px;border-radius:inherit;background:radial-gradient(circle at 34% 28%,#184b61,#071725 45%,#030811 80%);
  border:1px solid rgba(225,254,255,.38)
}
.aura-jewel span{position:relative;z-index:3;font-size:43px;font-weight:900;background:linear-gradient(140deg,#efffff,#61ffe1,#9e78ff);-webkit-background-clip:text;color:transparent}
.jewel-facet{position:absolute;inset:14px;z-index:2;clip-path:polygon(50% 0,88% 24%,100% 68%,66% 100%,23% 91%,0 50%,15% 16%);border:1px solid rgba(255,255,255,.2)}
@keyframes auraGemFloat{50%{transform:translateY(-7px) rotate(2deg);filter:brightness(1.13)}}
.aura-core b{margin-top:12px;color:#dbfbff;letter-spacing:.18em}
.aura-core small{color:#62eeda;letter-spacing:.11em;font-size:8px}

.module-card,.journey-stage,.experience-shell,.final-call{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 20px 70px rgba(0,0,0,.24);
}
.module-card{border-color:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.08));}
.module-card:hover{transform:translateY(-7px) scale(1.012)}
.module-card .icon{
  border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 24px color-mix(in srgb,var(--accent) 13%,transparent)
}
.btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.btn-primary{background:linear-gradient(108deg,#00cfff,#00eeb8 54%,#83ff35);box-shadow:0 15px 42px rgba(0,224,199,.18),inset 0 1px 0 rgba(255,255,255,.34)}
.btn-line{background:linear-gradient(145deg,rgba(9,27,42,.78),rgba(3,12,20,.74));border-color:rgba(131,231,255,.38)}
.section-head h2,.hero h2{letter-spacing:-.025em}
.hero .lead,.section-head p{color:#afc3d1}
footer{background:linear-gradient(180deg,#020a12,#01060b);border-top:1px solid rgba(128,231,255,.14)}

@media(max-width:720px){
  .modion-core{width:126px;height:126px}
  .core-gem{width:65px;height:65px;border-radius:22px}
  .core-gem:before{inset:7px;border-radius:17px}
  .core-gem .logo-mark{width:43px;height:43px}
  .aura-core{width:145px;height:145px}
  .aura-jewel{width:72px;height:72px}
  .aura-jewel span{font-size:32px}
  .stage-caption{display:none}
}


/* MODION TAXI DOWNLOAD V4 */
.hero-sub-link{
  align-self:center;color:#8eeede;font-size:13px;padding:10px 4px;border-bottom:1px solid rgba(93,238,218,.25)
}
.taxi-download-section{padding-top:72px;padding-bottom:95px}
.taxi-download-shell{
  position:relative;min-height:540px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;
  padding:58px;border:1px solid rgba(114,232,255,.23);border-radius:30px;overflow:hidden;
  background:
    radial-gradient(circle at 79% 48%,rgba(0,217,255,.16),transparent 28%),
    radial-gradient(circle at 65% 65%,rgba(134,104,255,.13),transparent 26%),
    linear-gradient(145deg,rgba(8,29,45,.88),rgba(3,12,21,.92));
  box-shadow:0 34px 95px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.055)
}
.taxi-download-shell:before{
  content:"";position:absolute;inset:16px;border:1px solid rgba(213,252,255,.07);border-radius:23px;pointer-events:none
}
.taxi-download-copy{position:relative;z-index:3}
.taxi-download-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:10px 0 20px}
.taxi-download-copy>p{max-width:720px;color:#b6cad7;font-size:17px;line-height:1.62}
.taxi-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}
.taxi-feature-grid span{
  padding:15px 16px;border:1px solid rgba(93,226,255,.16);border-radius:14px;
  background:rgba(3,16,27,.54);color:#d6e8f1;font-size:13px
}
.taxi-feature-grid i{
  font-style:normal;color:#57f5da;font-size:10px;letter-spacing:.12em;margin-right:9px
}
.taxi-actions{display:flex;gap:13px;flex-wrap:wrap}
.taxi-device{position:relative;min-height:430px;display:grid;place-items:center}
.taxi-phone{
  position:relative;z-index:3;width:260px;height:505px;padding:28px 20px;border-radius:42px;
  background:linear-gradient(180deg,#061a2b,#020b13);border:2px solid rgba(137,239,255,.7);
  box-shadow:0 35px 75px rgba(0,0,0,.55),0 0 55px rgba(0,217,255,.2),inset 0 1px 0 rgba(255,255,255,.12)
}
.taxi-notch{width:78px;height:10px;margin:-18px auto 23px;border-radius:12px;background:#010509}
.taxi-app-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.taxi-mini-logo{
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#021019;font-weight:1000;
  background:linear-gradient(135deg,#00d9ff,#00efbd,#81ff35);box-shadow:0 0 25px rgba(0,217,255,.22)
}
.taxi-app-head div{display:grid}.taxi-app-head small{color:#7592a3;font-size:10px}
.taxi-app-status{margin:21px 0;padding:11px;border-radius:11px;color:#9fffe9;background:rgba(0,239,189,.08);font-size:11px}
.taxi-app-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43f4c5;box-shadow:0 0 12px #43f4c5;margin-right:7px}
.taxi-app-card{display:flex;justify-content:space-between;margin:12px 0;padding:15px;border-radius:13px;background:rgba(13,43,67,.65);border:1px solid rgba(84,221,255,.12);font-size:12px}
.taxi-app-card span{color:#9ab0bf}.taxi-app-card b{color:#ecfbff}
.taxi-install-chip{
  position:absolute;left:21px;right:21px;bottom:25px;padding:14px;text-align:center;border-radius:14px;
  color:#021018;font-weight:900;background:linear-gradient(110deg,#00d9ff,#00efbd 55%,#81ff35);
  box-shadow:0 12px 30px rgba(0,224,199,.18)
}
.taxi-orbit{position:absolute;border-radius:50%;border:1px solid rgba(94,228,255,.18);animation:orbitSpin 16s linear infinite}
.taxi-orbit.o1{width:380px;height:380px}.taxi-orbit.o2{width:500px;height:500px;border-style:dashed;animation-direction:reverse;animation-duration:23s}
.taxi-install-modal{
  position:fixed;inset:0;z-index:1200;display:none;place-items:center;padding:20px;
  background:rgba(0,4,9,.78);backdrop-filter:blur(18px)
}
.taxi-install-modal.open{display:grid}
.taxi-install-dialog{
  position:relative;width:min(620px,94vw);padding:42px;border-radius:28px;text-align:center;
  border:1px solid rgba(130,237,255,.32);
  background:
    radial-gradient(circle at 50% 0,rgba(0,217,255,.13),transparent 32%),
    linear-gradient(145deg,#071b2a,#020a12);
  box-shadow:0 45px 120px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.08)
}
.taxi-dialog-logo{
  width:78px;height:78px;margin:0 auto 18px;border-radius:25px;display:grid;place-items:center;
  color:#021018;font-size:34px;font-weight:1000;background:linear-gradient(135deg,#00d9ff,#00efbd,#81ff35);
  box-shadow:0 0 42px rgba(0,217,255,.28)
}
.taxi-install-dialog h2{font-size:34px;margin:8px 0 24px}
.install-steps{display:grid;gap:10px;text-align:left;margin:22px 0}
.install-steps>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:13px;border-radius:13px;background:rgba(11,39,59,.54);border:1px solid rgba(84,220,255,.11)}
.install-steps b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#031017;background:linear-gradient(135deg,#00d9ff,#55f2bd)}
.install-steps p{margin:0;color:#b9ccd8;font-size:13px}
.install-platform-note{margin:16px 0 22px;color:#7ff5df;font-size:12px}
.taxi-install-dialog>.btn{margin:6px}
.taxi-modal-close:first-child{position:absolute;right:16px;top:10px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}

@media(max-width:980px){
  .taxi-download-shell{grid-template-columns:1fr;padding:38px}
  .taxi-device{min-height:520px}
}
@media(max-width:720px){
  .taxi-download-shell{padding:30px 22px}
  .taxi-feature-grid{grid-template-columns:1fr}
  .taxi-phone{width:238px;height:470px}
  .taxi-orbit.o1{width:315px;height:315px}.taxi-orbit.o2{width:410px;height:410px}
  .taxi-install-dialog{padding:34px 20px}
  .taxi-install-dialog h2{font-size:28px}
  .hero-sub-link{width:100%;text-align:center}
}


/* MODION CLASSIC FUSION V5 */
.brand-image-link{display:flex;align-items:center;width:190px;height:58px}
.brand-image-link img{width:100%;height:auto;display:block}
.loader-brand-image{width:290px;max-width:74vw;margin:0 auto 28px;filter:drop-shadow(0 0 26px rgba(0,217,255,.24))}
.fusion-hero{
  position:relative;z-index:2;min-height:calc(100vh - 78px);display:grid;grid-template-columns:.83fr 1.17fr;
  align-items:center;gap:30px;padding:62px 4vw 46px;border-bottom:1px solid rgba(83,221,255,.18);
  background:radial-gradient(circle at 63% 36%,rgba(0,217,255,.08),transparent 30%)
}
.fusion-copy{max-width:650px}
.fusion-wordmark{
  margin:10px 0 16px;font-family:Arial Narrow,Eurostile,Inter,sans-serif;font-weight:700;
  font-size:clamp(78px,8vw,132px);letter-spacing:-.075em;line-height:.88;
  background:linear-gradient(96deg,#e9f6f9 0,#b7c8cb 28%,#e8f8f7 46%,#56e8dd 68%,#8aff55 100%);
  -webkit-background-clip:text;color:transparent;text-shadow:0 0 40px rgba(0,225,211,.10)
}
.fusion-copy h2{font-size:clamp(30px,3.1vw,50px);line-height:1.05;margin:0 0 19px}
.fusion-lead{color:#bacbd5;font-size:18px;line-height:1.62}
.fusion-benefits{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;color:#bfd0db;font-size:12px}
.fusion-benefits i{font-style:normal;color:#22efd0;margin-right:6px}
.fusion-visual{position:relative;height:620px}
.aura-main{
  position:absolute;left:-2%;top:0;width:45%;height:100%;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 80%,transparent 100%)
}
.aura-main img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;filter:saturate(1.13) contrast(1.08)}
.aura-glow-ring{position:absolute;inset:18% 5%;border-radius:50%;border:1px solid rgba(0,239,189,.15);box-shadow:0 0 65px rgba(0,217,255,.11)}
.fusion-dashboard{
  position:absolute;right:3%;top:20px;width:69%;height:515px;border-radius:28px;overflow:hidden;
  border:1px solid rgba(108,232,255,.55);background:#06131f;box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 50px rgba(0,217,255,.12);
  transform:perspective(1300px) rotateY(-4deg) rotateX(1deg)
}
.fusion-dashboard img{width:100%;height:100%;object-fit:cover}
.dash-live-point{position:absolute;width:10px;height:10px;border-radius:50%;background:#28f1c9;box-shadow:0 0 18px #28f1c9;animation:pulseDot 2s ease-in-out infinite}
.dash-live-point.p1{left:44%;top:73%}.dash-live-point.p2{left:68%;top:63%;animation-delay:-.7s}.dash-live-point.p3{left:82%;top:78%;animation-delay:-1.3s}
.fusion-phone{
  position:absolute;right:-1%;bottom:0;width:176px;height:360px;padding:22px 14px;border-radius:32px;
  border:2px solid #67eaff;background:linear-gradient(180deg,#071c2d,#03111e);
  box-shadow:0 22px 55px #000,0 0 35px rgba(0,217,255,.20);z-index:5
}
.fusion-phone>img{width:104px;height:auto;margin:0 0 8px}
.phone-notch{width:55px;height:8px;border-radius:10px;background:#010509;margin:-14px auto 15px}
.fusion-phone p{font-size:12px}.fusion-phone button{display:block;width:100%;margin:8px 0;padding:9px;border-radius:8px;border:1px solid rgba(75,220,255,.15);background:#082640;color:#e0f8ff;text-align:left;font-size:10px}
.phone-stat{margin-top:14px;padding:11px;text-align:center;border-radius:10px;background:rgba(0,239,189,.08);color:#6df5de;font-size:10px}
.fusion-grid .module-card{min-height:220px}
.fusion-aura-panel{
  min-height:520px;border-radius:27px;border:1px solid rgba(67,222,255,.28);overflow:hidden;
  display:grid;grid-template-columns:.72fr 1fr .35fr;align-items:center;
  background:radial-gradient(circle at 60% 50%,rgba(0,206,255,.19),transparent 34%),linear-gradient(135deg,#041321,#090a2a);
  box-shadow:0 30px 90px rgba(0,0,0,.4)
}
.fusion-aura-copy{padding:48px;z-index:4}
.fusion-aura-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:8px 0 20px}
.fusion-aura-copy p,.fusion-aura-copy li{color:#b8ccd9}.fusion-aura-copy ul{list-style:none;padding:0}.fusion-aura-copy li{margin:10px 0}.fusion-aura-copy li:before{content:"✓";color:#43efd0;margin-right:10px}
.fusion-aura-art{position:relative;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 93%,transparent)}
.fusion-aura-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;filter:saturate(1.17)}
.aura-jewel-card{margin-right:26px;padding:26px 16px;text-align:center;border:1px solid rgba(117,232,255,.24);border-radius:24px;background:rgba(6,20,37,.74);box-shadow:0 23px 60px #000}
.aura-jewel-card .aura-jewel{width:100px;height:100px;margin:0 auto 16px;border-radius:38% 62% 55% 45% / 45% 44% 56% 55%;display:grid;place-items:center;background:conic-gradient(#00d9ff,#00efbd,#846cff,#ff53cb,#83ff38,#00d9ff);box-shadow:0 0 40px rgba(0,217,255,.28);animation:auraGemFloat 5s ease-in-out infinite}
.aura-jewel-card img{width:65%;height:65%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.2))}
.aura-jewel-card b{display:block;letter-spacing:.16em}.aura-jewel-card small{display:block;color:#77dfd0;font-size:9px;margin:5px 0}.aura-jewel-card i{font-style:normal;color:#76ffdc;font-size:9px}
.system-intro{padding-top:55px;padding-bottom:65px}
.taxi-product-panel{
  min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:56px;border-radius:28px;
  border:1px solid rgba(97,226,255,.24);background:radial-gradient(circle at 78% 45%,rgba(0,217,255,.14),transparent 27%),linear-gradient(145deg,#071b2b,#03101b);
  box-shadow:0 32px 90px rgba(0,0,0,.42)
}
.taxi-product-copy h2{font-size:clamp(42px,5vw,72px);margin:8px 0 18px}.taxi-product-copy>p{color:#b7cad6;font-size:17px;line-height:1.6}
.taxi-points{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:26px 0;color:#d4e7ef}.taxi-points span{padding:12px 14px;border:1px solid rgba(85,222,255,.14);border-radius:12px;background:rgba(5,22,36,.55);font-size:13px}
.taxi-actions{display:flex;gap:13px;flex-wrap:wrap}
.taxi-product-device{position:relative;min-height:460px;display:grid;place-items:center}
.taxi-app-head img{width:150px;height:auto}
.footer-brand img{width:190px;height:auto;margin-bottom:12px}
.taxi-dialog-brand{width:220px;height:auto;margin:0 auto 15px}
@media(max-width:1100px){
  .fusion-hero{grid-template-columns:1fr}.fusion-visual{height:610px}
  .fusion-aura-panel{grid-template-columns:1fr 1fr}.aura-jewel-card{display:none}
  .taxi-product-panel{grid-template-columns:1fr}
}
@media(max-width:720px){
  .brand-image-link{width:150px}.fusion-hero{padding:50px 20px 35px}.fusion-wordmark{font-size:72px}.fusion-copy h2{font-size:29px}.fusion-lead{font-size:16px}
  .fusion-visual{height:500px}.aura-main{width:62%;left:-10%}.fusion-dashboard{width:80%;height:340px;right:-24px;top:80px}.fusion-phone{display:none}
  .fusion-aura-panel{grid-template-columns:1fr}.fusion-aura-copy{padding:31px 23px}.fusion-aura-art{height:360px}
  .taxi-product-panel{padding:30px 22px}.taxi-points{grid-template-columns:1fr}
}


/* MODION PLATFORM RC2 — final experience layer */
html{scroll-behavior:smooth}
body{--trust-clear:0}
body::after{
  content:"";position:fixed;inset:-12%;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 74% 20%,rgba(0,217,255,.09),transparent 27%),
    radial-gradient(circle at 26% 72%,rgba(138,104,255,.07),transparent 31%);
  animation:ambientBreath 14s ease-in-out infinite alternate;
}
@keyframes ambientBreath{from{transform:translate3d(-4px,2px,0) scale(1);opacity:.7}to{transform:translate3d(7px,-5px,0) scale(1.025);opacity:1}}

.animated-brand{position:relative;overflow:hidden;opacity:0;transform:translateY(-5px);animation:brandEnter .9s ease 3s forwards}
.brand-draw-line{position:absolute;left:0;top:50%;width:0;height:1px;background:linear-gradient(90deg,transparent,#64f6df,#b3ff70);animation:brandDraw 1.1s ease 3.05s forwards}
.brand-sheen{position:absolute;inset:-30% auto -30% -35%;width:22%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:logoSheen 5.5s ease-in-out 4.2s infinite}
@keyframes brandEnter{to{opacity:1;transform:none}}
@keyframes brandDraw{50%{width:100%}100%{width:100%;opacity:0}}
@keyframes logoSheen{0%,70%{left:-35%;opacity:0}78%{opacity:.7}92%{left:120%;opacity:0}100%{left:120%;opacity:0}}

.cursor-aura{
  position:fixed;left:0;top:0;z-index:999;pointer-events:none;width:84px;height:84px;border-radius:50%;
  opacity:0;transform:translate(-50%,-50%);transition:opacity .25s ease;
  background:radial-gradient(circle,rgba(98,247,224,.11),rgba(0,217,255,.045) 38%,transparent 70%);
  border:1px solid rgba(110,238,255,.08);filter:blur(.1px)
}
.cursor-aura.visible{opacity:1}
.cursor-aura.pulse{animation:cursorPulse .7s ease}
@keyframes cursorPulse{50%{width:125px;height:125px;border-color:rgba(127,255,224,.24)}}

.sound-toggle{
  position:fixed;right:16px;bottom:16px;z-index:80;display:flex;align-items:center;gap:8px;
  min-height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(109,229,255,.18);
  color:#8faab8;background:rgba(2,13,23,.72);backdrop-filter:blur(12px);cursor:pointer
}
.sound-toggle span{color:#43efd0;font-size:20px}.sound-toggle small{font-size:10px}.sound-toggle.on{color:#d9fbff;border-color:rgba(85,239,210,.38)}

.aura-main{animation:auraBreathe 6.4s ease-in-out infinite;transform-origin:55% 60%}
.aura-main img{animation:auraLightBreath 6.4s ease-in-out infinite}
@keyframes auraBreathe{50%{transform:scale(1.012) translateY(-2px)}}
@keyframes auraLightBreath{50%{filter:saturate(1.22) contrast(1.09) brightness(1.08);opacity:.97}}

.trust-glass{
  position:absolute;z-index:8;inset:22px 5% 55px 27%;border-radius:30px;pointer-events:none;
  border:1px solid rgba(212,251,255,.24);
  background:
    linear-gradient(120deg,rgba(255,255,255,.13),transparent 24% 68%,rgba(255,255,255,.05)),
    rgba(8,25,38,calc(.62 - var(--trust-clear)*.56));
  backdrop-filter:blur(calc(14px - var(--trust-clear)*13px)) saturate(calc(105% + var(--trust-clear)*25%));
  opacity:calc(1 - var(--trust-clear)*.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 25px 65px rgba(0,0,0,.25);
  transition:opacity .15s linear,backdrop-filter .15s linear
}
.trust-glass::before,.trust-glass::after{content:"";position:absolute;background:rgba(189,247,255,.13);height:1px;transform-origin:left}
.trust-glass::before{width:36%;left:22%;top:28%;transform:rotate(48deg)}
.trust-glass::after{width:28%;right:14%;top:53%;transform:rotate(-57deg)}
.trust-glass span,.trust-glass small{position:absolute;right:24px;top:24px;text-align:right;letter-spacing:.14em}
.trust-glass span{color:#91f8e5;font-size:9px}.trust-glass small{top:43px;color:#b5c8d2;font-size:9px;letter-spacing:0}

.dashboard-simulator{position:absolute;inset:0;pointer-events:none}
.sim-metric{
  position:absolute;top:9%;width:20%;padding:10px 11px;border-radius:10px;
  background:rgba(3,17,29,.83);border:1px solid rgba(81,221,255,.14);backdrop-filter:blur(8px);
  display:grid;box-shadow:0 10px 25px rgba(0,0,0,.22)
}
.sim-metric span,.sim-metric i{font-size:8px;color:#7f9aa9;font-style:normal}.sim-metric b{font-size:18px;color:#e9fbff}
.sim-metric.m1{left:25%}.sim-metric.m2{left:48%}.sim-metric.m3{left:71%}
.sim-event{
  position:absolute;right:5%;top:49%;max-width:190px;padding:9px 12px;border-radius:10px;
  color:#bdf9ed;background:rgba(5,33,47,.88);border:1px solid rgba(66,239,203,.19);font-size:9px;
  opacity:0;transform:translateX(12px);transition:.45s
}
.sim-event.show{opacity:1;transform:none}
.sim-chart{position:absolute;left:29%;top:31%;width:43%;height:20%;overflow:visible}
.sim-chart polyline{fill:none;stroke:#32efd0;stroke-width:2;filter:drop-shadow(0 0 5px rgba(50,239,208,.6));stroke-dasharray:500;stroke-dashoffset:500;animation:chartDraw 3.4s ease-in-out infinite alternate}
@keyframes chartDraw{to{stroke-dashoffset:0}}

.product-family{padding-top:55px}
.product-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product-tile{
  position:relative;min-height:250px;padding:27px;border-radius:20px;border:1px solid rgba(96,224,255,.14);
  background:linear-gradient(145deg,rgba(9,31,48,.72),rgba(3,13,23,.84));overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)
}
.product-tile::before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-75px;top:-75px;background:radial-gradient(circle,rgba(0,217,255,.13),transparent 67%)}
.product-tile span{color:#54efd4;font-size:11px;letter-spacing:.15em}.product-tile h3{font-size:22px;margin:42px 0 12px}.product-tile p{color:#aebfcb;font-size:13px;line-height:1.55}.product-tile b{position:absolute;left:27px;bottom:22px;color:#748e9e;font-size:9px;letter-spacing:.13em}
.product-tile.active{border-color:rgba(66,239,204,.36);box-shadow:0 20px 55px rgba(0,0,0,.25),0 0 30px rgba(0,239,189,.07)}
.product-tile.active b{color:#63f6db}

.aura-whisper{
  position:fixed;left:24px;bottom:24px;z-index:90;width:min(440px,calc(100vw - 48px));padding:15px 48px 15px 14px;
  border-radius:18px;border:1px solid rgba(114,233,255,.24);background:rgba(4,18,29,.82);backdrop-filter:blur(17px);
  box-shadow:0 24px 70px rgba(0,0,0,.44);display:flex;align-items:center;gap:13px;
  opacity:0;transform:translateY(22px);pointer-events:none;transition:.65s ease
}
.aura-whisper.show{opacity:1;transform:none;pointer-events:auto}
.whisper-symbol{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#06263a,#030b12);border:1px solid rgba(92,229,255,.22)}
.whisper-symbol img{width:72%;height:72%;object-fit:contain}.aura-whisper div:nth-child(2){display:grid}.aura-whisper b{font-size:13px}.aura-whisper span{color:#99afbd;font-size:11px;margin-top:3px}.aura-whisper button{position:absolute;right:12px;top:9px;border:0;background:transparent;color:#8fa8b6;font-size:22px;cursor:pointer}

.final-silence{
  position:relative;z-index:2;min-height:590px;display:grid;place-items:center;align-content:center;text-align:center;
  overflow:hidden;border-top:1px solid rgba(95,225,255,.10);background:linear-gradient(180deg,rgba(2,8,14,.35),#01060a)
}
.final-silence img{width:82px;filter:drop-shadow(0 0 28px rgba(0,217,255,.22));opacity:.9}
.final-silence h2{font-size:clamp(58px,8vw,108px);letter-spacing:.08em;margin:24px 0 5px;color:#edfafd}
.final-silence p{color:#9bb0bd;font-size:20px;letter-spacing:.03em}
.final-light{position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(0,217,255,.11),rgba(138,104,255,.035) 43%,transparent 70%);filter:blur(14px);animation:finalGlow 7s ease-in-out infinite}
@keyframes finalGlow{50%{transform:scale(1.14);opacity:.72}}

.install-demo-phone{
  width:185px;height:290px;margin:0 auto 22px;padding:18px 14px;border-radius:28px;border:2px solid rgba(113,234,255,.62);
  background:linear-gradient(180deg,#071b2c,#030b13);box-shadow:0 24px 55px rgba(0,0,0,.45),0 0 34px rgba(0,217,255,.14);
  overflow:hidden
}
.install-demo-phone img{width:120px}.install-demo-top{width:55px;height:7px;border-radius:10px;background:#010409;margin:-11px auto 14px}
.install-demo-step,.install-demo-done{margin:10px 0;padding:10px;border-radius:9px;font-size:10px;background:#09243a;color:#bcd0dc;opacity:.25;animation:installSequence 8s infinite}
.install-demo-step.s2{animation-delay:1.7s}.install-demo-step.s3{animation-delay:3.4s}.install-demo-done{color:#021018;background:linear-gradient(110deg,#00d9ff,#00efbd,#81ff35);font-weight:900;animation-delay:5.1s}
@keyframes installSequence{0%,15%,100%{opacity:.25;transform:translateX(0)}20%,38%{opacity:1;transform:translateX(3px)}45%{opacity:.25}}

@media(max-width:1050px){.product-family-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
  .sound-toggle small{display:none}.sound-toggle{width:40px;padding:0;justify-content:center}
  .trust-glass{inset:70px -8px 65px 20%}
  .product-family-grid{grid-template-columns:1fr}
  .aura-whisper{left:12px;bottom:12px;width:calc(100vw - 24px)}
  .final-silence{min-height:430px}.final-silence p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .cursor-aura{display:none}
}


/* MODION PLATFORM RC3 — installation flow and mobile performance */
.taxi-header-link{white-space:nowrap}
.taxi-install-modal{
  overflow-y:auto;
  overscroll-behavior:contain;
  align-items:flex-start;
  padding:clamp(12px,3vh,30px) 16px;
}
.taxi-install-dialog{
  width:min(720px,96vw);
  max-height:calc(100dvh - 24px);
  margin:auto;
  padding:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
}
.install-dialog-head{
  min-height:76px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(108,229,255,.13);
}
.install-dialog-head .taxi-dialog-brand{width:190px;margin:0}
.install-dialog-head .taxi-modal-close{
  position:static;width:42px;height:42px;border-radius:50%;border:1px solid rgba(118,230,255,.16);
  background:rgba(3,14,24,.65);display:grid;place-items:center;color:#fff;font-size:26px
}
.install-dialog-scroll{
  overflow-y:auto;
  padding:28px 34px 22px;
  scrollbar-width:thin;
  scrollbar-color:rgba(74,231,207,.5) rgba(3,14,24,.4);
}
.install-intro{max-width:600px;margin:0 auto 18px;color:#abc0ce;line-height:1.55;text-align:center}
.install-progress{display:flex;justify-content:center;gap:8px;margin:18px 0 24px}
.install-progress i{width:42px;height:3px;border-radius:5px;background:rgba(135,170,184,.2);transition:.35s}
.install-progress i.active{background:linear-gradient(90deg,#00d9ff,#00efbd);box-shadow:0 0 12px rgba(0,239,189,.28)}
.install-stage{display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:center;min-height:330px}
.install-device-demo{
  width:220px;height:330px;margin:auto;padding:21px 15px;border-radius:34px;border:2px solid rgba(101,230,255,.65);
  background:linear-gradient(180deg,#071b2d,#020a12);box-shadow:0 25px 65px rgba(0,0,0,.48),0 0 32px rgba(0,217,255,.14)
}
.install-device-top{width:58px;height:7px;margin:-13px auto 18px;border-radius:9px;background:#010408}
.install-device-demo>img{width:130px;height:auto;margin:0 auto 18px}
.install-demo-screen{display:grid;gap:10px}
.demo-row{
  min-height:55px;padding:10px;border-radius:11px;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;
  border:1px solid rgba(78,219,255,.09);background:#082238;color:#6f8998;font-size:10px;
  opacity:.34;transform:scale(.98);transition:.4s
}
.demo-row b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0b314b;color:#78e9dd}
.demo-row.active{
  opacity:1;transform:scale(1);color:#e5f8ff;border-color:rgba(64,239,203,.25);
  box-shadow:0 0 22px rgba(0,239,189,.08)
}
.demo-row.active b{color:#021018;background:linear-gradient(135deg,#00d9ff,#00efbd)}
.install-step-copy{text-align:left}
.install-step-copy>span{color:#5cf2d5;font-size:10px;font-weight:850;letter-spacing:.14em}
.install-step-copy h3{font-size:clamp(25px,4vw,38px);line-height:1.08;margin:11px 0 15px}
.install-step-copy p{color:#abc0ce;line-height:1.6}
.install-dialog-actions{
  position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:auto auto 1fr;gap:10px;
  padding:15px 22px;border-top:1px solid rgba(108,229,255,.14);
  background:rgba(3,14,24,.96);backdrop-filter:blur(12px)
}
.install-dialog-actions .btn{margin:0}
#installOpenApp{display:none;justify-self:stretch}
#installOpenApp.visible{display:inline-flex}
#installNext.hidden{display:none}
#installPrev:disabled{opacity:.35;cursor:not-allowed}

@media(max-width:680px){
  .header-actions .taxi-header-link{font-size:0;width:47px;padding:0}
  .header-actions .taxi-header-link::after{content:"T";font-size:16px}
  .taxi-install-modal{padding:0}
  .taxi-install-dialog{width:100vw;max-height:100dvh;min-height:100dvh;border-radius:0;border-left:0;border-right:0}
  .install-dialog-head{min-height:66px;padding:10px 15px}
  .install-dialog-head .taxi-dialog-brand{width:155px}
  .install-dialog-scroll{padding:20px 18px 15px}
  .taxi-install-dialog h2{font-size:29px;margin:7px 0 12px}
  .install-stage{grid-template-columns:1fr;gap:18px;min-height:0}
  .install-device-demo{width:190px;height:270px;padding:18px 13px}
  .install-device-demo>img{width:112px;margin-bottom:13px}
  .demo-row{min-height:45px;font-size:9px}
  .install-step-copy{text-align:center}
  .install-step-copy h3{font-size:25px}
  .install-dialog-actions{grid-template-columns:1fr 1fr;padding:11px}
  #installOpenApp{grid-column:1/-1;min-height:54px}
}

/* Mobile GPU/CPU budget */
@media(max-width:820px){
  body::after{animation:none;opacity:.55}
  .bg-grid{opacity:.09;background-size:92px 92px}
  #universe{opacity:.36}
  .cursor-aura,.sound-toggle{display:none!important}
  .trust-glass{backdrop-filter:none!important;background:rgba(8,25,38,.30)}
  .site-header,.aura-whisper,.taxi-install-modal,.install-dialog-actions{backdrop-filter:none!important}
  .aura-main,.aura-main img,.aura-jewel-card .aura-jewel,.final-light{animation-duration:12s!important}
  .brand-sheen{display:none}
  .fusion-dashboard{box-shadow:0 18px 45px rgba(0,0,0,.40)}
  .module-card:hover,.product-tile:hover{transform:none!important}
}
@media(max-width:520px){
  #universe{display:none}
  .spark-layer .spark:nth-child(n+22){display:none}
  .dash-live-point.p2,.dash-live-point.p3{display:none}
  .sim-chart{display:none}
  .dashboard-simulator .sim-metric.m2,.dashboard-simulator .sim-metric.m3{display:none}
  .product-tile::before{display:none}
}