:root {
  --bg: #030713;
  --bg-soft: #07152d;
  --panel: rgba(255, 255, 255, 0.08);
  --panel-strong: rgba(255, 255, 255, 0.14);
  --line: rgba(255, 255, 255, 0.14);
  --text: #f7fbff;
  --muted: #aebad6;
  --brand: #69efff;
  --brand-two: #926bff;
  --brand-three: #48a6ff;
  --green: #79ffd2;
  --radius: 28px;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: radial-gradient(circle at 18% 8%, rgba(72, 166, 255, 0.36), transparent 28rem), radial-gradient(circle at 90% 18%, rgba(146, 107, 255, 0.32), transparent 24rem), var(--bg);
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
#networkCanvas { position: fixed; inset: 0; z-index: -3; opacity: 0.48; }
.orb { position: fixed; z-index: -2; width: 28rem; height: 28rem; border-radius: 50%; filter: blur(85px); opacity: .24; pointer-events: none; }
.orb-one { background: var(--brand); right: -10rem; top: 8rem; }
.orb-two { background: var(--brand-two); left: -12rem; bottom: 5rem; }

.site-header {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: .85rem clamp(1rem, 5vw, 4rem);
  background: rgba(3, 7, 19, .78);
  backdrop-filter: blur(22px);
  border-bottom: 1px solid var(--line);
}
.brand { display: grid; grid-template-columns: 3.2rem auto; column-gap: .8rem; align-items: center; }
.brand img { width: 3.2rem; height: 3.2rem; grid-row: span 2; }
.brand span { font-weight: 950; letter-spacing: -.04em; font-size: clamp(1rem, 3vw, 1.28rem); }
.brand span strong { color: #fff; }
.brand em { font-style: normal; color: var(--brand); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 850; }
.site-nav { display: flex; align-items: center; gap: .65rem; color: var(--muted); font-weight: 700; font-size: .94rem; }
.site-nav a { padding: .72rem .9rem; border-radius: 999px; }
.site-nav a:hover, .nav-cta { color: var(--text); background: var(--panel); }
.nav-cta { border: 1px solid var(--line); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.menu-toggle { display: none; width: 3.6rem; height: 3.6rem; border: 1px solid var(--line); border-radius: 1.1rem; background: var(--panel); }
.menu-toggle span { display: block; width: 1.45rem; height: 2px; margin: 5px auto; background: var(--text); border-radius: 99px; }

.app-hero { min-height: calc(100vh - 75px); display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(2rem, 5vw, 4rem); padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 4rem); max-width: 1320px; margin: 0 auto; }
.eyebrow { margin: 0 0 1rem; color: var(--brand); font-size: .78rem; letter-spacing: .22em; text-transform: uppercase; font-weight: 950; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(3.2rem, 8.5vw, 6.7rem); line-height: .88; letter-spacing: -.08em; margin-bottom: 1.3rem; }
h2 { font-size: clamp(2rem, 5vw, 3.8rem); line-height: .98; letter-spacing: -.06em; margin-bottom: 1rem; }
h3 { letter-spacing: -.035em; }
.lead { color: var(--muted); font-size: clamp(1.05rem, 2.2vw, 1.28rem); line-height: 1.65; max-width: 680px; }

.ai-workspace, .report-card, .intel-grid article, .card-grid article, .signal-strip article, .founder-ready {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.055));
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
}
.ai-workspace { border-radius: 34px; padding: clamp(1rem, 3vw, 1.6rem); position: relative; overflow: hidden; }
.ai-workspace::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, transparent, rgba(105,239,255,.12), transparent); transform: translateX(-100%); animation: sweep 7s infinite; }
@keyframes sweep { 0%, 42% { transform: translateX(-100%); } 72%, 100% { transform: translateX(100%); } }
.workspace-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; color: var(--muted); }
.workspace-top div { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.workspace-top strong { color: var(--text); }
.live-dot { width: .65rem; height: .65rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 22px var(--green); }
.mode-pill { border: 1px solid rgba(105,239,255,.35); color: var(--brand); border-radius: 999px; padding: .55rem .8rem; font-size: .8rem; font-weight: 900; }
.welcome-card { display: flex; gap: 1rem; align-items: flex-start; padding: 1.1rem; border-radius: 22px; background: rgba(3,7,19,.42); border: 1px solid var(--line); margin-bottom: 1rem; }
.hello { font-size: 1.8rem; }
.welcome-card h2 { font-size: clamp(1.5rem, 4vw, 2.2rem); margin-bottom: .45rem; }
.welcome-card p { color: var(--muted); line-height: 1.55; margin-bottom: 0; }
.ai-search-form label { display: block; color: var(--brand); font-weight: 950; margin-bottom: .55rem; }
.input-shell, .scanner-form { display: grid; grid-template-columns: 1fr auto; gap: .7rem; }
input { width: 100%; border: 1px solid var(--line); border-radius: 18px; padding: 1rem 1.05rem; color: var(--text); background: rgba(255,255,255,.08); outline: none; }
input:focus { border-color: rgba(105,239,255,.7); box-shadow: 0 0 0 4px rgba(105,239,255,.11); }
button { border: 0; border-radius: 18px; padding: 1rem 1.15rem; color: #03101b; font-weight: 950; background: linear-gradient(135deg, var(--brand), var(--brand-three)); box-shadow: 0 14px 34px rgba(72,166,255,.24); }
.prompt-chips { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0; }
.prompt-chips button { background: rgba(255,255,255,.08); color: var(--text); border: 1px solid var(--line); padding: .68rem .78rem; box-shadow: none; font-size: .85rem; }
.thinking-panel { position: relative; overflow: hidden; border: 1px solid rgba(105,239,255,.24); border-radius: 18px; padding: 1rem; margin-bottom: 1rem; background: rgba(105,239,255,.07); color: var(--brand); font-weight: 900; }
.thinking-panel p { margin: 0; }
.scan-line { position: absolute; left: -30%; top: 0; width: 30%; height: 100%; background: linear-gradient(90deg, transparent, rgba(105,239,255,.28), transparent); animation: scan 1.4s linear infinite; }
@keyframes scan { to { left: 100%; } }
.answer-panel { min-height: 210px; }
.answer-empty, .answer-card { border-radius: 22px; padding: 1.1rem; background: rgba(3,7,19,.42); border: 1px solid var(--line); }
.answer-empty { display: grid; place-items: center; min-height: 210px; text-align: center; color: var(--muted); }
.answer-empty span { font-size: 2rem; color: var(--brand); }
.answer-card h3 { color: #fff; font-size: 1.45rem; margin-bottom: .6rem; }
.answer-card p, .answer-card li { color: var(--muted); line-height: 1.6; }
.answer-card h4 { margin-bottom: .4rem; }
.answer-meta { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem; }
.answer-meta span { border: 1px solid rgba(105,239,255,.28); color: var(--brand); border-radius: 999px; padding: .45rem .65rem; font-size: .78rem; font-weight: 900; }
.related { display: grid; gap: .45rem; padding-left: 0; list-style: none; }
.related button { width: 100%; text-align: left; color: var(--text); background: rgba(255,255,255,.07); border: 1px solid var(--line); box-shadow: none; }

.signal-strip { max-width: 1160px; margin: 0 auto; padding: 0 clamp(1rem, 5vw, 4rem) 3rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; }
.signal-strip article { border-radius: 22px; padding: 1rem; box-shadow: none; }
.signal-strip span { display: block; color: var(--brand); font-weight: 950; font-size: 1.45rem; margin-bottom: .2rem; }
.signal-strip p { margin: 0; color: var(--muted); }
.section { padding: clamp(3rem, 8vw, 6rem) clamp(1rem, 5vw, 4rem); max-width: 1200px; margin: 0 auto; }
.section-heading { max-width: 780px; margin-bottom: 1.8rem; }
.section-heading p:not(.eyebrow) { color: var(--muted); line-height: 1.65; }
.narrow { text-align: center; margin-left: auto; margin-right: auto; }
.scanner-form { margin-bottom: 1rem; }
.report-card { display: flex; gap: 1.3rem; align-items: center; border-radius: 28px; padding: 1.2rem; }
.score-ring { width: 128px; height: 128px; flex: 0 0 128px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--brand) calc(var(--score) * 1%), rgba(255,255,255,.14) 0); position: relative; }
.score-ring::after { content: ""; position: absolute; inset: 10px; border-radius: 50%; background: #07152d; }
.score-ring span, .score-ring small { position: relative; z-index: 1; font-weight: 950; }
.score-ring span { font-size: 2.4rem; }
.score-ring small { color: var(--muted); }
.report-body p { color: var(--muted); line-height: 1.6; }
.score-bars { display: grid; gap: .7rem; margin-top: .9rem; }
.score-bars div { display: grid; grid-template-columns: 140px 1fr; gap: .8rem; align-items: center; color: var(--muted); font-size: .9rem; }
.score-bars i { height: .58rem; border-radius: 99px; background: linear-gradient(90deg, var(--brand), var(--brand-two)); width: var(--w); box-shadow: 0 0 18px rgba(105,239,255,.22); }
.intel-grid, .card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.intel-grid article, .card-grid article { border-radius: 24px; padding: 1.2rem; box-shadow: none; }
.intel-grid span { color: var(--brand); font-weight: 950; }
.intel-grid p, .card-grid p { color: var(--muted); line-height: 1.65; }
.founder-ready { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-radius: 28px; }
.founder-ready h2 { font-size: clamp(1.7rem, 4vw, 3rem); }
.founder-ready a { flex: 0 0 auto; border-radius: 999px; padding: .9rem 1.1rem; background: var(--text); color: var(--bg); font-weight: 950; }
.site-footer { border-top: 1px solid var(--line); padding: 2rem clamp(1rem, 5vw, 4rem); display: flex; justify-content: space-between; gap: 1rem; color: var(--muted); flex-wrap: wrap; }
.site-footer p { margin: 0; }
.site-footer strong { color: var(--text); }

@media (max-width: 920px) {
  .site-nav { position: absolute; top: calc(100% + .5rem); left: 1rem; right: 1rem; display: none; flex-direction: column; align-items: stretch; padding: 1rem; border: 1px solid var(--line); border-radius: 20px; background: rgba(3,7,19,.97); }
  .site-nav.open { display: flex; }
  .menu-toggle { display: block; }
  .app-hero, .signal-strip, .intel-grid, .card-grid { grid-template-columns: 1fr; }
  .app-hero { min-height: auto; padding-top: 2.4rem; }
  .brand em { display: none; }
  .input-shell, .scanner-form { grid-template-columns: 1fr; }
  .report-card, .founder-ready { flex-direction: column; align-items: stretch; }
  .score-bars div { grid-template-columns: 1fr; gap: .35rem; }
}

@media (max-width: 520px) {
  .brand img { width: 2.8rem; height: 2.8rem; }
  .brand { grid-template-columns: 2.8rem auto; }
  h1 { font-size: clamp(2.85rem, 16vw, 4rem); }
  .ai-workspace { border-radius: 24px; }
  .workspace-top { align-items: flex-start; flex-direction: column; }
  .score-ring { width: 112px; height: 112px; flex-basis: 112px; }
}