:root {
  --ink: #09101b;
  --navy: #07111f;
  --navy-soft: #0d1b2f;
  --blue: #216cff;
  --blue-bright: #4d8dff;
  --orange: #ff6b3d;
  --paper: #f4f2ec;
  --white: #ffffff;
  --muted: #66717f;
  --line: rgba(9, 16, 27, 0.16);
  --radius: 2px;
  --container: min(1180px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Manrope", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
img { display: block; max-width: 100%; }
.container { width: var(--container); min-width: 0; margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; padding: 10px 14px; background: white; color: #000; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.network-canvas { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; opacity: .24; }
.cursor-glow { position: fixed; z-index: 4; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(41,112,255,.12), transparent 67%); transform: translate(-50%,-50%); opacity: 0; transition: opacity .3s ease; }
body:hover .cursor-glow { opacity: 1; }
main, footer { position: relative; z-index: 1; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  color: white;
  border-bottom: 1px solid rgba(255,255,255,.13);
  transition: background .3s ease, transform .3s ease, border-color .3s ease;
}
.site-header.scrolled { background: rgba(7,17,31,.93); backdrop-filter: blur(16px); border-color: rgba(255,255,255,.08); }
.site-header.hidden { transform: translateY(-100%); }
.nav-shell { width: var(--container); height: 86px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand img { width: 132px; height: 72px; object-fit: contain; }
.site-nav { display: flex; align-items: center; gap: 34px; font-size: 13px; font-weight: 600; }
.site-nav > a:not(.nav-cta) { position: relative; }
.site-nav > a:not(.nav-cta)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--orange); transition: right .25s ease; }
.site-nav > a:not(.nav-cta):hover::after { right: 0; }
.site-nav > a.active::after { right: 0; }
.nav-cta { margin-left: 8px; padding: 13px 17px; border: 1px solid rgba(255,255,255,.6); transition: .25s ease; }
.nav-cta:hover { background: white; color: var(--ink); }
.menu-button { display: none; border: 0; padding: 10px; background: transparent; }
.menu-button span:not(.sr-only) { display: block; width: 25px; height: 1px; margin: 7px; background: white; transition: .25s ease; }

.hero { min-height: 800px; height: 100svh; position: relative; display: flex; align-items: center; overflow: hidden; background: var(--navy); color: white; }
.hero-media { position: absolute; inset: 0; background: url("assets/growth-network-hero.png") center / cover no-repeat; transform: scale(1.02); animation: heroDrift 14s ease-in-out infinite alternate; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,12,24,.99) 0%, rgba(4,12,24,.9) 31%, rgba(4,12,24,.2) 68%, rgba(4,12,24,.23) 100%), linear-gradient(0deg, rgba(4,12,24,.55), transparent 38%); }
.hero-scanner { position: absolute; z-index: 1; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(77,141,255,.9), transparent); box-shadow: 0 0 18px rgba(77,141,255,.8); animation: scanHero 7s linear infinite; opacity: .55; }
@keyframes scanHero { from { transform: translateY(10vh); } to { transform: translateY(90vh); } }
.hero-coordinates { position: absolute; z-index: 2; right: 4vw; top: 40%; display: grid; gap: 9px; color: rgba(199,219,255,.48); font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .15em; }
.hero-coordinates span { padding-left: 34px; position: relative; }
.hero-coordinates span::before { content:""; position: absolute; left: 0; top: 50%; width: 23px; height: 1px; background: currentColor; }
@keyframes heroDrift { to { transform: scale(1.055) translate3d(-.4%, -.5%, 0); } }
.hero-content { position: relative; z-index: 2; padding-top: 56px; }
.hero .reveal, .solutions-hero .reveal { opacity: 1; transform: none; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 26px; color: #adc8ff; font-family: "DM Mono", monospace; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 36px; height: 1px; background: var(--orange); }
.eyebrow.dark { color: #465466; }
.hero h1 { max-width: 900px; margin: 0; font-size: clamp(58px, 7.1vw, 108px); line-height: .94; letter-spacing: -.065em; font-weight: 600; }
.hero h1 em { color: var(--orange); font-style: normal; }
.hero-copy { max-width: 585px; margin: 34px 0 0; color: #c6d1df; font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 40px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 54px; padding: 0 24px; border: 1px solid transparent; cursor: pointer; font-size: 13px; font-weight: 700; transition: transform .25s ease, background .25s ease, color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--orange); color: white; }
.button-primary:hover { background: #ff805b; }
.text-link { padding-block: 10px; border-bottom: 1px solid rgba(255,255,255,.36); font-size: 13px; }
.text-link span { margin-left: 10px; color: var(--orange); }
.hero-foot { position: absolute; z-index: 2; left: 50%; bottom: 25px; width: var(--container); transform: translateX(-50%); display: flex; align-items: center; gap: 16px; color: rgba(255,255,255,.46); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .16em; }
.hero-line { height: 1px; flex: 1; background: rgba(255,255,255,.17); }

.signal-strip { background: #09182b; color: white; padding: 26px 0; }
.signal-grid { display: grid; grid-template-columns: .8fr 2fr; align-items: center; gap: 30px; }
.signal-grid > p { margin: 0; color: #aab7c7; font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.signal-list { min-width: 0; display: flex; align-items: center; justify-content: space-between; color: #dbe4ef; font-size: 13px; }
.signal-list i { width: 4px; height: 4px; border-radius: 50%; background: var(--orange); }

.section { padding: 130px 0; }
.section-heading { display: grid; grid-template-columns: 1.2fr .75fr; column-gap: 10%; align-items: end; margin-bottom: 62px; }
.section-heading .eyebrow { grid-column: 1 / -1; }
.section-heading h2, .approach h2, .leadership h2, .contact h2 { margin: 0; font-size: clamp(42px, 5vw, 72px); line-height: 1.04; letter-spacing: -.055em; font-weight: 600; }
.section-heading > p:last-child { margin: 0 0 7px; color: var(--muted); font-size: 16px; line-height: 1.75; }
.service-grid { display: grid; grid-template-columns: 1.08fr 1fr 1fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-card { --rx: 0deg; --ry: 0deg; min-height: 490px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); background: transparent; transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)); transform-style: preserve-3d; transition: background .3s ease, transform .2s ease; }
.service-card:first-child { border-left: 1px solid var(--line); }
.service-card:hover { background: white; }
.service-card.featured { background: var(--blue); color: white; border-color: var(--blue); }
.service-card.featured:hover { background: #145fe8; }
.service-top { display: flex; align-items: center; justify-content: space-between; color: #778292; font-family: "DM Mono", monospace; font-size: 11px; }
.featured .service-top { color: rgba(255,255,255,.66); }
.service-icon { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid currentColor; border-radius: 50%; font-size: 20px; }
.service-kicker { margin: 0 0 16px; color: var(--orange); font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.featured .service-kicker { color: #dbe7ff; }
.service-card h3 { margin: 0 0 20px; max-width: 300px; font-size: 31px; line-height: 1.12; letter-spacing: -.035em; }
.service-card p:not(.service-kicker) { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.featured p:not(.service-kicker) { color: #dce7ff; }
.service-card > a { display: flex; justify-content: space-between; padding-top: 17px; border-top: 1px solid var(--line); font-size: 12px; font-weight: 700; }
.featured > a { border-color: rgba(255,255,255,.3); }
.service-card > a span { color: var(--orange); }

/* Solutions page */
.solutions-page { background: var(--navy); }
.solutions-hero { min-height: 860px; height: 100svh; position: relative; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 74% 48%, #102b58 0, #081427 32%, #050c16 70%); color: white; }
.solutions-grid-bg { position: absolute; inset: 0; opacity: .23; background-image: linear-gradient(rgba(92,141,225,.17) 1px, transparent 1px), linear-gradient(90deg, rgba(92,141,225,.17) 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(90deg, transparent, black 50%, black); transform: perspective(500px) rotateY(-8deg) scale(1.2); }
.solutions-hero-copy { position: relative; z-index: 3; padding-top: 70px; }
.solutions-hero-copy h1 { max-width: 950px; margin: 0; font-size: clamp(58px, 6.6vw, 100px); line-height: .98; letter-spacing: -.065em; font-weight: 600; }
.solutions-hero-copy h1 em { color: var(--orange); font-style: normal; }
.solutions-hero-copy > p:not(.eyebrow) { max-width: 640px; margin: 30px 0 0; color: #b6c4d7; font-size: 17px; line-height: 1.75; }
.solution-jump { display: flex; gap: 8px; margin-top: 42px; }
.solution-jump a { min-width: 130px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.18); background: rgba(9,21,40,.4); backdrop-filter: blur(10px); font-size: 11px; transition: .25s ease; }
.solution-jump a:hover { border-color: var(--orange); background: rgba(255,107,61,.1); transform: translateY(-3px); }
.solution-jump span { margin-right: 15px; color: var(--orange); font-family: "DM Mono", monospace; font-size: 8px; }
.solution-orb { position: absolute; z-index: 2; right: -8vw; top: 50%; width: min(52vw, 740px); aspect-ratio: 1; transform: translateY(-48%); }
.orb-ring { position: absolute; inset: 12%; border: 1px solid rgba(91,148,255,.48); border-radius: 50%; animation: orbSpin 18s linear infinite; }
.ring-a::before, .ring-b::before, .ring-c::before { content:""; position: absolute; width: 7px; height: 7px; border-radius: 50%; top: 10%; left: 17%; background: var(--orange); box-shadow: 0 0 18px var(--orange); }
.ring-b { inset: 22% 3%; transform: rotate(63deg); animation-direction: reverse; animation-duration: 23s; }
.ring-c { inset: 3% 27%; transform: rotate(-42deg); animation-duration: 14s; }
.orb-core { position: absolute; inset: 32%; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #83aaff, #1b62ff 38%, #07172f 75%); box-shadow: 0 0 100px rgba(33,108,255,.52), inset -24px -20px 40px rgba(2,10,28,.6); animation: orbPulse 4s ease-in-out infinite; }
.orb-node { position: absolute; width: 6px; height: 6px; border: 1px solid #9ec0ff; border-radius: 50%; box-shadow: 0 0 14px #5d92ff; }.node-a{left:9%;top:38%}.node-b{right:14%;top:24%}.node-c{left:35%;bottom:5%}.node-d{right:4%;bottom:33%}
@keyframes orbSpin { to { transform: rotate(360deg); } }
@keyframes orbPulse { 50% { transform: scale(1.035); filter: brightness(1.2); } }
.solution-intro { background: var(--paper); }
.solution-intro-grid { display: grid; grid-template-columns: .55fr 1.15fr .8fr; gap: 7%; align-items: end; }
.solution-intro-grid .eyebrow { align-self: start; }
.solution-intro h2, .solution-detail h2, .ecosystem h2, .solution-cta h2 { margin: 0; font-size: clamp(40px, 4.6vw, 68px); line-height: 1.04; letter-spacing: -.055em; font-weight: 600; }
.solution-intro-grid > p:last-child { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.solution-detail { position: relative; padding: 130px 0; overflow: hidden; }
.solution-detail-grid { display: grid; grid-template-columns: .18fr 1fr .85fr; gap: 6%; align-items: center; }
.solution-detail-grid.reverse { grid-template-columns: .18fr .85fr 1fr; }
.solution-detail-grid.reverse .solution-content { order: 3; }.solution-detail-grid.reverse .solution-viz { order: 2; }
.solution-dark { background: #07111f; color: white; }.solution-light { background: #eeece6; color: var(--ink); }.solution-blue { background: #125ae3; color: white; }
.solution-aep { background:linear-gradient(135deg,#0c0414,#1a0828 58%,#0a0310);color:white; }
.solution-number { align-self: start; padding-top: 7px; font-family: "DM Mono", monospace; font-size: 13px; color: var(--orange); writing-mode: vertical-rl; }
.solution-number span { color: #79889b; }
.solution-label { margin: 0 0 22px; color: var(--orange); font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.solution-blue .solution-label { color: #ffd3c5; }
.solution-content > p:not(.solution-label) { margin: 25px 0 30px; max-width: 650px; color: #aebccd; font-size: 15px; line-height: 1.8; }
.solution-light .solution-content > p:not(.solution-label) { color: #596574; }.solution-blue .solution-content > p:not(.solution-label) { color: #d8e4ff; }
.deliverables { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 34px; }
.deliverables span { padding: 11px 12px; border: 1px solid rgba(255,255,255,.17); font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.solution-light .deliverables span { border-color: rgba(9,16,27,.18); }
.dark-link { color: var(--ink); border-color: rgba(9,16,27,.3); }
.solution-viz { min-height: 460px; position: relative; border: 1px solid rgba(255,255,255,.14); background: rgba(9,22,42,.4); overflow: hidden; }
.solution-light .solution-viz { border-color: rgba(9,16,27,.14); background: #e2e0da; }
.journey-viz { display: flex; align-items: center; justify-content: space-around; padding: 20px; }
.journey-line { position: absolute; left: 12%; right: 12%; top: 50%; height: 1px; background: linear-gradient(90deg, transparent, var(--blue-bright), var(--orange)); }
.journey-line::after { content:""; position:absolute; top:-2px; width:5px; height:5px; border-radius:50%; background:white; box-shadow:0 0 14px white; animation: travel 3s linear infinite; }
@keyframes travel { from{left:0}to{left:100%} }
.journey-node { position: relative; z-index: 2; padding-top: 40px; color: #b7c6d8; font-family: "DM Mono", monospace; font-size: 8px; text-transform: uppercase; }
.journey-node i { position:absolute; top:0; left:50%; width:24px; height:24px; border:1px solid var(--blue-bright); border-radius:50%; transform:translateX(-50%); background:#09182b; box-shadow:0 0 20px rgba(77,141,255,.35); }
.stack-viz { display: grid; place-items: center; perspective: 800px; }
.stack-layer { position: absolute; width: 60%; height: 30%; display: grid; place-items: center; border: 1px solid rgba(9,16,27,.28); background: rgba(255,255,255,.65); transform: rotateX(62deg) rotateZ(-25deg); box-shadow: -20px 28px 35px rgba(5,16,31,.11); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .14em; }
.layer-1{transform:translateY(-92px) rotateX(62deg) rotateZ(-25deg)}.layer-2{transform:translateY(-10px) rotateX(62deg) rotateZ(-25deg)}.layer-3{transform:translateY(72px) rotateX(62deg) rotateZ(-25deg)}
.stack-pulse { width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 35px 10px rgba(255,107,61,.4);animation:stackPulse 2.3s ease-in-out infinite; }
@keyframes stackPulse { 50%{transform:translateY(-95px);opacity:.6} }
.growth-viz { background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px; }
.growth-axis { position:absolute;background:rgba(255,255,255,.45) }.growth-axis.x{left:12%;right:8%;bottom:17%;height:1px}.growth-axis.y{left:12%;top:12%;bottom:17%;width:1px}
.growth-curve { position:absolute; left:19%; bottom:23%; width:70%; height:55%; border-top:4px solid var(--orange); border-radius:70% 25% 0 0; transform:rotate(-17deg); filter:drop-shadow(0 0 12px rgba(255,107,61,.7)); }
.growth-viz span { position:absolute;bottom:8%;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.1em}.growth-viz span:nth-of-type(1){left:17%}.growth-viz span:nth-of-type(2){left:46%}.growth-viz span:nth-of-type(3){right:7%}
.interface-viz { display:grid;place-items:center; }
.ui-window { position:relative;width:76%;height:64%;border:1px solid rgba(9,16,27,.35);background:#f7f5f0;box-shadow:18px 20px 0 rgba(33,108,255,.13); }
.ui-top{height:30px;border-bottom:1px solid rgba(9,16,27,.15);display:flex;align-items:center;gap:5px;padding:0 10px}.ui-top i{width:5px;height:5px;border-radius:50%;background:#9098a2}.ui-sidebar{position:absolute;top:30px;bottom:0;left:0;width:24%;background:#0b1a2e}.ui-card{position:absolute;left:31%;right:8%;height:23%;background:#d8dde5}.card-a{top:26%}.card-b{top:57%;background:#216cff}.ui-cursor{position:absolute;right:15%;top:48%;display:grid;place-items:center;width:30px;height:30px;background:var(--orange);color:white;border-radius:50%;animation:cursorMove 4s ease-in-out infinite}
@keyframes cursorMove{50%{transform:translate(-90px,-50px)}}
.aep-viz { background:radial-gradient(circle at 54% 50%,rgba(178,55,235,.2),transparent 35%),linear-gradient(145deg,#10051a,#08030e); }
.aep-viz::before { content:"";position:absolute;left:32%;top:23%;width:43%;aspect-ratio:1;border:1px solid rgba(195,75,242,.18);border-radius:50%;animation:aepOrbit 12s linear infinite; }
@keyframes aepOrbit{to{transform:rotate(360deg)}}
.aep-core { position:absolute;z-index:4;left:54%;top:50%;width:148px;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(223,128,255,.68);border-radius:50%;background:radial-gradient(circle at 35% 28%,#7d29aa,#2a0a3e 60%,#0e0417);box-shadow:0 0 0 12px rgba(181,54,229,.06),0 0 55px rgba(180,54,232,.38); }
.aep-core>i { position:absolute;inset:-9px;border:1px solid rgba(200,75,242,.3);border-radius:50%;animation:corePulse 2.7s ease-out infinite}.aep-core span,.aep-core small{font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:#c7b2cf}.aep-core strong{margin:3px 0;font-size:25px;font-weight:400;letter-spacing:-.04em}.aep-core small{font-size:5px;color:#89748f}
.aep-source { position:absolute;z-index:3;left:6%;width:92px;padding:10px 8px;border:1px solid rgba(113,125,255,.27);background:rgba(12,6,24,.85);font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.aep-source i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#6489ff;box-shadow:0 0 10px #6489ff}.source-one{top:17%}.source-two{top:45%}.source-three{top:73%}
.aep-stream { position:absolute;z-index:2;left:22%;width:25%;height:2px;background:linear-gradient(90deg,rgba(91,124,255,.15),#708cff,#cb4af3);background-size:200% 100%;filter:drop-shadow(0 0 5px rgba(134,92,255,.7));animation:aepStream 2.4s linear infinite}.stream-one{top:24%;transform:rotate(22deg);transform-origin:left}.stream-two{top:50%}.stream-three{top:76%;transform:rotate(-22deg);transform-origin:left}
@keyframes aepStream{to{background-position:-200% 0}}
.aep-output { position:absolute;z-index:3;right:4%;min-width:76px;padding:8px 10px;border:1px solid rgba(205,71,244,.34);border-radius:99px;background:rgba(31,8,43,.82);text-align:center;color:#d5c3dd;font-family:"DM Mono",monospace;font-size:6px;letter-spacing:.1em;text-transform:uppercase}.output-one{top:18%}.output-two{top:46%}.output-three{top:74%}
.aep-output::before{content:"";position:absolute;right:100%;top:50%;width:70px;height:1px;background:linear-gradient(90deg,#c348ed,rgba(195,72,237,.15));transform-origin:right}.output-one::before{transform:rotate(-24deg)}.output-three::before{transform:rotate(24deg)}
.ecosystem { background:#06101d;color:white;overflow:hidden; }
.ecosystem-grid { display:grid;grid-template-columns:.75fr 1fr;gap:8%;align-items:center }.ecosystem-grid>div:first-child>p:not(.eyebrow){color:#9eacbd;line-height:1.8;max-width:480px}
.ecosystem-map { min-height:540px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(33,108,255,.16),transparent 62%)}
.ecosystem-map::before,.ecosystem-map::after{content:"";position:absolute;border:1px solid rgba(77,141,255,.25);border-radius:50%}.ecosystem-map::before{inset:15%}.ecosystem-map::after{inset:29%}
.eco-core{position:relative;z-index:2;width:150px;aspect-ratio:1;display:grid;place-items:center;text-align:center;border-radius:50%;background:var(--blue);font-family:"DM Mono",monospace;font-size:9px;line-height:1.7;box-shadow:0 0 70px rgba(33,108,255,.5)}
.eco-item{position:absolute;padding:10px 14px;border:1px solid rgba(255,255,255,.2);background:#0b1b31;font-family:"DM Mono",monospace;font-size:9px}.e1{left:5%;top:22%}.e2{right:5%;top:22%}.e3{right:1%;bottom:24%}.e4{left:4%;bottom:24%}.e5{top:5%;left:47%}
.solution-cta { padding:140px 0;background:#eeece6;text-align:center }.solution-cta .eyebrow{justify-content:center}.solution-cta h2{max-width:900px;margin-inline:auto}.solution-cta>div>p:not(.eyebrow){max-width:620px;margin:28px auto 34px;color:var(--muted);line-height:1.8}

.approach { background: var(--navy); color: white; position: relative; overflow: hidden; }
.approach::before { content: ""; position: absolute; width: 620px; height: 620px; left: -240px; bottom: -340px; border: 1px solid rgba(77,141,255,.25); border-radius: 50%; box-shadow: 0 0 120px rgba(33,108,255,.08); }
.approach-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 12%; align-items: start; }
.approach-intro { position: sticky; top: 130px; }
.approach-intro > p:not(.eyebrow) { max-width: 460px; margin: 28px 0 36px; color: #aebdce; font-size: 16px; line-height: 1.75; }
.button-light { border-color: rgba(255,255,255,.52); color: white; }
.button-light:hover { background: white; color: var(--ink); }
.process-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.17); }
.process-list li { display: grid; grid-template-columns: 70px 1fr; gap: 24px; padding: 31px 0; border-bottom: 1px solid rgba(255,255,255,.17); }
.process-list li > span { color: var(--orange); font-family: "DM Mono", monospace; font-size: 11px; }
.process-list h3 { margin: -7px 0 10px; font-size: 29px; font-weight: 500; letter-spacing: -.035em; }
.process-list p { margin: 0; color: #9fadc0; font-size: 14px; line-height: 1.6; }

.leadership { background: #eeece6; }
.leadership-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 10%; align-items: center; }
.leadership-visual { aspect-ratio: 1; position: relative; display: grid; place-items: center; border-radius: 50%; background: #0a1729; overflow: hidden; color: white; }
.leadership-visual::before { content: ""; position: absolute; inset: 9%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.orbit { position: absolute; border: 1px solid rgba(77,141,255,.55); border-radius: 50%; }
.orbit-one { width: 84%; height: 36%; transform: rotate(24deg); }
.orbit-two { width: 84%; height: 36%; transform: rotate(-41deg); }
.leadership-core { width: 46%; aspect-ratio: 1; z-index: 2; display: grid; place-content: center; justify-items: center; gap: 5px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 80px rgba(33,108,255,.45); font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .16em; }
.leadership-core strong { color: var(--orange); font-size: 28px; font-weight: 400; line-height: 1; }
.floating-label { position: absolute; z-index: 3; padding: 8px 10px; background: #e9edf5; color: var(--ink); font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .13em; }
.label-one { left: 6%; top: 32%; }.label-two { right: 2%; top: 45%; }.label-three { left: 29%; bottom: 5%; }
.leadership-copy h2 { font-size: clamp(40px, 4.5vw, 62px); }
.leadership-copy > p:not(.eyebrow) { margin: 26px 0 0; color: #536070; font-size: 15px; line-height: 1.85; }
.leadership-copy strong { color: var(--ink); font-weight: 700; }
.credential-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.credential-row span { padding: 10px 13px; border: 1px solid #bcc1c7; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }

.contact { padding: 130px 0; background: var(--blue); color: white; }
.contact-grid { display: grid; grid-template-columns: 1fr .85fr; gap: 11%; align-items: start; }
.contact-copy h2 { max-width: 700px; }
.contact-copy > p:not(.eyebrow) { max-width: 540px; margin: 28px 0; color: #dce7ff; font-size: 16px; line-height: 1.75; }
.contact-copy > a { display: inline-flex; gap: 12px; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.5); font-size: 14px; }
.contact-copy > a span { color: #ffd8ca; }
.contact-form { padding: 35px; background: white; color: var(--ink); }
.contact-form label { display: flex; flex-direction: column; gap: 9px; margin-bottom: 22px; color: #556170; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.contact-form input, .contact-form textarea { width: 100%; padding: 8px 0 12px; border: 0; border-bottom: 1px solid #aeb5bd; border-radius: 0; outline: 0; background: transparent; color: var(--ink); text-transform: none; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--blue); box-shadow: 0 1px var(--blue); }
.contact-form .button { width: 100%; border: 0; }
.form-note { margin: 12px 0 0; color: #788391; font-size: 10px; text-align: center; }

footer { padding: 78px 0 26px; background: #050c16; color: white; }
.footer-top { display: grid; grid-template-columns: 1fr 1fr .7fr; gap: 40px; align-items: start; padding-bottom: 64px; }
.footer-brand img { width: 150px; }
.footer-top > p { margin: 0; color: #9ba9b9; font-size: 20px; line-height: 1.45; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 28px; font-size: 12px; }
.footer-links a:hover { color: var(--orange); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.15); color: #778594; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease var(--delay, 0ms), transform .75s cubic-bezier(.2,.75,.25,1) var(--delay, 0ms); }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) {
  :root { --container: min(100% - 36px, 720px); }
  .nav-shell { height: 76px; }
  .menu-button { display: block; z-index: 3; }
  .menu-button[aria-expanded="true"] span:nth-last-child(2) { transform: translateY(4px) rotate(45deg); }
  .menu-button[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .site-nav { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 30px; padding: 80px 10vw; background: var(--navy); transform: translateX(100%); transition: transform .35s cubic-bezier(.2,.75,.25,1); font-size: 28px; }
  .site-nav.open { transform: translateX(0); }
  .nav-cta { margin: 10px 0 0; font-size: 14px; }
  .hero { min-height: 720px; }
  .hero-overlay { background: linear-gradient(90deg, rgba(4,12,24,.95), rgba(4,12,24,.54)), linear-gradient(0deg, rgba(4,12,24,.7), transparent); }
  .hero-copy { max-width: 510px; }
  .hero-foot span:nth-child(1), .hero-foot span:nth-child(2) { display: none; }
  .signal-grid, .section-heading, .approach-grid, .leadership-grid, .contact-grid { grid-template-columns: 1fr; }
  .signal-grid { gap: 18px; }
  .section { padding: 95px 0; }
  .section-heading { gap: 25px; }
  .service-grid { grid-template-columns: 1fr; border: 0; gap: 14px; }
  .service-card { min-height: 400px; border: 1px solid var(--line); }
  .approach-grid { gap: 65px; }
  .approach-intro { position: static; }
  .leadership-grid { gap: 65px; }
  .leadership-visual { max-width: 520px; width: 100%; margin-inline: auto; }
  .contact-grid { gap: 55px; }
  .cursor-glow { display:none; }
  .solution-orb { right:-32vw;width:90vw;opacity:.65 }.solutions-hero-copy h1{max-width:700px}.solution-jump{flex-wrap:wrap}.solution-intro-grid,.solution-detail-grid,.solution-detail-grid.reverse,.ecosystem-grid{grid-template-columns:1fr}.solution-intro-grid{gap:25px}.solution-detail-grid,.solution-detail-grid.reverse{gap:45px}.solution-number{writing-mode:horizontal-tb}.solution-detail-grid.reverse .solution-content,.solution-detail-grid.reverse .solution-viz{order:initial}.solution-viz{min-height:420px}.ecosystem-grid{gap:50px}
}

@media (max-width: 600px) {
  :root { --container: calc(100% - 28px); }
  .container, .nav-shell { width: min(362px, calc(100% - 28px)); }
  .brand img { width: 96px; }
  .menu-button { position: fixed; top: 20px; right: 7px; }
  .hero { align-items: flex-start; padding-top: 150px; min-height: 760px; height: auto; }
  .hero-media { background-position: 63% center; opacity: .82; }
  .hero-overlay { background: linear-gradient(90deg, rgba(4,12,24,.97), rgba(4,12,24,.35)), linear-gradient(0deg, rgba(4,12,24,.9), transparent 55%); }
  .hero-content { width: min(362px, calc(100% - 28px)); min-width: 0; overflow: hidden; }
  .hero h1 { width: 350px; max-width: 100%; font-size: clamp(44px, 12.5vw, 52px); line-height: .98; overflow-wrap: break-word; }
  .hero-copy { width: 350px; max-width: 100%; font-size: 15px; line-height: 1.65; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 15px; margin-top: 30px; }
  .hero-actions, .hero-actions .button { width: 350px; max-width: 100%; }
  .text-link { align-self: flex-start; }
  .hero-foot { bottom: 18px; }
  .signal-strip { padding: 24px 0; }
  .signal-list { flex-wrap: wrap; justify-content: flex-start; gap: 14px; line-height: 1.4; }
  .section { padding: 78px 0; }
  .section-heading { margin-bottom: 40px; }
  .section-heading h2, .approach h2, .contact h2 { font-size: 42px; }
  .service-card { min-height: 390px; padding: 24px; }
  .process-list li { grid-template-columns: 40px 1fr; gap: 13px; }
  .leadership h2 { font-size: 40px; }
  .leadership-copy > p:not(.eyebrow) { font-size: 14px; }
  .contact { padding: 78px 0; }
  .contact-form { padding: 27px 21px; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .footer-top { grid-template-columns: 1fr; padding-bottom: 45px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; }
  .aep-core{width:112px}.aep-source{width:72px;font-size:6px}.aep-output{min-width:62px;padding:7px 5px}.aep-output::before{width:42px}
  .hero-coordinates{display:none}.solutions-hero{min-height:850px;height:auto;padding:150px 0 100px}.solutions-hero-copy h1{font-size:46px}.solutions-hero-copy>p:not(.eyebrow){font-size:15px}.solution-orb{right:-58vw;top:38%;width:120vw;opacity:.42}.solution-jump{display:grid;grid-template-columns:1fr 1fr}.solution-jump a{min-width:0}.solution-intro h2,.solution-detail h2,.ecosystem h2,.solution-cta h2{font-size:40px}.solution-detail{padding:85px 0}.solution-viz{min-height:340px}.deliverables{grid-template-columns:1fr}.ecosystem-map{min-height:390px}.eco-core{width:115px}.eco-item{font-size:7px;padding:8px}.solution-cta{padding:90px 0}
}

@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; }
}

/* V3 — editorial future-tech direction */
:root { --void:#08040f; --void-2:#10061d; --violet:#8b2cff; --violet-hot:#c13cff; --lilac:#c6a1ee; }
body { background:#f3f0ec; }
.site-header { background:rgba(8,4,15,.35); border-color:rgba(255,255,255,.08); }
.site-header.scrolled { background:rgba(8,4,15,.9); }
.nav-shell { height:80px; }
.brand img { width:126px; height:68px; }
.site-nav { font-weight:400; gap:32px; color:#dfd5e7; }
.nav-cta { padding:11px 18px; border-color:rgba(183,78,255,.5); border-radius:999px; box-shadow:inset 0 0 16px rgba(139,44,255,.1); }
.nav-cta:hover { background:var(--violet); color:white; box-shadow:0 0 24px rgba(139,44,255,.45); }
.hero-v3 { min-height:800px; height:100svh; position:relative; display:grid; place-items:center; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 50% 32%,#19082d 0,#0b0513 48%,#07030c 100%); color:white; }
.hero-noise { position:absolute;inset:0;z-index:-1;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); }
.hero-horizon { position:absolute;z-index:0;left:-15%;right:-15%;top:17%;height:430px;border-bottom:2px solid #b32cff;border-radius:0 0 50% 50%;background:linear-gradient(180deg,rgba(30,8,49,.1),rgba(86,16,127,.08));box-shadow:0 18px 35px rgba(165,36,255,.5),inset 0 -20px 40px rgba(128,20,216,.16); }
.hero-horizon::after { content:"";position:absolute;left:18%;right:18%;bottom:-2px;height:3px;background:linear-gradient(90deg,transparent,#df69ff,transparent);filter:blur(2px); }
.hero-word { position:absolute;z-index:1;left:50%;top:48%;transform:translate(-50%,-50%);font-size:clamp(120px,18vw,280px);font-weight:300;letter-spacing:-.08em;color:rgba(211,168,239,.17);white-space:nowrap;line-height:.8; }
.hero-object { position:absolute;z-index:3;left:50%;top:45%;width:min(46vw,650px);aspect-ratio:1.5;transform:translate(-50%,-50%);animation:objectFloat 7s ease-in-out infinite; }
.hero-object img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 50px rgba(90,23,170,.45)); }
.object-halo { position:absolute;inset:17% 18%;border-radius:50%;background:rgba(125,43,255,.22);filter:blur(65px); }
@keyframes objectFloat { 50%{transform:translate(-50%,-53%) rotate(1.5deg)} }
.object-play { position:absolute;z-index:4;left:50%;top:50%;width:58px;height:58px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(10,4,20,.6);backdrop-filter:blur(10px);color:white;cursor:pointer;box-shadow:0 0 0 9px rgba(127,32,255,.12),0 0 30px rgba(173,51,255,.5);transition:.3s ease; }
.object-play:hover { transform:translate(-50%,-50%) scale(1.1);background:var(--violet); }
.object-play span { margin-left:3px;font-size:12px; }
.hero-v3-content { position:relative;z-index:4;height:100%;padding:140px 0 75px;pointer-events:none; }
.hero-kicker { position:absolute;right:0;top:19%;width:145px;margin:0;color:#c8b7d6;font-family:"DM Mono",monospace;font-size:9px;line-height:1.55;letter-spacing:.08em;text-transform:uppercase; }
.hero-v3 h1 { position:absolute;left:0;right:0;top:45%;transform:translateY(-50%);margin:0;text-align:center;line-height:.74;letter-spacing:-.07em;font-weight:300;pointer-events:none; }
.hero-v3 h1 span { display:block;color:rgba(255,255,255,.08);font-size:clamp(120px,17vw,250px);text-transform:uppercase; }
.hero-v3 h1 small { display:block;margin-top:22px;color:#b799ca;font-family:"DM Mono",monospace;font-size:10px;font-weight:400;letter-spacing:.58em;text-transform:uppercase; }
.hero-sub { position:absolute;z-index:5;left:0;bottom:123px;max-width:340px;margin:0;color:#b8acbf;font-size:13px;line-height:1.7; }
.hero-ctas { position:absolute;z-index:5;left:50%;bottom:105px;display:flex;gap:12px;transform:translateX(-50%);pointer-events:auto; }
.glow-button,.ghost-button { min-height:43px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid rgba(181,66,255,.65);border-radius:999px;color:white;font-size:11px;transition:.3s ease; }
.glow-button { background:linear-gradient(180deg,rgba(116,25,185,.85),rgba(42,8,71,.85));box-shadow:0 0 18px rgba(169,45,255,.34),inset 0 0 12px rgba(225,135,255,.16); }
.glow-button:hover { transform:translateY(-2px);box-shadow:0 0 30px rgba(185,55,255,.65); }
.ghost-button { border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.025); }
.ghost-button:hover { border-color:rgba(255,255,255,.4); }
.hero-side-note { position:absolute;left:24px;top:50%;z-index:5;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.28em;color:rgba(255,255,255,.28); }
.hero-index { position:absolute;z-index:5;right:30px;bottom:32px;display:flex;align-items:center;gap:10px;color:#6c5b74;font-family:"DM Mono",monospace;font-size:8px; }.hero-index i{width:46px;height:1px;background:#47394e}
.metrics { position:relative;z-index:3;padding:55px 0 70px;background:var(--void);color:white; }
.metrics-grid { display:grid;grid-template-columns:repeat(4,1fr); }
.metrics-grid>div { padding:0 35px;border-right:1px solid rgba(255,255,255,.1); }.metrics-grid>div:first-child{padding-left:0}.metrics-grid>div:last-child{border:0}
.metrics strong { display:block;font-size:38px;font-weight:300;letter-spacing:-.04em; }.metrics span{display:block;margin-top:10px;color:#897b91;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.22em;text-transform:uppercase}
.section { padding:125px 0; }
.manifesto { background:#f3f0ec; }
.manifesto-grid { display:grid;grid-template-columns:.45fr 1.2fr .65fr;gap:7%;align-items:start; }
.section-tag { display:flex;align-items:center;gap:12px;color:#695d6d;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.15em;text-transform:uppercase; }.section-tag span{color:#a125ed}.section-tag::after{content:"";width:26px;height:1px;background:#a125ed}.section-tag.light{color:#a595ae}
.manifesto h2,.feature-copy h2,.process h2,.leadership-v3 h2,.contact-v3 h2 { margin:0;font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.06em;font-weight:400; }.manifesto h2 em,.process h2 em,.leadership-v3 h2 em,.contact-v3 h2 em{color:#9627de;font-style:normal}
.manifesto-copy p { margin:0 0 26px;color:#6f6572;font-size:14px;line-height:1.85; }.manifesto-copy a{padding-bottom:6px;border-bottom:1px solid #9c8ba4;font-size:11px}.manifesto-copy a span{color:#9b24df}
.capability-rail { margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.capability-card { --rx:0deg;--ry:0deg;position:relative;min-height:430px;padding:20px;display:flex;flex-direction:column;border:1px solid #d5cdd7;background:#ece8ec;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s,border-color .3s,box-shadow .3s;overflow:hidden; }.capability-card:hover,.capability-card.active{border-color:#a133ea;box-shadow:0 20px 50px rgba(79,27,103,.14)}.capability-card.active{background:#120820;color:white}
.capability-card>p { margin:auto 0 12px;color:#9a2de3;font-family:"DM Mono",monospace;font-size:8px;text-transform:uppercase;letter-spacing:.15em}.capability-card h3{margin:0 0 12px;font-size:25px;font-weight:400;letter-spacing:-.04em}.capability-card>span{color:#7a6e7d;font-size:12px;line-height:1.6}.capability-card.active>span{color:#a99caf}
.card-art { position:relative;height:220px;display:grid;place-items:center; }
.art-orbit span{width:125px;aspect-ratio:1;border:1px solid #8124bd;border-radius:50%;box-shadow:0 0 25px rgba(129,36,189,.2)}.art-orbit span::before,.art-orbit span::after{content:"";position:absolute;inset:27%;border:1px solid #b545ef;border-radius:50%;transform:rotateX(68deg)}.art-orbit span::after{transform:rotateY(65deg)}.art-orbit i{position:absolute;width:16px;height:16px;border-radius:50%;background:#a62dea;box-shadow:0 0 22px #a62dea;animation:miniFloat 3s ease-in-out infinite}
.art-wave{gap:7px}.art-wave i{position:absolute;width:210px;height:38px;border:1px solid #8c29ce;border-radius:50%;transform:rotate(-20deg)}.art-wave i:nth-child(2){transform:rotate(20deg);width:170px}.art-wave i:nth-child(3){width:100px;height:100px;background:radial-gradient(circle at 35% 30%,#e189ff,#4d0e84 60%,#10051c);box-shadow:0 0 40px rgba(171,45,242,.5)}
.art-interface i{width:190px;height:120px;border:1px solid #b1a5b5;background:rgba(255,255,255,.18);transform:perspective(500px) rotateY(-20deg) rotateX(8deg);box-shadow:18px 18px 0 rgba(143,37,202,.13)}.art-interface span,.art-interface b{position:absolute;height:5px;background:#a22be7;left:30%;right:30%;top:44%}.art-interface b{top:52%;right:42%;background:#8f8394}
@keyframes miniFloat{50%{transform:translateY(-18px)}}
.feature-stage { position:relative;padding:135px 0;background:#0b0413;color:white;overflow:hidden; }.feature-glow{position:absolute;right:-10%;top:-50%;width:70%;height:140%;background:radial-gradient(circle,rgba(132,26,222,.26),transparent 62%)}
.feature-grid { display:grid;grid-template-columns:.7fr 1fr;gap:9%;align-items:center }.feature-copy h2{margin-top:30px}.feature-copy>p{color:#a99daf;font-size:14px;line-height:1.8}.feature-copy ul{list-style:none;padding:20px 0 30px;margin:0}.feature-copy li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#d1c6d5;font-family:"DM Mono",monospace;font-size:9px}.feature-copy li::before{content:"+";margin-right:15px;color:#b13af1}
.feature-visual { --rx:0deg;--ry:0deg;position:relative;aspect-ratio:1.15;overflow:hidden;border:1px solid rgba(188,80,255,.34);transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s;box-shadow:0 30px 70px rgba(0,0,0,.4)}.feature-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(129,28,203,.2),transparent 50%)}.feature-visual img{width:100%;height:100%;object-fit:cover}.visual-label{position:absolute;z-index:2;padding:9px 12px;background:rgba(10,3,18,.72);border:1px solid rgba(255,255,255,.14);font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.12em}.visual-label.top{top:16px;right:16px}.visual-label.bottom{left:16px;bottom:16px;color:#aee8cf}
.process { background:#f3f0ec }.process-head{display:grid;grid-template-columns:.45fr 1fr;gap:7%}.process-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px;border-top:1px solid #cfc6d1}.process-track article{position:relative;padding:32px 25px 0 0}.process-track article>span{font-family:"DM Mono",monospace;font-size:8px;color:#9724db}.process-track i{position:absolute;top:-5px;left:0;width:9px;height:9px;border:2px solid #a329e8;border-radius:50%;background:#f3f0ec}.process-track h3{margin:40px 0 10px;font-size:25px;font-weight:400}.process-track p{color:#7a6f7d;font-size:12px}
.leadership-v3 { position:relative;padding:140px 0;background:#10061b;color:white;overflow:hidden }.leadership-v3-grid{display:grid;grid-template-columns:.45fr 1fr;gap:7%;position:relative;z-index:2}.leadership-v3-grid>div:last-child{max-width:800px}.leadership-v3 h2 em{color:#c64cf5}.leadership-v3 p{max-width:670px;color:#aca0b2;font-size:14px;line-height:1.9}.cert-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.cert-list span{padding:10px 18px;border:1px solid rgba(196,76,245,.34);border-radius:99px;color:#d1c3d7;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.1em}.leadership-orb{position:absolute;right:-12%;bottom:-70%;width:620px;opacity:.28}.leadership-orb img{width:100%}
.contact-v3 { position:relative;padding:150px 0 170px;background:#08040f;color:white;text-align:center;overflow:hidden}.contact-v3 .container{position:relative;z-index:2}.contact-v3 .section-tag{justify-content:center}.contact-v3 h2{margin:30px 0}.contact-v3 p{color:#9d90a2;margin-bottom:35px}.contact-horizon{position:absolute;left:-15%;right:-15%;bottom:-360px;height:597px;border-top:2px solid #c536ff;border-radius:50% 50% 0 0;box-shadow:0 -15px 35px rgba(188,50,255,.5);background:radial-gradient(ellipse at center top,rgba(124,19,192,.22),transparent 55%)}
footer{background:#06030a}.footer-top>p{color:#908596}.footer-links a:hover{color:#c53df2}

@media(max-width:900px){
 .hero-object{width:min(76vw,590px)}.hero-word{font-size:24vw}.hero-sub{left:4px}.hero-kicker{right:4px}.metrics-grid{grid-template-columns:1fr 1fr;gap:40px 0}.metrics-grid>div:nth-child(2){border:0}.manifesto-grid,.feature-grid,.leadership-v3-grid{grid-template-columns:1fr}.manifesto-grid{gap:30px}.capability-rail{grid-template-columns:1fr}.capability-card{min-height:390px}.feature-grid{gap:70px}.process-head{grid-template-columns:1fr;gap:30px}.process-track{grid-template-columns:1fr 1fr;gap:55px 0}
}
@media(max-width:600px){
 .nav-shell{height:72px}.brand img{width:100px}.hero-v3{min-height:770px;height:100svh}.hero-horizon{top:13%;height:310px}.hero-object{top:39%;width:120vw}.hero-word{top:43%;font-size:38vw}.hero-v3 h1{top:41%}.hero-v3 h1 span{font-size:30vw}.hero-kicker{top:14%;right:16px;width:110px;font-size:7px}.hero-sub{left:14px;right:14px;bottom:136px;max-width:none;text-align:center}.hero-ctas{bottom:75px;width:calc(100% - 28px);justify-content:center}.glow-button,.ghost-button{padding:0 15px;gap:12px}.hero-side-note,.hero-index{display:none}.metrics{padding:45px 0}.metrics-grid{gap:32px 0}.metrics-grid>div{padding:0 14px}.metrics strong{font-size:31px}.metrics span{font-size:7px;line-height:1.5}.section{padding:85px 0}.manifesto h2,.feature-copy h2,.process h2,.leadership-v3 h2,.contact-v3 h2{font-size:42px}.capability-rail{margin-top:50px}.feature-stage,.leadership-v3{padding:90px 0}.feature-visual{aspect-ratio:.9}.process-track{grid-template-columns:1fr}.leadership-orb{width:400px;right:-45%;bottom:-20%}.contact-v3{padding:95px 0 120px}.contact-horizon{bottom:-460px}
}

/* Solutions alignment with the V3 art direction */
.solutions-page { background:var(--void); }
.solutions-page .site-header { background:rgba(8,4,15,.35); }
.solutions-hero { background:radial-gradient(circle at 72% 44%,#27103c 0,#0e0618 45%,#08040f 78%); }
.solutions-grid-bg { opacity:.1;background-image:linear-gradient(rgba(194,80,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(194,80,255,.16) 1px,transparent 1px); }
.solutions-hero::after { content:"";position:absolute;left:-15%;right:-15%;bottom:12%;height:280px;border-top:1px solid #bc3cff;border-radius:50% 50% 0 0;box-shadow:0 -10px 25px rgba(178,44,255,.38);pointer-events:none; }
.solution-orb { right:-2vw;width:min(54vw,720px);z-index:2; }
.solution-orb-image { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 55px rgba(111,25,184,.5));animation:objectFloat 7s ease-in-out infinite; }
.solution-orb .orb-ring,.solution-orb .orb-core,.solution-orb .orb-node { display:none; }
.solutions-hero-copy h1 em { color:#c13cff; }
.solution-jump a { border-color:rgba(196,74,255,.24);background:rgba(20,7,32,.48);border-radius:2px; }
.solution-jump a:hover { border-color:#bf3cf4;background:rgba(174,47,232,.12); }
.solution-jump span,.solution-number,.solution-label { color:#b736ee; }
.solution-intro { background:#f3f0ec; }
.solution-dark { background:#0a0411; }
.solution-blue { background:linear-gradient(135deg,#48106b,#180626); }
.solution-light { background:#eee9ef; }
.solution-viz { border-color:rgba(196,76,245,.24);background:rgba(27,8,42,.5); }
.journey-line { background:linear-gradient(90deg,transparent,#a82ee8,#ee5dff); }
.journey-node i { border-color:#b23bed;background:#10051b;box-shadow:0 0 20px rgba(183,55,241,.42); }
.solution-blue .solution-label { color:#e8a4ff; }
.growth-curve { border-color:#e863ff;filter:drop-shadow(0 0 12px rgba(225,75,255,.7)); }
.ecosystem { background:#090410; }.eco-core{background:linear-gradient(145deg,#c03df4,#4d0b78);box-shadow:0 0 70px rgba(173,43,239,.5)}.ecosystem-map{background:radial-gradient(circle,rgba(151,34,215,.16),transparent 62%)}.ecosystem-map::before,.ecosystem-map::after{border-color:rgba(194,76,245,.26)}
.solution-cta { background:#f1edf2; }.solution-cta .button-primary{border-radius:999px;background:linear-gradient(180deg,#a52be7,#551080);box-shadow:0 0 24px rgba(160,43,226,.32)}
@media(max-width:900px){.solution-orb{right:-28vw;width:88vw}}
@media(max-width:600px){.solution-orb{right:-56vw;width:120vw}.solutions-hero::after{bottom:8%;height:180px}.solutions-hero-copy h1 em{color:#c74bfa}}

/* Data-flow hero and live ecosystem */
.hero-v3::after { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,2,12,.96) 0%,rgba(7,3,14,.78) 39%,rgba(7,3,14,.18) 75%,rgba(7,3,14,.4) 100%),linear-gradient(0deg,rgba(7,3,14,.75),transparent 48%);pointer-events:none; }
.flow-surface { --flow-x:0px;--flow-y:0px;--pointer-x:70%;--pointer-y:45%;isolation:isolate; }
.flow-surface::before { content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 280px at var(--pointer-x) var(--pointer-y),rgba(136,69,255,.16),transparent 72%);mix-blend-mode:screen;transition:opacity .25s ease; }
.hero-data-bg { position:absolute;inset:-3%;z-index:-2;background:url("assets/hero-data-flow-v3.png") center / cover no-repeat;transform:translate3d(var(--flow-x),var(--flow-y),0) scale(1.055);transition:transform .22s cubic-bezier(.2,.7,.2,1),filter .3s ease;will-change:transform; }
.hero-data-bg::after { content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(126,83,255,.1) 46%,rgba(203,92,255,.16) 50%,transparent 56%);transform:translateX(-80%);mix-blend-mode:screen;animation:flowScan 7s ease-in-out infinite; }
.flow-surface.is-flowing .hero-data-bg { filter:brightness(1.08) saturate(1.08); }
@keyframes flowScan { 55%,100%{transform:translateX(85%)} }
.hero-v3-content { height:auto;min-height:100%;padding:160px 0 105px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;pointer-events:auto; }
.hero-v3 .hero-kicker { position:static;width:auto;margin:0 0 28px;color:#c7afd2;font-size:9px;letter-spacing:.14em; }
.hero-v3 h1 { position:static;max-width:850px;margin:0;transform:none;text-align:left;color:white;font-size:clamp(64px,7.2vw,112px);font-weight:400;line-height:.88;letter-spacing:-.07em;text-transform:none; }
.hero-v3 h1 em { color:#c63ef7;font-style:normal;text-shadow:0 0 28px rgba(188,52,245,.22); }
.hero-v3 .hero-sub { position:static;max-width:550px;margin:34px 0 0;color:#c1b5c6;font-size:15px;line-height:1.75; }
.hero-v3 .hero-ctas { position:static;margin-top:36px;transform:none; }
.hero-scroll { position:absolute;z-index:5;right:34px;bottom:30px;display:flex;align-items:center;gap:12px;color:#8b7d91;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.18em;text-transform:uppercase; }.hero-scroll i{width:48px;height:1px;background:#67566f}.hero-scroll b{color:#c640f5;font-size:14px;animation:scrollPulse 1.8s ease-in-out infinite}
@keyframes scrollPulse{50%{transform:translateY(6px);opacity:.45}}

.ecosystem-live { position:relative;min-height:560px;aspect-ratio:1.08;background:radial-gradient(circle at center,rgba(111,28,169,.24),transparent 38%),linear-gradient(145deg,#10051b,#09030f);overflow:hidden;isolation:isolate; }
.ecosystem-live::before { content:"";position:absolute;inset:11%;border:1px solid rgba(191,72,244,.18);border-radius:50%;box-shadow:0 0 70px rgba(143,31,204,.09); }
.ecosystem-grid-lines { position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(194,92,235,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(194,92,235,.2) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,black,transparent 76%); }
.ecosystem-paths { position:absolute;inset:8%;width:84%;height:84%;overflow:visible; }
.ecosystem-paths path { fill:none;stroke:#9f39df;stroke-width:1.3;stroke-dasharray:5 8;filter:drop-shadow(0 0 5px rgba(193,65,239,.65));animation:signalFlow 4s linear infinite; }
.ecosystem-paths path:nth-child(2),.ecosystem-paths path:nth-child(4){animation-direction:reverse;animation-duration:5s}.ecosystem-paths .path-orbit{stroke:rgba(85,121,255,.38);stroke-width:.8;stroke-dasharray:2 13;animation-duration:10s}
@keyframes signalFlow{to{stroke-dashoffset:-100}}
.eco-live-core { position:absolute;z-index:4;left:50%;top:50%;width:168px;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(222,126,255,.7);border-radius:50%;background:radial-gradient(circle at 35% 28%,#7021a5,#26073c 61%,#0b0312);box-shadow:0 0 0 14px rgba(159,49,220,.07),0 0 65px rgba(169,48,229,.38),inset 0 0 25px rgba(227,130,255,.2); }
.eco-live-core span { color:#d7c6dd;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.eco-live-core strong{font-size:38px;font-weight:300;letter-spacing:-.06em}.eco-live-core small{color:#99859f;font-family:"DM Mono",monospace;font-size:7px;text-transform:uppercase}.eco-live-core>i{position:absolute;inset:-10px;border:1px solid rgba(179,66,229,.28);border-radius:50%;animation:corePulse 2.8s ease-out infinite}
@keyframes corePulse{70%,100%{transform:scale(1.22);opacity:0}}
.eco-node { position:absolute;z-index:5;width:112px;height:112px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(170,69,218,.4);border-radius:50%;background:rgba(18,6,28,.88);color:white;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(8px); }
.eco-node:hover,.eco-node:focus-visible { transform:scale(1.08);outline:0;border-color:#e076ff;box-shadow:0 0 32px rgba(186,62,238,.42); }
.ecosystem-live.node-active .eco-node:not(.is-active){opacity:.35}.ecosystem-live.node-active .eco-live-core{box-shadow:0 0 0 16px rgba(159,49,220,.09),0 0 85px rgba(197,66,247,.58),inset 0 0 25px rgba(227,130,255,.28)}
.eco-node i { width:8px;height:8px;margin-bottom:8px;border-radius:50%;background:#c747f4;box-shadow:0 0 12px #d252ff;animation:nodeBlink 2s ease-in-out infinite}.eco-node span{font-size:11px}.eco-node small{margin-top:3px;color:#86788b;font-family:"DM Mono",monospace;font-size:6px;letter-spacing:.1em;text-transform:uppercase}
@keyframes nodeBlink{50%{opacity:.35;transform:scale(.7)}}
.node-salesforce{left:7%;top:9%}.node-braze{right:7%;top:9%}.node-adobe{left:7%;bottom:9%}.node-data{right:7%;bottom:9%}
.eco-channel { position:absolute;z-index:3;padding:7px 10px;border:1px solid rgba(91,126,255,.25);border-radius:99px;background:#0d0717;color:#9e91a4;font-family:"DM Mono",monospace;font-size:6px;letter-spacing:.12em;text-transform:uppercase}.channel-email{left:46%;top:5%}.channel-mobile{left:2%;top:47%}.channel-web{right:2%;top:47%}
.eco-live-status { position:absolute;z-index:6;left:18px;bottom:16px;display:flex;align-items:center;gap:8px;color:#9fe4c9;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.eco-live-status i{width:6px;height:6px;border-radius:50%;background:#63e2b3;box-shadow:0 0 12px #63e2b3;animation:nodeBlink 1.4s ease-in-out infinite}

@media(max-width:900px){.hero-v3 h1{font-size:84px}.ecosystem-live{min-height:540px}}
@media(max-width:600px){
 .hero-data-bg{background-position:58% center}.hero-v3::after{background:linear-gradient(90deg,rgba(6,2,12,.9),rgba(7,3,14,.42)),linear-gradient(0deg,rgba(7,3,14,.88),transparent 55%)}.hero-v3-content{padding:130px 14px 95px}.hero-v3 .hero-kicker{font-size:7px;margin-bottom:22px}.hero-v3 h1{font-size:clamp(53px,15.2vw,72px);line-height:.92}.hero-v3 .hero-sub{margin-top:28px;font-size:14px}.hero-v3 .hero-ctas{width:100%;margin-top:28px}.hero-v3 .glow-button,.hero-v3 .ghost-button{flex:1}.hero-scroll{display:none}
 .ecosystem-live{min-height:390px;aspect-ratio:1}.eco-live-core{width:120px}.eco-live-core strong{font-size:29px}.eco-node{width:78px;height:78px}.eco-node span{font-size:8px}.eco-node small{font-size:5px}.node-salesforce,.node-adobe{left:4%}.node-braze,.node-data{right:4%}.eco-channel{display:none}.eco-live-status{font-size:6px}
}

.solutions-hero.flow-surface { background:#08040f; }
.solutions-hero.flow-surface::before { z-index:0; }
.solutions-hero.flow-surface::after { content:"";position:absolute;inset:0;z-index:-1;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(6,2,12,.95) 0%,rgba(7,3,14,.75) 43%,rgba(7,3,14,.2) 78%),linear-gradient(0deg,rgba(7,3,14,.7),transparent 52%);pointer-events:none; }
.solutions-hero .solutions-grid-bg { opacity:.08;z-index:0; }
.solutions-hero .solution-orb { display:none; }
.solutions-hero .hero-data-bg { display:block; }
.solutions-hero .solutions-hero-copy { z-index:3; }
.solutions-hero .solutions-hero-copy h1 { max-width:920px; }
.solutions-hero .hero-foot { z-index:3; }
@media(max-width:600px){.solutions-hero .hero-data-bg{background-position:58% center}.solutions-hero.flow-surface::after{background:linear-gradient(90deg,rgba(6,2,12,.91),rgba(7,3,14,.45)),linear-gradient(0deg,rgba(7,3,14,.86),transparent 58%)}}

/* Footer contact and shared enquiry modal */
.footer-top { grid-template-columns:1fr .9fr .65fr 1.25fr; }
.footer-contact { display:flex;flex-direction:column;align-items:flex-start;gap:10px; }
.footer-contact>span { color:#716678;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.16em;text-transform:uppercase; }
.footer-contact>a { padding-bottom:5px;border-bottom:1px solid rgba(198,61,242,.45);color:#e5dce9;font-size:13px;transition:color .25s,border-color .25s; }
.footer-contact>a:hover { color:#d76aff;border-color:#d76aff; }
.footer-contact small { color:#776d7d;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.08em;text-transform:uppercase; }
body.modal-open { overflow:hidden; }
.contact-modal { width:min(900px,calc(100% - 32px));max-height:92vh;margin:auto;padding:0;border:1px solid rgba(192,66,239,.42);background:#0a0411;color:white;box-shadow:0 35px 100px rgba(0,0,0,.7),0 0 70px rgba(145,35,208,.22);overflow:auto; }
.contact-modal::backdrop { background:rgba(3,1,7,.82);backdrop-filter:blur(10px); }
.contact-modal[open] { animation:modalIn .35s cubic-bezier(.2,.8,.2,1); }
@keyframes modalIn { from{opacity:0;transform:translateY(24px) scale(.985)} }
.contact-modal-shell { position:relative;display:grid;grid-template-columns:.8fr 1.2fr;min-height:610px; }
.contact-modal-close { position:absolute;z-index:4;right:18px;top:18px;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(10,4,17,.72);color:white;font-size:22px;font-weight:300;line-height:1;cursor:pointer;transition:.25s ease; }
.contact-modal-close:hover { border-color:#c843f2;background:#41105b;transform:rotate(8deg); }
.contact-modal-intro { position:relative;padding:68px 42px;background:radial-gradient(circle at 20% 10%,rgba(170,48,225,.3),transparent 45%),linear-gradient(155deg,#1c0929,#0e0517);overflow:hidden; }
.contact-modal-intro::after { content:"";position:absolute;left:-35%;right:-35%;bottom:-160px;height:310px;border-top:1px solid #ba40ec;border-radius:50%;box-shadow:0 -10px 30px rgba(183,51,235,.35); }
.contact-modal-intro>p { margin:0 0 25px;color:#d15af5;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.16em;text-transform:uppercase; }
.contact-modal-intro h2 { margin:0 0 24px;font-size:42px;font-weight:400;line-height:1.03;letter-spacing:-.055em; }
.contact-modal-intro>span { color:#a99eae;font-size:12px;line-height:1.75; }.contact-modal-intro strong{color:#e7dbea;font-weight:500}
.enquiry-form { padding:58px 48px 38px;background:#0b0413; }
.enquiry-form label { display:flex;flex-direction:column;gap:8px;margin-bottom:17px;color:#9d8fa2;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.12em;text-transform:uppercase; }
.enquiry-row { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.enquiry-form input,.enquiry-form select,.enquiry-form textarea { width:100%;padding:10px 0 12px;border:0;border-bottom:1px solid rgba(213,187,220,.26);border-radius:0;outline:0;background:transparent;color:white;font-family:"Manrope",sans-serif;font-size:13px;letter-spacing:0;text-transform:none;transition:border-color .25s,box-shadow .25s;resize:vertical; }
.enquiry-form select { color:#d8cddb;cursor:pointer; }.enquiry-form select option{background:#160820;color:white}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus { border-color:#c441f1;box-shadow:0 1px #c441f1; }
.enquiry-submit { width:100%;min-height:49px;margin-top:4px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #b438e6;border-radius:99px;background:linear-gradient(180deg,#8522b7,#451064);color:white;font-size:11px;cursor:pointer;box-shadow:0 0 20px rgba(178,51,231,.23);transition:.25s ease; }
.enquiry-submit:hover { transform:translateY(-2px);box-shadow:0 0 30px rgba(186,57,237,.45); }
.enquiry-form>small { display:block;margin-top:12px;color:#665b6b;font-size:8px;text-align:center; }
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.contact-modal-shell{grid-template-columns:1fr}.contact-modal-intro{padding:48px 38px}.contact-modal-intro h2{max-width:520px}.enquiry-form{padding:40px 38px}}
@media(max-width:600px){.footer-top{grid-template-columns:1fr}.contact-modal{width:calc(100% - 20px);max-height:94vh}.contact-modal-shell{display:block}.contact-modal-intro{padding:42px 24px 35px}.contact-modal-intro h2{font-size:34px;max-width:300px}.contact-modal-intro>span{display:none}.enquiry-form{padding:28px 24px 25px}.enquiry-row{grid-template-columns:1fr;gap:0}.enquiry-form label{margin-bottom:14px}.enquiry-form textarea{max-height:84px}}

/* Search-focused services FAQ */
.services-faq { background:#f2eef3;color:#170c1c; }
.services-faq-grid { display:grid;grid-template-columns:.82fr 1.18fr;gap:10vw;align-items:start; }
.services-faq-intro { position:sticky;top:130px; }
.services-faq-intro .eyebrow { color:#6b5871; }
.services-faq-intro h2 { margin:0;font-size:clamp(48px,5.4vw,76px);font-weight:400;line-height:.98;letter-spacing:-.06em; }
.services-faq-intro h2 em { color:#b52fe8;font-style:normal; }
.services-faq-intro>p:last-child { max-width:450px;margin:28px 0 0;color:#6b606f;font-size:14px;line-height:1.8; }
.services-faq-list { border-top:1px solid rgba(54,30,62,.17); }
.services-faq-list details { border-bottom:1px solid rgba(54,30,62,.17); }
.services-faq-list summary { min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#211327;font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.025em;list-style:none;cursor:pointer; }
.services-faq-list summary::-webkit-details-marker { display:none; }
.services-faq-list summary span { flex:0 0 auto;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(94,43,110,.25);border-radius:50%;color:#a92fd7;font-size:19px;font-weight:300;transition:transform .3s,background .3s,color .3s; }
.services-faq-list details[open] summary span { transform:rotate(45deg);background:#a82ed7;color:white; }
.services-faq-list details p { max-width:620px;margin:-10px 60px 30px 0;color:#6b606f;font-size:13px;line-height:1.85; }
@media(max-width:760px){.services-faq-grid{grid-template-columns:1fr;gap:45px}.services-faq-intro{position:static}.services-faq-intro h2{font-size:46px}.services-faq-list summary{min-height:84px;font-size:16px}.services-faq-list details p{margin-right:0}}

/* About / vision page */
.vision-page { background:#08040f;color:white; }
.vision-page .site-header { background:rgba(8,4,15,.36); }
.vision-hero { position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden; }
.vision-hero .hero-data-bg { background-position:61% center; }
.vision-hero .reveal { opacity:1;transform:none; }
.vision-hero-shade { position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,2,12,.97) 0%,rgba(7,3,14,.8) 43%,rgba(7,3,14,.18) 79%),linear-gradient(0deg,rgba(7,3,14,.82),transparent 52%); }
.vision-hero-copy { position:relative;z-index:2;padding-top:130px;padding-bottom:130px; }
.vision-hero-copy>.eyebrow { margin:0 0 30px;color:#c7afd2; }
.vision-hero h1 { max-width:970px;margin:0;font-size:clamp(70px,8vw,124px);font-weight:300;line-height:.88;letter-spacing:-.075em; }
.vision-hero h1 em,.vision-mission h2 em,.vision-difference h2 em,.vision-leadership-copy h2 em,.principles-intro h2 em,.vision-cta h2 em { color:#c63ef7;font-style:normal; }
.vision-hero-copy>p:not(.eyebrow) { max-width:585px;margin:36px 0 0;color:#c3b7c7;font-size:16px;line-height:1.75; }
.vision-hero-actions { display:flex;gap:14px;margin-top:36px; }
.vision-signal { position:absolute;z-index:2;right:34px;bottom:32px;display:flex;align-items:center;gap:12px;color:#786b7d;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.14em; }
.vision-signal i { width:34px;height:1px;background:linear-gradient(90deg,#592274,#c944f5); }

.vision-proof { position:relative;z-index:3;border-top:1px solid rgba(202,92,244,.17);border-bottom:1px solid rgba(202,92,244,.17);background:#0a0411; }
.vision-proof-grid { display:grid;grid-template-columns:repeat(4,1fr); }
.vision-proof-grid>div { min-height:138px;padding:32px 30px;display:flex;align-items:flex-start;gap:18px;border-right:1px solid rgba(255,255,255,.08); }
.vision-proof-grid>div:last-child { border-right:0; }
.vision-proof-grid span { color:#c640f5;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.12em; }
.vision-proof-grid p { margin:0;color:#c9bdcd;font-size:12px;line-height:1.55; }

.vision-mission { background:#f2eef3;color:#13091a; }
.vision-mission-grid { display:grid;grid-template-columns:.45fr 1.05fr 1fr;gap:70px;align-items:center; }
.vision-statement h2 { margin:0 0 30px;font-size:clamp(48px,5.2vw,76px);font-weight:400;line-height:.98;letter-spacing:-.065em; }
.vision-statement p { max-width:600px;margin:0;color:#625969;font-size:15px;line-height:1.85; }
.vision-system { position:relative;min-height:500px;border:1px solid rgba(78,35,91,.15);background:radial-gradient(circle at center,rgba(173,55,221,.16),transparent 38%),linear-gradient(145deg,#180921,#0c0412);overflow:hidden; }
.vision-system::before { content:"SYSTEM / LIVE";position:absolute;left:20px;top:18px;color:#85728c;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.16em; }
.vision-system::after { content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(210,126,243,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(210,126,243,.18) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,black,transparent 76%); }
.system-orbit { position:absolute;z-index:1;left:50%;top:50%;border:1px solid rgba(199,72,244,.27);border-radius:50%;transform:translate(-50%,-50%); }
.orbit-one { width:68%;aspect-ratio:1;animation:systemSpin 24s linear infinite; }
.orbit-two { width:44%;aspect-ratio:1;border-style:dashed;animation:systemSpin 16s linear infinite reverse; }
@keyframes systemSpin { to{transform:translate(-50%,-50%) rotate(360deg)} }
.system-core { position:absolute;z-index:4;left:50%;top:50%;width:156px;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(225,130,255,.65);border-radius:50%;background:radial-gradient(circle at 35% 28%,#7626a5,#260735 65%,#0d0412);box-shadow:0 0 55px rgba(183,58,230,.35); }
.system-core small,.system-core span { color:#c5b0ca;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.12em;text-transform:uppercase; }
.system-core strong { font-size:30px;font-weight:300;letter-spacing:-.05em; }
.system-core i { position:absolute;inset:-9px;border:1px solid rgba(197,67,241,.28);border-radius:50%;animation:corePulse 2.8s ease-out infinite; }
.system-node { position:absolute;z-index:4;padding:9px 13px;border:1px solid rgba(200,79,243,.35);border-radius:99px;background:rgba(18,7,25,.9);color:#e0d2e4;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 20px rgba(168,48,216,.12); }
.system-node::before { content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#c943f3;box-shadow:0 0 8px #c943f3;animation:nodeBlink 1.8s ease-in-out infinite; }
.system-strategy { left:11%;top:23%; }.system-technology { right:7%;top:31%; }.system-experience { left:16%;bottom:18%; }

.vision-difference { padding:135px 0;background:radial-gradient(circle at 80% 15%,rgba(120,32,163,.18),transparent 35%),#090410; }
.difference-head { display:grid;grid-template-columns:.55fr 1fr .7fr;gap:70px;align-items:end;margin-bottom:72px; }
.difference-head h2 { margin:0;font-size:clamp(50px,5.5vw,80px);font-weight:300;line-height:.98;letter-spacing:-.065em; }
.difference-head>p { margin:0;color:#9f92a4;font-size:13px;line-height:1.8; }
.difference-grid { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12); }
.difference-card { position:relative;min-height:390px;padding:38px 34px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(34,10,48,.72),rgba(11,5,16,.35));overflow:hidden;transition:border-color .3s,background .3s; }
.difference-card::before { content:"";position:absolute;width:220px;height:220px;right:-100px;bottom:-120px;border:1px solid rgba(198,65,241,.22);border-radius:50%;box-shadow:0 0 50px rgba(170,45,220,.08);transition:.45s ease; }
.difference-card:hover { border-color:rgba(210,87,251,.48);background:linear-gradient(145deg,rgba(54,14,75,.82),rgba(12,5,18,.4)); }
.difference-card:hover::before { transform:scale(1.35);border-color:rgba(217,89,255,.5); }
.difference-card>span { color:#c74af1;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase; }
.difference-card h3 { max-width:310px;margin:85px 0 22px;font-size:28px;font-weight:400;line-height:1.15;letter-spacing:-.04em; }
.difference-card p { margin:0;color:#9c90a0;font-size:12px;line-height:1.8; }
.difference-card i { margin-top:auto;color:#c4b4c8;font-family:"DM Mono",monospace;font-size:7px;font-style:normal;letter-spacing:.14em;text-transform:uppercase; }

.vision-leadership { background:#f1edf2;color:#170c1c; }
.vision-leadership-grid { display:grid;grid-template-columns:.92fr 1.08fr;gap:9vw;align-items:center; }
.leadership-radar { position:relative;aspect-ratio:1;border:1px solid rgba(100,44,116,.19);background:radial-gradient(circle at center,rgba(186,62,230,.14),transparent 40%),#e7e0e9;overflow:hidden; }
.radar-grid { position:absolute;inset:8%;border:1px solid rgba(111,49,129,.18);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 62px,rgba(111,49,129,.12) 63px 64px); }
.radar-grid::before,.radar-grid::after { content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(111,49,129,.13); }.radar-grid::after{left:0;right:0;top:50%;width:auto;height:1px}
.radar-sweep { position:absolute;z-index:1;left:50%;top:50%;width:43%;height:43%;transform-origin:0 0;background:conic-gradient(from 270deg,rgba(184,58,231,.32),transparent 24%);animation:radarSpin 5s linear infinite; }
@keyframes radarSpin { to{transform:rotate(360deg)} }
.radar-center { position:absolute;z-index:3;left:50%;top:50%;width:128px;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(146,48,181,.45);border-radius:50%;background:#f0ebf1;box-shadow:0 0 38px rgba(172,53,219,.18); }
.radar-center span { color:#78687d;font-family:"DM Mono",monospace;font-size:7px;text-transform:uppercase; }.radar-center strong{font-size:28px;font-weight:400}
.radar-point { position:absolute;z-index:4;padding:7px 9px;border:1px solid rgba(145,54,174,.28);background:#eee8ef;color:#593c63;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.12em;box-shadow:0 0 16px rgba(151,45,193,.08); }
.radar-point::before { content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#b43ce2;box-shadow:0 0 7px #b43ce2; }.p1{left:16%;top:22%}.p2{right:15%;top:29%}.p3{left:19%;bottom:20%}.p4{right:18%;bottom:17%}
.vision-leadership-copy h2 { margin:38px 0 30px;font-size:clamp(50px,5.6vw,82px);font-weight:400;line-height:.98;letter-spacing:-.065em; }
.vision-leadership-copy>p { margin:0 0 18px;color:#615767;font-size:14px;line-height:1.85; }
.vision-badges { display:flex;flex-wrap:wrap;gap:9px;margin-top:32px; }
.vision-badges span { padding:9px 12px;border:1px solid rgba(93,44,108,.2);border-radius:99px;color:#5f4a66;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.1em;text-transform:uppercase; }

.vision-principles { padding:135px 0;background:#0a0411; }
.principles-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw; }
.principles-intro { position:sticky;top:140px;align-self:start; }
.principles-intro h2 { margin:42px 0 0;font-size:clamp(48px,5.5vw,78px);font-weight:300;line-height:.98;letter-spacing:-.065em; }
.principles-list article { display:grid;grid-template-columns:70px 1fr;gap:18px;padding:42px 0;border-top:1px solid rgba(255,255,255,.12); }
.principles-list article:last-child { border-bottom:1px solid rgba(255,255,255,.12); }
.principles-list article>span { color:#c842f3;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.12em; }
.principles-list h3 { margin:0 0 14px;font-size:25px;font-weight:400;letter-spacing:-.035em; }
.principles-list p { margin:0;color:#95889a;font-size:13px;line-height:1.8; }

.vision-cta { position:relative;padding:150px 0;background:radial-gradient(circle at 50% 120%,rgba(175,48,230,.24),transparent 45%),#07030d;text-align:center;overflow:hidden; }
.vision-cta-orbit { position:absolute;left:50%;bottom:-520px;width:1100px;height:720px;transform:translateX(-50%);border:1px solid #b83ae9;border-radius:50%;box-shadow:0 -12px 34px rgba(180,48,231,.3),inset 0 20px 50px rgba(126,34,167,.1); }
.vision-cta .container { position:relative;z-index:2;display:flex;flex-direction:column;align-items:center; }
.vision-cta .eyebrow { margin:0 0 30px;color:#c84bf2; }
.vision-cta h2 { margin:0;font-size:clamp(58px,7vw,100px);font-weight:300;line-height:.92;letter-spacing:-.07em; }
.vision-cta p { max-width:520px;margin:30px auto;color:#a99cad;font-size:14px;line-height:1.75; }
.vision-cta small { margin-top:17px;color:#685d6c;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.08em; }

@media(max-width:1000px){
  .vision-mission-grid{grid-template-columns:1fr 1fr}.vision-mission-grid>.section-tag{grid-column:1/-1}.difference-head{grid-template-columns:1fr 1.3fr}.difference-head>p{grid-column:2}.vision-leadership-grid{gap:6vw}
}
@media(max-width:760px){
  .vision-hero{min-height:820px}.vision-hero-copy{width:min(390px,100%);max-width:100%;margin:0;padding:145px 24px 120px;overflow:hidden}.vision-hero h1{max-width:100%;font-size:clamp(48px,13.1vw,64px);line-height:.94;letter-spacing:-.065em}.vision-hero-copy>p:not(.eyebrow){max-width:100%;font-size:14px}.vision-hero-actions{width:100%;max-width:100%;flex-direction:column;align-items:stretch}.vision-hero-actions a{width:100%;justify-content:center}.vision-signal{display:none}
  .vision-proof-grid{grid-template-columns:1fr 1fr}.vision-proof-grid>div{min-height:115px;padding:25px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
  .vision-mission-grid,.difference-head,.vision-leadership-grid,.principles-grid{grid-template-columns:1fr;gap:50px}.vision-mission-grid>.section-tag,.difference-head>p{grid-column:auto}.vision-system{min-height:420px}.vision-difference{padding:95px 0}.difference-head{margin-bottom:50px}.difference-grid{grid-template-columns:1fr}.difference-card{min-height:330px}.difference-card h3{margin-top:60px}.leadership-radar{max-width:580px;width:100%;margin:auto}.vision-leadership-copy{order:-1}.principles-intro{position:static}.vision-principles{padding:95px 0}.vision-cta{padding:110px 0}
}
@media(max-width:480px){
  .vision-proof-grid{grid-template-columns:1fr}.vision-proof-grid>div{min-height:auto;border-right:0}.vision-mission-grid{gap:38px}.vision-statement h2,.difference-head h2,.vision-leadership-copy h2,.principles-intro h2{font-size:45px}.vision-system{min-height:360px}.system-core{width:120px}.system-node{font-size:6px;padding:7px 9px}.system-strategy{left:5%}.system-technology{right:3%}.system-experience{left:8%}.difference-card{padding:30px 24px}.radar-center{width:100px}.vision-cta h2{font-size:54px}.vision-cta small{max-width:270px;line-height:1.6}
}

/* Cloudflare 404 */
.not-found { position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate; }
.not-found-shade { position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,2,12,.97),rgba(7,3,14,.72) 55%,rgba(7,3,14,.3)),linear-gradient(0deg,rgba(7,3,14,.78),transparent 55%); }
.not-found-copy { position:relative;z-index:2;padding:140px 0 100px; }
.not-found-copy .eyebrow { color:#c7afd2; }
.not-found-copy h1 { max-width:900px;margin:0;color:white;font-size:clamp(68px,8vw,118px);font-weight:300;line-height:.9;letter-spacing:-.07em; }
.not-found-copy h1 em { color:#c63ef7;font-style:normal; }
.not-found-copy>p:not(.eyebrow) { max-width:520px;margin:32px 0;color:#b8acbc;font-size:15px;line-height:1.75; }
.not-found-actions { display:flex;gap:14px;margin-top:34px; }
@media(max-width:600px){.not-found-copy{padding:130px 0 90px}.not-found-copy h1{font-size:53px}.not-found-actions{flex-direction:column}.not-found-actions a{width:100%;justify-content:center}}