/* Buildhouse — indigo theme.
 * Loaded after shared/style.css. Overrides the shared blue palette with the
 * indigo/violet already used by this site's legal pages (legal.css), so the
 * landing page and the legal pages read as one site. Touches only this site —
 * shared/ is untouched. */

:root {
  --navy-0: #0a0a1a;
  --navy-1: #131233;
  --navy-2: #1f1e4d;
  --blue-1: #3b3a8c;
  --blue-2: #5754d6;
  --blue-3: #9a97ff;
  --ink:    #0f0f1e;
  --ink-2:  #2b2b45;
  --mute:   #75758c;
  --line:   #e6e6f0;
  --line-2: #efeff7;

  /* Indigo accent — the single colour used consistently across the site. */
  --accent: #7d7aff;
}

::selection { background: var(--accent); color: #fff; }

/* Body — deep indigo radial */
body {
  background:
    radial-gradient(120% 80% at 50% -10%, #2e2d78 0%, #131233 55%, #0a0a1a 100%);
  background-attachment: fixed;
}

/* Topbar — dark indigo glass */
.topbar {
  background: linear-gradient(180deg, rgba(19,18,51,0.7), rgba(19,18,51,0.3));
}

/* Hero glow — violet halo */
.hero::before {
  background: radial-gradient(circle, rgba(125,122,255,0.20) 0%, transparent 60%);
}

/* Hero headline — white to pale lavender */
h1.title {
  color: #e9e8ff;
}

/* CTA hover — deepen to indigo, keep white text legible */
.nav .cta:hover  { background: #1f1e4d; color: #fff; }
.btn-primary:hover { background: #1f1e4d; color: #fff; }

/* App icon shadow — deep indigo drop */
.app-icon { box-shadow: 0 8px 28px rgba(8,8,30,0.6); }

/* Phone underside — violet hint replaces blue glow */
.phone {
  box-shadow:
    0 1px 0 rgba(255,255,255,0.08) inset,
    0 -1px 0 rgba(0,0,0,0.5) inset,
    0 30px 60px -10px rgba(0,0,0,0.55),
    0 80px 100px -40px rgba(125,122,255,0.16);
}

/* Feature card icons — solid indigo, one tint */
.feat .ico,
.feat .ico.g,
.feat .ico.o,
.feat .ico.r,
.feat .ico.p,
.feat .ico.t {
  background: var(--blue-2);
  box-shadow: 0 6px 16px rgba(87,84,214,0.32), inset 0 1px 0 rgba(255,255,255,0.22);
}

.feat:hover {
  border-color: var(--blue-2);
  box-shadow: 0 24px 48px -16px rgba(87,84,214,0.18);
}

/* Download band — indigo radial */
.download {
  background:
    radial-gradient(80% 100% at 50% 0%, rgba(125,122,255,0.18) 0%, transparent 60%),
    linear-gradient(180deg, #131233, #0a0a1a);
}
.download .h2 {
  color: #e9e8ff;
}
.download .h2 span { color: var(--accent); }

/* Platform tile glyph + hover — indigo device icons */
.platform .gl {
  background: var(--blue-2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}
.platform:hover {
  background: rgba(125,122,255,0.12);
  border-color: var(--accent);
}

/* ============ Indigo accent moments ============ */
.phone-cell .caption span { color: var(--accent); }
.alt .eyebrow          { color: var(--blue-2); }
.alt .eyebrow::before  { background: var(--blue-2); }
.alt .h2 span          { color: var(--blue-2); }
.hero-icon.app-icon {
  box-shadow: 0 8px 28px rgba(8,8,30,0.6), 0 24px 80px rgba(125,122,255,0.16);
}
footer ul a:hover { color: var(--accent); }