.al-hero{position:relative;background:radial-gradient(70% 80% at 85% 0%,rgba(46,144,255,.26),transparent 60%),linear-gradient(160deg,#0C2046,#0A1B3A 55%,#050E22);color:#fff;overflow:hidden;padding:64px 0 70px}
.al-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(60% 70% at 75% 30%,#000,transparent);pointer-events:none}
.al-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.crumb{font-size:13px;color:#8ba0bd;margin-bottom:16px}.crumb a{color:#8ba0bd}.crumb a:hover{color:#fff}
.al-hero .eyebrow{color:var(--blue-br)}
.al-hero h1{font-size:46px;font-weight:700;margin:10px 0 16px;line-height:1.1}
.al-hero h1 .g{background:linear-gradient(120deg,#5AA8FF,#2E90FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.al-hero p{font-size:17px;color:#bccadd;max-width:520px;margin-bottom:26px}
.stores{display:flex;gap:12px;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;gap:10px;background:#0a1730;color:#fff;border:1px solid rgba(255,255,255,.14);padding:11px 18px;border-radius:11px}
.store.light{background:#fff;color:var(--ink);border:none}
.store b{font-family:'Poppins';font-size:15px;display:block;line-height:1.1}.store span{font-size:10.5px;opacity:.7}
.hv{position:relative;display:flex;justify-content:flex-end;padding-left:30px}
.device-phone{width:262px;height:530px;border-radius:40px;background:linear-gradient(165deg,#16294a,#0a1730);padding:12px;box-shadow:0 40px 90px rgba(3,10,28,.6);border:1px solid rgba(255,255,255,.08);position:relative}
.device-phone .notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:88px;height:18px;border-radius:12px;background:#0a1730;z-index:3}
.device-phone .screen{width:100%;height:100%;border-radius:30px;background:linear-gradient(170deg,#0C2046,#050E22);padding:38px 18px 18px;overflow:hidden;position:relative}
.device-phone .screen::before{content:"";position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(46,144,255,.35),transparent 70%);top:-40px;right:-50px}
.scr-rel{position:relative;z-index:2}.scr-bal{color:#8ba0bd;font-size:11px;letter-spacing:1px}
.scr-big{font-family:'Poppins';font-size:30px;font-weight:700;color:#fff;margin:3px 0}.scr-up{color:#33d68a;font-size:12.5px;font-weight:600;margin-bottom:16px}
.scr-spark{height:60px;margin:8px 0 16px}
.scr-row{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:11px 13px;margin-bottom:9px}
.scr-row .s{color:#fff;font-weight:600;font-family:'Poppins';font-size:13.5px}.scr-row .p{font-weight:600;font-size:13px}
.float-chip{position:absolute;background:#fff;color:var(--ink);border-radius:12px;padding:10px 14px;box-shadow:0 16px 40px rgba(3,10,28,.4);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:4}
.float-chip .ic{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#2E90FF,#0B63D6);display:flex;align-items:center;justify-content:center;color:#fff}
.why2 .row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:34px}
.why2 .row.rev .t{order:2}
.why2 h2{font-size:30px;font-weight:700;margin-bottom:14px}
.why2 p{color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:14px}
.viz{background:linear-gradient(165deg,#0C2046,#050E22);border-radius:20px;min-height:260px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(46,144,255,.2);position:relative;overflow:hidden;padding:30px}
.viz::before{content:"";position:absolute;width:230px;height:230px;background:radial-gradient(circle,rgba(46,144,255,.35),transparent 70%);top:-40px;right:-40px}
.viz .vin{position:relative;z-index:2;width:100%}
.viz-num{font-family:'Poppins';font-size:48px;font-weight:700;color:var(--blue-br);text-align:center}
.viz-lab{color:#9fb0c9;font-size:14px;text-align:center;margin-top:4px}
.apk-badge{display:inline-flex;gap:18px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 20px;font-size:13.5px;margin:6px 0 16px}
.apk-badge b{font-family:'Poppins';color:var(--navy)}
.guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.gcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 20px;transition:.2s}
.gcard:hover{border-color:#cfe0f7;transform:translateY(-4px)}
.gcard .gi{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#eaf3ff,#d7e8ff);color:var(--blue-dp);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.gcard .gn{font-family:'Poppins';font-size:13px;font-weight:700;color:var(--blue);letter-spacing:1px;margin-bottom:6px}
.gcard h3{font-size:16px;font-weight:600;margin-bottom:7px}.gcard p{color:var(--muted);font-size:13px;line-height:1.5}
.prem{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pcard{background:linear-gradient(165deg,#0C2046,#050E22);border:1px solid rgba(46,144,255,.2);border-radius:18px;padding:30px;color:#fff}
.pcard .pi{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue-dp));display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.pcard h3{font-size:19px;font-weight:600;margin-bottom:9px;}.pcard p{color:#aebccf;font-size:14px}
.modern{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.mfeat{list-style:none}
.mfeat li{padding:18px 0;border-bottom:1px solid var(--line)}
.mfeat li:last-child{border-bottom:none}
.mfeat h3{font-size:17px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.mfeat .mi{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#eaf3ff,#d7e8ff);color:var(--blue-dp);display:flex;align-items:center;justify-content:center;flex:0 0 34px}
.mfeat p{color:var(--muted);font-size:14px;padding-left:44px}

/* Device Browser Mockup */
.device-browser {
  width: 100%; max-width: 600px; border-radius: 12px;
  background: linear-gradient(165deg, #16294a, #0a1730);
  box-shadow: 0 30px 60px rgba(3,10,28,.4);
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden; position: relative;
}
.device-browser .bbar {
  display: flex; align-items: center; gap: 8px; padding: 12px 16px;
  background: rgba(0,0,0,.3); border-bottom: 1px solid rgba(255,255,255,.05);
}
.device-browser .bbar .d {
  width: 12px; height: 12px; border-radius: 50%;
}
.device-browser .bbar .url {
  flex: 1; background: rgba(255,255,255,.06); border-radius: 8px;
  padding: 6px; margin-left: 14px; font-size: 12px; text-align: center;
  color: rgba(255,255,255,.5); font-family: 'Inter', monospace; font-weight: 500;
}
.device-browser .bscreen {
  padding: 40px; background: linear-gradient(170deg, #0C2046, #050E22);
  position: relative; overflow: hidden;
}
.device-browser .bscreen::before {
  content: ""; position: absolute; width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(46,144,255,.2), transparent 70%);
  top: -100px; right: -100px; pointer-events: none;
}

@media(max-width:980px){
  .hv { justify-content: center !important; padding-left: 0 !important; margin-top: 40px; }
  .hv > div { justify-content: center !important; }
  .float-chip { transform: scale(0.85); }
.al-hero .wrap,.why2 .row,.why2 .row.rev,.modern{grid-template-columns:1fr}.why2 .row.rev .t{order:0}.prem,.guide-grid{grid-template-columns:1fr 1fr}.al-hero h1{font-size:34px}}
@media(max-width:640px){.prem,.guide-grid{grid-template-columns:1fr}}