:root {
  --bg: #020306;
  --bg-soft: #07101b;
  --panel: rgba(8,18,32,.72);
  --panel-2: rgba(8,13,24,.9);
  --line: rgba(94,147,255,.16);
  --line-strong: rgba(0,232,255,.28);
  --text: #f6f9ff;
  --muted: #8d9bb0;
  --blue: #0b66ff;
  --blue-2: #08a9ff;
  --cyan: #00e8ff;
  --cyan-soft: #7af6ff;
  --shadow: 0 32px 90px rgba(0,0,0,.48);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 74% 8%, rgba(0,155,255,.10), transparent 28%),
    radial-gradient(circle at 10% 25%, rgba(0,232,255,.055), transparent 24%),
    linear-gradient(180deg,#020306 0%,#03050a 48%,#020306 100%);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
body::selection { background: rgba(0,232,255,.24); color: #fff; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1200px, calc(100% - 44px)); margin: 0 auto; }
.section-shell { padding: 120px 0; position: relative; }

.grain { position: fixed; inset: 0; z-index: 999; pointer-events: none; opacity: .018; 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='.85' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.ambient { position: fixed; width: 580px; height: 580px; border-radius: 50%; filter: blur(150px); opacity: .08; pointer-events: none; }
.ambient-a { background: var(--blue); top: -180px; right: -120px; }
.ambient-b { background: var(--cyan); bottom: 12%; left: -220px; }

.site-header { position: sticky; top: 0; z-index: 80; background: rgba(2,3,6,.76); border-bottom: 1px solid rgba(255,255,255,.06); backdrop-filter: blur(22px); }
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.brand { display: flex; align-items: center; gap: 10px; min-width: 210px; }
.brand-mark-wrap { width: 34px; height: 45px; overflow: hidden; display: grid; place-items: center; }
.brand-mark-wrap img { width: 34px; height: auto; display: block; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font: 700 15px Manrope,sans-serif; letter-spacing: -.02em; }
.brand-copy small { color: var(--cyan); font-size: 8px; letter-spacing: .28em; margin-top: 7px; }
.desktop-nav { display: flex; gap: 30px; color: #9ba8ba; font-size: 13px; }
.desktop-nav a { position: relative; transition: color .2s ease; }
.desktop-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:1px; background:linear-gradient(90deg,var(--blue),var(--cyan)); transition:right .25s ease; }
.desktop-nav a:hover { color:#fff; }
.desktop-nav a:hover::after { right:0; }
.nav-cta { font-size: 12px; font-weight: 700; letter-spacing: .02em; border-left: 1px solid rgba(255,255,255,.12); padding-left: 22px; }
.nav-cta span { color: var(--cyan); padding-left: 5px; }

.hero { min-height: 790px; display: flex; align-items: center; padding-top: 116px; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.03fr .97fr; gap: 70px; align-items: center; }
.eyebrow { color: #a8b7c9; font-weight: 700; font-size: 11px; letter-spacing: .18em; display:flex; align-items:center; gap:10px; max-width:100%; }
.eyebrow > .eyebrow-line {
  width: 34px;
  min-width: 34px;
  height: 1px;
  flex: 0 0 34px;
  background: linear-gradient(90deg,var(--blue),var(--cyan));
  box-shadow: 0 0 12px rgba(0,232,255,.35);
}
.eyebrow > .eyebrow-text {
  min-width: 0;
  text-align: center;
}
.hero h1, .section-heading h2, .statement h2, .assessment-card h2 { font-family: Manrope,sans-serif; letter-spacing: -.058em; line-height: .98; }
.hero h1 { font-size: clamp(58px,7vw,94px); margin: 20px 0 0; max-width: 750px; }
.hero h1 span { background: linear-gradient(95deg,#3a76ff,#00e8ff); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow: 0 0 35px rgba(0,178,255,.12); }
.hero-lead { color:#a6b2c2; font-size:18px; max-width:690px; margin:30px 0 0; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:34px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 22px; border-radius:8px; font-size:13px; font-weight:800; border:1px solid transparent; transition: transform .2s ease, box-shadow .2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { color:#00131a; background: linear-gradient(112deg,#1f76ff 0%,#08c5ff 52%,#00edf5 100%); box-shadow:0 12px 34px rgba(0,170,255,.20), inset 0 1px rgba(255,255,255,.22); }
.btn-primary:hover { box-shadow:0 16px 44px rgba(0,190,255,.29); }
.btn-large { min-height:60px; padding:0 28px; font-size:14px; }
.quiet-link { color:#c5cfdb; font-size:13px; font-weight:600; }
.quiet-link span { color:var(--cyan); margin-left:7px; }
.hero-proof { display:flex; gap:0; margin-top:36px; color:#647388; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.hero-proof span { padding:0 14px; border-left:1px solid rgba(255,255,255,.09); }
.hero-proof span:first-child { padding-left:0; border-left:0; }

.dna-console { position:relative; min-height:570px; border:1px solid rgba(60,132,255,.18); border-radius:24px; background:linear-gradient(145deg,rgba(9,20,38,.92),rgba(3,7,13,.82)); box-shadow:var(--shadow), inset 0 0 80px rgba(0,137,255,.035); overflow:hidden; }
.dna-console::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(50,100,180,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(50,100,180,.055) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(to bottom,transparent,black 15%,black 84%,transparent); }
.console-top,.console-bottom { position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:17px 20px; border-bottom:1px solid rgba(255,255,255,.065); }
.console-label { font-size:10px; letter-spacing:.22em; font-weight:800; color:#b9c7d8; }
.console-status { font-size:9px; letter-spacing:.15em; color:#718399; }
.console-status i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); margin-right:8px; animation:pulse 1.8s ease-in-out infinite; }
.dna-field { position:relative; height:420px; margin:0 20px; }
.dna-axis { position:absolute; left:50%; top:26px; bottom:26px; width:1px; background:linear-gradient(transparent,rgba(0,232,255,.34),transparent); opacity:.5; }
.dna-track { position:absolute; top:34px; bottom:34px; width:2px; background:linear-gradient(to bottom,var(--blue),var(--cyan),var(--blue)); box-shadow:0 0 15px rgba(0,184,255,.35); }
.dna-left { left:17%; }
.dna-right { right:17%; }
.gene { position:absolute; left:17%; right:17%; height:42px; display:flex; align-items:center; justify-content:center; }
.gene-1{top:45px}.gene-2{top:100px}.gene-3{top:155px}.gene-4{top:210px}.gene-5{top:265px}.gene-6{top:320px}
.gene .bar { position:absolute; left:0; right:0; height:1px; background:linear-gradient(90deg,var(--blue),rgba(38,145,255,.26) 28%,rgba(0,232,255,.26) 72%,var(--cyan)); box-shadow:0 0 10px rgba(0,174,255,.22); }
.gene b { position:relative; z-index:2; padding:5px 12px; background:#07101b; border:1px solid rgba(0,232,255,.13); color:#9fb0c3; font-size:9px; letter-spacing:.14em; font-weight:700; }
.gene .dot { position:absolute; top:17px; width:8px; height:8px; border-radius:50%; background:#06101d; border:1px solid var(--cyan); box-shadow:0 0 14px rgba(0,232,255,.45); z-index:3; }
.gene .left{left:-3px}.gene .right{right:-3px}
.gene:nth-child(odd) .bar{transform:skewY(-1deg)}
.gene:nth-child(even) .bar{transform:skewY(1deg)}
.scan-line { position:absolute; left:9%; right:9%; top:25px; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow:0 0 15px var(--cyan); opacity:.55; animation:scan 4.8s linear infinite; }
.console-bottom { border-top:1px solid rgba(255,255,255,.065); border-bottom:0; gap:10px; }
.console-bottom div { flex:1; }
.console-bottom small { display:block; color:#5f7187; font-size:8px; letter-spacing:.16em; }
.console-bottom strong { display:block; margin-top:4px; font-size:10px; letter-spacing:.12em; color:#b8c8db; }
@keyframes scan { 0%{transform:translateY(0);opacity:0}10%{opacity:.7}90%{opacity:.7}100%{transform:translateY(360px);opacity:0} }
@keyframes pulse { 0%,100%{opacity:.55}50%{opacity:1} }

.signal-strip { border-top:1px solid rgba(255,255,255,.055); border-bottom:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.012); }
.signal-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#5f6f84; font-size:10px; letter-spacing:.14em; }
.signal-inner i { width:4px; height:4px; border-radius:50%; background:#195cc7; box-shadow:0 0 10px rgba(0,154,255,.55); }

.why-grid,.outcome-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:90px; align-items:start; }
.section-heading h2 { font-size:clamp(42px,5vw,67px); margin:18px 0 0; }
.section-heading h2 em { color:var(--cyan-soft); font-style:normal; }
.section-heading.centered { text-align:center; max-width:900px; margin:0 auto 54px; }
.section-heading.centered .eyebrow { justify-content:center; }
.section-heading.centered p { color:var(--muted); margin:18px 0 0; }
.why-copy { color:#8f9cae; font-size:18px; }
.why-copy p { margin-top:0; }
.why-copy .strong { color:#d2d9e3; margin-top:28px; }
.principle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:72px; border-top:1px solid rgba(255,255,255,.075); border-bottom:1px solid rgba(255,255,255,.075); }
.principle { padding:34px 34px 38px; border-left:1px solid rgba(255,255,255,.075); }
.principle:first-child { border-left:0; }
.principle span,.service-card>span { color:var(--cyan); font-size:10px; letter-spacing:.18em; }
.principle h3 { font:700 24px Manrope,sans-serif; margin:36px 0 8px; letter-spacing:-.035em; }
.principle p { color:#7f8c9f; font-size:13px; margin:0; }

.statement-section { padding:135px 0; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); background:radial-gradient(circle at 50% 50%,rgba(0,139,255,.08),transparent 40%); }
.statement { text-align:center; }
.statement p { color:#65768d; font-size:10px; letter-spacing:.24em; }
.statement h2 { font-size:clamp(52px,7vw,90px); margin:18px 0 0; }
.statement h2 span { background:linear-gradient(90deg,#3f81ff,#00e8ff); -webkit-background-clip:text; background-clip:text; color:transparent; }

.services-section { background:linear-gradient(180deg,transparent,rgba(3,13,26,.72),transparent); }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.service-card { position:relative; min-height:270px; padding:28px; border:1px solid rgba(78,122,190,.14); border-radius:15px; background:linear-gradient(145deg,rgba(11,25,46,.62),rgba(4,9,17,.76)); overflow:hidden; transition:.25s ease; }
.service-card::after { content:""; position:absolute; inset:auto 0 0 0; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); transform:scaleX(0); transition:.3s ease; }
.service-card:hover { transform:translateY(-5px); border-color:rgba(0,211,255,.27); background:linear-gradient(145deg,rgba(10,33,62,.78),rgba(4,9,17,.85)); }
.service-card:hover::after { transform:scaleX(1); }
.service-card h3 { font:700 23px Manrope,sans-serif; letter-spacing:-.035em; line-height:1.08; margin:58px 0 13px; }
.service-card p { color:#7f8da0; font-size:13px; margin:0; max-width:280px; }
.service-card>b { position:absolute; right:25px; top:25px; color:#3a7bd7; font-size:16px; font-weight:400; }

.outcome-stack { border-top:1px solid rgba(255,255,255,.075); }
.outcome-stack article { padding:30px 6px; border-bottom:1px solid rgba(255,255,255,.075); display:grid; grid-template-columns:120px 1fr; gap:18px 28px; }
.outcome-stack span { color:var(--cyan); font-size:10px; letter-spacing:.2em; padding-top:8px; }
.outcome-stack h3 { font:700 27px Manrope,sans-serif; margin:0; letter-spacing:-.035em; }
.outcome-stack p { grid-column:2; color:#7e8c9f; margin:-8px 0 0; font-size:14px; }

.process-explorer { border:1px solid rgba(61,115,196,.18); border-radius:20px; background:linear-gradient(145deg,rgba(8,18,34,.88),rgba(3,7,14,.92)); box-shadow:var(--shadow); overflow:hidden; }
.process-nav { position:relative; display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid rgba(255,255,255,.07); }
.process-tab { appearance:none; border:0; border-right:1px solid rgba(255,255,255,.06); background:transparent; color:#65758a; min-height:82px; cursor:pointer; font-size:11px; letter-spacing:.13em; font-weight:800; position:relative; transition:.25s ease; }
.process-tab:last-of-type { border-right:0; }
.process-tab span { display:block; color:#3e536e; font-size:9px; margin-bottom:5px; }
.process-tab:hover { color:#c4d3e3; background:rgba(255,255,255,.018); }
.process-tab.active { color:#fff; background:linear-gradient(180deg,rgba(0,135,255,.08),transparent); }
.process-tab.active span { color:var(--cyan); }
.process-progress { position:absolute; left:0; bottom:-1px; width:20%; height:2px; pointer-events:none; transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.process-progress i { display:block; height:100%; background:linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow:0 0 14px rgba(0,232,255,.55); }
.process-stage { min-height:420px; display:grid; grid-template-columns:145px 1.1fr .9fr; gap:42px; align-items:center; padding:52px; position:relative; }
.stage-number { align-self:start; color:rgba(0,198,255,.17); font:800 110px/1 Manrope,sans-serif; letter-spacing:-.09em; }
.stage-kicker { color:var(--cyan); font-size:10px; letter-spacing:.2em; font-weight:800; }
.stage-copy h3 { font:700 clamp(30px,3vw,44px)/1.06 Manrope,sans-serif; letter-spacing:-.045em; margin:14px 0 18px; }
.stage-copy p { color:#8896a9; font-size:15px; margin:0; max-width:600px; }
.stage-visual { height:220px; position:relative; border-left:1px solid rgba(255,255,255,.07); overflow:hidden; }
.stage-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(66,112,177,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(66,112,177,.07) 1px,transparent 1px); background-size:28px 28px; }
.stage-visual svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.stage-visual path { fill:none; stroke-width:2; vector-effect:non-scaling-stroke; }
.path-muted { stroke:rgba(67,105,159,.26); }
.path-active { stroke:url(#none); stroke:var(--cyan); stroke-dasharray:520; stroke-dashoffset:520; filter:drop-shadow(0 0 6px rgba(0,232,255,.6)); animation:drawPath 2s ease forwards; }
.stage-node { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px rgba(0,232,255,.9); z-index:3; }
.node-a{left:7%;bottom:20%}.node-b{left:49%;top:44%}.node-c{right:7%;top:28%}
.stage-controls { position:absolute; right:28px; bottom:24px; display:flex; align-items:center; gap:12px; color:#617187; font-size:10px; letter-spacing:.16em; }
.process-arrow { width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,.09); color:#c3cfdd; background:rgba(255,255,255,.02); cursor:pointer; transition:.2s ease; }
.process-arrow:hover { border-color:rgba(0,232,255,.32); color:var(--cyan); }
.stage-copy.swap,.stage-number.swap { animation:stageSwap .42s ease; }
@keyframes drawPath{to{stroke-dashoffset:0}}
@keyframes stageSwap{0%{opacity:.2;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}

.assessment-card { padding:60px; border:1px solid rgba(0,185,255,.2); border-radius:20px; background:linear-gradient(135deg,rgba(8,31,58,.86),rgba(3,9,18,.94)); display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:center; position:relative; overflow:hidden; }
.assessment-card::after { content:""; position:absolute; width:300px; height:300px; border-radius:50%; right:-90px; top:-110px; background:var(--cyan); filter:blur(120px); opacity:.09; }
.assessment-card h2 { font-size:clamp(40px,5vw,63px); margin:18px 0 20px; }
.assessment-card p { color:#8e9db0; max-width:700px; margin:0; }
.assessment-action { position:relative; z-index:2; }
.assessment-action .btn { width:100%; }
.assessment-action small { display:block; color:#65768a; font-size:10px; text-align:center; margin-top:13px; }

.site-footer { padding:44px 0 54px; border-top:1px solid rgba(255,255,255,.06); }
.footer-wrap { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.footer-logo { width:170px; height:66px; overflow:hidden; position:relative; }
.footer-logo img { width:170px; height:auto; transform:translateY(-104px); }
.footer-meta { display:flex; gap:28px; color:#536276; font-size:9px; letter-spacing:.13em; }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .75s ease,transform .75s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.15s}

@media (max-width: 980px){
  .desktop-nav{display:none}.hero-grid,.why-grid,.outcome-layout,.assessment-card{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{gap:56px}.dna-console{min-height:540px}.principle-grid{grid-template-columns:1fr}.principle{border-left:0;border-top:1px solid rgba(255,255,255,.07)}.principle:first-child{border-top:0}.services-grid{grid-template-columns:1fr 1fr}.process-stage{grid-template-columns:100px 1fr}.stage-visual{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.06);height:180px}.assessment-card{gap:38px}.footer-meta{flex-direction:column;gap:8px}.signal-inner{justify-content:center;flex-wrap:wrap;padding:24px 0}
}
@media (max-width: 680px){
  .container{width:min(100% - 28px,1200px)}.section-shell{padding:86px 0}.nav-cta{display:none}.hero{padding-top:92px}.hero h1{font-size:52px}.hero-lead{font-size:16px}.hero-proof{display:none}.dna-console{min-height:505px}.dna-field{height:360px}.gene-1{top:35px}.gene-2{top:82px}.gene-3{top:129px}.gene-4{top:176px}.gene-5{top:223px}.gene-6{top:270px}.scan-line{animation:none}.services-grid{grid-template-columns:1fr}.service-card{min-height:240px}.process-nav{grid-template-columns:repeat(5,1fr)}.process-tab{min-height:64px;font-size:0}.process-tab span{font-size:9px;margin:0}.process-stage{grid-template-columns:1fr;padding:30px 24px 78px;gap:24px}.stage-number{font-size:76px}.stage-visual{grid-column:auto}.stage-controls{left:24px;right:auto}.assessment-card{padding:34px 26px}.footer-wrap{align-items:flex-start;flex-direction:column}.footer-meta{gap:6px}.signal-inner{font-size:8px}.statement-section{padding:96px 0}
}

/* V3 refinements */
.brand { min-width: 190px; }
.brand-copy strong { font-size: 18px; letter-spacing: -.035em; }
.brand-copy strong em { color: var(--cyan); font-style: normal; }
.brand-copy small { margin-top: 6px; }
.brand-mark-wrap, .footer-logo { display:none !important; }

.dna-field { margin: 0 18px; overflow:hidden; }
.dna-axis { opacity:.26; }
.dna-helix { position:absolute; inset:0; width:100%; height:100%; overflow:visible; filter:drop-shadow(0 0 10px rgba(0,190,255,.22)); }
.helix-strand { fill:none; stroke-width:2.4; vector-effect:non-scaling-stroke; }
.strand-a { stroke:url(#helixBlue); }
.strand-b { stroke:url(#helixCyan); opacity:.92; }
.dna-track { display:none; }
.gene { left:20%; right:20%; }
.gene .bar { opacity:.72; }
.gene b { min-width:190px; text-align:center; background:rgba(5,14,26,.94); box-shadow:0 0 18px rgba(2,8,18,.7); }
.gene-3 b { min-width:235px; }
.console-bottom { justify-content:center; }
.console-bottom div { flex:0 1 31%; text-align:center; }
.console-bottom small, .console-bottom strong { text-align:center; }

.stage-controls { color:#f6f9ff; }
.stage-controls span { color:#fff; font-weight:800; letter-spacing:.18em; text-shadow:0 0 14px rgba(255,255,255,.12); }
.path-active, .path-muted { transition: opacity .18s ease; }
.path-muted { stroke:rgba(67,105,159,.30); }
.stage-visual.path-swap .path-muted { opacity:.12; }
.stage-visual.path-swap .path-active { opacity:.35; }

.footer-wordmark { display:flex; flex-direction:column; line-height:1; }
.footer-wordmark strong { font:700 18px Manrope,sans-serif; letter-spacing:-.035em; }
.footer-wordmark strong em { color:var(--cyan); font-style:normal; }
.footer-wordmark small { color:var(--cyan); font-size:8px; letter-spacing:.3em; margin-top:8px; }


/* V4 — logo-inspired Business DNA helix */
.dna-console {
  min-height: 590px;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 184, 255, .075), transparent 44%),
    linear-gradient(145deg, rgba(8,18,34,.96), rgba(2,7,14,.90));
}
.dna-field {
  height: 430px;
  margin: 0 10px;
  overflow: hidden;
}
.dna-axis {
  opacity: .12;
}
.dna-helix {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  filter:none;
}
.helix-shadow {
  fill:none;
  stroke:rgba(0,144,255,.12);
  stroke-width:12;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.helix-strand {
  fill:none;
  stroke-width:3.2;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.98;
}
.strand-a { stroke:url(#helixBlue); }
.strand-b { stroke:url(#helixCyan); }
.gene {
  left: 21%;
  right: 21%;
  height: 44px;
  pointer-events:none;
}
.gene .bar,
.gene .dot { display:none; }
.gene b {
  min-width: 218px;
  text-align:center;
  padding:7px 14px;
  border:1px solid rgba(16,193,255,.17);
  border-radius:999px;
  background:rgba(3,10,19,.91);
  box-shadow:0 0 22px rgba(0,8,18,.88), inset 0 0 18px rgba(0,174,255,.025);
  color:#aebfd2;
  font-size:9px;
  letter-spacing:.16em;
  backdrop-filter:blur(6px);
}
.gene-3 b { min-width:270px; }
.gene-1{top:38px}.gene-2{top:98px}.gene-3{top:158px}.gene-4{top:218px}.gene-5{top:278px}.gene-6{top:338px}
.scan-line {
  left: 2%;
  right: 2%;
  top: 24px;
  height:2px;
  opacity:.78;
  background:linear-gradient(90deg, transparent 0%, rgba(0,232,255,.28) 12%, #00e8ff 50%, rgba(26,107,255,.50) 88%, transparent 100%);
  box-shadow:0 0 8px rgba(0,232,255,.85),0 0 22px rgba(0,133,255,.44);
  animation:scanWide 5.2s cubic-bezier(.45,0,.55,1) infinite;
}
.scan-line::after {
  content:"";
  position:absolute;
  right:11%;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  transform:translate(50%,-50%);
  background:#e7ffff;
  box-shadow:0 0 8px #fff,0 0 16px #00e8ff,0 0 28px #1773ff;
}
@keyframes scanWide {
  0%{ transform:translateY(0); opacity:0; }
  8%{ opacity:.78; }
  92%{ opacity:.78; }
  100%{ transform:translateY(374px); opacity:0; }
}
.console-bottom {
  padding:18px 28px 20px;
}
.console-bottom div {
  flex: 0 1 30%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.console-bottom small { color:#64778e; }
.console-bottom strong { color:#d4dfeb; }

@media (max-width:680px){
  .dna-field{height:370px;margin:0 4px}
  .gene{left:15%;right:15%}
  .gene b{min-width:180px;font-size:8px}
  .gene-3 b{min-width:225px}
  .gene-1{top:28px}.gene-2{top:78px}.gene-3{top:128px}.gene-4{top:178px}.gene-5{top:228px}.gene-6{top:278px}
  .scan-line{animation:scanWideMobile 5.2s cubic-bezier(.45,0,.55,1) infinite}
  @keyframes scanWideMobile{0%{transform:translateY(0);opacity:0}8%{opacity:.78}92%{opacity:.78}100%{transform:translateY(310px);opacity:0}}
}

/* V5 — coded Business DNA to match the approved concept */
.dna-console-v5{
  position:relative;
  min-height:610px;
  overflow:hidden;
  border:1px solid rgba(0,190,255,.42);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 48%, rgba(0,140,255,.12), transparent 36%),
    linear-gradient(180deg,rgba(4,17,34,.98),rgba(2,9,18,.98));
  box-shadow:inset 0 0 46px rgba(0,105,255,.05),0 25px 80px rgba(0,0,0,.32);
}
.dna-v5-header{
  position:absolute;z-index:8;top:15px;left:0;right:0;
  display:flex;flex-direction:column;align-items:center;gap:13px;pointer-events:none;
}
.dna-v5-title{
  font:700 clamp(19px,2.1vw,27px) Manrope,sans-serif;
  letter-spacing:.42em;color:#4d8fff;text-shadow:0 0 18px rgba(36,111,255,.42);
}
.dna-v5-status{
  display:flex;align-items:center;gap:9px;padding:8px 19px;
  border:1px solid rgba(0,206,255,.48);border-radius:7px;
  background:rgba(1,11,22,.75);color:#7ff5ff;
  font-size:11px;font-weight:800;letter-spacing:.08em;
  box-shadow:inset 0 0 18px rgba(0,174,255,.05),0 0 22px rgba(0,174,255,.07);
}
.dna-v5-status i{width:8px;height:8px;border-radius:50%;background:#00ebff;box-shadow:0 0 10px #00ebff;animation:dnaStatusPulse 1.8s ease-in-out infinite}
@keyframes dnaStatusPulse{50%{opacity:.42;transform:scale(.78)}}
.dna-v5-stage{position:absolute;inset:0;overflow:hidden}
.dna-v5-grid{position:absolute;inset:95px 22px 18px;opacity:.42;background-image:radial-gradient(circle,rgba(24,141,255,.62) 1px,transparent 1.3px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent)}
.dna-column{position:absolute;top:44px;width:33%;height:566px;overflow:visible;z-index:2}
.dna-column-left{left:3.5%}.dna-column-right{right:3.5%}
.helix-main{fill:none;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dna-column-left .strand-blue,.dna-column-right .strand-blue{stroke:url(#mwBlueA)}
.dna-column-left .strand-cyan,.dna-column-right .strand-cyan{stroke:url(#mwCyanA)}
.dna-column-right .strand-blue{stroke:url(#mwBlueB)}.dna-column-right .strand-cyan{stroke:url(#mwCyanB)}
.helix-glow{fill:none;stroke:#006dff;stroke-width:28;stroke-linecap:round;opacity:.10;vector-effect:non-scaling-stroke}
.helix-glow-b{stroke:#00dcff;opacity:.09}
.helix-rungs line{stroke:rgba(21,122,230,.72);stroke-width:2.1;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(0,211,255,.25))}
.helix-rungs line:nth-child(3n+1){stroke:rgba(0,226,255,.78)}
.dna-v5-center{position:absolute;z-index:5;left:36%;right:36%;top:153px;bottom:54px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-around;text-align:center}
.dna-v5-message{display:flex;flex-direction:column;align-items:center;gap:6px;text-shadow:0 0 16px rgba(0,0,0,.88)}
.dna-v5-message span{color:#20cfff;font:600 14px Manrope,sans-serif;letter-spacing:.10em}
.dna-v5-message strong{color:#f4f7fb;font:600 21px Manrope,sans-serif;letter-spacing:.025em}
.dna-v5-separator{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(15,129,219,.52),transparent)}
.dna-v5-scan{position:absolute;z-index:7;left:0;right:0;top:118px;height:2px;background:linear-gradient(90deg,rgba(0,232,255,.75),#00e9ff 23%,#1188ff 54%,#0875ff 82%,rgba(0,232,255,.68));box-shadow:0 0 7px #00eaff,0 0 19px rgba(0,181,255,.78),0 0 34px rgba(0,91,255,.38);animation:dnaScanV5 5.4s cubic-bezier(.42,0,.58,1) infinite}
.dna-v5-scan:before{content:"";position:absolute;inset:-9px 0;background:linear-gradient(180deg,transparent,rgba(0,194,255,.09),transparent)}
.dna-v5-scan i{position:absolute;right:13%;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#eaffff;box-shadow:0 0 7px #fff,0 0 15px #00edff,0 0 27px #117dff}
@keyframes dnaScanV5{0%{transform:translateY(0);opacity:0}6%{opacity:1}47%{opacity:1}94%{opacity:1}100%{transform:translateY(420px);opacity:0}}
@media (prefers-reduced-motion:reduce){.dna-v5-scan,.dna-v5-status i{animation:none}.dna-v5-scan{transform:translateY(190px)}}
@media (max-width:900px){
  .dna-console-v5{min-height:560px}
  .dna-column{width:36%;height:515px;top:52px}
  .dna-column-left{left:0}.dna-column-right{right:0}
  .dna-v5-center{left:33%;right:33%;top:155px}
  .dna-v5-message span{font-size:11px}.dna-v5-message strong{font-size:17px}
}
@media (max-width:620px){
  .dna-console-v5{min-height:510px}
  .dna-v5-title{letter-spacing:.25em}
  .dna-column{width:43%;height:460px;top:73px;opacity:.82}
  .dna-column-left{left:-9%}.dna-column-right{right:-9%}
  .dna-v5-center{left:27%;right:27%;top:160px;bottom:38px}
  .dna-v5-message span{font-size:10px}.dna-v5-message strong{font-size:15px}
  .dna-v5-scan{top:125px;animation-name:dnaScanV5Mobile}
  @keyframes dnaScanV5Mobile{0%{transform:translateY(0);opacity:0}6%{opacity:1}94%{opacity:1}100%{transform:translateY(330px);opacity:0}}
}

/* V6 — Business DNA process flow only */
.dna-flow-console{
  min-height:610px;
  background:
    radial-gradient(circle at 50% 42%,rgba(0,145,255,.10),transparent 38%),
    linear-gradient(180deg,rgba(4,17,34,.98),rgba(2,9,18,.98));
}
.dna-flow-header{top:19px;gap:11px}
.dna-flow-stage{position:absolute;inset:0;padding:132px 42px 30px;display:grid;grid-template-rows:repeat(3,1fr);gap:13px;overflow:hidden}
.dna-flow-grid{inset:106px 18px 18px;opacity:.26;z-index:0}
.dna-flow-row{position:relative;z-index:2;min-height:132px;padding:7px 10px 13px;border-bottom:1px solid rgba(18,125,211,.22)}
.dna-flow-row:last-child{border-bottom:0}
.dna-flow-heading{height:25px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:19px;font-family:Manrope,sans-serif;letter-spacing:.095em}
.dna-flow-heading span{font-size:10px;color:#50728e;font-weight:800;letter-spacing:.18em}
.dna-flow-heading strong{font-size:14px;color:#eaf4ff;font-weight:700;text-shadow:0 0 14px rgba(45,157,255,.13)}
.dna-flow-track{position:relative;height:42px;margin:0 18px}
.dna-flow-track::before{content:"";position:absolute;left:2%;right:2%;top:20px;height:1px;background:linear-gradient(90deg,rgba(17,85,148,.18),rgba(37,128,210,.50) 14%,rgba(37,128,210,.50) 86%,rgba(17,85,148,.18));box-shadow:0 0 8px rgba(0,112,255,.08)}
.dna-flow-fill{position:absolute;left:2%;top:20px;width:0;height:1px;background:linear-gradient(90deg,#1479ff,#00e8ff);box-shadow:0 0 8px rgba(0,220,255,.75),0 0 18px rgba(0,119,255,.28);animation:dnaFlowFill 10.5s linear infinite;transform-origin:left center}
.dna-flow-dot{position:absolute;left:2%;top:15px;width:11px;height:11px;border-radius:50%;background:#efffff;box-shadow:0 0 7px #fff,0 0 14px #00eaff,0 0 24px #117cff;animation:dnaFlowDot 10.5s linear infinite}
.dna-flow-node{position:absolute;top:17px;width:7px;height:7px;border-radius:50%;background:#103a65;border:1px solid rgba(42,140,225,.5);transform:translateX(-50%);transition:none;animation:dnaNodeGlow 10.5s linear infinite}
.dna-flow-label{position:absolute;top:-8px;transform:translateX(-50%);font:700 10px Manrope,sans-serif;letter-spacing:.085em;color:#54728e;text-shadow:0 0 12px transparent;white-space:nowrap;animation:dnaLabelGlow 10.5s linear infinite}
.dna-flow-track .dna-label-1,.dna-flow-track .node-1{left:2%}
.dna-flow-track .dna-label-2,.dna-flow-track .node-2{left:50%}
.dna-flow-track .dna-label-3,.dna-flow-track .node-3{left:98%}
.dna-flow-track.five-stops .dna-label-1,.dna-flow-track.five-stops .node-1{left:2%}
.dna-flow-track.five-stops .dna-label-2,.dna-flow-track.five-stops .node-2{left:26%}
.dna-flow-track.five-stops .dna-label-3,.dna-flow-track.five-stops .node-3{left:50%}
.dna-flow-track.five-stops .dna-label-4,.dna-flow-track.five-stops .node-4{left:74%}
.dna-flow-track.five-stops .dna-label-5,.dna-flow-track.five-stops .node-5{left:98%}
.dna-flow-result{height:19px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:7px;color:#526f88;font:700 9px Manrope,sans-serif;letter-spacing:.15em;opacity:.28;animation:dnaFrictionResult 10.5s linear infinite}
.dna-flow-result span{width:6px;height:6px;border-radius:50%;background:#00eaff;box-shadow:0 0 8px #00eaff}
.dna-flow-row-1 .friction-node{background:#00dff8;box-shadow:0 0 9px rgba(0,229,255,.55)}

/* One continuous story: row 1, then row 2, then row 3. */
.dna-flow-row-1 .dna-flow-dot{animation-name:dnaDotRow1}.dna-flow-row-1 .dna-flow-fill{animation-name:dnaFillRow1}
.dna-flow-row-2 .dna-flow-dot{animation-name:dnaDotRow2}.dna-flow-row-2 .dna-flow-fill{animation-name:dnaFillRow2}
.dna-flow-row-3 .dna-flow-dot{animation-name:dnaDotRow3}.dna-flow-row-3 .dna-flow-fill{animation-name:dnaFillRow3}

@keyframes dnaDotRow1{0%,3%{left:2%;opacity:0}4%{opacity:1}29%{left:98%;opacity:1}31%,100%{left:98%;opacity:0}}
@keyframes dnaFillRow1{0%,3%{width:0;opacity:0}4%{opacity:1}29%{width:96%;opacity:1}31%,100%{width:96%;opacity:.12}}
@keyframes dnaDotRow2{0%,34%{left:2%;opacity:0}35%{opacity:1}61%{left:98%;opacity:1}63%,100%{left:98%;opacity:0}}
@keyframes dnaFillRow2{0%,34%{width:0;opacity:0}35%{opacity:1}61%{width:96%;opacity:1}63%,100%{width:96%;opacity:.12}}
@keyframes dnaDotRow3{0%,67%{left:2%;opacity:0}68%{opacity:1}94%{left:98%;opacity:1}96%,100%{left:98%;opacity:0}}
@keyframes dnaFillRow3{0%,67%{width:0;opacity:0}68%{opacity:1}94%{width:96%;opacity:1}96%,100%{width:96%;opacity:.12}}

/* Label/node timing follows the moving dot. */
.dna-flow-row-1 .dna-label-1,.dna-flow-row-1 .node-1{animation-name:dnaR1S1}.dna-flow-row-1 .dna-label-2,.dna-flow-row-1 .node-2{animation-name:dnaR1S2}.dna-flow-row-1 .dna-label-3,.dna-flow-row-1 .node-3{animation-name:dnaR1S3}
.dna-flow-row-2 .dna-label-1,.dna-flow-row-2 .node-1{animation-name:dnaR2S1}.dna-flow-row-2 .dna-label-2,.dna-flow-row-2 .node-2{animation-name:dnaR2S2}.dna-flow-row-2 .dna-label-3,.dna-flow-row-2 .node-3{animation-name:dnaR2S3}.dna-flow-row-2 .dna-label-4,.dna-flow-row-2 .node-4{animation-name:dnaR2S4}.dna-flow-row-2 .dna-label-5,.dna-flow-row-2 .node-5{animation-name:dnaR2S5}
.dna-flow-row-3 .dna-label-1,.dna-flow-row-3 .node-1{animation-name:dnaR3S1}.dna-flow-row-3 .dna-label-2,.dna-flow-row-3 .node-2{animation-name:dnaR3S2}.dna-flow-row-3 .dna-label-3,.dna-flow-row-3 .node-3{animation-name:dnaR3S3}.dna-flow-row-3 .dna-label-4,.dna-flow-row-3 .node-4{animation-name:dnaR3S4}.dna-flow-row-3 .dna-label-5,.dna-flow-row-3 .node-5{animation-name:dnaR3S5}

@keyframes dnaR1S1{0%,3%{color:#54728e;background:#103a65;box-shadow:none}4%,29%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}30%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR1S2{0%,14%{color:#54728e;background:#103a65;box-shadow:none}15%,29%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}30%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR1S3{0%,27%{color:#54728e;background:#103a65;box-shadow:none}28%,31%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}32%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR2S1{0%,34%{color:#54728e;background:#103a65;box-shadow:none}35%,61%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}62%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR2S2{0%,40%{color:#54728e;background:#103a65;box-shadow:none}41%,61%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}62%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR2S3{0%,47%{color:#54728e;background:#103a65;box-shadow:none}48%,61%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}62%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR2S4{0%,54%{color:#54728e;background:#103a65;box-shadow:none}55%,61%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}62%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR2S5{0%,60%{color:#54728e;background:#103a65;box-shadow:none}61%,64%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}65%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR3S1{0%,67%{color:#54728e;background:#103a65;box-shadow:none}68%,94%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}95%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR3S2{0%,73%{color:#54728e;background:#103a65;box-shadow:none}74%,94%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}95%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR3S3{0%,80%{color:#54728e;background:#103a65;box-shadow:none}81%,94%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}95%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR3S4{0%,87%{color:#54728e;background:#103a65;box-shadow:none}88%,94%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}95%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaR3S5{0%,93%{color:#54728e;background:#103a65;box-shadow:none}94%,97%{color:#eaffff;background:#00e8ff;box-shadow:0 0 10px #00e8ff;text-shadow:0 0 13px rgba(0,232,255,.48)}98%,100%{color:#8bb5d7;background:#1479c7;box-shadow:none}}
@keyframes dnaFrictionResult{0%,14%{opacity:.18;color:#526f88}15%,29%{opacity:1;color:#4beeff;text-shadow:0 0 12px rgba(0,232,255,.28)}30%,100%{opacity:.28;color:#526f88}}
@keyframes dnaLabelGlow{0%,100%{color:#54728e}}@keyframes dnaNodeGlow{0%,100%{background:#103a65}}

@media (prefers-reduced-motion:reduce){
  .dna-flow-dot,.dna-flow-fill,.dna-flow-label,.dna-flow-node,.dna-flow-result{animation:none!important}
  .dna-flow-dot{left:98%;opacity:1}.dna-flow-fill{width:96%;opacity:.8}.dna-flow-label{color:#dffcff}.dna-flow-node{background:#00dff8}.dna-flow-result{opacity:1;color:#4beeff}
}
@media (max-width:900px){
  .dna-flow-stage{padding:128px 30px 24px}.dna-flow-track{margin:0 8px}.dna-flow-heading strong{font-size:13px}.dna-flow-label{font-size:9px}
}
@media (max-width:620px){
  .dna-flow-console{min-height:560px}.dna-flow-stage{padding:126px 16px 18px;gap:8px}.dna-flow-row{min-height:136px;padding-left:2px;padding-right:2px}.dna-flow-heading{margin-bottom:18px}.dna-flow-heading strong{font-size:11px}.dna-flow-heading span{font-size:9px}.dna-flow-track{margin:0 4px}.dna-flow-label{font-size:7px;letter-spacing:.035em}.dna-flow-result{font-size:7px}
}


/* V7 — Business DNA refinement: clean independent pathways */
.dna-flow-stage{
  padding:132px 48px 34px;
  gap:18px;
}
.dna-flow-row{
  min-height:126px;
  padding:8px 0 12px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.dna-flow-row::before,
.dna-flow-row::after{display:none!important;content:none!important}
.dna-flow-heading{
  margin-bottom:22px;
}
.dna-flow-heading span{
  color:#7698b5;
}
.dna-flow-track{
  height:46px;
  margin:0 24px;
}
.dna-flow-track::before{
  left:0;
  right:0;
  top:22px;
  height:1px;
  background:linear-gradient(90deg,rgba(15,89,156,.20),rgba(28,122,207,.58) 12%,rgba(28,122,207,.58) 88%,rgba(15,89,156,.20));
  box-shadow:0 0 8px rgba(0,112,255,.09);
}
.dna-flow-fill{
  left:0;
  top:22px;
  height:1px;
  width:0;
}
.dna-flow-dot{
  left:0;
  top:16.5px;
  width:12px;
  height:12px;
  transform:translateX(-50%);
}
.dna-flow-node{
  top:19px;
  width:7px;
  height:7px;
  background:#0c3154;
  border:1px solid rgba(50,142,224,.42);
}
.dna-flow-label{
  top:-7px;
  color:#567792;
}
.dna-flow-track .dna-label-1,.dna-flow-track .node-1{left:0}
.dna-flow-track .dna-label-2,.dna-flow-track .node-2{left:50%}
.dna-flow-track .dna-label-3,.dna-flow-track .node-3{left:100%}
.dna-flow-track.five-stops .dna-label-1,.dna-flow-track.five-stops .node-1{left:0}
.dna-flow-track.five-stops .dna-label-2,.dna-flow-track.five-stops .node-2{left:25%}
.dna-flow-track.five-stops .dna-label-3,.dna-flow-track.five-stops .node-3{left:50%}
.dna-flow-track.five-stops .dna-label-4,.dna-flow-track.five-stops .node-4{left:75%}
.dna-flow-track.five-stops .dna-label-5,.dna-flow-track.five-stops .node-5{left:100%}
.dna-flow-result{display:none!important}

/* Each pathway runs continuously and independently. */
.dna-flow-row-1 .dna-flow-dot{animation:dnaIndependentDot 6.4s linear infinite}
.dna-flow-row-1 .dna-flow-fill{animation:dnaIndependentFill 6.4s linear infinite}
.dna-flow-row-2 .dna-flow-dot{animation:dnaIndependentDot 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-flow-fill{animation:dnaIndependentFill 7.6s linear infinite -2.1s}
.dna-flow-row-3 .dna-flow-dot{animation:dnaIndependentDot 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-flow-fill{animation:dnaIndependentFill 8.8s linear infinite -4.2s}

@keyframes dnaIndependentDot{
  0%{left:0;opacity:0}
  2%{opacity:1}
  96%{left:100%;opacity:1}
  100%{left:100%;opacity:0}
}
@keyframes dnaIndependentFill{
  0%{width:0;opacity:0}
  2%{opacity:1}
  96%{width:100%;opacity:1}
  100%{width:100%;opacity:0}
}

/* Word/node illumination follows each row's own moving dot. */
.dna-flow-row-1 .dna-label-1,.dna-flow-row-1 .node-1{animation:dnaGlow3A 6.4s linear infinite}
.dna-flow-row-1 .dna-label-2,.dna-flow-row-1 .node-2{animation:dnaGlow3B 6.4s linear infinite}
.dna-flow-row-1 .dna-label-3,.dna-flow-row-1 .node-3{animation:dnaGlow3C 6.4s linear infinite}

.dna-flow-row-2 .dna-label-1,.dna-flow-row-2 .node-1{animation:dnaGlow5A 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-label-2,.dna-flow-row-2 .node-2{animation:dnaGlow5B 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-label-3,.dna-flow-row-2 .node-3{animation:dnaGlow5C 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-label-4,.dna-flow-row-2 .node-4{animation:dnaGlow5D 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-label-5,.dna-flow-row-2 .node-5{animation:dnaGlow5E 7.6s linear infinite -2.1s}

.dna-flow-row-3 .dna-label-1,.dna-flow-row-3 .node-1{animation:dnaGlow5A 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-label-2,.dna-flow-row-3 .node-2{animation:dnaGlow5B 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-label-3,.dna-flow-row-3 .node-3{animation:dnaGlow5C 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-label-4,.dna-flow-row-3 .node-4{animation:dnaGlow5D 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-label-5,.dna-flow-row-3 .node-5{animation:dnaGlow5E 8.8s linear infinite -4.2s}

@keyframes dnaGlow3A{0%,2%{color:#efffff;background:#00e8ff;box-shadow:0 0 11px #00e8ff;text-shadow:0 0 14px rgba(0,232,255,.55)}10%,100%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}}
@keyframes dnaGlow3B{0%,43%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}48%,58%{color:#efffff;background:#00e8ff;box-shadow:0 0 11px #00e8ff;text-shadow:0 0 14px rgba(0,232,255,.55)}63%,100%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}}
@keyframes dnaGlow3C{0%,89%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}94%,99%{color:#efffff;background:#00e8ff;box-shadow:0 0 11px #00e8ff;text-shadow:0 0 14px rgba(0,232,255,.55)}100%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}}

@keyframes dnaGlow5A{0%,2%{color:#efffff;background:#00e8ff;box-shadow:0 0 11px #00e8ff;text-shadow:0 0 14px rgba(0,232,255,.55)}8%,100%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}}
@keyframes dnaGlow5B{0%,18%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}23%,30%{color:#efffff;background:#00e8ff;box-shadow:0 0 11px #00e8ff;text-shadow:0 0 14px rgba(0,232,255,.55)}35%,100%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}}
@keyframes dnaGlow5C{0%,43%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}48%,55%{color:#efffff;background:#00e8ff;box-shadow:0 0 11px #00e8ff;text-shadow:0 0 14px rgba(0,232,255,.55)}60%,100%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}}
@keyframes dnaGlow5D{0%,68%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}73%,80%{color:#efffff;background:#00e8ff;box-shadow:0 0 11px #00e8ff;text-shadow:0 0 14px rgba(0,232,255,.55)}85%,100%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}}
@keyframes dnaGlow5E{0%,90%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}95%,99%{color:#efffff;background:#00e8ff;box-shadow:0 0 11px #00e8ff;text-shadow:0 0 14px rgba(0,232,255,.55)}100%{color:#567792;background:#0c3154;box-shadow:none;text-shadow:none}}

@media (prefers-reduced-motion:reduce){
  .dna-flow-dot,.dna-flow-fill,.dna-flow-label,.dna-flow-node{animation:none!important}
  .dna-flow-dot{left:50%;opacity:1}
  .dna-flow-fill{width:50%;opacity:.75}
  .dna-flow-label{color:#bcd8ef}
}
@media (max-width:900px){.dna-flow-stage{padding-left:34px;padding-right:34px}.dna-flow-track{margin:0 12px}}
@media (max-width:620px){.dna-flow-stage{padding-left:18px;padding-right:18px}.dna-flow-track{margin:0 8px}}

/* V8 FIX — Business DNA text-only illumination.
   No rectangles or filled backgrounds behind any pathway label. */
.dna-flow-label{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
}

/* The moving dot is the only dot needed on each pathway. Hide the old fixed nodes. */
.dna-flow-node{
  display:none !important;
}

/* Keep all three pathways independent, but animate the LETTERS only. */
.dna-flow-row-1 .dna-label-1{animation:dnaTextGlow3A 6.4s linear infinite}
.dna-flow-row-1 .dna-label-2{animation:dnaTextGlow3B 6.4s linear infinite}
.dna-flow-row-1 .dna-label-3{animation:dnaTextGlow3C 6.4s linear infinite}

.dna-flow-row-2 .dna-label-1{animation:dnaTextGlow5A 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-label-2{animation:dnaTextGlow5B 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-label-3{animation:dnaTextGlow5C 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-label-4{animation:dnaTextGlow5D 7.6s linear infinite -2.1s}
.dna-flow-row-2 .dna-label-5{animation:dnaTextGlow5E 7.6s linear infinite -2.1s}

.dna-flow-row-3 .dna-label-1{animation:dnaTextGlow5A 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-label-2{animation:dnaTextGlow5B 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-label-3{animation:dnaTextGlow5C 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-label-4{animation:dnaTextGlow5D 8.8s linear infinite -4.2s}
.dna-flow-row-3 .dna-label-5{animation:dnaTextGlow5E 8.8s linear infinite -4.2s}

@keyframes dnaTextGlow3A{
  0%,2%{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(0,232,255,.85),0 0 24px rgba(0,128,255,.45)}
  10%,100%{color:#567792;text-shadow:none}
}
@keyframes dnaTextGlow3B{
  0%,43%{color:#567792;text-shadow:none}
  48%,58%{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(0,232,255,.85),0 0 24px rgba(0,128,255,.45)}
  63%,100%{color:#567792;text-shadow:none}
}
@keyframes dnaTextGlow3C{
  0%,89%{color:#567792;text-shadow:none}
  94%,99%{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(0,232,255,.85),0 0 24px rgba(0,128,255,.45)}
  100%{color:#567792;text-shadow:none}
}

@keyframes dnaTextGlow5A{
  0%,2%{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(0,232,255,.85),0 0 24px rgba(0,128,255,.45)}
  8%,100%{color:#567792;text-shadow:none}
}
@keyframes dnaTextGlow5B{
  0%,18%{color:#567792;text-shadow:none}
  23%,30%{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(0,232,255,.85),0 0 24px rgba(0,128,255,.45)}
  35%,100%{color:#567792;text-shadow:none}
}
@keyframes dnaTextGlow5C{
  0%,43%{color:#567792;text-shadow:none}
  48%,55%{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(0,232,255,.85),0 0 24px rgba(0,128,255,.45)}
  60%,100%{color:#567792;text-shadow:none}
}
@keyframes dnaTextGlow5D{
  0%,68%{color:#567792;text-shadow:none}
  73%,80%{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(0,232,255,.85),0 0 24px rgba(0,128,255,.45)}
  85%,100%{color:#567792;text-shadow:none}
}
@keyframes dnaTextGlow5E{
  0%,90%{color:#567792;text-shadow:none}
  95%,99%{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(0,232,255,.85),0 0 24px rgba(0,128,255,.45)}
  100%{color:#567792;text-shadow:none}
}

@media (prefers-reduced-motion:reduce){
  .dna-flow-label{animation:none!important;color:#bcd8ef!important;text-shadow:none!important}
}


/* V9 — Supporting typography readability pass.
   Major section headlines/titles are intentionally unchanged. */

/* Brand/supporting labels */
.brand-name,
.logo-text,
.nav-brand,
.eyebrow,
.kicker,
.section-eyebrow,
.small-label,
.mini-label {
  font-size: 1rem !important;
}

/* General supporting/body copy */
p,
.body-copy,
.support-copy,
.section-copy,
.card-copy,
.service-copy,
.benefit-copy,
.process-copy,
.hero-subcopy,
.hero-copy {
  font-size: 1.08rem !important;
  line-height: 1.72 !important;
}

/* Service/category and metadata labels */
.service-title,
.service-label,
.category-label,
.industry-label,
.pill-label,
.tag-label,
.meta-label,
.workflow-label,
.dna-label,
.dna-flow-label,
.flow-label {
  font-size: 1rem !important;
  letter-spacing: 0.04em;
}

/* Business DNA process words */
.business-dna .flow-word,
.business-dna .dna-word,
.business-dna [class*="word"],
.dna-flow .flow-word,
.dna-flow [class*="word"],
.dna-process .flow-word,
.dna-process [class*="word"] {
  font-size: 1.05rem !important;
  font-weight: 650 !important;
}

/* Small benefit statements such as "Faster response" */
.benefit-label,
.outcome-label,
.metric-label,
.stat-label,
.feature-label {
  font-size: 1.02rem !important;
}

/* Footer/supporting brand text */
footer,
.footer-copy,
.footer-brand,
.footer-label {
  font-size: 1rem;
}

/* Keep small-screen text readable without inflating headline hierarchy */
@media (max-width: 768px) {
  p,
  .body-copy,
  .support-copy,
  .section-copy,
  .card-copy,
  .service-copy,
  .benefit-copy,
  .process-copy,
  .hero-subcopy,
  .hero-copy {
    font-size: 1.03rem !important;
    line-height: 1.68 !important;
  }

  .business-dna .flow-word,
  .business-dna .dna-word,
  .business-dna [class*="word"],
  .dna-flow .flow-word,
  .dna-flow [class*="word"] {
    font-size: 0.98rem !important;
  }
}


/* V10 — Targeted Business DNA spacing + mobile responsiveness + brand text sizing */

/* Explicitly enlarge ModernWorx AI branding in header/footer */
header .brand-name,
header .logo-text,
header .nav-brand,
.site-header .brand-name,
.site-header .logo-text,
.site-header .nav-brand,
footer .brand-name,
footer .logo-text,
footer .footer-brand,
.site-footer .brand-name,
.site-footer .logo-text,
.site-footer .footer-brand {
  font-size: 1.18rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

/* Business DNA rows: force evenly distributed stages */
.business-dna .flow-track,
.business-dna .dna-track,
.business-dna .process-track,
.dna-flow .flow-track,
.dna-flow .dna-track,
.dna-process .flow-track,
.dna-process .dna-track {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0 !important;
}

/* First row has three stages */
.business-dna .flow-track.three,
.business-dna .dna-track.three,
.business-dna .process-track.three,
.dna-flow .flow-track.three,
.dna-flow .dna-track.three,
.dna-process .flow-track.three,
.dna-process .dna-track.three {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Make each word occupy its grid cell evenly */
.business-dna .flow-word,
.business-dna .dna-word,
.business-dna [class*="word"],
.dna-flow .flow-word,
.dna-flow [class*="word"],
.dna-process .flow-word,
.dna-process [class*="word"] {
  width: 100% !important;
  text-align: center !important;
  justify-self: center !important;
  white-space: nowrap !important;
}

/* Give the visualization a little more horizontal room */
.business-dna,
.dna-flow,
.dna-process {
  width: 100% !important;
}

.business-dna .dna-inner,
.business-dna .flow-inner,
.dna-flow .dna-inner,
.dna-flow .flow-inner,
.dna-process .dna-inner,
.dna-process .flow-inner {
  max-width: 100% !important;
}

/* Mobile: keep the Business DNA readable and contained */
@media (max-width: 768px) {
  .business-dna,
  .dna-flow,
  .dna-process {
    overflow-x: hidden !important;
  }

  .business-dna .flow-row,
  .business-dna .dna-row,
  .business-dna .process-row,
  .dna-flow .flow-row,
  .dna-flow .dna-row,
  .dna-process .flow-row,
  .dna-process .dna-row {
    width: 100% !important;
    min-width: 0 !important;
  }

  .business-dna .flow-track,
  .business-dna .dna-track,
  .business-dna .process-track,
  .dna-flow .flow-track,
  .dna-flow .dna-track,
  .dna-process .flow-track,
  .dna-process .dna-track {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  .business-dna .flow-track.three,
  .business-dna .dna-track.three,
  .business-dna .process-track.three,
  .dna-flow .flow-track.three,
  .dna-flow .dna-track.three,
  .dna-process .flow-track.three,
  .dna-process .dna-track.three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .business-dna .flow-word,
  .business-dna .dna-word,
  .business-dna [class*="word"],
  .dna-flow .flow-word,
  .dna-flow [class*="word"],
  .dna-process .flow-word,
  .dna-process [class*="word"] {
    font-size: 0.78rem !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.15 !important;
    padding: 0 0.15rem !important;
  }

  header .brand-name,
  header .logo-text,
  header .nav-brand,
  .site-header .brand-name,
  .site-header .logo-text,
  .site-header .nav-brand,
  footer .brand-name,
  footer .logo-text,
  footer .footer-brand,
  .site-footer .brand-name,
  .site-footer .logo-text,
  .site-footer .footer-brand {
    font-size: 1.05rem !important;
  }
}


/* V11 — Business DNA desktop spacing correction.
   Exact selectors for the live Business DNA markup only. */

/* Remove the rectangle around SYSTEM ACTIVE; keep only dot + text. */
.dna-flow-console .dna-v5-status {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Give the pathway labels more usable width inside the existing tile. */
.dna-flow-console .dna-flow-stage {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.dna-flow-console .dna-flow-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.dna-flow-console .dna-flow-track {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

/* Labels are positioned from their visual centers.
   Keep them clean: transparent background, text only. */
.dna-flow-console .dna-flow-label {
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  letter-spacing: .035em !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Three-stop pathway: true even spacing with safe edge insets. */
.dna-flow-console .dna-flow-track:not(.five-stops) .dna-label-1 { left: 4% !important; }
.dna-flow-console .dna-flow-track:not(.five-stops) .dna-label-2 { left: 50% !important; }
.dna-flow-console .dna-flow-track:not(.five-stops) .dna-label-3 { left: 96% !important; }

/* Five-stop pathways: evenly spaced while leaving enough room
   for CALENDAR / OPERATIONS and FOLLOW-UP / CONVERT. */
.dna-flow-console .dna-flow-track.five-stops .dna-label-1 { left: 4% !important; }
.dna-flow-console .dna-flow-track.five-stops .dna-label-2 { left: 27% !important; }
.dna-flow-console .dna-flow-track.five-stops .dna-label-3 { left: 50% !important; }
.dna-flow-console .dna-flow-track.five-stops .dna-label-4 { left: 73% !important; }
.dna-flow-console .dna-flow-track.five-stops .dna-label-5 { left: 96% !important; }

/* Mobile/tablet: each label gets its own invisible equal-width slot so
   long words cannot collide with the neighboring stage. */
@media (max-width: 900px) {
  .dna-flow-console .dna-flow-stage {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .dna-flow-console .dna-flow-track {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .dna-flow-console .dna-flow-label {
    font-size: 11px !important;
    letter-spacing: .02em !important;
  }
  .dna-flow-console .dna-flow-track.five-stops .dna-flow-label {
    width: 20% !important;
    white-space: normal !important;
  }
  .dna-flow-console .dna-flow-track:not(.five-stops) .dna-flow-label {
    width: 31% !important;
    white-space: normal !important;
  }
}

@media (max-width: 620px) {
  .dna-flow-console {
    min-height: 575px !important;
  }
  .dna-flow-console .dna-flow-stage {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .dna-flow-console .dna-flow-label {
    font-size: 9px !important;
    letter-spacing: .01em !important;
    line-height: 1.08 !important;
  }
  .dna-flow-console .dna-flow-heading strong {
    font-size: 12px !important;
  }
}


/* V12 — Business DNA spacing refinement.
   Row 3 is intentionally untouched. */

/* 01 — IDENTIFY FRICTION
   Pull the outside labels inward so the three stages feel related
   and OPERATIONS has breathing room from the tile edge. */
.dna-flow-console .dna-flow-row-1 .dna-label-1,
.dna-flow-console .dna-flow-row-1 .node-1 { left: 14% !important; }

.dna-flow-console .dna-flow-row-1 .dna-label-2,
.dna-flow-console .dna-flow-row-1 .node-2 { left: 50% !important; }

.dna-flow-console .dna-flow-row-1 .dna-label-3,
.dna-flow-console .dna-flow-row-1 .node-3 { left: 86% !important; }

/* 02 — CONNECT SYSTEMS
   CRM stays anchored where it was. Shift EMAIL, PHONE,
   CALENDAR and OPERATIONS left, with progressively safer
   spacing at the right edge. */
.dna-flow-console .dna-flow-row-2 .dna-label-1,
.dna-flow-console .dna-flow-row-2 .node-1 { left: 4% !important; }

.dna-flow-console .dna-flow-row-2 .dna-label-2,
.dna-flow-console .dna-flow-row-2 .node-2 { left: 23% !important; }

.dna-flow-console .dna-flow-row-2 .dna-label-3,
.dna-flow-console .dna-flow-row-2 .node-3 { left: 42% !important; }

.dna-flow-console .dna-flow-row-2 .dna-label-4,
.dna-flow-console .dna-flow-row-2 .node-4 { left: 62% !important; }

.dna-flow-console .dna-flow-row-2 .dna-label-5,
.dna-flow-console .dna-flow-row-2 .node-5 { left: 80% !important; }

/* Preserve those same visual relationships on responsive layouts
   without touching row 3. */
@media (max-width: 900px) {
  .dna-flow-console .dna-flow-row-1 .dna-label-1,
  .dna-flow-console .dna-flow-row-1 .node-1 { left: 12% !important; }
  .dna-flow-console .dna-flow-row-1 .dna-label-2,
  .dna-flow-console .dna-flow-row-1 .node-2 { left: 50% !important; }
  .dna-flow-console .dna-flow-row-1 .dna-label-3,
  .dna-flow-console .dna-flow-row-1 .node-3 { left: 88% !important; }

  .dna-flow-console .dna-flow-row-2 .dna-label-1,
  .dna-flow-console .dna-flow-row-2 .node-1 { left: 5% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-2,
  .dna-flow-console .dna-flow-row-2 .node-2 { left: 24% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-3,
  .dna-flow-console .dna-flow-row-2 .node-3 { left: 43% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-4,
  .dna-flow-console .dna-flow-row-2 .node-4 { left: 62% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-5,
  .dna-flow-console .dna-flow-row-2 .node-5 { left: 83% !important; }
}


/* V14 — Explicit ModernWorx AI Partners header/footer brand sizing */
header .brand,
header .brand *,
header .wordmark,
header .wordmark *,
header .brand-name,
header .brand-name *,
header .logo-text,
header .logo-text *,
header .nav-brand,
header .nav-brand *,
.site-header .brand,
.site-header .brand *,
.site-header .wordmark,
.site-header .wordmark *,
footer .brand,
footer .brand *,
footer .wordmark,
footer .wordmark *,
footer .brand-name,
footer .brand-name *,
footer .logo-text,
footer .logo-text *,
footer .footer-brand,
footer .footer-brand *,
.site-footer .brand,
.site-footer .brand *,
.site-footer .wordmark,
.site-footer .wordmark * {
  font-size: 1.45rem !important;
  line-height: 1.15 !important;
}

/* Keep PARTNERS subordinate but clearly larger than before if it has its own element */
header .partners,
header [class*="partners"],
.site-header .partners,
.site-header [class*="partners"],
footer .partners,
footer [class*="partners"],
.site-footer .partners,
.site-footer [class*="partners"] {
  font-size: .82rem !important;
  letter-spacing: .32em !important;
  line-height: 1.2 !important;
}

@media (max-width: 768px) {
  header .brand,
  header .brand *,
  header .wordmark,
  header .wordmark *,
  header .brand-name,
  header .brand-name *,
  header .logo-text,
  header .logo-text *,
  header .nav-brand,
  header .nav-brand *,
  .site-header .brand,
  .site-header .brand *,
  .site-header .wordmark,
  .site-header .wordmark *,
  footer .brand,
  footer .brand *,
  footer .wordmark,
  footer .wordmark *,
  footer .brand-name,
  footer .brand-name *,
  footer .logo-text,
  footer .logo-text *,
  footer .footer-brand,
  footer .footer-brand *,
  .site-footer .brand,
  .site-footer .brand *,
  .site-footer .wordmark,
  .site-footer .wordmark * {
    font-size: 1.22rem !important;
  }
}


/* V15 FINAL — Business DNA layout matched to approved reference */

/* Keep the approved Business DNA tile proportions and clean system status. */
.dna-flow-console .dna-v5-status {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Desktop visual spacing from approved reference. */
@media (min-width: 901px) {
  .dna-flow-console .dna-flow-stage {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .dna-flow-console .dna-flow-track {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Row 1 */
  .dna-flow-console .dna-flow-row-1 .dna-label-1,
  .dna-flow-console .dna-flow-row-1 .node-1 { left:20% !important; }
  .dna-flow-console .dna-flow-row-1 .dna-label-2,
  .dna-flow-console .dna-flow-row-1 .node-2 { left:50% !important; }
  .dna-flow-console .dna-flow-row-1 .dna-label-3,
  .dna-flow-console .dna-flow-row-1 .node-3 { left:80% !important; }

  /* Row 2 */
  .dna-flow-console .dna-flow-row-2 .dna-label-1,
  .dna-flow-console .dna-flow-row-2 .node-1 { left:8% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-2,
  .dna-flow-console .dna-flow-row-2 .node-2 { left:27% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-3,
  .dna-flow-console .dna-flow-row-2 .node-3 { left:45% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-4,
  .dna-flow-console .dna-flow-row-2 .node-4 { left:65% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-5,
  .dna-flow-console .dna-flow-row-2 .node-5 { left:83% !important; }
}

/* Header brand: keep ModernWorx AI prominent, make PARTNERS deliberately smaller. */
.site-header .brand-copy strong {
  font-size: 1.45rem !important;
  line-height: 1 !important;
}
.site-header .brand-copy small {
  font-size: 0.58rem !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
  margin-top: 6px !important;
}

/* Mobile Business DNA: reflow labels into safe equal visual zones.
   Desktop-approved positions above do not get forced into a narrow viewport. */
@media (max-width: 900px) {
  .dna-flow-console .dna-flow-stage {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .dna-flow-console .dna-flow-row-1 .dna-label-1,
  .dna-flow-console .dna-flow-row-1 .node-1 { left:14% !important; }
  .dna-flow-console .dna-flow-row-1 .dna-label-2,
  .dna-flow-console .dna-flow-row-1 .node-2 { left:50% !important; }
  .dna-flow-console .dna-flow-row-1 .dna-label-3,
  .dna-flow-console .dna-flow-row-1 .node-3 { left:86% !important; }

  .dna-flow-console .dna-flow-row-2 .dna-label-1,
  .dna-flow-console .dna-flow-row-2 .node-1 { left:7% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-2,
  .dna-flow-console .dna-flow-row-2 .node-2 { left:26% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-3,
  .dna-flow-console .dna-flow-row-2 .node-3 { left:45% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-4,
  .dna-flow-console .dna-flow-row-2 .node-4 { left:64% !important; }
  .dna-flow-console .dna-flow-row-2 .dna-label-5,
  .dna-flow-console .dna-flow-row-2 .node-5 { left:83% !important; }

  .dna-flow-console .dna-flow-label {
    font-size: 10px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 620px) {
  .dna-flow-console .dna-flow-stage {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .dna-flow-console .dna-flow-label {
    font-size: 8.5px !important;
    letter-spacing: .015em !important;
  }
  .site-header .brand-copy strong {
    font-size: 1.18rem !important;
  }
  .site-header .brand-copy small {
    font-size: 0.50rem !important;
  }
}


/* ============================================================
   V16 — BUSINESS DNA POSITION-AWARE WORD LIGHTING
   The moving dot remains CSS-animated independently on each row.
   Word illumination is now controlled by JS based on the word's
   ACTUAL rendered position, so changing left:% does not require
   changing animation timing.
   ============================================================ */

/* Stop all old hard-coded label/node glow keyframes from fighting
   with the position-aware lighting. */
.dna-flow-console .dna-flow-label,
.dna-flow-console .dna-flow-node {
  animation: none !important;
}

/* Keep label containers completely invisible. */
.dna-flow-console .dna-flow-label {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #567792 !important;
  text-shadow: none !important;
  transition:
    color .16s ease,
    text-shadow .16s ease,
    opacity .16s ease !important;
}

/* ONLY the letters illuminate when the moving dot reaches them. */
.dna-flow-console .dna-flow-label.dna-word-active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #f4ffff !important;
  text-shadow:
    0 0 6px rgba(255,255,255,.92),
    0 0 13px rgba(0,232,255,.82),
    0 0 24px rgba(17,124,255,.55) !important;
}

/* Nodes remain quiet/static; the moving dot is the visual trigger. */
.dna-flow-console .dna-flow-node {
  background: #0c3154 !important;
  border: 1px solid rgba(50,142,224,.42) !important;
  box-shadow: none !important;
}

/* Center Google Calendar booking button and helper text */
.assessment-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#googleBookingButton {
  width: 100%;
  display: flex;
  justify-content: center;
}

#googleBookingButton > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* V17 — Offer clarity additions only. Existing visual system preserved. */
.hero-cta-help {
  color: #6f7f93;
  font-size: 16px !important;
  line-height: 1.55 !important;
  max-width: 590px;
  margin: 11px 0 0;
}


.offer-section {
  padding-top: 30px;
}

.offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.offer-card {
  position: relative;
  min-height: 205px;
  padding: 28px;
  border: 1px solid rgba(78,122,190,.14);
  border-radius: 15px;
  background: linear-gradient(145deg,rgba(11,25,46,.62),rgba(4,9,17,.76));
}

.offer-card > span {
  color: var(--cyan);
  font-size: 10px;
  letter-spacing: .18em;
}

.offer-card h3 {
  font: 700 23px Manrope,sans-serif;
  letter-spacing: -.035em;
  line-height: 1.08;
  margin: 34px 0 13px;
}

.offer-card p {
  color: #7f8da0;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  max-width: 500px;
}

.offer-close {
  color: #a4b3c5;
  max-width: 840px;
  margin: 28px auto 0;
  text-align: center;
  font-size: 15px !important;
}

@media (max-width: 680px) {
  .offer-grid { grid-template-columns: 1fr; }
  .offer-card { min-height: 0; }
  .hero-cta-help { font-size: 11px !important; }
}

/* V17 — Hero CTA help text sizing */

.hero-cta-help {
  color: #6f7f93;
  font-size: 16px !important;
  line-height: 1.55 !important;
  max-width: 590px;
  margin: 11px 0 0;
}

/* Mobile */
@media (max-width: 768px) {
  .hero-cta-help {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}

/* Mobile hero title line breaks only.
   Desktop headline remains unchanged; no hero subtext or other elements are affected. */
.mobile-title-break {
  display: none;
}

@media (max-width: 680px) {
  .hero h1 .mobile-title-break {
    display: block;
  }

  .hero h1 .desktop-title-break {
    display: none;
  }
}

@media (max-width: 680px) {
  .eyebrow > .eyebrow-text {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    text-align: center;
    line-height: 1.45;
  }
}


/* =========================================================
   About page — scoped styles only
   ========================================================= */
.about-page .desktop-nav a[aria-current="page"] { color:#fff; }
.about-page .desktop-nav a[aria-current="page"]::after { right:0; }
.about-page .site-footer a { transition:color .2s ease; }
.about-page .site-footer a:hover { color:var(--cyan-soft); }

.about-hero { min-height:700px; display:flex; align-items:center; padding-top:132px; overflow:hidden; }
.about-hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:86px; align-items:center; }
.about-hero-copy h1 { font:700 clamp(58px,6.6vw,92px)/.98 Manrope,sans-serif; letter-spacing:-.058em; margin:22px 0 0; max-width:820px; }
.about-hero-copy h1 span { background:linear-gradient(95deg,#3a76ff,#00e8ff); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 35px rgba(0,178,255,.12); }
.about-hero-copy > p { color:#a6b2c2; font-size:18px; line-height:1.75; max-width:720px; margin:30px 0 0; }

.founder-card { position:relative; padding:38px; border:1px solid rgba(78,122,190,.18); border-radius:20px; background:linear-gradient(145deg,rgba(11,25,46,.74),rgba(4,9,17,.9)); box-shadow:var(--shadow); overflow:hidden; }
.founder-card::before { content:""; position:absolute; width:220px; height:220px; border-radius:50%; right:-85px; top:-95px; background:var(--cyan); filter:blur(100px); opacity:.11; }
.founder-role { position:relative; color:var(--cyan); font-size:10px; font-weight:800; letter-spacing:.22em; }
.founder-card h2 { position:relative; font:700 clamp(36px,4vw,52px)/1 Manrope,sans-serif; letter-spacing:-.05em; margin:18px 0 12px; }
.founder-card > p { position:relative; color:#8391a4; font-size:14px; line-height:1.65; margin:0; max-width:420px; }
.founder-stat-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:38px; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.founder-stat-grid div { padding:24px 18px 24px 0; }
.founder-stat-grid div + div { padding-left:22px; border-left:1px solid rgba(255,255,255,.08); }
.founder-stat-grid strong { display:block; color:#fff; font:700 34px/1 Manrope,sans-serif; letter-spacing:-.045em; }
.founder-stat-grid span { display:block; color:#68778c; font-size:10px; letter-spacing:.11em; text-transform:uppercase; margin-top:8px; }

.about-intro { border-top:1px solid rgba(255,255,255,.05); }
.about-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:92px; align-items:start; }
.about-copy { color:#8f9cae; font-size:18px; line-height:1.8; }
.about-copy p { margin:0 0 24px; }
.about-copy strong { color:#d9e2ee; font-weight:600; }

.about-origin { background:linear-gradient(180deg,transparent,rgba(3,13,26,.66),transparent); border-top:1px solid rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.04); }
.about-section-heading { max-width:980px; }
.about-timeline { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.about-milestone { position:relative; min-height:360px; padding:32px; border:1px solid rgba(78,122,190,.14); border-radius:15px; background:linear-gradient(145deg,rgba(11,25,46,.62),rgba(4,9,17,.76)); overflow:hidden; }
.about-milestone::after { content:""; position:absolute; inset:auto 0 0 0; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); }
.about-milestone > span { color:var(--cyan); font-size:10px; font-weight:800; letter-spacing:.18em; }
.about-milestone h3 { font:700 25px/1.1 Manrope,sans-serif; letter-spacing:-.035em; margin:62px 0 16px; }
.about-milestone p { color:#7f8da0; font-size:14px; line-height:1.72; margin:0; }

.about-belief { padding-top:110px; padding-bottom:110px; }
.belief-card { padding:72px; border:1px solid rgba(0,185,255,.17); border-radius:22px; background:radial-gradient(circle at 82% 16%,rgba(0,186,255,.11),transparent 28%),linear-gradient(135deg,rgba(8,31,58,.76),rgba(3,9,18,.92)); }
.belief-label { color:#65768d; font-size:10px; font-weight:800; letter-spacing:.24em; margin:0; }
.belief-card h2 { font:700 clamp(46px,6vw,76px)/1 Manrope,sans-serif; letter-spacing:-.055em; margin:20px 0 44px; }
.belief-card h2 span { background:linear-gradient(90deg,#3f81ff,#00e8ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.belief-copy { display:grid; grid-template-columns:1fr 1fr; gap:54px; color:#8998aa; }
.belief-copy p { margin:0; font-size:16px; line-height:1.8; }

.about-trust { border-top:1px solid rgba(255,255,255,.05); }
.trust-list { border-top:1px solid rgba(255,255,255,.075); }
.trust-list article { display:grid; grid-template-columns:58px 1fr; gap:22px; padding:27px 0; border-bottom:1px solid rgba(255,255,255,.075); }
.trust-list article > span { color:var(--cyan); font-size:10px; letter-spacing:.17em; padding-top:7px; }
.trust-list h3 { font:700 24px Manrope,sans-serif; letter-spacing:-.035em; margin:0 0 8px; }
.trust-list p { color:#7e8c9f; font-size:14px; line-height:1.7; margin:0; }

.about-cta-section { padding-top:90px; }
.about-cta-card { display:grid; grid-template-columns:1.15fr .85fr; gap:72px; align-items:center; padding:60px; border:1px solid rgba(0,185,255,.2); border-radius:20px; background:linear-gradient(135deg,rgba(8,31,58,.86),rgba(3,9,18,.94)); position:relative; overflow:hidden; }
.about-cta-card::after { content:""; position:absolute; width:300px; height:300px; border-radius:50%; right:-90px; top:-110px; background:var(--cyan); filter:blur(120px); opacity:.09; }
.about-cta-card h2 { font:700 clamp(40px,5vw,63px)/.98 Manrope,sans-serif; letter-spacing:-.058em; margin:18px 0 20px; }
.about-cta-card p { color:#8e9db0; max-width:720px; margin:0; font-size:16px; line-height:1.75; }
.about-cta-action { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:18px; }
.about-cta-action .btn { width:100%; }
.about-home-link { color:#8190a4; font-size:12px; font-weight:700; transition:color .2s ease; }
.about-home-link:hover { color:#fff; }
.about-home-link span { color:var(--cyan); margin-left:6px; }

@media (max-width: 980px) {
  .about-hero-grid,.about-split,.about-cta-card { grid-template-columns:1fr; }
  .about-hero { min-height:auto; }
  .about-hero-grid,.about-split { gap:54px; }
  .about-timeline { grid-template-columns:1fr; }
  .about-milestone { min-height:0; }
  .about-milestone h3 { margin-top:42px; }
  .belief-copy { grid-template-columns:1fr; gap:24px; }
  .about-cta-card { gap:38px; }
}

@media (max-width: 680px) {
  .about-hero { padding-top:104px; }
  .about-hero-copy h1 { font-size:50px; }
  .about-hero-copy > p { font-size:16px; }
  .founder-card { padding:30px 24px; }
  .founder-stat-grid { grid-template-columns:1fr; }
  .founder-stat-grid div + div { padding-left:0; border-left:0; border-top:1px solid rgba(255,255,255,.08); }
  .about-copy { font-size:16px; }
  .about-milestone { padding:28px 24px; }
  .belief-card { padding:42px 26px; }
  .belief-card h2 { font-size:43px; }
  .belief-copy p { font-size:15px; }
  .trust-list article { grid-template-columns:42px 1fr; gap:16px; }
  .about-cta-card { padding:38px 26px; }
  .about-page .footer-meta { gap:6px; }
}