@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #07152f;
  --ink-2: #0d2145;
  --navy: #102b58;
  --blue: #1268e8;
  --cyan: #00d9ff;
  --aqua: #83f7ff;
  --chrome: #dce7f4;
  --white: #ffffff;
  --mist: #edf5fb;
  --paper: #f8fbfd;
  --slate: #53647c;
  --line: rgba(12, 40, 78, 0.13);
  --shadow: 0 28px 80px rgba(4, 24, 58, 0.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 100; padding: .8rem 1rem; background: var(--white); border-radius: .5rem; }
.skip-link:focus { top: 1rem; }
.scroll-progress { position: fixed; z-index: 80; inset: 0 0 auto; height: 2px; background: rgba(255,255,255,.04); pointer-events: none; }
.scroll-progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, var(--blue), var(--cyan), var(--aqua)); box-shadow: 0 0 14px rgba(0,217,255,.8); }

.site-header {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 82px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
  padding: .5rem clamp(1.5rem, 6vw, 7.5rem);
  color: var(--white);
  border-bottom: 1px solid rgba(113,230,255,.22);
  background: linear-gradient(180deg, rgba(3,13,31,.78), rgba(5,20,45,.3));
  transition: background .25s ease, min-height .25s ease, box-shadow .25s ease;
}
.site-header.scrolled { min-height: 72px; background: rgba(4,16,38,.95); backdrop-filter: blur(18px); box-shadow: 0 12px 32px rgba(0,0,0,.28), 0 1px 0 rgba(0,217,255,.16); }
.brand { position: relative; display: inline-flex; width: max-content; align-items: center; text-decoration: none; }
.brand::before,.brand::after { content:""; position:absolute; inset:-4% -3%; pointer-events:none; z-index:-1; background:#35e9ff; -webkit-mask:url("epek-media-wave-logo-v1.png") center / contain no-repeat; mask:url("epek-media-wave-logo-v1.png") center / contain no-repeat; transition:opacity .2s ease,filter .2s ease; }
.brand::before { filter:blur(7px); opacity:.62; animation:brandLed 4.6s ease-in-out infinite; }
.brand::after { inset:-8% -6%; background:#1268e8; filter:blur(17px); opacity:.34; animation:brandAura 4.6s ease-in-out infinite; }
.brand:hover::before { opacity:.82; filter:blur(9px); }
.brand:hover::after { opacity:.48; filter:blur(20px); }
.brand-logo { display: block; width: clamp(172px, 14vw, 225px); height: 66px; object-fit: contain; filter: drop-shadow(0 7px 16px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(0,217,255,.18)); }
.brand-logo { position: relative; aspect-ratio: 1983 / 793; height: auto; }
.brand-logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; }
.brand-logo-letters { clip-path: inset(0 0 22% 31%); filter: brightness(1.22) contrast(1.07) drop-shadow(0 0 3px rgba(172,231,255,.3)); }
.brand-logo-caption { clip-path: inset(76% 0 0 0); filter: brightness(1.1) saturate(1.12); }
.brand-logo .brand-logo-e { inset: 13.5% auto auto 7%; width: 24.2%; height: auto; aspect-ratio: 1; filter: hue-rotate(-7deg) saturate(1.32) brightness(1.16) contrast(1.08) drop-shadow(0 0 7px rgba(53,233,255,.62)); }
.brand-logo-wave { aspect-ratio:2172 / 724; object-fit:contain; filter:drop-shadow(0 8px 18px rgba(0,0,0,.56)) drop-shadow(0 0 3px rgba(255,255,255,.78)) drop-shadow(0 0 9px rgba(53,233,255,.9)) drop-shadow(0 0 22px rgba(18,104,232,.62)); }
.site-header .brand-logo { width: clamp(245px, 20vw, 285px); }
.site-header .brand { margin-left:0; }
.site-header nav { display: flex; align-items: center; gap: 2.2rem; }
.site-header nav a { position: relative; font-size: .84rem; font-weight: 600; text-decoration: none; color: rgba(255,255,255,.75); }
.site-header nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -.5rem; height: 1px; background: var(--cyan); transition: right .2s ease; }
.site-header nav a:hover, .site-header nav a.active { color: var(--white); }
.site-header nav a:hover::after, .site-header nav a.active::after { right: 0; }
.site-header > .button { justify-self: end; }
.menu-toggle { display: none; width: 46px; height: 42px; padding: 9px 10px; border: 1px solid rgba(255,255,255,.2); border-radius: .55rem; color: var(--white); background: rgba(255,255,255,.06); cursor: pointer; }
.menu-toggle span { display: block; width: 100%; height: 2px; margin: 4px 0; border-radius: 4px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 52px; padding: .85rem 1.25rem; border: 0; border-radius: .45rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .text-link:focus-visible, .text-button:focus-visible, input:focus-visible + span { outline: 3px solid var(--aqua); outline-offset: 3px; }
.button-small { min-height: 42px; padding: .65rem 1rem; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.24); color: var(--white); font-size: .82rem; }
.button-small:hover { background: var(--white); color: var(--ink); }
.button-primary { position: relative; isolation: isolate; overflow: hidden; color: #031126; background: linear-gradient(135deg, var(--aqua), var(--cyan)); box-shadow: 0 12px 30px rgba(40,214,220,.22); }
.button-primary::after { content: ""; position: absolute; z-index: -1; inset: -40% auto -40% -45%; width: 35%; transform: skewX(-18deg); background: rgba(255,255,255,.42); transition: left .55s ease; }
.button-primary:hover::after { left: 120%; }
.button-primary:hover { box-shadow: 0 16px 40px rgba(40,214,220,.35); }
.button-back { color: var(--navy); background: transparent; border: 1px solid var(--line); }
.button-back:disabled { opacity: .3; cursor: not-allowed; transform: none; }

.hero {
  position: relative;
  isolation: isolate;
  min-height: 790px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr);
  align-items: center;
  gap: clamp(3rem, 7vw, 7rem);
  overflow: hidden;
  padding: 145px clamp(1.5rem, 6vw, 7.5rem) 105px;
  color: var(--white);
  background:
    radial-gradient(circle at 78% 18%, rgba(0,217,255,.18), transparent 28%),
    radial-gradient(circle at 30% 110%, rgba(18,104,232,.22), transparent 34%),
    linear-gradient(125deg, #020813 0%, #071a38 54%, #031128 100%);
}
.hero-grid { position: absolute; z-index: -1; inset: 0; opacity: .18; background-image: linear-gradient(rgba(80,184,255,.19) 1px, transparent 1px), linear-gradient(90deg, rgba(80,184,255,.19) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to right, transparent, black 65%, transparent); }
.hero::before { content: ""; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 32%; background: linear-gradient(to top, rgba(2,12,28,.5), transparent); }
.hero-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-glow-one { width: 500px; height: 500px; right: -160px; top: 7%; background: radial-gradient(circle, rgba(40,214,220,.15), transparent 68%); }
.hero-glow-two { width: 360px; height: 360px; left: 25%; bottom: -250px; background: radial-gradient(circle, rgba(18,104,232,.26), transparent 67%); }
.hero-copy { max-width: 760px; }
.eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0 0 1.4rem; text-transform: uppercase; letter-spacing: .21em; font: 700 .68rem/1.4 "Manrope", sans-serif; color: var(--cyan); }
.eyebrow span { width: 30px; height: 1px; background: currentColor; box-shadow: 0 0 8px currentColor; }
.hero-copy > .eyebrow { max-width: 680px; font-size: clamp(.9rem, 1.15vw, 1.05rem); line-height: 1.45; letter-spacing: .105em; }
.hero-copy > .eyebrow span { display: none; }
h1, h2 { margin: 0; font-family: "Manrope", sans-serif; letter-spacing: -.055em; line-height: .98; }
h1 { max-width: 750px; font-size: clamp(3.4rem, 6.4vw, 6.5rem); font-weight: 700; }
h1 em, h2 em { font-style: normal; color: var(--cyan); }
.hero-manifesto { margin: 1.45rem 0 0; color: rgba(255,255,255,.9); font: 700 clamp(1.05rem, 1.7vw, 1.3rem)/1.4 "Manrope", sans-serif; letter-spacing: -.02em; }
.hero-lede { max-width: 670px; margin: 1.7rem 0 2rem; color: rgba(255,255,255,.72); font-size: clamp(1.05rem, 1.6vw, 1.28rem); line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 1.8rem; }
.text-link { color: rgba(255,255,255,.76); text-underline-offset: 5px; text-decoration-color: rgba(255,255,255,.25); font-weight: 600; }
.text-link:hover { color: var(--white); text-decoration-color: var(--cyan); }
.hero-proof { display: flex; align-items: center; gap: 0; margin-top: 3.2rem; }
.hero-proof div { padding: 0 1.4rem; border-right: 1px solid rgba(255,255,255,.15); }
.hero-proof div:first-child { padding-left: 0; }
.hero-proof div:last-child { border: 0; }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { font: 700 .92rem/1.4 "Manrope", sans-serif; }
.hero-proof span { margin-top: .2rem; color: rgba(255,255,255,.45); font-size: .72rem; }

