.lhero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding-top:0;padding-bottom:0;position:relative}
  .lhero .g1{width:900px;height:700px;background:#7C5CFC;opacity:.3;top:-260px;left:-420px}
  .lhero .g2{width:760px;height:620px;background:#FF3D8A;opacity:.2;bottom:-220px;right:-360px}
  /* phone reuse */
  .stage{position:relative;justify-self:center;perspective:1200px}
  .phone{width:290px;height:590px;border-radius:40px;background:linear-gradient(160deg,#171722,#0B0B13);border:1px solid #2C2C3D;box-shadow:0 50px 100px -30px rgba(124,92,252,.6);position:relative;overflow:hidden;padding:13px;transform:rotateY(-10deg) rotateX(3deg)}
  .screen{width:100%;height:100%;border-radius:29px;overflow:hidden;position:relative;background:#0E0E18}
  .vidbg{position:absolute;inset:0;background:radial-gradient(120% 78% at 50% 12%,rgba(177,92,255,.55),transparent 60%),linear-gradient(180deg,#38215C,#12121E)}
  .vidbg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 42%,rgba(255,90,77,.25),transparent 70%)}
  .ptop{position:absolute;top:14px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;z-index:4}
  .pav{display:flex;align-items:center;gap:8px}.pav .c{width:30px;height:30px;border-radius:50%;background:var(--grad)}
  .pav .t{font-size:12px;font-weight:700}.pav .s{font-size:10px;color:#CFC9E6}
  .plive{font-size:10px;font-weight:800;background:var(--coral);padding:5px 9px;border-radius:7px;display:flex;gap:5px;align-items:center}
  .plive::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse2 1.4s infinite}@keyframes pulse2{50%{opacity:.3}}
  .rail{position:absolute;right:11px;bottom:166px;display:flex;flex-direction:column;gap:14px;z-index:4;align-items:center}
  .rail i{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:15px}.rail i.h{color:var(--coral)}
  .coupon{position:absolute;left:13px;bottom:170px;background:var(--grad);font-size:10px;font-weight:800;padding:7px 11px;border-radius:10px;z-index:4}
  .chat{position:absolute;left:13px;right:64px;bottom:92px;z-index:4;display:flex;flex-direction:column;gap:6px}
  .msg{font-size:10.5px;color:#EDE9FA}.msg b{color:#C3B4FF}
  .prodbar{position:absolute;left:11px;right:11px;bottom:13px;background:#fff;border-radius:14px;padding:9px;display:flex;align-items:center;gap:9px;z-index:4}
  .prodbar .im{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#FFD1E4,#E7D8FF)}
  .prodbar .t{font-size:11px;font-weight:700;color:#111}.prodbar .pr{font-size:12px;font-weight:800;color:#111}
  .prodbar .buy{margin-left:auto;font-size:10px;font-weight:800;color:#fff;background:var(--coral);padding:7px 12px;border-radius:8px}
  /* platform grid */
  .plats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
  .plat{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--field)}
  .plat .n{font-family:'Archivo';font-weight:800;font-size:15px}
  .plat .m{margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.03em;display:inline-block;padding:4px 9px;border-radius:100px}
  .plat .m.auto{color:#04211C;background:var(--mint)}
  .plat .m.manual{color:var(--ink);background:rgba(124,92,252,.13);border:1px solid var(--line)}
  @media(max-width:960px){.lhero{grid-template-columns:1fr;gap:40px}.plats{grid-template-columns:1fr}}