.mega-surface{
    background:
            radial-gradient(1200px 300px at 10% -20%, rgba(13,148,136,.08), transparent 60%),
            radial-gradient(1200px 300px at 90% 120%, rgba(245,158,11,.06), transparent 60%),
            rgba(255,255,255,.92);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.left-pill{transition:.18s ease;}
.left-pill[aria-selected="true"]{background:#0ea5a01a;color:#0b807c;box-shadow:inset 0 0 0 1px rgba(14,165,160,.35);}
.left-pill:hover{background:#f8fafc;}
.menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(15,23,42,.08),transparent);}
.feature-card{border-radius:0.9rem;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.85);padding:1rem}
.feature-card h4{font-weight:600}
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-radius:9999px;background:rgba(14,165,160,.08);font-size:.75rem;font-weight:600;color:#0b807c}

.tip-bubble{position:absolute;z-index:60;display:none;min-width:220px;max-width:320px;line-height:1.35;
    background:#0f172a; color:#fff; font-size:.8rem; padding:.6rem .7rem; border-radius:.6rem; box-shadow:0 10px 30px rgba(2,6,23,.3)}
.has-tip:hover .tip-bubble{display:block}
.has-tip{position:relative}

.card{background:rgba(255,255,255,.88);backdrop-filter:blur(6px)}
.shot{aspect-ratio:16/9}
.shot-dashed{border:2px dashed rgba(15,23,42,.25)}
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:9999px;border:1px solid rgba(15,23,42,.18);font-size:.85rem;white-space:nowrap}
.chip:hover{border-color:rgba(14,165,160,.45);color:#0b807c}
.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:9999px;background:rgba(14,165,160,.10);color:#0b807c;font-size:.75rem;font-weight:600}
.section{scroll-margin-top:90px}
.overline{letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:.75rem;color:#0ea5a0}
.logo{
    width: 200px;
    height: auto;
    padding: 10px;
}
.top-30{
    margin-top: 30px;
}