.engine-card { position: relative; width: 100%; max-width: 620px; margin-left: auto; padding: 1.4rem; border: 1px solid rgba(122,243,232,.3); border-radius: 1.3rem; background: linear-gradient(145deg, rgba(15,46,87,.82), rgba(5,19,44,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.34), 0 0 55px rgba(0,217,255,.06), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(18px); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.engine-card:hover { transform: translateY(-5px); border-color: rgba(131,247,255,.52); box-shadow: 0 46px 110px rgba(0,0,0,.4), 0 0 70px rgba(0,217,255,.1), inset 0 1px rgba(255,255,255,.1); }
.engine-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(115deg, transparent 22%, rgba(131,247,255,.08) 38%, transparent 54%); background-size: 220% 100%; animation: consoleSweep 8s ease-in-out infinite; }
.engine-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 25%), rgba(131,247,255,.14), transparent 27%), linear-gradient(115deg, rgba(255,255,255,.06), transparent 25%); transition: background .18s ease; }
.engine-topline { display: flex; justify-content: space-between; align-items: center; padding: .25rem .15rem 1.2rem; color: rgba(255,255,255,.45); font: 700 .56rem/1 "Manrope", sans-serif; letter-spacing: .18em; }
.live-pill { display: flex; align-items: center; gap: .45rem; padding: .48rem .6rem; color: var(--aqua); background: rgba(40,214,220,.08); border: 1px solid rgba(40,214,220,.16); border-radius: 999px; }
.live-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); animation: blink 2s infinite; }
.signal-orbit { position: relative; display: grid; place-items: center; height: 230px; margin: 0 .4rem 1.1rem; border: 1px solid rgba(0,217,255,.24); border-radius: .8rem; background: radial-gradient(circle, rgba(0,217,255,.18), transparent 48%), linear-gradient(rgba(8,42,88,.5), rgba(3,17,42,.74)); box-shadow:inset 0 0 34px rgba(0,153,255,.1),0 0 28px rgba(0,217,255,.08); overflow: hidden; }
.signal-orbit::before, .signal-orbit::after { content: ""; position: absolute; inset: 50% 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,217,255,.4), transparent); }
.signal-orbit::after { transform: rotate(90deg); }
.orbit { position: absolute; border: 1px solid rgba(0,217,255,.44); border-radius: 50%; box-shadow:0 0 14px rgba(0,217,255,.1); }
.orbit-one { width: 220px; height: 220px; animation: rotate 14s linear infinite; }
.orbit-one::before { content: ""; position: absolute; width: 8px; height: 8px; top: 25px; right: 15px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); }
.orbit-two { width: 190px; height: 190px; border-style: dashed; opacity: .9; animation: rotate 11s linear infinite reverse; }
.neural-field { position:absolute; z-index:3; width:242px; height:242px; border-radius:50%; pointer-events:none; animation:rotate 21s linear infinite; }
.neural-field i { position:absolute; left:50%; top:50%; width:5px; height:5px; border-radius:50%; background:#b9fbff; box-shadow:0 0 6px #fff,0 0 16px var(--cyan),0 0 28px #009dff; animation:neuronTravel 2.8s ease-in-out infinite alternate; }
.neural-field i::after { content:""; position:absolute; right:3px; top:2px; width:58px; height:1px; transform-origin:right center; background:linear-gradient(90deg,transparent,rgba(0,217,255,.88)); filter:drop-shadow(0 0 4px #00d9ff); }
.neural-field i:nth-child(1){--angle:8deg;--reach:116px;animation-delay:-.2s}.neural-field i:nth-child(2){--angle:71deg;--reach:104px;animation-delay:-1.1s}.neural-field i:nth-child(3){--angle:139deg;--reach:118px;animation-delay:-2.1s}.neural-field i:nth-child(4){--angle:202deg;--reach:110px;animation-delay:-.7s}.neural-field i:nth-child(5){--angle:268deg;--reach:119px;animation-delay:-1.7s}.neural-field i:nth-child(6){--angle:326deg;--reach:107px;animation-delay:-2.5s}
.signal-core { position: relative; z-index: 2; width: 148px; height: 148px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .22rem; border-radius: 50%; border: 1px solid rgba(140,225,232,.42); background: radial-gradient(circle at 35% 25%, #173756, #071b32 68%, #061526); box-shadow: inset 0 1px 1px rgba(255,255,255,.18), inset 0 -12px 28px rgba(0,0,0,.24), 0 10px 28px rgba(0,0,0,.25); }
.signal-core:has(.engine-emblem) { border: 0; background: none; box-shadow: none; }
.engine-emblem { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(0,0,0,.4)); }
.engine-emblem-workforce { width: 113%; height: 113%; max-width:none; animation:workforceCore 4.8s ease-in-out infinite; filter:drop-shadow(0 10px 17px rgba(0,0,0,.45)) drop-shadow(0 0 10px rgba(53,233,255,.24)); }
.core-hairline { position: absolute; inset: 8px; border: 1px solid rgba(147,213,219,.22); border-radius: 50%; }
.core-mark { color: #d8f5f1; font: 400 4.5rem/.9 Georgia, serif; letter-spacing: -.08em; margin-right: .07em; text-shadow: 0 1px 0 rgba(255,255,255,.18); }
.core-caption { color: #88c7c8; font: 700 .48rem/1.2 "Manrope", sans-serif; letter-spacing: .19em; }
.orbit-label { position: absolute; color: rgba(255,255,255,.44); font: 700 .5rem/1 "Manrope", sans-serif; letter-spacing: .18em; }
.label-demand { left: 50%; top: 8%; transform: translateX(-50%); }
.label-message { left: 8%; top: 50%; transform: translateY(-50%); }
.label-ai { right: 8%; top: 50%; transform: translateY(-50%); }
.label-growth { left: 50%; bottom: 8%; transform: translateX(-50%); }
.engine-flow { display: grid; grid-template-columns: 1fr 18px 1fr 18px 1fr; align-items: center; padding: .85rem .4rem; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.engine-flow > div { display: flex; align-items: center; gap: .7rem; }
.flow-icon { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(40,214,220,.25); border-radius: 50%; color: var(--cyan); font: 700 .52rem/1 "Manrope", sans-serif; }
.engine-flow p { margin: 0; color: rgba(255,255,255,.62); font-size: .64rem; line-height: 1.5; }
.engine-flow p strong { display: block; color: rgba(255,255,255,.94); font-size: .74rem; }
.flow-line { height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); opacity: .5; }
.engine-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-top: 1rem; }
.engine-metrics div { padding: .75rem; border-radius: .55rem; background: rgba(255,255,255,.035); }
.engine-metrics span, .engine-metrics strong { display: block; }
.engine-metrics span { color: rgba(255,255,255,.58); font: 700 .52rem/1 "Manrope", sans-serif; letter-spacing: .12em; }
.engine-metrics strong { margin-top: .35rem; color: rgba(255,255,255,.94); font-size: .72rem; }

.solutions { padding: 110px clamp(1.5rem, 6vw, 7.5rem); background: var(--paper); }
.manifesto { padding: clamp(5rem,9vw,9rem) clamp(1.5rem,10vw,12rem); color: var(--white); text-align:center; background:linear-gradient(135deg,#09204a,#06142e 60%,#0b2b52); }
.manifesto-kicker { margin:0 0 1.2rem; color:var(--cyan); font:700 .66rem/1 "Manrope",sans-serif; letter-spacing:.25em; }
.manifesto-line { margin:0; font:700 clamp(3rem,7vw,7rem)/.95 "Manrope",sans-serif; letter-spacing:-.065em; }
.manifesto-copy { max-width:850px; margin:2rem auto 0; color:rgba(255,255,255,.65); font-size:clamp(1rem,1.6vw,1.28rem); line-height:1.75; }
.manifesto-marks { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:3rem; color:rgba(255,255,255,.72); font:700 .6rem/1 "Manrope",sans-serif; letter-spacing:.22em; }
.manifesto-marks i { width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan); }
.section-heading { max-width: 820px; }
.section-heading h2, .audit-copy h2 { font-size: clamp(2.7rem, 5vw, 5.2rem); }
.section-heading p:last-child { max-width: 600px; margin: 1.4rem 0 0; color: var(--slate); font-size: 1.12rem; }
.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 4rem; }
.solution-card { position: relative; min-height: 360px; overflow: hidden; padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); box-shadow: 0 14px 45px rgba(12,42,81,.05); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.solution-card:hover { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(12,42,81,.12); border-color: rgba(18,104,232,.3); }
.solution-card::before { content: ""; position: absolute; inset: 0 auto auto; width: 100%; height: 2px; transform: scaleX(.18); transform-origin: left; background: linear-gradient(90deg, var(--blue), var(--cyan), transparent 82%); transition: transform .35s ease; }
.solution-card:hover::before { transform: scaleX(1); }
.solution-card::after { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; bottom: -70px; border-radius: 50%; background: radial-gradient(circle, rgba(40,214,220,.15), transparent 70%); }
.card-number { position: absolute; right: 1.6rem; top: 1.6rem; color: rgba(7,21,47,.18); font: 700 .67rem/1 "Manrope", sans-serif; letter-spacing: .12em; }
.solution-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 2.8rem; border-radius: .65rem; color: var(--navy); background: linear-gradient(135deg, rgba(40,214,220,.3), rgba(18,104,232,.12)); font-size: 1.1rem; }
.solution-card h3 { margin: 0 0 .8rem; font: 700 1.32rem/1.25 "Manrope", sans-serif; letter-spacing: -.025em; }
.solution-card p { color: var(--slate); font-size: .95rem; }
.solution-card ul { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.6rem 0 0; padding: 0; list-style: none; }
.solution-card li { padding: .42rem .6rem; border-radius: 999px; color: var(--navy); background: var(--mist); font-size: .68rem; font-weight: 600; }
.offer-path { display: grid; grid-template-columns: .8fr 1.8fr; gap: 4rem; margin-top: 1rem; padding: 3rem; color: var(--white); border-radius: 1rem; background: var(--ink); }
.offer-intro > span { color: var(--cyan); font: 700 .58rem/1 "Manrope", sans-serif; letter-spacing: .18em; }
.offer-intro h3 { margin: 1rem 0 0; font: 600 1.7rem/1.25 "Manrope", sans-serif; letter-spacing: -.035em; }
.offer-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.offer-steps > div { padding-left: 1.3rem; border-left: 1px solid rgba(255,255,255,.13); }
.offer-steps > div > span { color: var(--cyan); font: 700 .58rem/1 "Manrope", sans-serif; }
.offer-steps p { margin: .9rem 0 0; color: rgba(255,255,255,.54); font-size: .78rem; line-height: 1.6; }
.offer-steps strong { display: block; margin-bottom: .35rem; color: var(--white); font-size: .9rem; }

.funnel-system { padding:115px clamp(1.5rem,6vw,7.5rem); overflow:hidden; background:#fff; }
.power-stack{max-width:1240px;margin:52px auto 62px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(116,223,255,.19);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(38,141,255,.18),transparent 46%),#07152f;box-shadow:0 34px 90px rgba(0,4,18,.22)}
.power-stack article{position:relative;min-height:330px;padding:40px 34px 36px;border-right:1px solid rgba(116,223,255,.13);transition:background 220ms ease,transform 220ms ease}
.power-stack article:last-of-type{border-right:0}.power-stack article::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.42}.power-stack article:hover{background:linear-gradient(180deg,rgba(37,152,255,.12),rgba(7,23,52,0));transform:translateY(-3px)}
.power-stack article>span,.power-stack-result>span{display:block;color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.16em}.power-stack h3{margin:20px 0 16px;color:#fff;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.12}.power-stack article p{margin:0 0 26px;color:rgba(226,239,255,.74);line-height:1.7}.power-stack article strong{display:block;margin-top:auto;color:rgba(230,248,255,.9);font-size:.66rem;letter-spacing:.13em}
.power-stack-result{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 34px;border-top:1px solid rgba(116,223,255,.16);background:linear-gradient(90deg,rgba(32,140,255,.14),rgba(52,230,255,.06))}.power-stack-result p{margin:0;color:rgba(230,241,255,.72);font-size:clamp(1rem,1.5vw,1.2rem);text-align:right}.power-stack-result strong{color:#fff}
.network-specialty{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:clamp(3rem,6vw,6.5rem);align-items:center;max-width:1240px;margin:0 auto 70px;padding:clamp(2.4rem,5vw,5rem);overflow:hidden;border:1px solid rgba(18,104,232,.16);border-radius:28px;background:linear-gradient(135deg,#f8fcff 0%,#eef7fd 54%,#f7fbff 100%);box-shadow:0 28px 80px rgba(9,43,85,.12)}
.network-specialty::before{content:"";position:absolute;width:520px;height:520px;right:-230px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(53,233,255,.24),transparent 68%);pointer-events:none}.network-specialty-kicker{color:var(--blue);font:800 .67rem/1 "Manrope",sans-serif;letter-spacing:.19em}.network-specialty h3{max-width:670px;margin:1.2rem 0 1.4rem;color:var(--ink);font:700 clamp(2.2rem,4vw,4.3rem)/1.02 "Manrope",sans-serif;letter-spacing:-.055em}.network-specialty h3 em{color:var(--blue);font-style:normal}.network-specialty-copy>p{max-width:660px;margin:.9rem 0;color:var(--slate);font-size:1rem;line-height:1.75}.network-specialty-copy .button{margin-top:1.5rem}
.network-specialty-system{position:relative;min-height:510px;display:grid;place-items:center}.network-specialty-system::before,.network-specialty-system::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(18,104,232,.2)}.network-specialty-system::before{width:390px;height:390px;box-shadow:0 0 0 34px rgba(18,104,232,.035),0 0 70px rgba(53,233,255,.13)}.network-specialty-system::after{width:280px;height:280px;border-color:rgba(53,233,255,.42)}
.experience-seal{position:absolute;top:0;right:2%;z-index:3;display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border:1px solid rgba(53,233,255,.55);border-radius:999px;color:#fff;background:#07152f;box-shadow:0 12px 30px rgba(7,21,47,.2)}.experience-seal strong{font:700 1.8rem/1 "Manrope",sans-serif}.experience-seal span{font:800 .5rem/1.35 "Manrope",sans-serif;letter-spacing:.12em;color:var(--cyan)}
.replication-core{position:relative;z-index:2;display:grid;place-items:center;width:220px;height:220px;text-align:center;border:1px solid rgba(53,233,255,.58);border-radius:50%;color:#fff;background:radial-gradient(circle at 38% 28%,#173f78,#07152f 66%);box-shadow:inset 0 0 35px rgba(53,233,255,.12),0 0 36px rgba(18,104,232,.26)}.replication-core span{color:var(--cyan);font:800 .56rem/1 "Manrope",sans-serif;letter-spacing:.16em}.replication-core strong{font:700 1.35rem/1.08 "Manrope",sans-serif;letter-spacing:-.025em}.replication-core small{max-width:150px;color:rgba(255,255,255,.58);font-size:.65rem}
.replication-points{position:absolute;inset:0;z-index:1}.replication-points span{position:absolute;width:165px;padding:.72rem .8rem;border:1px solid rgba(18,104,232,.16);border-radius:.7rem;color:var(--navy);background:rgba(255,255,255,.88);box-shadow:0 12px 30px rgba(10,42,83,.08);font:800 .56rem/1.4 "Manrope",sans-serif;letter-spacing:.08em;text-align:center}.replication-points span:nth-child(1){left:0;top:17%}.replication-points span:nth-child(2){right:0;top:24%}.replication-points span:nth-child(3){left:1%;bottom:16%}.replication-points span:nth-child(4){right:0;bottom:10%}
.journey { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:4rem; border:1px solid var(--line); border-radius:1rem; overflow:hidden; box-shadow:0 24px 70px rgba(10,42,83,.08); }
.journey article { position:relative; min-height:310px; padding:2rem 1.4rem; border-right:1px solid var(--line); background:linear-gradient(180deg,#fff,#f6fbfd); }
.journey article:last-child{border-right:0}.journey b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--navy);background:rgba(40,214,220,.2);font-size:.72rem}.journey span{display:block;margin:3.2rem 0 .75rem;color:var(--blue);font:700 .58rem/1 "Manrope",sans-serif;letter-spacing:.18em}.journey h3{margin:0;font:700 1.08rem/1.2 "Manrope",sans-serif}.journey p{color:var(--slate);font-size:.78rem;line-height:1.65}.journey article::after{content:"→";position:absolute;right:-11px;top:27px;z-index:2;color:var(--blue);background:#fff}.journey article:last-child::after{display:none}
.funnel-callout{display:grid;grid-template-columns:.7fr 1.2fr auto;gap:3rem;align-items:center;margin-top:1rem;padding:2rem 2.2rem;color:#fff;border-radius:1rem;background:var(--ink)}.funnel-callout small{display:block;color:var(--cyan);font:700 .56rem/1 "Manrope",sans-serif;letter-spacing:.18em}.funnel-callout strong{display:block;margin-top:.7rem;font:700 1.5rem/1.15 "Manrope",sans-serif}.funnel-callout p{color:rgba(255,255,255,.56);font-size:.86rem;line-height:1.65}
.investment{padding:115px clamp(1.5rem,6vw,7.5rem);background:linear-gradient(150deg,#06142e,#0c2850);color:#fff}.investment-head{max-width:840px}.investment-head h2{font-size:clamp(2.7rem,5vw,5.2rem)}.investment-head>p:last-child{max-width:650px;color:rgba(255,255,255,.58);font-size:1.06rem}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem;align-items:stretch}.price-card{position:relative;padding:2rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:rgba(255,255,255,.055);backdrop-filter:blur(16px)}.price-card.featured{border-color:rgba(40,214,220,.55);box-shadow:0 0 0 1px rgba(40,214,220,.12),0 25px 70px rgba(0,0,0,.25)}.popular{position:absolute;right:1rem;top:1rem;padding:.38rem .55rem;border-radius:999px;color:#05162b;background:var(--cyan);font:800 .48rem/1 "Manrope",sans-serif;letter-spacing:.12em}.price-label{color:var(--cyan);font:700 .55rem/1 "Manrope",sans-serif;letter-spacing:.18em}.price-card h3{margin:1rem 0 .2rem;font:700 1.4rem/1.2 "Manrope",sans-serif}.price{margin:1.2rem 0;font:700 3rem/1 "Manrope",sans-serif;letter-spacing:-.06em}.price sup{font-size:1rem;vertical-align:top}.price small{font-size:.72rem;letter-spacing:0;color:rgba(255,255,255,.5)}.price-card>p{min-height:70px;color:rgba(255,255,255,.58);font-size:.83rem;line-height:1.6}.price-card ul{min-height:125px;margin:1.4rem 0;padding:0;list-style:none}.price-card li{padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.77rem;color:rgba(255,255,255,.76)}.price-card li::before{content:"✓";margin-right:.6rem;color:var(--cyan)}.price-button{width:100%;color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07)}.price-card .button-primary{width:100%}.investment-note{margin:1.5rem 0 0;text-align:center;color:rgba(255,255,255,.4);font-size:.7rem}

.price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.audit-section { display: grid; grid-template-columns: minmax(320px, .72fr) minmax(500px, 1fr); gap: clamp(4rem, 7vw, 7rem); align-items: start; padding: 115px clamp(1.5rem, 6vw, 7.5rem); background: linear-gradient(150deg, #f5fafc, #e9f3fa); }
.audit-copy { position: sticky; top: 120px; }
.audit-copy > p:not(.eyebrow) { max-width: 520px; color: var(--slate); font-size: 1.05rem; line-height: 1.7; }
.audit-benefits { display: grid; gap: 1.2rem; margin-top: 2.5rem; }
.audit-benefits > div { display: flex; gap: 1rem; align-items: flex-start; }
.audit-benefits i { display: grid; place-items: center; flex: 0 0 auto; width: 28px; height: 28px; margin-top: .1rem; border-radius: 50%; color: var(--navy); background: rgba(40,214,220,.25); font-style: normal; font-weight: 700; }
.audit-benefits strong, .audit-benefits span { display: block; }
.audit-benefits span { color: var(--slate); font-size: .82rem; }
.audit-benefits strong { margin-bottom: .2rem; color: var(--ink); font-size: .91rem; }
.quiz-shell { position: relative; min-height: 600px; padding: clamp(1.5rem, 4vw, 2.7rem); overflow: hidden; border: 1px solid rgba(17,77,135,.13); border-radius: 1.15rem; background: var(--white); box-shadow: var(--shadow); }
.quiz-header { display: flex; justify-content: space-between; align-items: center; }
.quiz-header > div:first-child { display: grid; gap: .45rem; }
.quiz-kicker { color: var(--blue); font: 700 .62rem/1 "Manrope", sans-serif; letter-spacing: .18em; }
.quiz-step-label { color: var(--slate); font-size: .75rem; }
.progress-ring { --progress: 17deg; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--cyan) var(--progress), var(--mist) 0); }
.progress-ring::before { content: ""; position: absolute; width: 43px; height: 43px; border-radius: 50%; background: var(--white); }
.progress-ring span { position: relative; font: 700 .63rem/1 "Manrope", sans-serif; color: var(--navy); }
.progress-track { height: 2px; margin: 1.35rem 0 2.2rem; overflow: hidden; background: var(--mist); }
.progress-track span { display: block; width: 16.67%; height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan)); transition: width .3s ease; }
.quiz-step { display: none; animation: slideIn .3s ease both; }
.quiz-step.active { display: block; }
.question-number { margin: 0 0 .85rem; color: var(--blue); font: 700 .58rem/1 "Manrope", sans-serif; letter-spacing: .15em; }
fieldset { margin: 0; padding: 0; border: 0; }
legend { width: 100%; margin-bottom: 1.7rem; font: 700 clamp(1.45rem, 2.5vw, 2rem)/1.23 "Manrope", sans-serif; letter-spacing: -.035em; }
.option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.option-grid label, .option-list label { cursor: pointer; }
.option-grid input, .option-list input { position: absolute; opacity: 0; pointer-events: none; }
.option-grid label > span, .option-list label > span { position: relative; display: flex; border: 1px solid var(--line); background: var(--white); transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease; }
.option-grid label > span { min-height: 120px; flex-direction: column; justify-content: center; padding: 1.2rem; border-radius: .75rem; }
.option-grid label > span i { display: grid; place-items: center; width: 29px; height: 29px; margin-bottom: .8rem; border-radius: .45rem; color: var(--blue); background: var(--mist); font-style: normal; font-size: .7rem; font-weight: 700; }
.option-grid strong, .option-list strong { color: var(--ink); font-size: .88rem; }
.option-grid small, .option-list small { margin-top: .2rem; color: var(--slate); font-size: .7rem; line-height: 1.45; }
.option-grid input:checked + span, .option-list input:checked + span { border-color: var(--blue); background: rgba(18,104,232,.035); box-shadow: 0 0 0 2px rgba(18,104,232,.08); }
.option-grid input:checked + span::after, .option-list input:checked + span::after { content: "✓"; position: absolute; display: grid; place-items: center; width: 22px; height: 22px; right: .75rem; top: .75rem; border-radius: 50%; color: #05224b; background: var(--cyan); font-size: .68rem; font-weight: 800; }
.option-grid label:hover > span, .option-list label:hover > span { transform: translateY(-2px); border-color: rgba(18,104,232,.4); }
.option-list { display: grid; gap: .65rem; }
.option-list label > span { min-height: 68px; flex-direction: column; justify-content: center; padding: .85rem 1rem .85rem 3.2rem; border-radius: .65rem; }
.option-list label > span::before { content: ""; position: absolute; left: 1.15rem; top: 50%; width: 14px; height: 14px; transform: translateY(-50%); border: 1.5px solid rgba(11,54,105,.25); border-radius: 50%; }
.option-list input:checked + span::before { border: 4px solid var(--blue); }
.quiz-actions { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2rem; }
.quiz-actions .button-primary { margin-left: auto; }
.quiz-error { min-height: 1.2rem; margin-top: .8rem; color: #b33838; font-size: .76rem; }
.audit-result h3, .session-panel h3 { margin: 1rem 0 .7rem; font: 700 clamp(2.1rem, 4vw, 3.2rem)/1.05 "Manrope", sans-serif; letter-spacing: -.05em; }
.audit-result > p { color: var(--slate); font-size: .96rem; }
.result-badge { display: flex; align-items: center; justify-content: space-between; }
.result-badge span { color: var(--blue); font: 700 .6rem/1 "Manrope", sans-serif; letter-spacing: .17em; }
.result-badge i { padding: .4rem .65rem; border-radius: 999px; color: #0e645f; background: rgba(40,214,220,.15); font-size: .64rem; font-style: normal; font-weight: 700; }
.result-score { margin: 1.5rem 0; padding: 1rem; border-radius: .7rem; background: var(--paper); }
.result-score > span { font: 700 .52rem/1 "Manrope", sans-serif; letter-spacing: .14em; color: var(--slate); }
.result-score > div { height: 6px; margin: .7rem 0; overflow: hidden; border-radius: 999px; background: #ddeaf3; }
.result-score i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); transition: width .7s ease; }
.result-score strong { font-size: .75rem; }
.result-priorities { display: grid; gap: .65rem; }
.priority-item { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: .85rem; padding: .85rem; border: 1px solid var(--line); border-radius: .65rem; }
.priority-item span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--navy); background: rgba(40,214,220,.2); font-size: .7rem; font-weight: 800; }
.priority-item p { margin: 0; color: var(--slate); font-size: .75rem; }
.priority-item strong { display: block; margin-bottom: .12rem; color: var(--ink); font-size: .81rem; }
.result-actions { display: flex; align-items: center; gap: 1.2rem; margin-top: 1.5rem; }
.text-button { padding: .5rem; border: 0; color: var(--slate); background: transparent; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; font-size: .72rem; }
.privacy-note { display: flex; align-items: center; gap: .4rem; margin-top: 1rem !important; color: #6a798d !important; font-size: .64rem !important; }
.privacy-note span { color: #23a69f; }
.session-panel { position: absolute; inset: 0; z-index: 5; padding: clamp(1.8rem, 5vw, 3rem); background: var(--white); animation: slideIn .3s ease both; }
.session-close { position: absolute; right: 1.5rem; top: 1.2rem; width: 35px; height: 35px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); color: var(--ink); cursor: pointer; font-size: 1.2rem; }
.session-panel > p { max-width: 500px; color: var(--slate); }
.brief-preview { margin: 1.5rem 0; padding: 1.2rem; border: 1px solid var(--line); border-radius: .7rem; background: var(--paper); color: var(--slate); font-size: .78rem; white-space: pre-line; }
.session-status { font-size: .7rem; }

footer { position:relative; display: grid; grid-template-columns:1fr auto 1fr; align-items: center; gap: 2rem; min-height: 175px; overflow:hidden; padding: 2.5rem clamp(1.5rem, 6vw, 7.5rem); color: rgba(255,255,255,.55); background: radial-gradient(circle at 16% 50%,rgba(0,217,255,.12),transparent 24%),linear-gradient(135deg,#020916,#071b39); border-top:1px solid rgba(0,217,255,.24); font-size: .7rem; }
footer::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.14; background-image:linear-gradient(rgba(76,198,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(76,198,255,.18) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,black,transparent 70%); }
.brand-footer { z-index:1; }
.brand-footer .brand-logo { width: clamp(260px, 24vw, 390px); height:auto; max-height:132px; }
footer > p { z-index:1; margin:0; color:var(--chrome); text-align:center; text-transform: uppercase; letter-spacing: .15em; }
.footer-details { z-index:1; display:flex; flex-direction:column; align-items:flex-end; gap:.38rem; justify-self:end; text-align:right; line-height:1.45; }
.footer-details a { color:var(--chrome); text-decoration:none; }
.footer-details a:hover, .footer-details a:focus-visible { color:var(--electric); text-decoration:underline; }
.footer-share { display:inline-flex; align-items:center; justify-content:center; gap:.42rem; min-height:32px; padding:.35rem .72rem; border:1px solid rgba(158,220,255,.38); border-radius:999px; color:rgba(238,248,255,.84); background:rgba(8,37,68,.5); font:inherit; letter-spacing:.04em; cursor:pointer; transition:border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease; }
.footer-share svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.footer-share:hover,.footer-share:focus-visible { border-color:rgba(80,218,255,.75); color:#fff; background:rgba(13,74,118,.7); box-shadow:0 0 16px rgba(40,190,255,.18); outline:none; }
.footer-share:active { transform:translateY(1px); }
.share-status { min-height:1em; color:rgba(178,225,244,.78); font-size:.62rem; }
.mobile-cta { display: none; }
.reveal { opacity: 1; transform: none; transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.reveal.visible { opacity: 1; transform: none; }

@keyframes blink { 50% { opacity: .38; transform: scale(.8); } }
@keyframes rotate { to { transform: rotate(360deg); } }
@keyframes neuralPulse { 50% { box-shadow:0 0 58px rgba(0,217,255,.38); transform:scale(1.035); } }
@keyframes neuralFloat { 33% { transform:scale(1.035) rotate(1.5deg); filter:saturate(1.8) brightness(1.2) hue-rotate(5deg) drop-shadow(0 0 28px rgba(0,217,255,1)); } 66% { transform:scale(.99) rotate(-1deg); } }
@keyframes workforceCore { 0%,100% { transform:scale(.96); filter:drop-shadow(0 10px 17px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(53,233,255,.2)); } 50% { transform:scale(1.035); filter:drop-shadow(0 12px 19px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(53,233,255,.48)); } }
@keyframes brandLed { 0%,100% { opacity:.56; } 50% { opacity:.78; } }
@keyframes brandAura { 0%,100% { opacity:.76; transform:scale(.97); } 50% { opacity:1; transform:scale(1.04); } }
@keyframes neuronTravel { from { transform:rotate(var(--angle)) translateX(66px) scale(.6); opacity:.28; } 55% { opacity:1; } to { transform:rotate(var(--angle)) translateX(var(--reach)) scale(1.25); opacity:.6; } }
@keyframes slideIn { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }
@keyframes consoleSweep { 0%, 62%, 100% { background-position: 140% 0; opacity: .4; } 78% { background-position: -80% 0; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

@media (max-width: 1080px) {
  .site-header { grid-template-columns: 1fr auto; }
  .site-header nav { position: fixed; top: 78px; left: 1rem; right: 1rem; display: grid; gap: .25rem; padding: .65rem; border: 1px solid rgba(131,247,255,.2); border-radius: .85rem; background: rgba(4,16,38,.98); box-shadow: 0 25px 70px rgba(0,0,0,.42); backdrop-filter: blur(20px); transform: translateY(-12px); opacity: 0; visibility: hidden; transition: transform .2s ease, opacity .2s ease, visibility .2s; }
  .site-header nav.open { transform: none; opacity: 1; visibility: visible; }
  .site-header nav a { min-height: 44px; display: flex; align-items: center; padding: .65rem .8rem; border-radius: .5rem; font-size: .92rem; }
  .site-header nav a:hover, .site-header nav a.active { background: rgba(131,247,255,.08); }
  .site-header nav a::after { display: none; }
  .menu-toggle { display: block; justify-self: end; }
  .site-header > .button { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 145px; }
  .hero-copy { max-width: 820px; }
  .engine-card { max-width: 760px; margin: 0; }
  .solution-grid { grid-template-columns: 1fr 1fr; }
  .solution-card:last-child { grid-column: 1 / -1; }
  .audit-section { grid-template-columns: 1fr; }
  .power-stack { grid-template-columns: 1fr; }
  .power-stack article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(116,223,255,.13); }
  .power-stack article:last-of-type { border-bottom: 0; }
  .network-specialty { grid-template-columns:1fr; }
  .network-specialty-system { max-width:620px; width:100%; margin:0 auto; }
  .journey{grid-template-columns:repeat(2,1fr)}.journey article{border-bottom:1px solid var(--line)}.journey article::after{display:none}.journey article:last-child{grid-column:1/-1;min-height:230px}.price-grid{grid-template-columns:1fr}.price-card>p,.price-card ul{min-height:auto}
  .audit-copy { position: static; max-width: 760px; }
}

@media (max-width: 720px) {
  body { padding-bottom: 70px; }
  .site-header { min-height: 67px; padding: .5rem 1.2rem; }
  .site-header .brand-logo { width: clamp(180px, 56vw, 218px); }
  .site-header .brand { margin-left:0; }
  .site-header nav { top: 72px; }
  .hero { min-height: auto; padding: 104px 1.2rem 60px; }
  h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .hero-lede { font-size: 1rem; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 1.1rem; }
  .hero-actions .button { width: 100%; }
  .text-link { text-align: center; }
  .hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .hero-proof div { padding: 0 .75rem; text-align: center; }
  .hero-proof div:first-child { padding-left: .25rem; }
  .hero-proof div:last-child { padding-right: .25rem; }
  .hero-proof strong { font-size: .78rem; }.hero-proof span { font-size: .62rem; }
  .engine-card { padding: .8rem; border-radius: 1rem; }
  .engine-flow { grid-template-columns: 1fr; gap: .65rem; }
  .flow-line { display: none; }
  .engine-flow > div { padding: .3rem .6rem; }
  .signal-orbit { height: 210px; }
  .engine-metrics { gap: .35rem; }
  .engine-metrics div { padding: .65rem .45rem; }.engine-metrics strong { font-size: .58rem; }
  .solutions, .audit-section { padding: 64px 1.2rem; }
  .section-heading h2, .audit-copy h2 { font-size: clamp(2.55rem, 12vw, 4rem); }
  .solution-grid { grid-template-columns: 1fr; margin-top: 2.6rem; }
  .solution-card:last-child { grid-column: auto; }
  .offer-path { grid-template-columns: 1fr; gap: 2rem; padding: 2rem 1.4rem; }
  .offer-steps { grid-template-columns: 1fr; }
  .offer-steps > div { padding: 0 0 1.1rem; border-left: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .offer-steps > div:last-child { border-bottom: 0; padding-bottom: 0; }
  .power-stack { margin: 34px auto 42px; border-radius: 20px; }
  .power-stack article { padding: 30px 24px; }
  .power-stack-result { align-items: flex-start; flex-direction: column; gap: 10px; padding: 22px 24px; }
  .power-stack-result p { text-align: left; }
  .network-specialty{margin-bottom:42px;padding:2rem 1.25rem;border-radius:20px}.network-specialty-system{min-height:470px}.network-specialty-system::before{width:320px;height:320px}.network-specialty-system::after{width:235px;height:235px}.replication-core{width:188px;height:188px}.replication-points span{width:128px;padding:.6rem;font-size:.48rem}.experience-seal{right:0}
  .manifesto{padding:4.25rem 1.2rem}.manifesto-marks{gap:.7rem}.journey{display:none}.funnel-system,.investment{padding:64px 1.2rem}.funnel-callout{grid-template-columns:1fr;gap:1rem;padding:1.6rem}.funnel-callout .button{width:100%}
  .price-grid { gap: .75rem; margin-top: 2.6rem; }
  .price-card { padding: 1.45rem; }
  .investment-note { margin-top: 1.5rem; }
  .quiz-shell { min-height: 650px; padding: 1.35rem 1rem; }
  .option-grid { grid-template-columns: 1fr; }
  .option-grid label > span { min-height: 96px; }
  .quiz-actions { position: sticky; bottom: 0; padding-top: .6rem; background: var(--white); }
  .quiz-actions .button { min-width: 112px; padding-left: .8rem; padding-right: .8rem; }
  .result-actions { align-items: stretch; flex-direction: column; }
  footer { display:flex; align-items: flex-start; flex-direction: column; padding: 2.5rem 1.2rem 6rem; }
  footer > p, .footer-details { text-align:left; }
  .footer-details { align-items:flex-start; justify-self:auto; }
  .mobile-cta { position: fixed; z-index: 45; display: flex; align-items: center; justify-content: center; gap: .6rem; left: 12px; right: 12px; bottom: max(10px, env(safe-area-inset-bottom)); height: 48px; border: 1px solid rgba(255,255,255,.5); border-radius: .65rem; color: #041429; background: linear-gradient(135deg, var(--aqua), var(--cyan)); box-shadow: 0 10px 30px rgba(4,22,50,.3); font-size: .92rem; font-weight: 800; text-decoration: none; }
  body.audit-in-view .mobile-cta { transform: translateY(85px); }
}

@media (min-width: 1500px) {
  .hero { grid-template-columns: minmax(650px, 1fr) 610px; }
  .hero-copy { max-width: 850px; }
}
/* The five-move presentation, adapted from the EPEK AI experience. */
.lead-experience{margin-top:2rem;overflow:hidden;border-radius:1.1rem;background:#07152f;color:#fff;box-shadow:0 30px 80px rgba(3,18,45,.2)}
.lead-experience-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:2.4rem 3rem 1.2rem}
.lead-experience-head span{color:var(--aqua);font:700 .72rem/1.4 "Manrope",sans-serif;letter-spacing:.16em}
.lead-experience-head h3{margin:.8rem 0 .35rem;font:700 clamp(2rem,4vw,3.6rem)/1.1 "Manrope",sans-serif;letter-spacing:-.055em}
.lead-experience-head p{margin:0;color:#bdcee4;font-size:1rem}
.lead-experience-head a{flex-shrink:0;padding:.85rem 1rem;border:1px solid #63dfff66;border-radius:.5rem;color:#a7f5ff;text-decoration:none;font-weight:700;font-size:.9rem}
.lead-experience-head a:hover,.lead-experience-head a:focus-visible{background:#113d5c;color:#fff}
.lead-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:350px;margin:0 1.2rem;overflow:hidden;text-align:center;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--stage-color),transparent 75%),transparent 62%);transition:background .5s}
.lead-stage-orbit{position:absolute;z-index:-1;width:280px;height:280px;border:1px solid color-mix(in srgb,var(--stage-color),transparent 42%);border-radius:50%;box-shadow:0 0 65px color-mix(in srgb,var(--stage-color),transparent 64%),inset 0 0 55px color-mix(in srgb,var(--stage-color),transparent 82%);animation:lead-spin 22s linear infinite}
.lead-stage-orbit:before{content:"";position:absolute;inset:27px;border:1px dashed color-mix(in srgb,var(--stage-color),transparent 55%);border-radius:50%}
.lead-stage-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--stage-color);box-shadow:0 0 20px var(--stage-color)}
.lead-stage-orbit i:first-child{top:8%;left:22%}.lead-stage-orbit i:last-child{bottom:14%;right:7%}
.lead-stage-content{padding:2rem;max-width:670px}.lead-stage-content>span{display:block;color:var(--stage-color);font-weight:800;letter-spacing:.2em;font-size:.8rem}.lead-stage-content strong{display:block;margin:.5rem 0;font:800 clamp(2.6rem,7vw,6.3rem)/1.05 "Manrope",sans-serif;letter-spacing:-.065em;text-shadow:0 0 45px color-mix(in srgb,var(--stage-color),transparent 35%);overflow-wrap:anywhere}.lead-stage-content b{display:block;color:var(--stage-color);font-size:clamp(1.1rem,2vw,1.5rem)}.lead-stage-content p{margin:.6rem 0 0;font-size:1rem;color:#e2eeff;line-height:1.5}
.lead-stage-controls{display:flex;justify-content:center;align-items:center;gap:1rem;padding:0 1.5rem 1.3rem;color:#aebfda;font-size:.86rem}.lead-stage-controls button{cursor:pointer;border:1px solid var(--aqua);border-radius:2rem;padding:.7rem 1.2rem;background:var(--aqua);color:#06142e;font-weight:800}.lead-stage-controls button:hover{background:#fff}
.lead-stage-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;padding:1.3rem 2rem 2rem;border-top:1px solid #ffffff1b}.lead-stage-steps button{min-width:0;min-height:60px;text-align:left;cursor:pointer;border:1px solid #ffffff31;border-radius:.5rem;padding:.75rem;color:#b7c9e1;background:#102648;font-weight:700;font-size:.9rem}.lead-stage-steps button span{display:block;color:var(--step-color);font-size:.76rem;letter-spacing:.14em}.lead-stage-steps button:hover,.lead-stage-steps button.active{border-color:var(--step-color);color:#fff;background:color-mix(in srgb,var(--step-color),#102648 88%)}.lead-experience button:focus-visible,.lead-experience a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lead-stage-note{margin:0;padding:0 2rem 1.6rem;color:#b5c9e2;font-size:.9rem;line-height:1.55}
@keyframes lead-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.lead-experience-head{display:block;padding:1.7rem 1.3rem 1rem}.lead-experience-head a{display:inline-block;margin-top:1.2rem}.lead-stage{min-height:300px;margin:0}.lead-stage-orbit{width:225px;height:225px}.lead-stage-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.5rem;padding:1rem .8rem 1.2rem}.lead-stage-steps button{flex:0 0 130px;min-height:64px;text-align:left;padding:.65rem .75rem;font-size:.88rem;line-height:1.25;scroll-snap-align:start}.lead-stage-note{padding:0 1.2rem 1.4rem}.lead-stage-controls{flex-wrap:wrap;text-align:center}}
@media(prefers-reduced-motion:reduce){.lead-stage-orbit{animation:none}}

/* Member access and cross-portfolio routing. */
.member-access-form{margin-top:1.25rem}.member-access-form label{display:block;margin-bottom:.45rem;color:var(--navy);font-weight:800;font-size:.82rem}.member-access-form>div{display:flex;gap:.5rem}.member-access-form input{min-width:0;flex:1;border:1px solid #b7c9dc;border-radius:.55rem;padding:.8rem .9rem;background:#fff;color:var(--navy);font:600 .9rem/1.2 "Manrope",sans-serif}.member-access-form button{border:0;border-radius:.55rem;padding:.8rem 1rem;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.member-access-form button:hover,.member-access-form button:focus-visible{background:#163e70}.member-access-form [data-member-status]{min-height:1.2rem;margin:.55rem 0 0;color:#47627d;font-size:.78rem;line-height:1.4}
.ai-cross-promo{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:2.3rem auto 0;padding:2rem 2.2rem;border:1px solid #64ddff55;border-radius:1.1rem;background:radial-gradient(circle at 86% 10%,#5230a456,transparent 35%),linear-gradient(125deg,#06152e,#0a3552);color:#fff;box-shadow:0 24px 60px #051d3c2e}.ai-cross-promo span{color:var(--aqua);font-size:.7rem;font-weight:800;letter-spacing:.18em}.ai-cross-promo h3{margin:.45rem 0 .35rem;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.045em}.ai-cross-promo p{margin:0;color:#c4d9eb}.ai-cross-promo .button{flex:none}
@media(max-width:720px){.member-access-form>div{display:grid}.member-access-form button{min-height:46px}.ai-cross-promo{align-items:flex-start;flex-direction:column;padding:1.55rem}.ai-cross-promo .button{width:100%}}

/* Approved Media wordmark: keep the existing logo box and responsive widths. */
.brand-logo-approved { aspect-ratio: 2172 / 724; object-fit: cover; object-position: center 51.5%; filter: drop-shadow(0 0 4px rgba(53,233,255,.16)); }