:root {
  --primary: #662fe2;
  --primary-dark: #5225b5;
  --primary-soft: #f0eaff;
  --background: #f9fafb;
  --surface: #ffffff;
  --text: #111827;
  --text-secondary: #4b5563;
  --border: #e5e7eb;
  --dark: #111827;
  --green: #10b981;
  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --shadow-sm: 0 4px 16px rgba(17, 24, 39, 0.045);
  --shadow-md: 0 24px 60px rgba(17, 24, 39, 0.08);
  --shadow-purple: 0 28px 80px rgba(102, 47, 226, 0.15);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--background);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
svg { display: block; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; transform: translateY(-160%); background: var(--dark); color: #fff; padding: 10px 16px; border-radius: 6px; }
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.site-header.scrolled { background: rgba(249, 250, 251, .88); border-color: rgba(229, 231, 235, .9); box-shadow: 0 6px 24px rgba(17, 24, 39, .035); backdrop-filter: blur(16px); }
.nav-shell { min-height: 76px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 20px; font-weight: 800; letter-spacing: -.035em; }
.brand > span > span { color: var(--primary); }
.brand-mark { width: 34px; height: 34px; color: var(--primary); }
.site-nav { display: flex; align-items: center; gap: 34px; font-size: 14px; font-weight: 600; color: #374151; }
.site-nav > a:not(.button) { transition: color .2s ease; }
.site-nav > a:not(.button):hover { color: var(--primary); }
.site-nav > a.nav-active:not(.button) { color: var(--primary); }
.nav-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--border); background: var(--surface); border-radius: 7px; align-items: center; justify-content: center; flex-direction: column; gap: 6px; cursor: pointer; }
.nav-toggle span:not(.sr-only) { display: block; width: 18px; height: 1.5px; background: var(--dark); transition: transform .2s ease; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 6px; padding: 14px 28px; font-weight: 700; line-height: 1; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button svg { width: 19px; height: 19px; }
.button-primary, .button-small { background: var(--primary); color: #fff; box-shadow: 0 10px 28px rgba(102, 47, 226, .2); }
.button-primary:hover, .button-small:hover { background: var(--primary-dark); box-shadow: 0 14px 32px rgba(82, 37, 181, .25); }
.button-small { padding: 12px 20px; font-size: 13px; }

.hero { position: relative; min-height: 790px; padding: 172px 0 110px; overflow: hidden; background: linear-gradient(180deg, #fbfbfd 0%, var(--background) 100%); }
.hero-grid, .cta-grid { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(102, 47, 226, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(102, 47, 226, .035) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 80%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(3px); pointer-events: none; }
.glow-one { width: 460px; height: 460px; right: -150px; top: 80px; background: radial-gradient(circle, rgba(102, 47, 226, .12), rgba(102, 47, 226, 0) 68%); }
.glow-two { width: 340px; height: 340px; left: -180px; bottom: -80px; background: radial-gradient(circle, rgba(16, 185, 129, .06), rgba(16, 185, 129, 0) 70%); }
.hero-layout { position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(490px, .98fr); gap: 72px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 24px; border: 1px solid #ddd4fa; background: rgba(255,255,255,.72); color: #4c2aa1; padding: 7px 12px; border-radius: 99px; font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: .025em; text-transform: uppercase; box-shadow: var(--shadow-sm); }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(16,185,129,.12); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 710px; margin-bottom: 26px; font-size: clamp(44px, 5vw, 64px); line-height: 1.07; letter-spacing: -.052em; font-weight: 800; }
h1 span { color: var(--primary); }
.hero-subtitle { max-width: 650px; margin-bottom: 32px; color: var(--text-secondary); font-size: 18px; line-height: 1.68; }
.hero-actions { display: flex; align-items: center; gap: 28px; }
.text-link { font-size: 14px; font-weight: 700; color: #374151; }
.text-link span { display: inline-block; margin-left: 5px; color: var(--primary); transition: transform .2s ease; }
.text-link:hover span { transform: translateY(3px); }
.expertise-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 38px; padding-top: 28px; border-top: 1px solid var(--border); color: #6b7280; font-size: 12px; }
.expertise-row > span:first-child { margin-right: 4px; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
.tech-pill { border: 1px solid var(--border); background: rgba(255,255,255,.72); border-radius: 4px; padding: 5px 9px; font-family: var(--font-mono); color: #374151; }

.pipeline-panel { position: relative; border: 1px solid #e1def0; border-radius: 12px; background: rgba(255,255,255,.94); box-shadow: var(--shadow-purple); overflow: hidden; transform: perspective(1000px) rotateY(-2deg) rotateX(1deg); }
.pipeline-panel::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.65); }
.panel-topbar { height: 46px; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 18px; color: #6b7280; font-family: var(--font-mono); font-size: 10px; }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d1d5db; }
.window-dots i:first-child { background: #c4b5fd; }
.live-label { justify-self: end; display: flex; align-items: center; gap: 6px; color: #059669; font-weight: 600; }
.live-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(16,185,129,.1); animation: pulse 2s ease infinite; }
.pipeline-body { padding: 26px; }
.pipeline-meta { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--border); border-radius: 7px; background: #fafafa; }
.pipeline-meta div { padding: 13px 15px; border-right: 1px solid var(--border); }
.pipeline-meta div:last-child { border-right: 0; }
.pipeline-meta span { display: block; margin-bottom: 3px; color: #9ca3af; font-family: var(--font-mono); font-size: 8px; letter-spacing: .06em; }
.pipeline-meta strong { font-size: 13px; }
.flow-stage { display: grid; grid-template-columns: 1fr 44px 1fr 44px 1fr; align-items: center; padding: 34px 0; }
.flow-node { text-align: center; }
.node-icon { width: 48px; height: 48px; margin: 0 auto 11px; display: grid; place-items: center; border: 1px solid #ded6f8; border-radius: 9px; color: var(--primary); background: #faf8ff; box-shadow: 0 8px 18px rgba(102,47,226,.08); }
.node-icon svg { width: 25px; height: 25px; }
.flow-node span { display: block; font-size: 12px; font-weight: 700; }
.flow-node small { color: #9ca3af; font-family: var(--font-mono); font-size: 8px; }
.engine-node .node-icon { width: 58px; height: 58px; color: #fff; background: var(--primary); border-color: var(--primary); box-shadow: 0 10px 30px rgba(102,47,226,.3); }
.flow-connector { position: relative; height: 1px; background: #d8d4e6; }
.flow-connector i { position: absolute; top: -2px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--primary); animation: dataFlow 2.4s linear infinite; }
.flow-connector i:nth-child(2) { animation-delay: .8s; }
.flow-connector i:nth-child(3) { animation-delay: 1.6s; }
.event-log { border-top: 1px solid var(--border); padding-top: 13px; }
.event-log div { display: grid; grid-template-columns: 64px 56px 1fr; align-items: center; min-height: 28px; border-bottom: 1px dashed #eef0f3; font-family: var(--font-mono); font-size: 11px; }
.event-log div:last-child { border-bottom: 0; }
.event-log time { color: #9ca3af; }
.event-log span { font-weight: 600; }
.event-log p { margin: 0; color: #6b7280; }
.log-success { color: #059669; }.log-info { color: var(--primary); }.log-check { color: #2563eb; }

.results-strip { position: relative; padding: 38px 0 40px; background: #111827; color: #fff; overflow: hidden; }
.results-strip::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 17% 20%, rgba(102,47,226,.25), transparent 32%), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: auto, 72px 72px; }
.results-shell { position: relative; display: grid; grid-template-columns: 1.05fr 1.95fr; gap: 56px; align-items: center; }
.results-intro { padding-right: 46px; border-right: 1px solid rgba(255,255,255,.12); }
.results-kicker { display: block; margin-bottom: 7px; color: #a78bfa; font-family: var(--font-mono); font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.results-intro h2 { max-width: 370px; color: #f9fafb; font-size: 17px; line-height: 1.45; letter-spacing: -.015em; }
.results-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 0; }
.result-item { min-width: 0; }
.result-item dt { display: flex; align-items: center; gap: 7px; margin-bottom: 3px; color: #fff; font-size: 25px; line-height: 1.15; font-weight: 700; letter-spacing: -.04em; }
.result-item dt span { color: #8b5cf6; }
.result-item dt i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(16,185,129,.1); animation: pulse 2s ease infinite; }
.result-item dd { margin: 0; color: #9ca3af; font-family: var(--font-mono); font-size: 9px; line-height: 1.45; text-transform: uppercase; letter-spacing: .04em; }

.systems { padding: 116px 0 126px; }
.section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 54px; }
.section-label, .cta-kicker { display: block; margin-bottom: 14px; color: var(--primary); font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: .11em; }
h2 { margin-bottom: 0; font-size: clamp(34px, 4vw, 46px); line-height: 1.15; letter-spacing: -.04em; font-weight: 700; }
.section-heading p { max-width: 530px; margin: 0; color: var(--text-secondary); font-size: 17px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.feature-card { position: relative; min-height: 356px; padding: 32px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-sm); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.feature-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--primary); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.feature-card:hover { transform: translateY(-5px); border-color: #d9cff6; box-shadow: var(--shadow-md); }
.feature-card:hover::before { transform: scaleX(1); }
.feature-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 38px; border: 1px solid #ded6f8; border-radius: 9px; color: var(--primary); background: var(--primary-soft); }
.feature-icon svg { width: 26px; height: 26px; }
.card-number { position: absolute; top: 34px; right: 32px; color: #c4b5fd; font-family: var(--font-mono); font-size: 11px; }
.feature-card h3 { margin-bottom: 14px; font-size: 21px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; }
.feature-card p { margin-bottom: 24px; color: var(--text-secondary); font-size: 14px; line-height: 1.7; }
.card-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.card-tags span { padding: 5px 8px; border-radius: 4px; background: #f3f4f6; color: #6b7280; font-family: var(--font-mono); font-size: 9px; }

.case-studies { padding: 124px 0; border-top: 1px solid #e8e2f5; background: linear-gradient(180deg, #f5f2fc 0%, #f9fafb 100%); }
.case-featured { display: grid; grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr); gap: 58px; align-items: center; margin-bottom: 24px; padding: 48px; border: 1px solid #e3dcf5; border-radius: 16px; background: #fff; box-shadow: 0 28px 75px rgba(68,45,122,.09); }
.case-index { color: var(--primary); font-family: var(--font-mono); font-size: 10px; font-weight: 600; letter-spacing: .09em; }
.case-copy h3 { max-width: 550px; margin: 17px 0 18px; font-size: clamp(27px, 3.1vw, 38px); line-height: 1.2; letter-spacing: -.035em; }
.case-copy > p { max-width: 570px; margin-bottom: 28px; color: var(--text-secondary); font-size: 15px; line-height: 1.75; }
.case-outcomes { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 27px; padding: 20px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.case-outcomes div { padding: 0 20px; border-right: 1px solid var(--border); }
.case-outcomes div:first-child { padding-left: 0; }.case-outcomes div:last-child { border-right: 0; }
.case-outcomes dt { color: var(--text); font-size: 21px; line-height: 1.2; font-weight: 700; letter-spacing: -.035em; }
.case-outcomes dd { margin: 4px 0 0; color: #9ca3af; font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .055em; }
.case-diagram { border: 1px solid #2d2741; border-radius: 12px; background: radial-gradient(circle at 50% 44%, rgba(102,47,226,.23), transparent 38%), #11101a; color: #fff; box-shadow: 0 24px 54px rgba(17,16,26,.22); overflow: hidden; }
.diagram-head { display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.09); color: #9ca3af; font-family: var(--font-mono); font-size: 9px; }
.diagram-live { display: flex; align-items: center; gap: 7px; color: #6ee7b7; }
.diagram-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(16,185,129,.1); animation: pulse 2s ease infinite; }
.diagram-track { display: grid; grid-template-columns: 1fr 44px 1fr 44px 1fr; align-items: center; padding: 47px 27px 42px; }
.diagram-node { text-align: center; }
.diagram-icon { width: 50px; height: 50px; display: grid; place-items: center; margin: 0 auto 13px; border: 1px solid rgba(167,139,250,.38); border-radius: 10px; color: #c4b5fd; background: rgba(102,47,226,.1); }
.diagram-icon svg { width: 26px; height: 26px; }
.diagram-node strong, .diagram-node small { display: block; }
.diagram-node strong { font-size: 11px; }.diagram-node small { margin-top: 3px; color: #73778a; font-family: var(--font-mono); font-size: 7px; }
.diagram-node-core .diagram-icon { width: 66px; height: 66px; color: #fff; background: var(--primary); border-color: #8257e9; box-shadow: 0 0 0 8px rgba(102,47,226,.09), 0 14px 34px rgba(102,47,226,.32); }
.diagram-node-core .diagram-icon svg { width: 37px; height: 37px; }
.diagram-line { position: relative; height: 1px; background: rgba(196,181,253,.28); }
.diagram-line i { position: absolute; top: -2px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #a78bfa; box-shadow: 0 0 9px #8b5cf6; animation: dataFlow 2.4s linear infinite; }
.diagram-status { display: grid; grid-template-columns: 1.3fr 1fr 1fr; padding: 13px 18px; border-top: 1px solid rgba(255,255,255,.09); color: #73778a; font-family: var(--font-mono); font-size: 8px; }
.diagram-status span:first-child { display: flex; align-items: center; gap: 7px; color: #6ee7b7; }
.diagram-status span:first-child i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); }
.case-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.case-card { padding: 35px 36px 33px; border: 1px solid var(--border); border-radius: 12px; background: #fff; box-shadow: var(--shadow-sm); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.case-card:hover { transform: translateY(-4px); border-color: #d8cef4; box-shadow: var(--shadow-md); }
.case-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.case-symbol { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #ded6f8; border-radius: 9px; color: var(--primary); background: var(--primary-soft); }
.case-symbol svg { width: 22px; height: 22px; }
.case-card h3 { margin-bottom: 13px; font-size: 23px; line-height: 1.3; letter-spacing: -.03em; }
.case-card > p { min-height: 76px; margin-bottom: 24px; color: var(--text-secondary); font-size: 14px; line-height: 1.7; }
.case-result { display: grid; gap: 3px; margin-bottom: 25px; padding: 14px 16px; border-left: 3px solid var(--primary); background: #f8f6ff; }
.case-result span { color: #9ca3af; font-family: var(--font-mono); font-size: 8px; letter-spacing: .08em; }.case-result strong { font-size: 13px; }

.proof { padding: 124px 0; border-top: 1px solid var(--border); background: var(--surface); }
.proof-layout { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr); gap: 100px; align-items: center; }
.proof-visual { position: relative; padding: 30px 26px 38px; }
.proof-visual::before { content: ""; position: absolute; inset: 0; border-radius: 18px; background: linear-gradient(145deg, #f0eaff, #f8f6ff); transform: rotate(-2deg); }
.code-card { position: relative; z-index: 2; border: 1px solid #2d3545; border-radius: 10px; background: #111827; box-shadow: 0 30px 70px rgba(17,24,39,.2); overflow: hidden; }
.code-header { height: 50px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #293142; color: #d1d5db; font-family: var(--font-mono); font-size: 10px; }
.code-header > span { display: flex; align-items: center; gap: 8px; }
.code-header > span i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.code-header button { display: flex; align-items: center; gap: 6px; border: 0; background: transparent; color: #9ca3af; font-family: var(--font-mono); font-size: 9px; cursor: pointer; }
.code-header button:hover { color: #fff; }
.code-header button svg { width: 15px; height: 15px; }
.code-card pre { margin: 0; padding: 28px 26px; overflow-x: auto; color: #d1d5db; font-family: var(--font-mono); font-size: 12px; line-height: 1.8; }
.json-key { color: #c4b5fd; }.json-string { color: #6ee7b7; }.json-number { color: #fca5a5; }
.code-footer { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; border-top: 1px solid #293142; color: #6b7280; font-family: var(--font-mono); font-size: 9px; }
.code-footer span:first-child { display: flex; align-items: center; gap: 7px; color: #6ee7b7; }
.code-footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.proof-stat { position: absolute; z-index: 3; min-width: 128px; padding: 13px 16px; border: 1px solid var(--border); border-radius: 7px; background: #fff; box-shadow: 0 14px 30px rgba(17,24,39,.12); }
.proof-stat strong { display: block; font-size: 18px; line-height: 1.2; color: var(--primary); }
.proof-stat span { color: #6b7280; font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .04em; }
.proof-stat-one { top: -2px; right: -16px; }.proof-stat-two { bottom: 5px; left: -15px; }
.proof-copy h2 { margin-bottom: 24px; }
.proof-lead { margin-bottom: 34px; color: var(--text-secondary); font-size: 17px; line-height: 1.75; }
.proof-list { display: grid; gap: 22px; margin-bottom: 35px; }
.proof-list > div { display: grid; grid-template-columns: 29px 1fr; gap: 13px; }
.proof-check { width: 24px; height: 24px; display: grid; place-items: center; margin-top: 2px; border-radius: 50%; color: var(--primary); background: var(--primary-soft); font-size: 12px; font-weight: 800; }
.proof-list p { margin: 0; color: var(--text-secondary); font-size: 14px; line-height: 1.65; }
.proof-list strong { display: block; margin-bottom: 3px; color: var(--text); font-size: 15px; }
.inline-cta { display: inline-flex; align-items: center; gap: 10px; padding-bottom: 5px; border-bottom: 1px solid #c4b5fd; color: var(--primary); font-size: 14px; font-weight: 700; }
.inline-cta span { transition: transform .2s ease; }.inline-cta:hover span { transform: translateX(4px); }

.architecture-deep-dive { margin-top: 108px; padding: 45px; border: 1px solid #292d3b; border-radius: 16px; background: radial-gradient(circle at 50% 0%, rgba(102,47,226,.2), transparent 37%), #111827; color: #fff; box-shadow: 0 28px 70px rgba(17,24,39,.16); }
.architecture-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; margin-bottom: 40px; }
.architecture-copy .section-label { color: #a78bfa; }
.architecture-copy h3 { margin: 0; color: #fff; font-size: 31px; line-height: 1.25; letter-spacing: -.035em; }
.architecture-copy p { max-width: 470px; margin: 0; color: #9ca3af; font-size: 15px; line-height: 1.7; }
.architecture-map { display: grid; grid-template-columns: 1fr 36px 1fr 36px 1fr 36px 1fr; align-items: center; }
.architecture-map-node { min-width: 0; min-height: 224px; display: flex; flex-direction: column; align-items: flex-start; padding: 22px; border: 1px solid #31394a; border-radius: 10px; background: rgba(255,255,255,.035); }
.map-step { color: #797f90; font-family: var(--font-mono); font-size: 9px; letter-spacing: .06em; }
.map-node-icon { width: 48px; height: 48px; display: grid; place-items: center; margin: 22px 0 16px; border: 1px solid rgba(167,139,250,.34); border-radius: 9px; color: #c4b5fd; background: rgba(102,47,226,.14); }
.map-node-icon svg { width: 25px; height: 25px; }
.architecture-map-node strong { color: #f9fafb; font-size: 14px; }
.architecture-map-node small { min-height: 37px; margin-top: 4px; color: #858d9e; font-size: 11px; line-height: 1.5; }
.map-tag { margin-top: auto; color: #a78bfa; font-family: var(--font-mono); font-size: 8px; }
.map-node-output { border-color: rgba(139,92,246,.48); background: linear-gradient(145deg, rgba(102,47,226,.2), rgba(255,255,255,.03)); }
.map-connector { position: relative; height: 1px; background: #3b4050; }
.map-connector i { position: absolute; top: -2px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #a78bfa; box-shadow: 0 0 10px #662fe2; animation: architectureFlow 2.4s linear infinite; }

.integration-ecosystem { display: grid; grid-template-columns: .78fr 1.22fr; gap: 72px; align-items: center; margin-top: 28px; padding: 46px; border: 1px solid #e0d9f2; border-radius: 16px; background: linear-gradient(140deg, #faf8ff, #fff 62%); box-shadow: var(--shadow-sm); }
.integration-copy h3 { margin: 0 0 15px; font-size: 30px; letter-spacing: -.035em; }
.integration-copy p { margin-bottom: 25px; color: var(--text-secondary); font-size: 15px; line-height: 1.7; }
.integration-visual { display: grid; grid-template-columns: 144px 1fr; gap: 16px; align-items: stretch; }
.integration-core { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 14px; border-radius: 11px; color: #fff; background: radial-gradient(circle at 50% 35%, rgba(139,92,246,.42), transparent 46%), #111827; box-shadow: 0 15px 36px rgba(17,24,39,.14); text-align: center; }
.integration-core svg { width: 48px; height: 48px; margin-bottom: 14px; color: #fff; }
.integration-core strong, .integration-core small { display: block; }
.integration-core strong { font-size: 12px; }.integration-core small { margin-top: 4px; color: #8c94a4; font-family: var(--font-mono); font-size: 7px; }
.integration-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.integration-chip { min-width: 0; min-height: 96px; display: flex; flex-direction: column; justify-content: center; padding: 13px; border: 1px solid var(--border); border-radius: 9px; background: #fff; }
.chip-mark { width: 30px; height: 27px; display: grid; place-items: center; margin-bottom: 8px; border-radius: 6px; font-family: var(--font-mono); font-size: 9px; font-weight: 700; }
.integration-chip strong, .integration-chip small { display: block; overflow: hidden; text-overflow: ellipsis; }
.integration-chip strong { color: #222938; font-size: 11px; }.integration-chip small { margin-top: 2px; color: #9ca3af; font-size: 8px; white-space: nowrap; }
.n8n-mark { color: #e85d75; background: #fff0f3; }.zapier-mark { color: #ff4f00; background: #fff2eb; }.make-mark { color: #7435e9; background: #f0eaff; }.db-mark { color: #2563eb; background: #eff6ff; }.api-mark { color: #059669; background: #ecfdf5; }.file-mark { color: #4b5563; background: #f3f4f6; }

.testimonials { position: relative; padding: 122px 0 126px; background: #111827; color: #fff; overflow: hidden; }
.testimonials::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 18% 10%, rgba(102,47,226,.28), transparent 34%), radial-gradient(circle at 86% 90%, rgba(102,47,226,.13), transparent 31%); }
.testimonials .container { position: relative; }
.testimonial-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 54px; }
.testimonial-heading .section-label { color: #a78bfa; }
.testimonial-heading h2 { color: #fff; }
.testimonial-heading p { max-width: 520px; margin: 0; color: #9ca3af; font-size: 16px; }
.testimonial-grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 20px; align-items: stretch; }
.testimonial-card { min-width: 0; min-height: 294px; display: flex; flex-direction: column; margin: 0; padding: 30px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.045); box-shadow: 0 18px 40px rgba(0,0,0,.1); }
.testimonial-featured { background: linear-gradient(145deg, rgba(102,47,226,.23), rgba(255,255,255,.045)); border-color: rgba(167,139,250,.28); }
.quote-mark { height: 48px; color: #8b5cf6; font-family: Georgia, serif; font-size: 64px; line-height: .9; }
.testimonial-card blockquote { margin: 0 0 28px; color: #f3f4f6; font-size: 16px; line-height: 1.72; letter-spacing: -.012em; }
.testimonial-featured blockquote { font-size: 18px; }
.testimonial-card figcaption { display: grid; gap: 2px; margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.09); }
.testimonial-card figcaption span { color: #737b8d; font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.testimonial-card figcaption strong { color: #c4b5fd; font-size: 12px; font-weight: 600; }

.founder-section { position: relative; padding: 128px 0; overflow: hidden; background: #fff; }
.founder-section::before { content: ""; position: absolute; width: 520px; height: 520px; left: -250px; bottom: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(102,47,226,.09), transparent 68%); pointer-events: none; }
.founder-layout { position: relative; display: grid; grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr); gap: 100px; align-items: center; }
.founder-portrait { position: relative; width: min(100%, 440px); padding: 18px 0 18px 18px; }
.founder-portrait::before { content: ""; position: absolute; inset: 0 38px 0 0; border-radius: 18px; background: linear-gradient(150deg, #ede7fc, #dcd0fa); transform: rotate(-3deg); }
.founder-photo-frame { position: relative; z-index: 2; height: 535px; border: 1px solid #d9cff4; border-radius: 14px; background: #111; box-shadow: 0 30px 70px rgba(33,20,64,.2); overflow: hidden; }
.founder-photo-frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.founder-photo-frame img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 22%; filter: contrast(1.03); }
.founder-proof { position: absolute; z-index: 3; right: -12px; bottom: 0; width: 174px; padding: 16px 18px; border: 1px solid #ddd5f2; border-radius: 9px; background: #fff; box-shadow: 0 15px 38px rgba(17,24,39,.13); }
.founder-proof strong, .founder-proof span { display: block; }.founder-proof strong { color: var(--primary); font-size: 25px; line-height: 1.1; }.founder-proof span { margin-top: 3px; color: #7b8290; font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; }
.founder-copy h2 { max-width: 680px; margin-bottom: 24px; font-size: clamp(34px, 4vw, 47px); }
.founder-copy > p { max-width: 720px; margin-bottom: 24px; color: var(--text-secondary); font-size: 16px; line-height: 1.78; }
.founder-copy > p strong { color: var(--text); }
.founder-copy blockquote { margin: 0 0 30px; padding: 19px 22px; border-left: 3px solid var(--primary); background: #f8f6ff; color: #3d315a; font-size: 16px; line-height: 1.65; font-weight: 500; }
.philosophy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 29px; }
.philosophy-grid > div { min-height: 156px; padding: 18px; border: 1px solid var(--border); border-radius: 9px; background: #fff; }
.philosophy-grid span, .philosophy-grid strong, .philosophy-grid small { display: block; }
.philosophy-grid span { margin-bottom: 18px; color: #b6a5e2; font-family: var(--font-mono); font-size: 8px; }
.philosophy-grid strong { margin-bottom: 7px; font-size: 12px; }.philosophy-grid small { color: #777f8d; font-size: 10px; line-height: 1.5; }

.process { padding: 124px 0 132px; background: var(--background); }
.process-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.process-grid::before { content: ""; position: absolute; top: 40px; left: 9%; right: 9%; height: 1px; background: #dcd4ef; }
.process-step { position: relative; min-height: 300px; padding: 31px 26px 28px; border: 1px solid var(--border); border-radius: 11px; background: #fff; box-shadow: var(--shadow-sm); }
.step-number { position: absolute; top: 20px; right: 22px; color: #c4b5fd; font-family: var(--font-mono); font-size: 10px; }
.step-icon { position: relative; z-index: 2; width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 29px; border: 1px solid #dcd2f6; border-radius: 10px; color: var(--primary); background: #faf8ff; box-shadow: 0 0 0 8px var(--background); }
.step-icon svg { width: 25px; height: 25px; }
.process-step h3 { margin-bottom: 12px; font-size: 19px; letter-spacing: -.025em; }
.process-step p { margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.72; }

.faq-section { padding: 124px 0 132px; border-top: 1px solid var(--border); background: #fff; }
.faq-layout { display: grid; grid-template-columns: minmax(0, .78fr) minmax(500px, 1.22fr); gap: 100px; align-items: start; }
.faq-heading h2 { margin-bottom: 20px; font-size: clamp(34px, 4vw, 45px); }
.faq-heading > p { margin-bottom: 29px; color: var(--text-secondary); font-size: 16px; line-height: 1.75; }
.faq-list { border-top: 1px solid var(--border); }
.faq-list details { border-bottom: 1px solid var(--border); }
.faq-list summary { position: relative; padding: 23px 48px 23px 0; color: #202633; font-size: 16px; line-height: 1.45; font-weight: 600; list-style: none; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; top: 19px; right: 2px; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #ddd5f2; border-radius: 7px; color: var(--primary); background: #faf8ff; font-family: var(--font-mono); font-size: 16px; font-weight: 500; }
.faq-list details[open] summary::after { content: "−"; color: #fff; border-color: var(--primary); background: var(--primary); }
.faq-list details[open] summary { color: var(--primary); }
.faq-list details p { max-width: 720px; margin: -5px 48px 24px 0; color: var(--text-secondary); font-size: 14px; line-height: 1.75; }

/* Inner pages */
.inner-page .site-header { background: rgba(249,250,251,.88); border-color: rgba(229,231,235,.8); backdrop-filter: blur(16px); }
.page-hero { position: relative; min-height: 650px; display: flex; align-items: center; padding: 154px 0 104px; overflow: hidden; background: linear-gradient(180deg, #fbfbfd 0%, #f7f5fc 100%); }
.page-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -140px; top: 30px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(102,47,226,.11), transparent 68%); }
.page-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: 96px; align-items: center; }
.page-kicker { display: block; margin-bottom: 20px; color: var(--primary); font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: .12em; }
.page-hero h1 { max-width: 720px; margin-bottom: 24px; font-size: clamp(46px, 5.3vw, 67px); line-height: 1.06; letter-spacing: -.052em; }
.page-hero h1 span { color: var(--primary); }
.page-hero-copy > p { max-width: 660px; margin-bottom: 31px; color: var(--text-secondary); font-size: 18px; line-height: 1.72; }
.page-signal-card { border: 1px solid #2c3140; border-radius: 14px; background: radial-gradient(circle at 78% 10%, rgba(102,47,226,.28), transparent 33%), #111827; color: #fff; box-shadow: 0 30px 75px rgba(17,24,39,.22); overflow: hidden; transform: perspective(1000px) rotateY(-2deg); }
.signal-top { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.09); color: #8b93a3; font-family: var(--font-mono); font-size: 9px; }
.signal-top span:last-child { display: flex; align-items: center; gap: 7px; color: #6ee7b7; }.signal-top i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(16,185,129,.11); }
.signal-metric { padding: 30px 24px 27px; border-bottom: 1px solid rgba(255,255,255,.09); }.signal-metric strong { display: block; color: #fff; font-size: 52px; line-height: 1; letter-spacing: -.055em; }.signal-metric span { color: #8b93a3; font-family: var(--font-mono); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.signal-row { display: flex; justify-content: space-between; gap: 20px; padding: 15px 24px; border-bottom: 1px solid rgba(255,255,255,.07); color: #9ca3af; font-size: 12px; }.signal-row:last-child { border-bottom: 0; }.signal-row b { color: #c4b5fd; font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; }

.detail-cases { padding: 124px 0; background: var(--background); }
.detail-case { display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr); gap: 86px; align-items: center; padding: 82px 0; border-bottom: 1px solid var(--border); }
.detail-case:first-child { padding-top: 0; }.detail-case:last-child { padding-bottom: 0; border-bottom: 0; }
.detail-case-reverse .detail-copy { order: 2; }.detail-case-reverse .project-console { order: 1; }
.detail-copy h2 { max-width: 650px; margin: 17px 0 22px; font-size: clamp(32px, 4vw, 47px); }
.detail-copy > p { margin-bottom: 25px; color: var(--text-secondary); font-size: 16px; line-height: 1.8; }
.detail-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 30px; }.detail-tags span { padding: 6px 9px; border: 1px solid #e2dcf2; border-radius: 4px; background: #faf8ff; color: #665b7e; font-family: var(--font-mono); font-size: 9px; }
.detail-metrics { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding-top: 23px; border-top: 1px solid var(--border); }.detail-metrics div { padding: 0 19px; border-right: 1px solid var(--border); }.detail-metrics div:first-child { padding-left: 0; }.detail-metrics div:last-child { border: 0; }.detail-metrics dt { font-size: 23px; font-weight: 700; letter-spacing: -.035em; }.detail-metrics dd { margin: 2px 0 0; color: #9ca3af; font-family: var(--font-mono); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.project-console, .stream-console { border: 1px solid #293142; border-radius: 12px; background: #111827; color: #fff; box-shadow: 0 26px 58px rgba(17,24,39,.16); overflow: hidden; }
.console-bar, .stream-title { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #293142; color: #9ca3af; font-family: var(--font-mono); font-size: 9px; }
.console-live, .stream-title span { display: flex; align-items: center; gap: 7px; color: #6ee7b7; }.console-live i, .stream-title i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(16,185,129,.1); }
.console-body { padding: 12px 20px 18px; }.console-stage { display: grid; grid-template-columns: 34px 1fr auto; gap: 13px; align-items: center; min-height: 72px; border-bottom: 1px solid #242b39; }.console-stage:last-child { border-bottom: 0; }.console-stage > span { color: #6b7280; font-family: var(--font-mono); font-size: 9px; }.console-stage strong, .console-stage small { display: block; }.console-stage strong { font-size: 12px; }.console-stage small { margin-top: 2px; color: #71798a; font-size: 9px; }.console-stage b { color: #a78bfa; font-family: var(--font-mono); font-size: 8px; }
.console-light pre { margin: 0; padding: 34px 29px 38px; color: #d1d5db; font-family: var(--font-mono); font-size: 12px; line-height: 1.9; overflow-x: auto; }
.stream-title b { color: #a78bfa; font-size: 8px; }.stream-event { display: grid; grid-template-columns: 94px 66px 1fr auto; gap: 10px; align-items: center; min-height: 57px; margin: 0 18px; border-bottom: 1px solid #242b39; font-family: var(--font-mono); font-size: 8px; }.stream-event time { color: #687082; }.stream-event span { color: #a78bfa; }.stream-event p { margin: 0; color: #b7bdc9; }.stream-event b { color: #6ee7b7; }
.stream-pulse { height: 85px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 0 24px; background: rgba(102,47,226,.06); }.stream-pulse i { width: 4px; border-radius: 9px; background: linear-gradient(#8b5cf6,#5225b5); }.stream-pulse i:nth-child(1),.stream-pulse i:nth-child(9){height:15px}.stream-pulse i:nth-child(2),.stream-pulse i:nth-child(8){height:28px}.stream-pulse i:nth-child(3),.stream-pulse i:nth-child(7){height:43px}.stream-pulse i:nth-child(4),.stream-pulse i:nth-child(6){height:58px}.stream-pulse i:nth-child(5){height:34px}
.testimonial-band { padding: 72px 0; background: #111827; color: #fff; }.testimonial-band-layout { display: grid; grid-template-columns: 72px 1fr 230px; gap: 36px; align-items: center; }.testimonial-band .quote-mark { color: #8b5cf6; font-size: 78px; }.testimonial-band blockquote { margin: 0; color: #f3f4f6; font-size: 20px; line-height: 1.62; }.testimonial-band blockquote strong { color: #c4b5fd; }.testimonial-band p { margin: 0; padding-left: 25px; border-left: 1px solid #343b4b; color: #8b93a3; font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; }.testimonial-band p span { color: #c4b5fd; }

.layer-stack { position: relative; min-height: 390px; transform: perspective(1000px) rotateY(-3deg); }
.layer-card { position: absolute; left: 0; right: 0; height: 86px; display: grid; grid-template-columns: 42px 1fr auto; gap: 15px; align-items: center; padding: 0 24px; border: 1px solid #30294a; border-radius: 11px; background: linear-gradient(100deg,#171425,#111827); color: #fff; box-shadow: 0 18px 38px rgba(17,24,39,.16); }.layer-card::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(90deg,rgba(102,47,226,.12),transparent 45%); }.layer-card > * { position:relative; z-index:1; }.layer-card > span { width: 34px; height: 34px; display:grid; place-items:center; border:1px solid #514372; border-radius:7px; color:#a78bfa; font-family:var(--font-mono); font-size:9px; }.layer-card strong,.layer-card small{display:block}.layer-card strong{font-size:14px}.layer-card small{color:#777f91;font-family:var(--font-mono);font-size:8px}.layer-card b{color:#8b5cf6;font-family:var(--font-mono);font-size:8px}.layer-one{top:270px}.layer-two{top:185px;left:18px;right:18px}.layer-three{top:100px;left:36px;right:36px}.layer-four{top:15px;left:54px;right:54px;border-color:#594490;background:linear-gradient(100deg,#28195a,#171425)}
.architecture-section { padding: 124px 0; background: #fff; }
.architecture-flow { display: grid; grid-template-columns: 1fr 42px 1fr 42px 1fr 42px 1fr; align-items: center; padding: 42px; border: 1px solid var(--border); border-radius: 15px; background: #fafafa; box-shadow: var(--shadow-sm); }.architecture-node { text-align: center; }.architecture-node > span { color:#b6a5e2;font-family:var(--font-mono);font-size:9px}.architecture-icon{width:58px;height:58px;display:grid;place-items:center;margin:12px auto 15px;border:1px solid #ded6f8;border-radius:11px;color:var(--primary);background:#fff;box-shadow:0 9px 23px rgba(102,47,226,.08)}.architecture-icon svg{width:27px;height:27px}.architecture-node strong,.architecture-node small{display:block}.architecture-node strong{font-size:15px}.architecture-node small{color:#9ca3af;font-size:10px}.architecture-arrow{color:#a78bfa;font-style:normal;font-size:18px;text-align:center}
.capabilities-section { padding: 124px 0; border-top:1px solid var(--border); background:var(--background); }.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.capability-card{min-height:290px;padding:31px;border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:var(--shadow-sm)}.capability-number{display:block;margin-bottom:40px;color:#b6a5e2;font-family:var(--font-mono);font-size:10px}.capability-card h3{margin-bottom:13px;font-size:20px;letter-spacing:-.025em}.capability-card p{margin-bottom:22px;color:var(--text-secondary);font-size:13px;line-height:1.7}
.reliability-section{padding:112px 0;background:#111827;color:#fff}.reliability-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.reliability-copy .section-label{color:#a78bfa}.reliability-copy h2{margin-bottom:23px}.reliability-copy p{max-width:500px;margin:0;color:#9ca3af;font-size:16px}.reliability-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reliability-list>div{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:18px;border:1px solid #2d3545;border-radius:8px;background:rgba(255,255,255,.035)}.reliability-list>div>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#c4b5fd;background:rgba(102,47,226,.18);font-size:11px}.reliability-list p{margin:0;color:#8991a2;font-size:11px;line-height:1.55}.reliability-list strong{display:block;margin-bottom:3px;color:#f3f4f6;font-size:12px}

.workflow-preview{border:1px solid #ddd5f2;border-radius:14px;background:#fff;box-shadow:var(--shadow-purple);overflow:hidden}.workflow-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--border);color:#9ca3af;font-family:var(--font-mono);font-size:9px}.workflow-head span:last-child{display:flex;align-items:center;gap:7px;color:#059669}.workflow-head i{width:6px;height:6px;border-radius:50%;background:var(--green)}.workflow-preview ol{margin:0;padding:14px 20px 18px;list-style:none}.workflow-preview li{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;min-height:72px;border-bottom:1px solid #eef0f3}.workflow-preview li:last-child{border-bottom:0}.workflow-preview li>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;color:#9ca3af;font-family:var(--font-mono);font-size:8px}.workflow-preview strong,.workflow-preview small{display:block}.workflow-preview strong{font-size:13px}.workflow-preview small{color:#9ca3af;font-size:9px}.workflow-preview li>b{color:#9ca3af;font-family:var(--font-mono);font-size:10px}.workflow-preview li.done>span{color:#059669;border-color:#bdebd9;background:#f0fdf8}.workflow-preview li.done>b{color:#059669}.workflow-preview li.active{margin:0 -8px;padding:0 8px;border:1px solid #ded6f8;border-radius:8px;background:#faf8ff}.workflow-preview li.active>span{color:#fff;border-color:var(--primary);background:var(--primary)}.workflow-preview li.active>b{color:var(--primary)}
.work-stages{padding:124px 0;background:#fff}.work-stage{display:grid;grid-template-columns:86px minmax(0,1.15fr) minmax(300px,.85fr);gap:44px;padding:48px 0;border-top:1px solid var(--border)}.work-stage:last-child{border-bottom:1px solid var(--border)}.work-stage-number{width:58px;height:58px;display:grid;place-items:center;border:1px solid #ddd5f2;border-radius:11px;color:var(--primary);background:#faf8ff;font-family:var(--font-mono);font-size:12px;box-shadow:0 8px 22px rgba(102,47,226,.06)}.work-stage-copy>span,.work-stage-deliverable>span{display:block;margin-bottom:10px;color:var(--primary);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.09em}.work-stage-copy h3{max-width:590px;margin-bottom:13px;font-size:24px;letter-spacing:-.03em}.work-stage-copy p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.75}.work-stage-deliverable{padding:22px 24px;border:1px solid var(--border);border-radius:9px;background:#fafafa}.work-stage-deliverable ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.work-stage-deliverable li{position:relative;padding-left:17px;color:#596170;font-size:12px}.work-stage-deliverable li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#a78bfa}
.collaboration-section{padding:124px 0;background:linear-gradient(180deg,#f7f5fc,var(--background))}.collaboration-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.collaboration-copy h2{margin-bottom:22px}.collaboration-copy>p{margin-bottom:28px;color:var(--text-secondary);font-size:16px}.collaboration-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px}.collaboration-card{min-height:210px;padding:26px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:var(--shadow-sm)}.collaboration-card>span{display:block;margin-bottom:28px;color:#b6a5e2;font-family:var(--font-mono);font-size:9px}.collaboration-card h3{margin-bottom:10px;font-size:17px}.collaboration-card p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.65}
.start-checklist{padding:86px 0;background:#111827;color:#fff}.start-checklist-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.start-checklist .section-label{color:#a78bfa}.start-checklist ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.start-checklist li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:14px 17px;border:1px solid #2d3545;border-radius:8px;background:rgba(255,255,255,.035)}.start-checklist li>span{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;color:#c4b5fd;background:rgba(102,47,226,.2);font-family:var(--font-mono);font-size:9px}.start-checklist p{margin:0;color:#8f98aa;font-size:11px}.start-checklist strong{display:block;color:#f3f4f6;font-size:12px}
.capability-card p { font-size: 14px; }
.reliability-list p { font-size: 13px; line-height: 1.6; }.reliability-list strong { font-size: 14px; }
.work-stage-copy p { font-size: 15px; }.work-stage-deliverable li { font-size: 13px; }
.collaboration-card h3 { font-size: 18px; }.collaboration-card p { font-size: 14px; }
.start-checklist p { font-size: 13px; }.start-checklist strong { font-size: 14px; }

.cta-section { position: relative; padding: 112px 0; background: var(--primary); color: #fff; overflow: hidden; }
.cta-grid { opacity: .22; background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px); mask-image: radial-gradient(circle at center, black, transparent 72%); }
.cta-section::before, .cta-section::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.cta-section::before { width: 420px; height: 420px; left: -180px; top: -250px; }.cta-section::after { width: 520px; height: 520px; right: -250px; bottom: -380px; }
.cta-inner { position: relative; z-index: 2; max-width: 820px; text-align: center; }
.cta-kicker { margin-bottom: 17px; color: rgba(255,255,255,.7); }
.cta-inner h2 { margin-bottom: 20px; font-size: clamp(38px, 5vw, 54px); }
.cta-inner p { max-width: 670px; margin: 0 auto 32px; color: rgba(255,255,255,.78); font-size: 18px; }
.button-white { background: #fff; color: var(--primary); box-shadow: 0 14px 30px rgba(45,17,110,.2); }
.button-white:hover { background: #f8f6ff; }
.cta-inner small { display: block; margin-top: 17px; color: rgba(255,255,255,.6); font-size: 11px; }

.site-footer { padding: 68px 0 24px; background: var(--dark); color: #9ca3af; }
.footer-grid { display: grid; grid-template-columns: 1.8fr .8fr 1fr; gap: 70px; padding-bottom: 54px; }
.brand-footer { width: fit-content; color: #fff; }
.brand-footer .brand-mark { color: #8b5cf6; }
.footer-brand p { max-width: 300px; margin: 18px 0 0; font-size: 14px; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: 13px; }
.footer-column h3 { margin: 2px 0 9px; color: #fff; font-size: 13px; font-weight: 600; }
.footer-column a { transition: color .2s ease; }.footer-column a:hover { color: #fff; }
.footer-email { margin-top: 8px; color: #c4b5fd; }
.footer-bottom { display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid #374151; font-size: 11px; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay { transition-delay: .14s; }.reveal-delay-small { transition-delay: .08s; }.reveal-delay-large { transition-delay: .16s; }

@keyframes dataFlow { 0% { transform: translateX(0); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateX(39px); opacity: 0; } }
@keyframes architectureFlow { 0% { transform: translateX(0); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateX(31px); opacity: 0; } }
@keyframes pulse { 0%,100% { box-shadow: 0 0 0 3px rgba(16,185,129,.12); } 50% { box-shadow: 0 0 0 7px rgba(16,185,129,0); } }

@media (max-width: 1020px) {
  .hero { padding-top: 145px; }
  .hero-layout { grid-template-columns: 1fr; gap: 70px; }
  .hero-copy { max-width: 760px; }
  .pipeline-panel { max-width: 650px; transform: none; }
  .page-hero-layout { grid-template-columns: 1fr; gap: 62px; }
  .page-signal-card, .workflow-preview, .layer-stack { width: min(100%, 660px); transform: none; }
  .results-shell { grid-template-columns: 1fr; gap: 25px; }
  .results-intro { padding: 0 0 22px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .results-intro h2 { max-width: 620px; }
  .case-featured { grid-template-columns: 1fr; }
  .proof-layout { gap: 62px; }
  .architecture-map { grid-template-columns: 1fr 1fr; gap: 14px; }
  .map-connector { display: none; }
  .integration-ecosystem { grid-template-columns: 1fr; gap: 40px; }
  .testimonial-grid { grid-template-columns: 1fr 1fr; }
  .testimonial-featured { grid-column: 1 / -1; min-height: 250px; }
  .founder-layout { gap: 58px; }
  .philosophy-grid { grid-template-columns: 1fr; }
  .philosophy-grid > div { min-height: auto; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .process-grid::before { display: none; }
  .faq-layout { grid-template-columns: minmax(0, .75fr) minmax(430px, 1.25fr); gap: 55px; }
  .detail-case { grid-template-columns: 1fr; gap: 46px; }
  .detail-case-reverse .detail-copy, .detail-case-reverse .project-console { order: initial; }
  .project-console, .stream-console { width: min(100%, 650px); }
  .testimonial-band-layout { grid-template-columns: 55px 1fr; }
  .testimonial-band-layout > p { grid-column: 2; padding: 18px 0 0; border-left: 0; border-top: 1px solid #343b4b; }
  .reliability-layout, .collaboration-layout { grid-template-columns: 1fr; gap: 58px; }
  .work-stage { grid-template-columns: 70px 1fr; }
  .work-stage-deliverable { grid-column: 2; }
}

@media (max-width: 820px) {
  .container { width: min(100% - 36px, 700px); }
  .nav-toggle { display: flex; }
  .site-nav { position: fixed; top: 68px; left: 18px; right: 18px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 15px; border: 1px solid var(--border); border-radius: 10px; background: #fff; box-shadow: var(--shadow-md); }
  .site-nav.open { display: flex; }
  .site-nav > a:not(.button) { padding: 13px 10px; }
  .site-nav .button { margin-top: 8px; }
  .nav-toggle[aria-expanded="true"] span:not(.sr-only):nth-child(2) { transform: translateY(3.75px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:not(.sr-only):nth-child(3) { transform: translateY(-3.75px) rotate(-45deg); }
  .section-heading { grid-template-columns: 1fr; gap: 22px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: auto; }
  .case-grid { grid-template-columns: 1fr; }
  .testimonial-heading { grid-template-columns: 1fr; gap: 22px; }
  .proof-layout { grid-template-columns: 1fr; gap: 72px; }
  .proof-visual { max-width: 610px; }
  .architecture-copy { grid-template-columns: 1fr; gap: 17px; }
  .founder-layout { grid-template-columns: 1fr; gap: 66px; }
  .founder-portrait { width: min(100%, 470px); }
  .faq-layout { grid-template-columns: 1fr; gap: 50px; }
  .architecture-flow { grid-template-columns: 1fr 1fr; gap: 22px; }
  .architecture-arrow { display: none; }
  .capability-grid { grid-template-columns: 1fr 1fr; }
  .start-checklist-layout { grid-template-columns: 1fr; gap: 36px; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; gap: 38px; }
}

@media (max-width: 600px) {
  .container { width: min(100% - 28px, 520px); }
  .nav-shell { min-height: 68px; }
  .hero { min-height: auto; padding: 122px 0 84px; }
  .page-hero { min-height: auto; padding: 122px 0 82px; }
  h1 { font-size: 42px; }
  .page-hero h1 { font-size: 42px; }
  .page-hero-copy > p { font-size: 16px; }
  .hero-subtitle { font-size: 16px; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 18px; }
  .hero-actions .button { width: 100%; }
  .text-link { text-align: center; }
  .expertise-row { margin-top: 30px; }
  .pipeline-body { padding: 18px; }
  .pipeline-meta div { padding: 10px 8px; }
  .pipeline-meta strong { font-size: 11px; }
  .flow-stage { grid-template-columns: 1fr 20px 1fr 20px 1fr; padding: 28px 0; }
  .node-icon, .engine-node .node-icon { width: 42px; height: 42px; }
  .node-icon svg { width: 21px; height: 21px; }
  .flow-node span { font-size: 10px; }
  .flow-node small { display: none; }
  .flow-connector i { animation-name: none; }
  .event-log div { grid-template-columns: 56px 50px 1fr; }
  .results-grid { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
  .systems, .case-studies, .proof, .testimonials, .founder-section, .process, .faq-section { padding: 84px 0; }
  .section-heading { margin-bottom: 36px; }
  .feature-card { padding: 28px; }
  .case-featured { gap: 38px; padding: 28px 22px; }
  .case-outcomes { grid-template-columns: 1fr 1fr; row-gap: 18px; }
  .case-outcomes div { padding: 0 14px; }
  .case-outcomes div:nth-child(2) { border-right: 0; }
  .case-outcomes div:nth-child(3) { grid-column: 1 / -1; padding-left: 0; }
  .diagram-track { grid-template-columns: 1fr 20px 1fr 20px 1fr; padding: 34px 12px 30px; }
  .diagram-icon { width: 42px; height: 42px; }.diagram-node-core .diagram-icon { width: 50px; height: 50px; }
  .diagram-node strong { font-size: 9px; }.diagram-node small { display: none; }
  .diagram-status { grid-template-columns: 1fr; gap: 6px; }
  .case-card { padding: 28px 24px; }.case-card > p { min-height: auto; }
  .proof-visual { padding: 18px 4px 30px; }
  .proof-stat { display: none; }
  .code-card pre { padding: 22px 16px; font-size: 9.5px; }
  .architecture-deep-dive { margin-top: 70px; padding: 27px 20px; }
  .architecture-map { grid-template-columns: 1fr; }
  .architecture-map-node { min-height: 205px; }
  .integration-ecosystem { padding: 28px 20px; }
  .integration-visual { grid-template-columns: 1fr; }
  .integration-core { min-height: 170px; }
  .integration-grid { grid-template-columns: 1fr 1fr; }
  .testimonial-grid, .process-grid { grid-template-columns: 1fr; }
  .testimonial-featured { grid-column: auto; }
  .testimonial-card { min-height: 250px; }
  .founder-portrait { padding-left: 10px; }
  .founder-photo-frame { height: 500px; }
  .founder-proof { right: -2px; }
  .founder-copy blockquote { padding: 17px; }
  .faq-list summary { padding-right: 42px; font-size: 15px; }
  .faq-list details p { margin-right: 0; }
  .process-step { min-height: auto; }
  .signal-metric strong { font-size: 44px; }
  .detail-cases, .architecture-section, .capabilities-section, .work-stages, .collaboration-section { padding: 84px 0; }
  .detail-case { padding: 64px 0; }
  .detail-copy h2 { font-size: 34px; }
  .detail-metrics { grid-template-columns: 1fr 1fr 1fr; }
  .detail-metrics div { padding: 0 10px; }
  .console-body { padding-inline: 14px; }
  .console-stage { grid-template-columns: 26px 1fr auto; gap: 8px; }
  .console-stage small { display: none; }
  .console-light pre { padding: 26px 17px 30px; font-size: 9.5px; }
  .stream-event { grid-template-columns: 68px 55px 1fr; }
  .stream-event b { display: none; }
  .testimonial-band { padding: 62px 0; }
  .testimonial-band-layout { grid-template-columns: 1fr; gap: 13px; }
  .testimonial-band .quote-mark { height: 50px; }
  .testimonial-band-layout > p { grid-column: auto; }
  .layer-stack { min-height: 346px; }
  .layer-card { grid-template-columns: 36px 1fr auto; padding: 0 14px; }
  .layer-card small { display: none; }
  .layer-one { top: 246px; }.layer-two { top: 169px; left: 8px; right: 8px; }.layer-three { top: 92px; left: 16px; right: 16px; }.layer-four { top: 15px; left: 24px; right: 24px; }
  .architecture-flow { grid-template-columns: 1fr; padding: 26px; }
  .capability-grid, .reliability-list, .collaboration-cards { grid-template-columns: 1fr; }
  .capability-card { min-height: auto; }
  .work-stage { grid-template-columns: 1fr; gap: 20px; padding: 38px 0; }
  .work-stage-deliverable { grid-column: auto; }
  .collaboration-card { min-height: auto; }
  .cta-section { padding: 86px 0; }
  .cta-inner p { font-size: 16px; }
  .site-footer { padding-top: 54px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 42px 24px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}