.ga { position:relative; }
    .ga-grid { display:grid; grid-template-columns: 1.05fr 1fr; gap:1.5rem; align-items:stretch; }
    .ga-hero { position:relative; overflow:hidden; border-radius: var(--radius-xl); border:1px solid var(--border-color); background: radial-gradient(700px 360px at 80% -10%, var(--primary-subtle), transparent 60%), var(--bg-card); padding:2rem; display:grid; grid-template-columns: 1fr 190px; gap:1.5rem; align-items:center; }
    .ga-hero h3 { font-size:1.5rem; font-weight:900; letter-spacing:-.03em; margin:.4rem 0 .5rem; line-height:1.15; }
    .ga-hero p { color: var(--text-secondary); font-size:.9rem; margin:0 0 1rem; }
    .ga-detect { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem .8rem .4rem .5rem; border-radius:50px; background: var(--success-bg); color: var(--success); font-size:.74rem; font-weight:800; }
    .ga-detect .d { width:22px; height:22px; border-radius:50%; background: var(--success); color:#03210f; display:inline-flex; align-items:center; justify-content:center; font-size:.7rem; }
    .ga-detect.unknown { background: var(--bg-hover); color: var(--text-secondary); } .ga-detect.unknown .d { background: var(--text-muted); color:#fff; }
    .ga-cta { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; }
    .ga-cta .btn { padding:.8rem 1.3rem; }
    .ga-installed { display:none; align-items:center; gap:.5rem; color: var(--success); font-weight:700; font-size:.88rem; }
    .ga-feats { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:1.1rem; }
    .ga-feats span { display:inline-flex; align-items:center; gap:.35rem; padding:.3rem .65rem; border-radius:50px; border:1px solid var(--border-color); background: var(--bg-card-2); font-size:.7rem; font-weight:700; color: var(--text-secondary); }
    .ga-feats i { color: var(--green); font-size:.65rem; }
    /* phone mockup */
    .ga-phone { position:relative; width:190px; height:380px; border-radius:36px; background: #0B0B0F; border:6px solid #1c1c26; box-shadow: 0 30px 60px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.06); overflow:hidden; margin:0 auto; }
    .ga-phone::before { content:''; position:absolute; top:10px; left:50%; transform:translateX(-50%); width:60px; height:18px; border-radius:12px; background:#1c1c26; z-index:2; }
    .ga-phone .scr { position:absolute; inset:0; padding:40px 12px 14px; display:flex; flex-direction:column; gap:8px; color:#F5F6FA; font-size:.6rem; }
    .ga-phone .scr .bal { text-align:center; margin:.4rem 0 .2rem; } .ga-phone .scr .bal small { display:block; color:#6E7183; font-size:.5rem; } .ga-phone .scr .bal b { font-size:1.15rem; font-weight:900; letter-spacing:-.03em; }
    .ga-phone .scr .chip { align-self:center; padding:.15rem .5rem; border-radius:50px; background: rgba(72,255,145,.14); color:#48FF91; font-weight:800; font-size:.5rem; }
    .ga-phone .scr .acts { display:grid; grid-template-columns: repeat(4,1fr); gap:4px; margin-top:.3rem; } .ga-phone .scr .acts span { height:30px; border-radius:50%; background:#14141B; border:1px solid #262633; display:flex; align-items:center; justify-content:center; color:#3B82FF; font-size:.6rem; }
    .ga-phone .scr .row { display:flex; align-items:center; gap:6px; padding:6px 0; border-bottom:1px solid #1e1e28; } .ga-phone .scr .row i.c { width:20px; height:20px; border-radius:50%; background:#26A17B; display:inline-block; }
    .ga-phone .scr .row b { display:block; font-size:.55rem; } .ga-phone .scr .row small { color:#6E7183; font-size:.45rem; } .ga-phone .scr .row .r { margin-left:auto; text-align:right; font-weight:800; }
    .ga-phone .scr .tab { position:absolute; left:10px; right:10px; bottom:10px; height:30px; border-radius:20px; background:#14141B; border:1px solid #262633; display:flex; justify-content:space-around; align-items:center; color:#6E7183; font-size:.55rem; } .ga-phone .scr .tab .on { color:#3B82FF; } .ga-phone .scr .tab .plus { width:22px; height:22px; border-radius:50%; background: linear-gradient(135deg,#0500FF,#0094FF); color:#fff; display:inline-flex; align-items:center; justify-content:center; }
    .ga-icon { position:absolute; right:-14px; top:26px; width:64px; height:64px; border-radius:18px; box-shadow: 0 16px 34px rgba(0,0,0,.5); border:2px solid rgba(255,255,255,.08); animation: ga-float 4s ease-in-out infinite; }
    @keyframes ga-float { 0%,100% { transform: translateY(0) rotate(-4deg) } 50% { transform: translateY(-8px) rotate(2deg) } }
    /* platform panel */
    .ga-panel { border-radius: var(--radius-xl); border:1px solid var(--border-color); background: var(--bg-card); overflow:hidden; display:flex; flex-direction:column; }
    .ga-tabs { display:flex; gap:.25rem; padding:.6rem; border-bottom:1px solid var(--border-color); overflow-x:auto; scrollbar-width:none; } .ga-tabs::-webkit-scrollbar { display:none; }
    .ga-tabs button { flex-shrink:0; display:inline-flex; align-items:center; gap:.4rem; border:1px solid transparent; background:transparent; color: var(--text-secondary); font-weight:700; font-size:.8rem; padding:.5rem .8rem; border-radius:12px; transition: var(--t-fast); }
    .ga-tabs button i { color: var(--text-muted); } .ga-tabs button.on { background: var(--primary-subtle); color: var(--primary); border-color: color-mix(in srgb, var(--primary) 30%, transparent); } .ga-tabs button.on i { color: var(--primary); }
    .ga-tabs button .rec { font-size:.55rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; padding:.1rem .35rem; border-radius:6px; background: var(--success-bg); color: var(--success); }
    .ga-pane { display:none; padding:1.2rem 1.3rem 1.3rem; flex:1; } .ga-pane.on { display:block; animation: ga-in .25s ease both; }
    @keyframes ga-in { from { opacity:0; transform: translateY(6px) } to { opacity:1; transform:none } }
    .ga-pane .t { display:flex; align-items:center; gap:.7rem; margin-bottom:.9rem; } .ga-pane .t .ic { width:42px; height:42px; border-radius:12px; background: var(--primary-subtle); color: var(--primary); display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
    .ga-pane .t b { display:block; font-size:1rem; } .ga-pane .t small { color: var(--text-muted); font-size:.74rem; }
    .ga-steps { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.5rem; }
    .ga-steps li { display:flex; align-items:flex-start; gap:.75rem; padding:.7rem .8rem; border-radius:14px; background: var(--bg-card-2); border:1px solid var(--border-color); font-size:.86rem; }
    .ga-steps .n { width:24px; height:24px; border-radius:50%; background: var(--gradient-main); color:#fff; font-weight:800; font-size:.7rem; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:.05rem; }
    .ga-steps .k { display:inline-flex; align-items:center; gap:.3rem; padding:.05rem .45rem; border-radius:7px; background: var(--bg-card); border:1px solid var(--border-color); font-weight:700; font-size:.78rem; white-space:nowrap; } .ga-steps .k i { color: var(--primary); font-size:.7rem; }
    .ga-steps li span.txt { color: var(--text-secondary); } .ga-steps li span.txt b { color: var(--text-primary); }
    .ga-note { margin-top:.8rem; font-size:.76rem; color: var(--text-muted); display:flex; gap:.5rem; align-items:flex-start; } .ga-note i { color: var(--warning); margin-top:.15rem; }
    .ga-pane .act { margin-top:.9rem; display:flex; gap:.5rem; flex-wrap:wrap; }
    .ga-browsers { display:flex; gap:.35rem; flex-wrap:wrap; margin-top:.8rem; } .ga-browsers span { font-size:.68rem; padding:.2rem .5rem; border-radius:50px; background: var(--bg-hover); color: var(--text-secondary); display:inline-flex; align-items:center; gap:.3rem; } .ga-browsers span.ok i { color: var(--green); } .ga-browsers span.no i { color: var(--danger); }
    /* QR */
    .ga-qr { display:flex; align-items:center; gap:1rem; padding:1rem 1.2rem; border-top:1px solid var(--border-color); background: var(--bg-card-2); }
    .ga-qr img { width:92px; height:92px; border-radius:12px; background:#fff; padding:4px; flex-shrink:0; }
    .ga-qr b { display:block; font-size:.9rem; } .ga-qr span { font-size:.76rem; color: var(--text-secondary); }
    @media (max-width: 992px) { .ga-grid { grid-template-columns: 1fr; } .ga-hero { grid-template-columns: 1fr; } .ga-phone { display:none; } .ga-qr { display:none; } }