/* ============================================================
   BrainStudioz "Aura" marketing design system (reconstructed)
   Indigo/violet, glassmorphism, aurora blobs. Self-contained.
   ============================================================ */

:root{
  /* canvas + ink */
  --aura-canvas:#F7F7FC; --aura-ink:#0F0F1A;
  /* brand */
  --indigo:#6366F1; --violet:#8B5CF6; --purple:#A855F7;
  --aura-gradient-br:linear-gradient(135deg,#6366F1 0%,#A855F7 100%);
  /* foreground */
  --fg-muted:#56566B; --fg-subtle:#8B8B9C;
  /* lines */
  --border:#E6E6EE; --border-strong:#CFCFDA;
  /* semantic */
  --success:#16A34A; --success-bg:#DCFCE7;
  /* radius */
  --radius-md:10px; --radius-lg:14px; --radius-xl:18px; --radius-2xl:24px;
  /* shadow + glow */
  --shadow-1:0 1px 3px rgba(15,15,26,.05), 0 10px 30px -16px rgba(15,15,26,.18);
  --glow-cta:0 12px 30px -10px rgba(99,102,241,.55);
  --glow-violet:0 16px 50px -18px rgba(139,92,246,.4);
  /* fonts */
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-display:"Space Grotesk","Inter",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.bspmp{background:var(--aura-canvas);color:var(--aura-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
body.bspmp a{color:var(--indigo);text-decoration:none}
body.bspmp a:hover{color:var(--violet)}
img{max-width:100%}

/* ---- aurora hero + blobs ---- */
.aura-aurora{position:relative;overflow:hidden}
.aura-blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}

/* ---- floating pill nav ---- */
.aura-nav-pill{
  background:rgba(15,15,26,.82);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px -12px rgba(15,15,26,.5);
}
.aura-nav-pill a,.aura-nav-pill span{transition:color .16s,opacity .16s,background .16s}

/* ---- glassmorphism card ---- */
.aura-glass{
  background:rgba(255,255,255,.72);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-1);
}

/* ---- gradient text ---- */
.aura-text-gradient{
  background:linear-gradient(135deg,#818CF8 0%,#C084FC 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}

/* ---- grid background (dark sections) ---- */
.grid-bg{
  background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:44px 44px;
}

/* ---- hover utilities (replace design-tool style-hover) ---- */
.hv-op:hover{opacity:.92}
.hv-white:hover{color:#fff !important}
.hv-ink:hover{color:var(--aura-ink) !important}
.hv-bgwhite:hover{background:#fff !important}
.hv-glow:hover{box-shadow:var(--glow-violet)}
.hv-lift{transition:transform .18s,box-shadow .18s}
.hv-lift:hover{transform:translateY(-2px);box-shadow:var(--glow-violet)}

@keyframes bs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ---- pro license picker interactivity ---- */
.bspmp-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(15,15,26,.05);border-radius:999px;padding:5px;margin-bottom:18px}
.bspmp-seg button{border:none;cursor:pointer;border-radius:999px;padding:9px 0;font-family:var(--font-mono);font-size:12px;font-weight:600;background:transparent;color:var(--fg-muted);transition:all .16s}
.bspmp-seg button.is-on{background:#fff;color:var(--aura-ink);box-shadow:var(--shadow-1)}
.bspmp-tier{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer;border-radius:var(--radius-xl);padding:14px 16px;background:rgba(255,255,255,.75);border:1px solid var(--border);transition:border-color .16s,background .16s}
.bspmp-tier:hover{border-color:rgba(99,102,241,.4)}
.bspmp-tier.is-sel{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.55)}
.bspmp-tier__dot{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);background:#fff;color:#fff}
.bspmp-tier.is-sel .bspmp-tier__dot{border-color:transparent;background:var(--aura-gradient-br)}
.bspmp-tier__dot svg{display:none}
.bspmp-tier.is-sel .bspmp-tier__dot svg{display:block}
.bspmp-tier__flag{position:absolute;top:-9px;right:14px;background:var(--aura-gradient-br);color:#fff;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:3px 10px;border-radius:999px}
.bspmp-tiergroup{display:flex;flex-direction:column;gap:10px}

/* ---- responsive ---- */
@media (max-width:900px){
  .bspmp-grid-2,.bspmp-grid-3,.bspmp-hero-grid,.bspmp-buy-grid{grid-template-columns:1fr !important}
  .bspmp-hide-sm{display:none !important}
  .aura-nav-pill{grid-template-columns:auto 1fr !important}
}