:root {
  --bg: #030c1b;
  --bg-2: #06142a;
  --panel: rgba(8, 25, 49, .64);
  --line: rgba(127, 177, 232, .15);
  --text: #f4f8ff;
  --muted: #91a6c1;
  --blue: #168bff;
  --blue-2: #055cc9;
  --gold: #ffc21a;
  --gold-2: #f5a900;
  --shell: min(1180px, calc(100vw - 44px));
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 18% -10%, rgba(12, 97, 203, .17), transparent 31rem),
    radial-gradient(circle at 95% 20%, rgba(0, 107, 230, .12), transparent 28rem),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
.shell { width: var(--shell); margin-inline: auto; }
.noise { position: fixed; inset: 0; pointer-events: none; z-index: 30; opacity: .03; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"); }
#market-canvas { position: absolute; inset: 0 0 auto; width: 100%; height: 760px; opacity: .4; pointer-events: none; mask-image: linear-gradient(to bottom, #000 30%, transparent 100%); }
.site-header {
  position: relative; z-index: 20; width: var(--shell); margin: 0 auto; height: 90px;
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid var(--line);
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 24px; letter-spacing: -.04em; }
.brand img { width: 35px; height: 35px; object-fit: contain; filter: drop-shadow(0 0 12px rgba(20, 133, 255, .24)); }
.brand span { display: flex; align-items: baseline; }
.brand b { font-weight: 700; }
.brand em { color: var(--gold); font-style: normal; font-weight: 700; }
.site-header nav { display: flex; align-items: center; gap: 30px; font-size: 14px; color: #a9bad0; }
.site-header nav a { transition: color .2s ease; }
.site-header nav a:hover { color: #fff; }
.nav-cta { color: #fff !important; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; padding: 10px 16px; background: rgba(255,255,255,.04); }
.hero { min-height: 730px; padding: 102px 0 94px; display: grid; grid-template-columns: .93fr 1.07fr; gap: 68px; align-items: center; position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 10px; text-transform: uppercase; font-size: 11px; letter-spacing: .19em; color: #9cb2ce; margin-bottom: 26px; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 16px var(--gold); }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(56px, 6.4vw, 88px); line-height: .98; letter-spacing: -.065em; margin-bottom: 28px; max-width: 700px; }
h1 span { color: transparent; background: linear-gradient(95deg, #f8fbff 5%, #9dc8ff 50%, #188bff); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 610px; color: #9fb2ca; font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 52px; padding: 0 21px; border-radius: 4px; font-size: 14px; font-weight: 650; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: #041020; background: linear-gradient(120deg, #ffcb2f, #f5ad00); box-shadow: 0 14px 45px rgba(245, 169, 0, .17); }
.button.ghost { border: 1px solid rgba(152, 186, 225, .2); background: rgba(255,255,255,.025); color: #c9d7e8; }
.intelligence-card { position: relative; min-height: 510px; border: 1px solid rgba(108, 164, 224, .18); background: linear-gradient(145deg, rgba(9,31,59,.88), rgba(3,13,29,.84)); box-shadow: 0 50px 120px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.035); overflow: hidden; }
.intelligence-card::before { content:""; position:absolute; width:360px; height:360px; border-radius:50%; background:rgba(12,116,244,.18); filter:blur(90px); right:-130px; top:-180px; }
.intelligence-card::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(92,149,215,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(92,149,215,.05) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(to bottom,#000,transparent 75%); pointer-events:none; }
.card-top { height: 94px; padding: 23px 26px; border-bottom: 1px solid var(--line); display:flex; justify-content:space-between; align-items:center; position:relative; z-index:2; }
.micro-label { color: #7189a8; font-size: 10px; letter-spacing: .17em; }
.card-top strong { display:block; font-size:18px; margin-top:4px; }
.live-pill { display:flex; align-items:center; gap:8px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03); border-radius:999px; padding:7px 11px; color:#a8bad0; font-size:11px; }
.live-pill i { width:6px; height:6px; border-radius:50%; background:#31d99c; box-shadow:0 0 12px #31d99c; }
.chart-stage { height: 326px; padding: 20px 18px 0; position:relative; z-index:2; }
.chart-stage svg { width:100%; height:100%; overflow:visible; }
.chart-grid path { fill:none; stroke:rgba(139,184,230,.09); stroke-width:1; }
.area { fill:url(#area); }
.line-blue, .line-gold { fill:none; stroke-width:3; stroke-linecap:round; filter:url(#glow); stroke-dasharray:900; stroke-dashoffset:900; animation:draw 2.4s .35s cubic-bezier(.22,.8,.26,1) forwards; }
.line-blue { stroke:#168bff; }
.line-gold { stroke:#ffc21a; stroke-width:1.7; animation-delay:.75s; opacity:.72; }
.signal-dots circle { fill:#ffc21a; stroke:#081d37; stroke-width:4; opacity:0; animation:dotIn .4s 2.25s forwards; }
.chart-note { position:absolute; padding:9px 12px; border:1px solid rgba(116,171,231,.16); background:rgba(3,13,29,.86); backdrop-filter:blur(10px); min-width:140px; box-shadow:0 18px 40px rgba(0,0,0,.22); }
.chart-note span { display:block; color:#6f88a7; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.chart-note b { font-size:11px; font-weight:600; }
.note-one { left:31%; top:48%; }
.note-two { right:5%; top:20%; }
.metric-row { height:90px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); position:relative; z-index:2; }
.metric-row div { padding:20px; border-right:1px solid var(--line); }
.metric-row div:last-child { border:0; }
.metric-row span { display:block; color:#627b9b; font-size:8px; letter-spacing:.13em; }
.metric-row strong { display:block; margin-top:7px; font-size:13px; font-weight:600; }
.signal-strip { border-block:1px solid var(--line); overflow:hidden; background:rgba(3,13,29,.55); }
.signal-track { width:max-content; display:flex; gap:32px; align-items:center; padding:17px 0; animation:marquee 24s linear infinite; color:#6f87a5; font-size:10px; letter-spacing:.16em; }
.signal-track::after { content:"MARKET INTELLIGENCE  ◆  QUANTITATIVE RESEARCH  ◆  AI ANALYSIS  ◆  BEHAVIORAL LEARNING  ◆  CONTINUOUS IMPROVEMENT"; white-space:pre; }
.signal-track i { width:4px; height:4px; border-radius:50%; background:var(--gold); }
.section { padding-block: 140px; }
.section-index { color:#5c7697; font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.vision { display:grid; grid-template-columns:1fr 3fr; gap:30px; border-bottom:1px solid var(--line); }
.vision h2, .section-heading h2 { font-size:clamp(38px,4.6vw,62px); line-height:1.08; letter-spacing:-.045em; font-weight:590; }
.vision h2 span { color:#6f88a7; }
.vision-copy > p { max-width:700px; margin:38px 0 0 auto; font-size:18px; line-height:1.75; color:#91a7c2; }
.section-heading { display:grid; grid-template-columns:1fr 3fr; gap:30px; margin-bottom:60px; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.feature-card { min-height:390px; padding:28px 25px; border-right:1px solid var(--line); background:linear-gradient(180deg,rgba(255,255,255,.018),transparent); transition:background .25s ease, transform .25s ease; position:relative; overflow:hidden; }
.feature-card:last-child { border:0; }
.feature-card:hover { background:rgba(14,54,96,.18); transform:translateY(-4px); }
.feature-card::after { content:""; position:absolute; width:180px; height:180px; border-radius:50%; left:-90px; bottom:-110px; background:rgba(17,139,255,.11); filter:blur(45px); }
.feature-number { display:block; color:#527092; font-size:10px; letter-spacing:.16em; }
.feature-icon { width:72px; height:72px; margin:63px 0 38px; position:relative; }
.feature-card h3 { font-size:20px; letter-spacing:-.02em; margin-bottom:15px; }
.feature-card p { color:#8198b4; font-size:14px; line-height:1.7; }
.scan-icon { border:1px solid rgba(24,139,255,.35); border-radius:50%; }
.scan-icon::before,.scan-icon::after { content:""; position:absolute; inset:12px; border:1px solid rgba(24,139,255,.2); border-radius:50%; }
.scan-icon::after { inset:25px; background:var(--gold); border:0; box-shadow:0 0 18px var(--gold); }
.scan-icon i { position:absolute; left:35px; top:-7px; width:1px; height:42px; background:linear-gradient(var(--blue),transparent); transform-origin:bottom; animation:radar 4s linear infinite; }
.network-icon i { position:absolute; width:9px; height:9px; border-radius:50%; background:var(--blue); box-shadow:0 0 14px var(--blue); }
.network-icon i:nth-child(1){left:5px;top:35px}.network-icon i:nth-child(2){left:32px;top:5px}.network-icon i:nth-child(3){right:4px;top:30px}.network-icon i:nth-child(4){left:34px;bottom:3px;background:var(--gold);box-shadow:0 0 14px var(--gold)}
.network-icon::before { content:""; position:absolute; inset:8px; background:conic-gradient(from 45deg,transparent 0 10%,rgba(82,154,230,.55) 10% 11%,transparent 11% 34%,rgba(82,154,230,.55) 34% 35%,transparent 35% 58%,rgba(82,154,230,.55) 58% 59%,transparent 59%); }
.pulse-icon { overflow:hidden; }
.pulse-icon::before,.pulse-icon::after { content:""; position:absolute; inset:7px; border:1px solid rgba(22,139,255,.35); border-radius:50%; animation:pulse 2.8s infinite; }
.pulse-icon::after { animation-delay:1.4s; }
.pulse-icon i { position:absolute; left:4px; right:4px; top:34px; height:2px; background:linear-gradient(90deg,transparent 0 12%,var(--blue) 12% 33%,var(--gold) 33% 38%,var(--blue) 38% 70%,transparent 70%); clip-path:polygon(0 50%,24% 50%,34% 8%,45% 92%,55% 35%,67% 50%,100% 50%,100% 100%,0 100%); }
.loop-icon { border:1px solid rgba(22,139,255,.22); border-radius:50%; }
.loop-icon::before { content:""; position:absolute; inset:10px; border:2px solid var(--blue); border-left-color:transparent; border-radius:50%; }
.loop-icon::after { content:""; position:absolute; right:5px; top:27px; border:6px solid transparent; border-left-color:var(--blue); transform:rotate(20deg); }
.loop-icon i:first-child { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--gold); top:16px; left:17px; box-shadow:0 0 14px var(--gold); }
.manifesto { padding-top:0; }
.manifesto-panel { min-height:480px; padding:68px; border:1px solid var(--line); position:relative; overflow:hidden; background:linear-gradient(115deg,rgba(10,38,72,.78),rgba(3,13,29,.88)); }
.manifesto-panel::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 50%,rgba(17,139,255,.28),transparent 23rem),radial-gradient(circle at 91% 77%,rgba(255,194,26,.1),transparent 18rem); }
.manifesto-panel > * { position:relative; z-index:2; }
.manifesto h2 { font-size:clamp(52px,7vw,85px); line-height:.98; letter-spacing:-.06em; margin:30px 0; max-width:650px; }
.manifesto-panel > p:not(.micro-label) { max-width:520px; color:#a1b4cc; font-size:16px; line-height:1.7; }
.manifesto-cta { display:inline-flex; align-items:center; gap:22px; margin-top:23px; padding:13px 0 9px; border-bottom:1px solid rgba(255,194,26,.58); color:var(--gold); font-size:13px; font-weight:700; letter-spacing:.01em; }
.manifesto-cta span { transition:transform .2s ease; }
.manifesto-cta:hover span { transform:translate(3px,-3px); }
.learning-orbit { position:absolute; z-index:1; width:390px; height:390px; right:50px; top:46px; border-radius:50%; }
.orbit { position:absolute; inset:0; border:1px solid rgba(46,145,255,.19); border-radius:50%; }
.orbit-a { inset:35px; animation:orbitSpin 18s linear infinite; }
.orbit-b { inset:86px; border-color:rgba(255,194,26,.18); animation:orbitSpinReverse 13s linear infinite; }
.orbit-c { inset:132px; border-color:rgba(46,145,255,.3); }
.orbit-a::before,.orbit-b::before { content:""; position:absolute; width:9px; height:9px; border-radius:50%; top:-5px; left:50%; background:var(--blue); box-shadow:0 0 18px var(--blue); }
.orbit-b::before { background:var(--gold); box-shadow:0 0 18px var(--gold); }
.orbit-core { position:absolute; inset:158px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#34a2ff,#075ec6 55%,#04264f); box-shadow:0 0 55px rgba(22,139,255,.45), inset 0 0 25px rgba(255,255,255,.14); }
.orbit-core i { position:absolute; inset:11px; border:1px solid rgba(255,255,255,.28); border-radius:50%; }
.orbit-label { position:absolute; padding:7px 10px; border:1px solid rgba(116,174,235,.16); background:rgba(4,18,38,.72); color:#89a4c2; font-size:9px; letter-spacing:.12em; text-transform:uppercase; backdrop-filter:blur(8px); }
.label-market { left:-10px; top:74px; }
.label-decision { right:-4px; top:94px; }
.label-outcome { right:18px; bottom:62px; }
.label-learning { left:8px; bottom:88px; color:var(--gold); }
.site-footer { display:grid; grid-template-columns:1fr auto; align-items:end; gap:32px; padding:48px 0 34px; border-top:1px solid var(--line); color:#7188a5; font-size:12px; }
.footer-identity { display:flex; align-items:center; gap:28px; }
.footer-identity p { margin:0; color:#8196af; }
.footer-brand { font-size:19px; }
.footer-brand img { width:32px; height:32px; }
.footer-follow { display:inline-flex; align-items:center; gap:18px; color:#c8d5e5; padding-bottom:7px; border-bottom:1px solid rgba(127,177,232,.22); transition:color .2s ease,border-color .2s ease; }
.footer-follow:hover { color:#fff; border-color:var(--gold); }
.footer-follow span { color:var(--gold); }
.site-footer small { grid-column:1/-1; padding-top:22px; border-top:1px solid rgba(127,177,232,.08); color:#526b88; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .75s ease, transform .75s ease; }
.reveal.visible { opacity:1; transform:none; }
@keyframes draw { to { stroke-dashoffset:0; } }
@keyframes dotIn { to { opacity:1; } }
@keyframes marquee { to { transform:translateX(-50%); } }
@keyframes radar { to { transform:rotate(360deg); } }
@keyframes pulse { 0%{transform:scale(.7);opacity:0}35%{opacity:1}100%{transform:scale(1.2);opacity:0} }
@keyframes orbitSpin { to { transform:rotate(360deg); } }
@keyframes orbitSpinReverse { to { transform:rotate(-360deg); } }
@media (max-width: 980px) {
  .hero { grid-template-columns:1fr; padding-top:75px; }
  .hero-copy { max-width:760px; }
  .intelligence-card { max-width:760px; width:100%; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .feature-card:nth-child(2) { border-right:0; }
  .feature-card:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .vision, .section-heading { grid-template-columns:1fr; }
  .vision-copy > p { margin-left:0; }
}
@media (max-width: 680px) {
  :root { --shell:min(100% - 28px,1180px); }
  .site-header { height:74px; }
  .site-header nav > a:not(.nav-cta) { display:none; }
  .nav-cta { padding:8px 12px; font-size:12px; }
  .hero { min-height:auto; padding:74px 0 78px; gap:52px; }
  h1 { font-size:clamp(48px,15vw,66px); }
  .hero-lead { font-size:16px; }
  .hero-actions { flex-direction:column; }
  .button { width:100%; justify-content:space-between; }
  .intelligence-card { min-height:440px; }
  .card-top { height:82px; padding:18px; }
  .chart-stage { height:278px; }
  .chart-note { display:none; }
  .metric-row { height:80px; }
  .metric-row div { padding:14px 10px; }
  .metric-row span { letter-spacing:.05em; font-size:7px; }
  .metric-row strong { font-size:11px; }
  .section { padding-block:95px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card { border-right:0; border-bottom:1px solid var(--line) !important; min-height:330px; }
  .feature-card:last-child { border-bottom:0 !important; }
  .feature-icon { margin:45px 0 28px; }
  .manifesto-panel { padding:42px 25px; min-height:520px; }
  .learning-orbit { width:330px; height:330px; right:-165px; top:220px; opacity:.75; }
  .orbit-core { inset:132px; }
  .orbit-c { inset:110px; }
  .site-footer { grid-template-columns:1fr; align-items:start; }
  .footer-identity { align-items:flex-start; flex-direction:column; gap:14px; }
  .footer-follow { justify-self:start; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}