/* GROWtalent site prototype: shared design system (logo-led, Scale gravity plus Zoom strengths, anti-generic, disciplined gradient and motion) */
:root{
  --navy:#16243F;--navy-deep:#0F1A30;--blue:#3E8FD8;--blue-light:#6FB0E6;--steel:#5B7CB0;
  --surface:#fff;--cool:#F5F8FC;--text:#16243F;--muted:#5A6678;--border:#E4EAF2;
  --maxw:1120px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface);color:var(--text);
  font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.variant-a,
body.variant-a-v12{overflow-x:hidden}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
a{color:var(--blue);text-decoration:none}
img{max-width:100%}
h1,h2,h3{letter-spacing:0;margin:0 0 8px}
h2{font-size:30px;line-height:1.12;font-weight:700}
h3{font-size:19px}
.k2{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:12px}
.muted{color:var(--muted)}
.note{font-size:13px;color:var(--muted)}
.lead{font-size:19px;color:var(--muted);max-width:62ch}

/* buttons */
.btn{display:inline-block;background:var(--blue);color:#fff !important;font-weight:600;border:none;cursor:pointer;
  padding:12px 20px;border-radius:9px;font-size:14.5px;
  background-image:linear-gradient(120deg,#3E8FD8,#4f9ce0);background-size:160% 100%;background-position:0 0;
  transition:background-position .35s ease,transform .15s,box-shadow .15s}
.btn:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 8px 22px rgba(62,143,216,.30)}
.btn.sm{padding:9px 16px;font-size:13px}
.ghost{display:inline-block;border:1px solid #ffffff3a;color:#fff !important;padding:12px 18px;border-radius:9px;font-weight:600;font-size:14.5px;transition:border-color .2s,background .2s}
.ghost:hover{border-color:#fff;background:#ffffff10}
.ghost.dark{border-color:#16243f33;color:var(--navy) !important}
.ghost.dark:hover{border-color:var(--navy);background:#16243f08}

/* header */
.bar{position:sticky;top:0;z-index:30;background:rgba(22,36,63,.93);backdrop-filter:blur(8px);border-bottom:1px solid #ffffff14}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:10px;color:#fff !important;font-weight:700}
.logo .t{color:var(--blue-light);font-weight:500}
.logo .brand-word{display:inline-flex;gap:0;align-items:baseline;white-space:nowrap;letter-spacing:0}
.logo .brand-grow{color:#fff;font-weight:800}
.logo .brand-talent{color:var(--blue-light);font-weight:500}
.logo-app-sub{gap:12px}
.logo-app-sub .app-glow{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0f1a30;box-shadow:0 0 0 1px #6fb0e633,0 0 18px #3e8fd852;overflow:hidden}
.logo-app-sub .brand-mark{width:34px;height:34px;border-radius:8px}
.logo-app-sub .brand-word{font-size:18px}
.brand-mark{width:34px;height:28px;object-fit:contain;display:block;flex:none;border-radius:5px}
.loop{width:30px;height:24px;flex:none}
.loop path{stroke-dasharray:240;stroke-dashoffset:240;animation:draw 1100ms ease-in-out .2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.bar nav a{color:#c7d3e6;font-size:13.5px;margin-left:22px}
.bar nav a:hover{color:#fff}
.bar nav:hover > a:not(:hover):not(.btn){color:#7f8ca3}
.bar nav:hover > .nav-item:not(:hover) > a{color:#9ca5b4}
.bar nav:hover > a.btn:not(:hover){opacity:.72}
.bar nav a.btn{color:#fff !important}
@media(max-width:760px){
  .bar .wrap{height:auto;min-height:62px;flex-direction:column;align-items:flex-start;gap:10px;padding-top:12px;padding-bottom:12px}
  .bar nav{display:flex;width:100%;gap:8px;flex-wrap:wrap;padding-bottom:2px}
  .bar nav a{margin-left:0;font-size:12.5px;line-height:1;padding:7px 9px;border:1px solid #ffffff18;border-radius:999px;background:#ffffff0a;white-space:nowrap}
  .bar nav a:hover{border-color:#ffffff32}
  .bar nav a.btn{display:none}
}

/* hero (home) */
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(165deg,#1b2c4f 0%,var(--navy) 48%,var(--navy-deep) 100%)}
.hero::before{content:"";position:absolute;right:-6%;top:4%;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle,rgba(62,143,216,.28),rgba(62,143,216,0) 66%);filter:blur(10px);
  animation:drift 12s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-26px,16px) scale(1.06)}}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center;padding:72px 26px 30px}
.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue-light);margin-bottom:16px}
.hero h1{font-size:50px;line-height:1.04;margin:0 0 18px;max-width:13ch;font-weight:700}
.hero .sub{color:#c9d4e6;font-size:19px;line-height:1.5;max-width:50ch;margin:0 0 26px}
.hero .ctas a{margin-right:10px}
.trustline{margin-top:22px;color:#9fb2cf;font-size:13px;display:flex;gap:18px;flex-wrap:wrap}
.trustline b{color:#cdd9ec;font-weight:600}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:30px;padding-top:54px}.hero h1{font-size:36px}}

/* page hero (interior pages) */
.phero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(160deg,var(--navy),var(--navy-deep))}
.phero::before{content:"";position:absolute;right:-60px;top:-80px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(62,143,216,.22),transparent 65%);pointer-events:none}
.phero .wrap{position:relative;padding:56px 26px 48px;text-align:center}
.phero h1{font-size:40px;line-height:1.08;margin:0 auto 12px;max-width:18ch;text-align:center}
.phero p{color:#c9d4e6;font-size:18px;max-width:60ch;margin:0 auto 18px;text-align:center}
.phero .btn,.phero .ghost{margin-left:4px;margin-right:4px}
.crumb{font-size:12.5px;color:#8fa2c2;margin-bottom:16px}
.crumb a{color:#aebed6}
@media(max-width:760px){.phero h1{font-size:30px}}
@media(max-width:560px){
  .wrap{padding-left:20px;padding-right:20px}
  section{padding:48px 0}
  .phero .wrap{padding:42px 20px 38px}
  .phero h1{font-size:28px;max-width:100%}
  .phero p,.lead{font-size:17px}
  .btn,.ghost{width:100%;text-align:center;margin-top:8px}
  .ctaband .wrap{text-align:left}
  .ctaband .btn{width:auto}
}

/* echo artifact card */
.artifact{background:#fff;color:var(--text);border-radius:14px;box-shadow:0 26px 64px rgba(8,16,33,.5);overflow:hidden}
.artifact.flat{box-shadow:0 12px 32px rgba(22,36,63,.10)}
.artifact .top{background:var(--navy);color:#fff;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--blue)}
.artifact .top b{font-size:13.5px}
.artifact .top .lab{font-size:10px;color:var(--blue-light);border:1px solid #ffffff30;padding:2px 7px;border-radius:20px}
.artifact .body{padding:13px 16px}
.row{padding:9px 0;border-bottom:1px solid var(--border)}
.row:last-child{border-bottom:none}
.row.anim{opacity:0;transform:translateY(6px);animation:tagin .5s ease-out forwards}
.row.anim:nth-child(1){animation-delay:.15s}.row.anim:nth-child(2){animation-delay:.3s}.row.anim:nth-child(3){animation-delay:.45s}.row.anim:nth-child(4){animation-delay:.6s}.row.anim:nth-child(5){animation-delay:.75s}
@keyframes tagin{to{opacity:1;transform:none}}
.row .k{font-size:12px;color:var(--muted);margin-bottom:2px;display:flex;justify-content:space-between;gap:8px}
.row .v{font-size:13.5px;font-weight:500}
.src{font:600 10px/1 ui-monospace,Menlo,monospace;color:var(--blue);background:#eaf3fc;padding:3px 6px;border-radius:5px;white-space:nowrap}

/* credibility strip */
.cred{background:var(--navy-deep);color:#aebed6;padding:18px 0;font-size:13.5px}
.cred .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cred b{color:#fff}.cred .who{color:#dbe5f2}

/* sections */
section{padding:62px 0}
section.alt{background:var(--cool);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.approach-band{background:linear-gradient(180deg,#f5f8fc,#fff);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.approach-band .wrap{max-width:980px}
.thesis-line{font-size:20px;font-weight:700;line-height:1.35;margin:16px 0 0;max-width:42ch;color:var(--navy)}
.action-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease-out,transform .55s ease-out}
.reveal.in{opacity:1;transform:none}
.reveal .k2{position:relative;display:inline-block}
.reveal.in .k2{animation:sectionK2Glow 1.05s ease both}
@keyframes sectionK2Glow{
  0%{color:var(--blue);text-shadow:0 0 0 rgba(111,176,230,0);transform:translateY(4px)}
  34%{color:#6fb0e6;text-shadow:0 0 18px rgba(111,176,230,.62),0 0 44px rgba(62,143,216,.26);transform:translateY(0)}
  100%{text-shadow:0 0 0 rgba(111,176,230,0)}
}

/* outcome / 3-up grid */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
@media(max-width:960px){.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.grid3,.grid2,.grid4{grid-template-columns:1fr}}
.out h3{font-size:21px;margin-bottom:4px}
.out .lab{font:600 11px/1 ui-monospace,Menlo,monospace;color:var(--blue);margin-bottom:8px;display:block}
.out p{margin:0;color:var(--muted);font-size:14.5px}

/* product / lane cards */
.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;
  box-shadow:0 10px 30px rgba(22,36,63,.06);transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(22,36,63,.10)}
.card .top-rule{height:3px;width:46px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--blue-light));margin-bottom:12px}
.card h3{margin-bottom:6px}
.card p{color:var(--muted);font-size:14px;margin:0 0 12px}
.card a.more{font-weight:600;font-size:13.5px}
.chip{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:6px;background:#eaf3fc;color:var(--blue)}
.chip.dev{background:#eef2f9;color:var(--steel)}.chip.future{background:#f3eef6;color:#6b5e8a}

/* resources */
.resources-page .lead{margin-bottom:0}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.resource-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;min-height:230px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);overflow:hidden;box-shadow:0 12px 32px rgba(22,36,63,.07);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.resource-card::before{content:"";position:absolute;inset:0 0 auto;height:74px;background:linear-gradient(135deg,rgba(62,143,216,.14),rgba(111,176,230,.04));pointer-events:none}
.resource-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(22,36,63,.12);border-color:#cbd8ea}
.resource-card h3{position:relative;margin:12px 0 6px;font-size:20px;line-height:1.18;letter-spacing:0}
.resource-card p{position:relative;margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.resource-mark{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--navy);color:#fff;font:800 15px/1 ui-monospace,Menlo,monospace;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff24}
.resource-type{position:absolute;right:16px;top:17px;font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 8px}
.resource-link{position:relative;margin-top:16px;font-weight:700;font-size:13px;color:var(--blue)}
.r-chollet .resource-mark{background:#20385f}.r-karpathy .resource-mark{background:#2b4054}.r-hassabis .resource-mark{background:#18324f}
.r-feifei .resource-mark{background:#254f72}.r-ng .resource-mark{background:#315a86}.r-ethan .resource-mark{background:#234e68}
.r-nate .resource-mark{background:#0f4b54}.r-hooker .resource-mark{background:#3f4b5c}.r-mitchell .resource-mark{background:#1e2b3d}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.resource-grid{grid-template-columns:1fr}.resource-card{min-height:190px}}

.thesis-strip{background:#fff;border-bottom:1px solid var(--border)}
.thesis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.thesis-grid>div{border-left:3px solid var(--blue);background:var(--cool);border-radius:12px;padding:16px 18px}
.thesis-grid b{display:block;font-size:16px;margin-bottom:6px;color:var(--navy)}
.thesis-grid p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.evidence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
.evidence-card{display:grid;grid-template-rows:auto auto 1fr auto;min-height:220px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);box-shadow:0 12px 32px rgba(22,36,63,.07);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.evidence-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(22,36,63,.12);border-color:#cbd8ea}
.source-meta{font:800 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.evidence-card h3{font-size:20px;line-height:1.18;letter-spacing:0;margin-bottom:8px}
.evidence-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.evidence-card p b{color:var(--navy)}
.source-link{margin-top:18px;font-weight:700;font-size:13px;color:var(--blue)}
@media(max-width:820px){.thesis-grid,.evidence-grid{grid-template-columns:1fr}}

/* product-system and coaching offer */
.product-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin-top:22px}
.product-map.compact{grid-template-columns:1fr auto 1fr auto 1fr}
.system-node{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(22,36,63,.06)}
.system-node.active{border-color:#bcd7ef;box-shadow:0 18px 42px rgba(62,143,216,.15)}
.system-node span{display:block;font:800 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.system-node b{display:block;font-size:16px;margin-bottom:6px;color:var(--navy)}
.system-node p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.system-arrow{display:grid;place-items:center;color:var(--steel);font-weight:800}
.echo-ingest-v12 .lead{max-width:72ch}
.ingest-map-v12{
  margin-top:30px;
  display:grid;
  grid-template-columns:minmax(170px,.8fr) minmax(56px,.26fr) minmax(320px,1.4fr) minmax(56px,.26fr) minmax(170px,.8fr);
  gap:18px;
  align-items:center;
}
.ingest-node-v12{
  min-height:148px;
  border-radius:20px;
  background:linear-gradient(155deg,var(--navy),#091120);
  color:#fff;
  display:grid;
  place-items:center;
  align-content:center;
  padding:22px;
  box-shadow:0 28px 78px rgba(22,36,63,.20),inset 0 0 0 1px rgba(255,255,255,.12);
}
.ingest-node-v12.echo{background:linear-gradient(155deg,#0f1a30,var(--navy));box-shadow:0 28px 88px rgba(62,143,216,.24),0 0 0 8px rgba(62,143,216,.08),inset 0 0 0 1px rgba(255,255,255,.14)}
.ingest-node-v12 span{color:#9fc9ef;font:900 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.ingest-node-v12 b{font-size:clamp(24px,2.8vw,40px);line-height:1;text-align:center}
.ingest-line-v12{height:2px;background:linear-gradient(90deg,#9fc9ef,#dbe8f5);position:relative}
.ingest-line-v12::after{content:"";position:absolute;right:-2px;top:50%;width:9px;height:9px;border-top:2px solid var(--blue);border-right:2px solid var(--blue);transform:translateY(-50%) rotate(45deg)}
.source-cloud-v12{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 18px 54px rgba(22,36,63,.09);
}
.source-cloud-v12 span{
  display:grid;
  place-items:center;
  min-height:68px;
  padding:8px;
  border-radius:16px;
  color:var(--navy);
  background:linear-gradient(160deg,#f5f8fc,#fff);
	  border:0;
  font-weight:800;
  line-height:1.12;
  text-align:center;
  box-shadow:0 10px 30px rgba(22,36,63,.07);
}
.offer-hero{background:linear-gradient(180deg,#fff,var(--cool));border-bottom:1px solid var(--border)}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.offer-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(22,36,63,.06)}
.offer-card span{display:block;font:800 12px/1 ui-monospace,Menlo,monospace;color:var(--blue);margin-bottom:10px}
.offer-card b{display:block;font-size:16px;margin-bottom:6px}
.offer-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
@media(max-width:820px){.product-map,.product-map.compact,.ingest-map-v12{grid-template-columns:1fr}.system-arrow,.ingest-line-v12{display:none}.offer-grid,.source-cloud-v12{grid-template-columns:1fr}.ingest-node-v12{min-height:124px}}

/* feature row (alternating) */
.frow{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin:30px 0}
.frow.rev > .fmedia{order:-1}
@media(max-width:820px){.frow{grid-template-columns:1fr}.frow.rev > .fmedia{order:0}}
.fmedia{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;border-top:3px solid;
  border-image:linear-gradient(90deg,var(--blue),var(--blue-light)) 1;box-shadow:0 12px 32px rgba(22,36,63,.08)}
.fmedia .mini{font:600 11px/1 ui-monospace,Menlo,monospace;color:var(--blue);background:#eaf3fc;display:inline-block;padding:3px 7px;border-radius:5px;margin-bottom:9px}
.frow ul{margin:10px 0 16px 18px;padding:0}.frow li{margin:5px 0}

/* persona tabs */
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin:16px 0 20px;flex-wrap:wrap}
.tab{appearance:none;background:none;border:none;cursor:pointer;font:600 15px/1 inherit;color:var(--muted);padding:11px 4px;margin-right:22px;position:relative}
.tab.on{color:var(--navy)}
.tab.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--blue-light))}
.panel{display:none;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.panel.on{display:grid;animation:fade .35s ease-out}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.panel.on{grid-template-columns:1fr}}
.surface{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;border-top:3px solid;
  border-image:linear-gradient(90deg,var(--blue),var(--blue-light)) 1;box-shadow:0 12px 32px rgba(22,36,63,.07)}
.surface .mini{font:600 11px/1 ui-monospace,Menlo,monospace;color:var(--blue);background:#eaf3fc;display:inline-block;padding:3px 7px;border-radius:5px;margin-bottom:9px}
.panel ul{margin:10px 0 16px 18px;padding:0}.panel li{margin:5px 0}

/* trust band */
.trustband{background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:#fff;position:relative;overflow:hidden}
.trustband::before{content:"";position:absolute;right:-40px;bottom:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(62,143,216,.20),transparent 65%);pointer-events:none}
.trustband h2{color:#fff;max-width:22ch;position:relative}
.trustband .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;position:relative}
.trustband .c{border:1px solid #ffffff26;color:#cdd9ec;font-size:13px;padding:7px 13px;border-radius:30px}

/* workflow strip */
.flow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.flow .step{flex:1;min-width:150px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:13px 14px}
.flow .step .n{font:700 11px/1 ui-monospace,monospace;color:var(--blue);margin-bottom:6px}
.flow .step b{display:block;font-size:14px;margin-bottom:3px}
.flow .step span{font-size:12.5px;color:var(--muted)}
.coach-who-v12{scroll-margin-top:92px}
.coach-who-v12 .lead{max-width:68ch}
.who-grid-v12{margin-top:24px}
.who-note-v12{max-width:72ch;margin-top:18px;font-size:16px}
.coaching-chronology-v12{scroll-margin-top:92px}
.coaching-chronology-v12 h2{max-width:16ch}
.coaching-chronology-v12 .lead{max-width:76ch}
.coaching-timeline-window{margin-top:28px;overflow-x:auto;overflow-y:hidden;padding:8px 0 22px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.coaching-track-v12{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:0;min-width:1280px;position:relative}
.coaching-track-v12::before{content:"";position:absolute;left:20px;right:20px;top:48px;height:2px;background:linear-gradient(90deg,#9fc9ef,#dbe8f5);z-index:0}
.coaching-step-v12{position:relative;z-index:1;scroll-snap-align:center;background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px 22px 22px;margin-right:16px;min-height:250px;box-shadow:0 14px 40px rgba(22,36,63,.07);transform-origin:center;transition:transform .44s cubic-bezier(.16,.84,.24,1),border-color .36s ease,box-shadow .36s ease,opacity .36s ease}
.coaching-step-v12 span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#edf5fc;color:var(--blue);font:900 13px/1 ui-monospace,Menlo,monospace;margin-bottom:30px;box-shadow:0 0 0 8px #f5f8fc}
.coaching-step-v12.active{z-index:3;transform:translateY(-10px) scale(1.045);border-color:#9fc9ef;box-shadow:0 28px 78px rgba(22,36,63,.16)}
.coaching-step-v12.active span{background:var(--navy);color:#fff}
.coaching-step-v12 h3{font-size:24px;line-height:1.08;margin:0 0 12px;color:var(--navy)}
.coaching-step-v12 p{margin:0;color:var(--muted);line-height:1.55}
.chronology-note-v12{font-size:14px;margin-top:4px}
@media(max-width:820px){
  .coach-who-v12,
  .coaching-chronology-v12{scroll-margin-top:280px}
  .coaching-track-v12{display:grid;grid-template-columns:1fr;min-width:0;gap:14px}
  .coaching-track-v12::before{display:none}
  .coaching-step-v12{margin-right:0;min-height:auto}
  .coaching-step-v12 span{margin-bottom:16px}
}

/* quote */
.quote{background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:#fff;border-radius:16px;padding:36px 34px;position:relative;overflow:hidden}
.quote::before{content:"";position:absolute;left:-60px;top:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(62,143,216,.22),transparent 65%);pointer-events:none}
.quote p{font-size:24px;line-height:1.38;margin:0 0 16px;max-width:30ch;position:relative}
.quote .by{color:var(--blue-light);font-size:14px;position:relative}
.quote .ph{font-size:11px;color:#9fb0cc;position:relative}

/* manifesto / pre */
pre{background:var(--cool);border:1px solid var(--border);border-left:3px solid var(--steel);border-radius:8px;padding:16px 18px;white-space:pre-wrap;font:14px/1.65 ui-monospace,Menlo,Consolas,monospace;overflow:auto}

/* cta band */
.ctaband{background:var(--cool);border-top:1px solid var(--border)}
.ctaband .wrap{padding:48px 26px;text-align:center}
.ctaband h2{margin-bottom:8px}

/* footer */
.site-foot{background:var(--navy);color:#9fb0cc;font-size:13px;padding:40px 0 26px}
.site-foot a{color:#c7d3e6}.site-foot a:hover{color:#fff}
.site-foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding-bottom:22px;border-bottom:1px solid #ffffff14}
@media(max-width:760px){.site-foot .cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site-foot .cols{grid-template-columns:1fr}}
.site-foot b{color:#fff;display:block;margin-bottom:8px;font-size:13px}
.site-foot ul{list-style:none;margin:0;padding:0}.site-foot li{margin:5px 0}
.site-foot .legal{padding-top:16px;font-size:12px;color:#7e90ad}
.site-foot .flogo{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;margin-bottom:8px}
.site-foot .brand-mark{width:32px;height:26px}

/* echo loop: scroll-driven, shared so it can live on any page */
.scrolly{background:linear-gradient(180deg,var(--cool),#fff)}
.scrolly .wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:start}
@media(max-width:820px){.scrolly .wrap{grid-template-columns:1fr}}
.steps .panel{min-height:80vh;display:flex;flex-direction:column;justify-content:center;opacity:.32;transition:opacity .45s ease}
.scrolly.tight .steps .panel{min-height:58vh}
.steps .panel.active{opacity:1}
.steps .panel .num{font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--steel)}
.steps .panel h3{font-size:26px;letter-spacing:0;margin:10px 0 8px}
.steps .panel p{color:var(--muted);max-width:42ch;margin:0}
.stickywrap{position:sticky;top:90px;height:calc(100vh - 130px);display:flex;align-items:center;justify-content:center}
.stagebox{position:relative;width:100%;max-width:460px;height:340px}
.stage{position:absolute;inset:0;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .55s ease,transform .55s ease;pointer-events:none}
.stage.show{opacity:1;transform:none}
.scard{background:#fff;border-radius:16px;box-shadow:0 26px 60px rgba(8,16,33,.16);border:1px solid var(--border);overflow:hidden}
.scard .head{background:var(--navy);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--blue)}
.scard .head b{font-size:13.5px}.scard .head .t{font:600 10px/1 ui-monospace,monospace;color:var(--blue-light);border:1px solid #ffffff30;padding:3px 8px;border-radius:20px}
.scard .b{padding:15px 17px}
.line{padding:8px 0;border-bottom:1px solid var(--border);font-size:13.5px}.line:last-child{border-bottom:none}
.line .s{font:600 10px/1 ui-monospace,monospace;color:var(--blue);background:#eaf3fc;padding:2px 6px;border-radius:5px;margin-left:6px}
.files{display:flex;flex-wrap:wrap;gap:9px;padding:6px 0}
.file{background:#eef4fb;border:1px solid #d7e6f6;border-radius:9px;padding:9px 11px;font-size:12px;color:var(--navy);min-width:120px}
.file .s{display:block;font:600 9px/1 ui-monospace,monospace;color:var(--blue);margin-top:4px}
.loopbar{position:absolute;left:50%;top:-46px;transform:translateX(-50%);width:64px;height:46px}
.loopbar path.bg{stroke:#d7e1ee}
.loopbar path.fg{stroke:var(--blue);stroke-dasharray:219;stroke-dashoffset:219;transition:stroke-dashoffset .55s ease}

/* interactive "choose your starting point" */
.chooser .opts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0 0}
@media(max-width:760px){.chooser .opts{grid-template-columns:1fr}}
.opt{cursor:pointer;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:20px;position:relative;transition:transform .15s,box-shadow .2s,border-color .2s,background-color .2s;outline:none;display:block;width:100%;text-align:left}
.opt:hover,.opt:focus-visible{transform:translateY(-3px);box-shadow:0 16px 38px rgba(22,36,63,.12);border-color:#c9d8ec;background-color:#fafbfd}
.opt:active{transform:translateY(-1px)}
.opt.sel{border-color:var(--blue);box-shadow:0 16px 40px rgba(62,143,216,.22);background-color:#fafbfd}
.opt .tag{position:absolute;top:14px;right:14px;font:700 9px/1 ui-monospace,monospace;letter-spacing:.08em;color:var(--blue);background:#eaf3fc;padding:5px 8px;border-radius:20px;opacity:0;transition:opacity .2s}
.opt.sel .tag{opacity:1}
.opt .n{font:700 12px/1 ui-monospace,monospace;color:var(--steel);letter-spacing:.12em}
.opt h3{margin:9px 0 5px;font-size:19px}
.opt .d{color:var(--muted);font-size:14px;margin:0 0 12px}
.opt .pick{font-weight:600;font-size:13px;color:var(--blue)}.opt.sel .pick{color:var(--navy)}
.chooser .result{margin-top:18px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(22,36,63,.08);max-height:32px;opacity:0;transition:max-height .45s cubic-bezier(.16,.84,.24,1),opacity .35s ease-out,margin-top .35s ease-out}
.chooser .result.show{max-height:800px;opacity:1}
.chooser .prompt{padding:22px 24px;color:var(--muted);font-size:15px;display:flex;align-items:center;gap:10px;position:absolute;opacity:1;transition:opacity .2s;pointer-events:none}
.chooser .result.show .prompt{opacity:0;transition-delay:.15s}
.chooser .prompt .dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
.chooser .rcard{position:relative}
.chooser .rcard .rhead,.chooser .rcard .rbody{animation:revealContent .45s cubic-bezier(.16,.84,.24,1) forwards}
.chooser .result:not(.show) .rcard .rhead,.chooser .result:not(.show) .rcard .rbody{opacity:0}
@keyframes revealContent{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.chooser .rhead{background:linear-gradient(160deg,#1b2c4f,var(--navy-deep));color:#fff;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}
.chooser .rhead .k2{color:var(--blue-light);margin-bottom:6px}
.chooser .rhead h3{color:#fff;font-size:22px;margin:0}
.chooser .rhead p{color:#c9d4e6;margin:6px 0 0;font-size:14.5px;max-width:60ch}
.chooser .rbody{padding:20px 24px}
.roadmap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 16px}
.roadmap .rs{background:var(--cool);border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--navy)}
.roadmap .arr{color:var(--steel);font-weight:700}
.chooser .rmeta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px}
@media(max-width:600px){.chooser .rmeta{grid-template-columns:1fr}}
.chooser .rmeta .lab{font:700 10px/1 ui-monospace,monospace;letter-spacing:.06em;color:var(--steel);text-transform:uppercase;margin-bottom:5px}
.chooser .rmeta p{margin:0;color:var(--muted);font-size:14px}
.chooser .ract{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.chooser .ract a.more{font-weight:600;font-size:13.5px}

/* psychometric photograph vs video */
.pvv .pvgrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center;margin-top:24px}
.pvv .pvgrid > *{min-width:0}
@media(max-width:820px){.pvv .pvgrid{grid-template-columns:1fr;gap:26px}}
.pvv .photo{max-width:240px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;filter:grayscale(.5);opacity:.8;box-shadow:0 8px 24px rgba(22,36,63,.06)}
.pvv .photo .pl{font:700 10px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:var(--steel);text-transform:uppercase}
.pvv .photo .face{height:78px;border-radius:9px;background:repeating-linear-gradient(135deg,#e7ecf3,#e7ecf3 8px,#eef2f7 8px,#eef2f7 16px);margin:10px 0;display:flex;align-items:center;justify-content:center;color:#9fb0c4;font-size:12px;letter-spacing:.04em}
.pvv .photo .cap{font-size:12px;color:var(--muted)}
.pvv .vbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.pvv .rec{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 ui-monospace,Menlo,monospace;color:var(--blue);letter-spacing:.06em}
.pvv .recdot{width:8px;height:8px;border-radius:50%;background:#d8524a;animation:pulse 1.4s ease-in-out infinite}
.pvv .vline{flex:1;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue-light));border-radius:2px}
.pvv .film{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.pvv .frame{flex:none;width:108px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:11px;opacity:0;transform:translateY(10px)}
.reveal.in .frame{animation:framein .55s ease-out forwards}
.pvv .frame:nth-child(1){animation-delay:.10s}.pvv .frame:nth-child(2){animation-delay:.28s}.pvv .frame:nth-child(3){animation-delay:.46s}.pvv .frame:nth-child(4){animation-delay:.64s}.pvv .frame:nth-child(5){animation-delay:.82s}
@keyframes framein{to{opacity:1;transform:none}}
.pvv .frame .ft{font:700 9.5px/1 ui-monospace,Menlo,monospace;color:var(--steel);letter-spacing:.06em}
.pvv .frame .fl{font-size:13px;font-weight:600;color:var(--navy);margin:6px 0 9px}
.pvv .frame .bw{height:5px;background:#eef2f7;border-radius:4px;overflow:hidden}
.pvv .frame .bf{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-light));border-radius:4px}
.pvv .vcap{font-size:13px;color:var(--muted);margin-top:13px;max-width:60ch}

/* arrow links now read as buttons */
.more,.card a.more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:var(--blue);border:1px solid #cfe0f5;background:#f3f8fe;padding:7px 13px;border-radius:8px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.more:hover,.card a.more:hover{background:#e7f1fc;border-color:var(--blue);transform:translateY(-1px)}
.more + .more{margin-left:8px}
/* distinct option cards (e.g. train vs test-drive) */
.card.muted{background:var(--cool);border-color:#dfe6f0}
.card.muted .top-rule{background:#c2cede}
.card.accent{border-color:var(--blue);box-shadow:0 16px 40px rgba(62,143,216,.18)}
.card.accent .top-rule{width:66px;height:4px}

@media(prefers-reduced-motion:reduce){
  .pvv .frame{opacity:1 !important;transform:none !important}
  .pvv .recdot{animation:none !important}
  *{animation:none !important;transition:none !important}
  .reveal{opacity:1;transform:none}.row.anim{opacity:1;transform:none}.loop path{stroke-dashoffset:0}
  .stickywrap{position:static;height:auto;display:block;margin-top:18px}
  .stagebox{height:auto}
  .stage{position:relative;inset:auto;opacity:1;transform:none;margin-bottom:16px}
  .steps .panel{min-height:auto;opacity:1;margin-bottom:24px}
  .loopbar path.fg{stroke-dashoffset:0}
}

/* === Scale-premium pass (propagates to all pages) === */
.hero h1{font-size:clamp(38px,5vw,58px);letter-spacing:0}
.phero h1{font-size:clamp(30px,4vw,46px);letter-spacing:0}
h2{font-size:clamp(27px,3.1vw,38px);letter-spacing:0}
.lead{font-size:clamp(16px,1.5vw,19px);line-height:1.55}
section{padding:clamp(64px,7vw,104px) 0}
.grid3,.grid2{gap:30px}
.k2{letter-spacing:.1em}
/* quieter, more premium glow with a Scale-flat lean */
.hero::before{width:520px;height:520px;background:radial-gradient(circle,rgba(62,143,216,.16),rgba(62,143,216,0) 68%);filter:blur(20px);right:-4%;top:6%}
.phero::before{width:340px;height:340px;background:radial-gradient(circle,rgba(62,143,216,.12),transparent 68%)}
.trustband::before{background:radial-gradient(circle,rgba(62,143,216,.12),transparent 68%)}
.quote::before{background:radial-gradient(circle,rgba(62,143,216,.13),transparent 68%)}
/* crisper, more refined card depth */
.card{box-shadow:0 1px 2px rgba(22,36,63,.04),0 12px 30px rgba(22,36,63,.05)}
.card:hover{box-shadow:0 2px 4px rgba(22,36,63,.05),0 20px 42px rgba(22,36,63,.10)}
.artifact{box-shadow:0 30px 72px rgba(8,16,33,.40)}
.surface{box-shadow:0 1px 2px rgba(22,36,63,.04),0 12px 30px rgba(22,36,63,.06)}

/* === Chronology scroll (horizontal, scroll-pinned) === */
.chrono{position:relative}
.chrono .pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff,var(--cool))}
.chrono .chead{padding-bottom:16px}
.chrono .dots{display:flex;flex-wrap:wrap;gap:9px 18px;margin:12px 0 12px}
.chrono .dot{font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#aeb8c6;display:inline-flex;align-items:center;gap:7px;transition:color .25s}
.chrono .dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#d4dbe6;transition:background .25s,transform .25s}
.chrono .dot.on{color:var(--navy)}.chrono .dot.on::before{background:var(--blue);transform:scale(1.3)}
.chrono .pbar{height:3px;background:#e6ecf4;border-radius:3px;overflow:hidden;max-width:680px}
.chrono .pfill{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--blue-light));border-radius:3px;transition:width .08s linear}
.chrono .scrollhint{font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.05em;color:var(--steel);margin-top:10px}
.chrono .vp{overflow:hidden}
.chrono .track{display:flex;gap:30px;will-change:transform;padding-left:max(26px,calc((100vw - var(--maxw))/2));padding-right:8vw}
.chrono .cstage{flex:0 0 min(740px,86vw);background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 2px rgba(22,36,63,.05),0 24px 56px rgba(22,36,63,.10);padding:30px 32px;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}
@media(max-width:640px){.chrono .cstage{grid-template-columns:1fr;padding:22px}}
.chrono .cnum{font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:var(--steel)}
.chrono .cstage h3{font-size:24px;letter-spacing:0;margin:10px 0 12px;line-height:1.18}
.chrono .how{background:#f3f8fe;border:1px solid #d7e6f6;border-left:3px solid var(--blue);border-radius:10px;padding:11px 13px;margin-bottom:12px}
.chrono .how .lab{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:var(--blue);text-transform:uppercase;margin-bottom:5px}
.chrono .how p{margin:0;font-size:14px;color:var(--navy)}
.chrono .ben{font-size:14px;color:var(--muted)}.chrono .ben b{color:var(--navy)}
.chrono .cviz{background:linear-gradient(160deg,#1b2c4f,var(--navy-deep));border-radius:14px;overflow:hidden;color:#fff;border-top:2px solid var(--blue)}
.chrono .cviz .h{padding:11px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14;font-size:13px;font-weight:600}
.chrono .cviz .h .t{font:600 9px/1 ui-monospace,Menlo,monospace;color:var(--blue-light);border:1px solid #ffffff30;padding:3px 7px;border-radius:20px}
.chrono .cviz .bd{padding:12px 14px}
.chrono .cviz .r{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:6px 0;border-bottom:1px solid #ffffff10;color:#cdd9ec}
.chrono .cviz .r:last-child{border-bottom:none}.chrono .cviz .r b{color:#fff;font-weight:600}
.chrono .cviz .bar{height:5px;background:#ffffff1f;border-radius:4px;margin-top:9px;overflow:hidden}
.chrono .cviz .bf{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-light))}
@media(max-width:820px),(prefers-reduced-motion:reduce){
  .chrono{height:auto !important}
  .chrono .pin{position:static;height:auto;display:block;padding:8px 0 0;background:none}
  .chrono .vp{overflow:visible}
  .chrono .track{flex-direction:column;transform:none !important;gap:18px;padding:18px 0 0}
  .chrono .cstage{flex:1 1 auto;width:100%}
  .chrono .dots,.chrono .scrollhint{display:none}
}

/* === Accessibility pass (P0): AA contrast, focus-visible, motion === */
.btn{background-color:#2a72bd;background-image:linear-gradient(120deg,#2a72bd,#2f7bc4)}
:where(a,button,.btn,.ghost,.tab,.more,.opt,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--blue-light);outline-offset:2px;border-radius:8px}
.btn:focus-visible,.ghost:focus-visible{outline-offset:3px}
.opt:focus-visible{outline:2px solid var(--blue)}
.bar nav a:focus-visible{outline-color:#cdd9ec}
.src{color:#2a6ab0;font-size:10.5px}
.chip.future{background:#eef2f9;color:var(--steel)}
.skip{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:10px 14px;border-radius:0 0 8px 0;z-index:60;font-weight:600}
.skip:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* === Mobile: stack the Echo scroll-loop instead of running sticky scroll-jank === */
@media(max-width:820px){
  .scrolly .steps .panel,.scrolly.tight .steps .panel{min-height:auto}
  .stickywrap{position:static;height:auto;display:block;margin-top:16px}
  .stagebox{height:auto;max-width:100%}
  .stage{position:relative;inset:auto;opacity:1;transform:none;margin-bottom:14px;pointer-events:auto}
  .scrolly .loopbar{display:none}
}

/* === Button system (C7/C8 design pass): one box model + matched primary/secondary sizes === */
/* all buttons carry a 1.5px border (transparent on solids) so a border never changes the height */
.btn,.ghost{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-weight:600;font-size:14.5px;line-height:1;padding:0 20px;min-height:46px;border-radius:9px;border:1.5px solid transparent;text-align:center}
/* primary = solid blue */
.btn{color:#fff !important;background-color:#2a72bd;background-image:linear-gradient(120deg,#2a72bd,#2f7bc4);background-size:160% 100%;background-position:0 0;border-color:transparent}
/* secondary on LIGHT: white plus blue border and blue text; fills blue on hover */
.ghost.dark{background:#fff;border-color:#2a72bd;color:#2a72bd !important}
.ghost.dark:hover{background:#2a72bd;border-color:#2a72bd;color:#fff !important}
/* secondary on DARK (hero): transparent plus light border and white text; fills white on hover */
.ghost{background:transparent;border-color:#ffffff66;color:#fff !important}
.ghost:hover{background:#fff;border-color:#fff;color:var(--navy) !important}
/* small size tier applies to primary and secondary so pairs always match */
.btn.sm,.ghost.sm{padding:0 16px;font-size:13px;min-height:40px}
.action-row a.btn,.action-row a.ghost{padding:0 16px;font-size:13px;min-height:40px}
/* tertiary chip links */
.more,.card a.more{color:#2a72bd}

/* === MTM signature feature band (homepage signature moment) === */
.mtm-band{position:relative;background:linear-gradient(180deg,#ffffff,#eef4fb);border-bottom:1px solid var(--border)}
.mtm-band::before{content:none}
.mtm-band .k2{color:var(--blue)}
.mtm-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;margin-top:26px;align-items:start}
.mtm-grid>*{min-width:0}
.lcrail{position:relative;margin:0;padding:2px 0 2px 26px;list-style:none}
.lcrail::before{content:"";position:absolute;left:6px;top:9px;bottom:9px;width:2px;background:linear-gradient(180deg,var(--blue),var(--blue-light))}
.lc{position:relative;padding:0 0 17px}
.lc:last-child{padding-bottom:0}
.lcdot{position:absolute;left:-26px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--blue-light)}
.lc.on .lcdot{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px rgba(62,143,216,.18)}
.lc b{display:block;font-size:16px;color:var(--navy);letter-spacing:0}
.lcsub{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.astack{display:grid;gap:10px}
.atile{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:13px 15px;box-shadow:0 1px 2px rgba(22,36,63,.04),0 10px 26px rgba(22,36,63,.06)}
.atile .ainfo{min-width:0}
.alab{display:block;font-size:14px;font-weight:600;color:var(--navy)}
.aval{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.astat{font:700 9.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.04em;padding:5px 7px;border-radius:6px;white-space:nowrap}
.astat.sample{background:#eaf3fc;color:#2a6ab0}
.astat.redacted{background:#eef2f9;color:var(--steel)}
.astat.gated{background:#fdf3e7;color:#9a6a1f}
.astat.internal{background:#f3eef6;color:#6b5e8a}
.mtm-trust{margin-top:18px;background:#f3f8fe;border:1px solid #d7e6f6;border-left:3px solid var(--blue);border-radius:10px;padding:12px 15px;font-size:13.5px;line-height:1.55;color:var(--navy);max-width:none}
.tlock{display:inline-block;width:9px;height:8px;border:2px solid var(--blue);border-radius:0 0 2px 2px;border-top:none;margin-right:7px;vertical-align:middle;position:relative;top:-1px}
.tlock::before{content:"";position:absolute;left:0;top:-5px;width:5px;height:6px;border:2px solid var(--blue);border-bottom:none;border-radius:4px 4px 0 0}
.explore-routes .card{box-shadow:0 1px 2px rgba(22,36,63,.04),0 8px 20px rgba(22,36,63,.05)}
.explore-routes .card h3{font-size:17px}
@media(max-width:760px){
  .mtm-grid{grid-template-columns:1fr;gap:22px}
  .atile{grid-template-columns:1fr}
  .astat{justify-self:start;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.mtm-band::before{box-shadow:none}}


/* === Variant comparison layer: Scale-followthrough / persona simplification === */
.variant-flag{background:#eef4fb;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}
.variant-flag .wrap{display:flex;gap:10px;align-items:center;padding-top:9px;padding-bottom:9px}.variant-flag b{color:var(--navy)}
.scale-nav{transition:transform .28s ease,background .25s ease,box-shadow .25s ease}.scale-nav.nav-hidden{transform:translateY(-105%)}.scale-nav.nav-raised{box-shadow:0 10px 28px rgba(8,16,33,.18)}
.logo-app{gap:12px}.logo-app .brand-word{color:#fff;font-weight:800;letter-spacing:0}.app-glow{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#0f1a30;box-shadow:0 0 0 1px #6fb0e633,0 0 22px #3e8fd866}.logo-app .brand-mark{width:30px;height:30px;border-radius:9px}
.variant-hero .wrap{padding-top:88px;padding-bottom:72px}.variant-hero h1{max-width:11ch;text-wrap:balance}.variant-b .variant-hero h1{max-width:12ch}.premium-brief{border:1px solid #ffffff16}.hero-copy{text-align:left}
.echo-first .wrap:first-child{text-align:center}.echo-first .lead{margin-left:auto;margin-right:auto}.aligned-loop{display:grid;place-items:center}.orbit-center{position:absolute;inset:auto auto 12px 50%;transform:translateX(-50%);text-align:center;color:var(--navy);background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 15px;box-shadow:0 12px 30px rgba(22,36,63,.10);z-index:3}.orbit-center span{display:block;font:800 11px/1 ui-monospace,Menlo,monospace;color:var(--blue);text-transform:uppercase}.orbit-center b{font-size:12px}.route-split h2,.profile-manifesto h2,.equation-section h2,.dual-rail h2{text-align:center;margin-left:auto;margin-right:auto}.route-split .lead,.profile-manifesto .lead,.equation-section .lead,.dual-rail .lead{text-align:center;margin-left:auto;margin-right:auto}.route-card{text-align:center}
.manifesto-scale{margin-top:28px;padding:32px;border-radius:14px;background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:#fff;text-align:center;overflow:hidden}.manifesto-scale span{display:block;font-size:clamp(40px,8vw,92px);line-height:.95;font-weight:800;letter-spacing:0;text-wrap:balance}.manifesto-scale b{display:block;margin:18px auto 0;max-width:52ch;color:#cdd9ec;font-size:17px}
.equation-section{background:#fff}.equation{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px;font-size:clamp(20px,3vw,38px);font-weight:750}.equation span{border:1px solid var(--border);background:var(--cool);border-radius:10px;padding:8px 14px}.equation strong{color:var(--steel)}.equation b{color:var(--blue);background:#eaf3fc;border-radius:10px;padding:8px 14px;min-width:10ch;text-align:center}
.rail-board{display:grid;grid-template-columns:1fr 170px 1fr;gap:26px;align-items:stretch;margin-top:28px}.rail-col{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 16px 36px rgba(22,36,63,.07)}.rail-col h3{text-align:center}.rail-col ul{margin:14px 0 0;padding-left:20px;color:var(--muted)}.center-rail{list-style:none;margin:0;padding:0;display:grid;gap:10px}.center-rail li{display:grid;place-items:center;text-align:center;background:linear-gradient(160deg,#1b2c4f,var(--navy-deep));color:#fff;border:1px solid #ffffff20;border-radius:999px;padding:13px 10px;font-weight:800;box-shadow:0 12px 26px rgba(8,16,33,.12)}
.variant-b .hero,.variant-b .trustband,.variant-b .manifesto-scale{background:linear-gradient(160deg,#101a2c,#16243f)}.variant-b .variant-hero .wrap{text-align:center;grid-template-columns:1fr;max-width:980px}.variant-b .hero-copy{text-align:center}.variant-b .hero .sub{margin-left:auto;margin-right:auto}.variant-b .trustline{justify-content:center}.variant-b .premium-brief{max-width:720px;margin:0 auto}.variant-b .route-card h3,.variant-b .rail-col h3{font-size:22px}.variant-b .k2{text-align:center}.variant-b .brand-word{letter-spacing:0}
@media(max-width:820px){.rail-board{grid-template-columns:1fr}.center-rail{grid-template-columns:repeat(5,1fr);overflow-x:auto}.center-rail li{min-width:92px}.manifesto-scale span{font-size:clamp(34px,12vw,56px)}}

/* === Version A edit pass: left-aligned hierarchy, Scale-like text reveal, service orbit, MTM chronology === */
/* text-wrap:pretty preferred over balance — prevents single-word orphan lines on last line of headings */
.variant-a :where(h1,h2,h3,.k2,.lead){letter-spacing:0;text-wrap:pretty}
/* SECTION TITLES — left-aligned site-wide (hero stays centered via .phero rules). */
.variant-a main :where(.k2,h1,h2,.lead){text-align:left}
/* Pages without a <main> wrapper (solutions, assessments, performance, etc.) don't get the
   rule above. Left-align only the DIRECT-child section intros of .wrap.reveal — never headings
   nested inside cards/.frow/.mtm tiles. On pages that DO have <main>, this is a strict subset
   of the rule above, so it changes nothing there. */
.variant-a .wrap.reveal > :where(h2,.lead){text-align:left}
/* .k2 eyebrow is inline-block, so text-align alone won't move the box.
   Block + left aligns it flush to the section start. */
.variant-a .wrap.reveal > .k2{display:block;text-align:left}
/* In-page anchor targets (e.g. solutions.html "See the service list →" -> #need-led-services)
   must clear the sticky .bar nav, or the section eyebrow lands hidden behind it.
   Nav is 62px desktop, wraps taller at <=980px, 2-col grid at <=680px. */
.variant-a section[id]{scroll-margin-top:84px}
@media(max-width:980px){.variant-a section[id]{scroll-margin-top:132px}}
@media(max-width:680px){.variant-a section[id]{scroll-margin-top:160px}}
.variant-a .hero-copy{text-align:center}
.variant-a .variant-hero .wrap{grid-template-columns:1fr;max-width:980px;text-align:center}
.variant-a .variant-hero .artifact{width:min(760px,100%);margin:16px auto 0;text-align:left}
.variant-a .ctas,.variant-a .action-row{justify-content:center}
.variant-a .card h3,.variant-a .suite-card h3,.variant-a .service-panel h3{text-align:center}

.variant-a .reveal{opacity:1;transform:none}
.variant-a .reveal :where(.k2,h2,.lead,.card,.manifesto-scale,.equation,.service-panel,.suite-card,.mtm-trust,.mtm-slide){
  opacity:0;
  transform:translateY(18px) scale(.985);
  clip-path:inset(12% 0 0 0);
  filter:blur(2px);
  transition:opacity .62s ease,transform .62s ease,clip-path .62s ease,filter .62s ease;
}
.variant-a .reveal.in :where(.k2,h2,.lead,.card,.manifesto-scale,.equation,.service-panel,.suite-card,.mtm-trust,.mtm-slide){
  opacity:1;
  transform:none;
  clip-path:inset(0 0 0 0);
  filter:none;
}
.variant-a .reveal.in .k2{transition-delay:.04s}
.variant-a .reveal.in h2{transition-delay:.10s}
.variant-a .reveal.in .lead{transition-delay:.17s}
.variant-a .reveal.in :where(.card,.manifesto-scale,.equation){transition-delay:.24s}
.variant-a .reveal.in .suite-card:nth-child(1){transition-delay:.10s}
.variant-a .reveal.in .suite-card:nth-child(2){transition-delay:.16s}
.variant-a .reveal.in .suite-card:nth-child(3){transition-delay:.22s}
.variant-a .reveal.in .suite-card:nth-child(4){transition-delay:.28s}
.variant-a .reveal.in .suite-card:nth-child(5){transition-delay:.34s}
.variant-a .reveal.in .suite-card:nth-child(6){transition-delay:.40s}
.variant-a .hero-copy>*{opacity:0;transform:translateY(18px);animation:vAHeroIn .72s ease forwards}
.variant-a .hero-copy .eyebrow{animation-delay:.05s}.variant-a .hero-copy h1{animation-delay:.13s}.variant-a .hero-copy .sub{animation-delay:.23s}.variant-a .hero-copy .ctas{animation-delay:.32s}
@keyframes vAHeroIn{to{opacity:1;transform:none}}
.variant-a .hero h1{font-size:clamp(44px,7vw,86px);max-width:12ch;line-height:.98}
.variant-a .hero .sub{max-width:58ch}

.mtm-chronology{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0}
.mtm-horizontal{height:360vh;position:relative}
.mtm-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#fff,#f5f8fc)}
.mtm-horizontal-shell{width:100%;display:block;padding-top:clamp(72px,8vh,110px);padding-bottom:42px}
.mtm-horizontal-head{max-width:900px;margin:0 auto 22px;text-align:center}
.mtm-horizontal-head h2{font-size:clamp(34px,5vw,64px);line-height:1.02;max-width:13ch}
.mtm-horizontal-head .lead{max-width:64ch}
.mtm-timeline-meta{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:0 auto 22px;max-width:860px;color:var(--steel);font:800 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}
.mtm-horizontal-progress{height:3px;background:#dfe8f3;border-radius:99px;overflow:hidden}
.mtm-horizontal-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--blue),var(--blue-light));border-radius:inherit}
.mtm-track-window{width:min(1160px,calc(100vw - 48px));margin:0 auto;overflow:visible}
.mtm-track{display:flex;align-items:stretch;gap:22px;width:max-content;will-change:transform;transform:translate3d(0,0,0)}
.mtm-slide{position:relative;flex:0 0 clamp(330px,38vw,500px);min-height:350px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px 26px 24px;text-align:left;box-shadow:0 18px 48px rgba(22,36,63,.08);opacity:.72;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease}
.mtm-slide::before{content:"";position:absolute;left:36px;right:-58px;top:58px;height:2px;background:linear-gradient(90deg,#c9d9ea,#dfe8f3)}
.mtm-slide:last-child::before{display:none}
.mtm-slide.active{opacity:1;transform:translateY(-6px);box-shadow:0 28px 70px rgba(22,36,63,.14)}
.mtm-slide.active .mtm-line-dot{background:var(--blue);box-shadow:0 0 0 7px rgba(62,143,216,.14)}
.mtm-step{font:900 12px/1 ui-monospace,Menlo,monospace;color:var(--steel);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.mtm-line-dot{position:absolute;left:26px;top:51px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--blue);z-index:2;transition:background .25s ease,box-shadow .25s ease}
.mtm-slide .astat{display:inline-block;margin:22px 0 16px}
.mtm-slide h3{font-size:clamp(34px,4vw,48px);line-height:.98;text-align:left;margin:0 0 14px;color:var(--navy)}
.mtm-slide p{font-size:16px;line-height:1.55;color:var(--muted);max-width:38ch;margin:0}
.mtm-slide b{display:block;margin-top:24px;color:var(--navy);font-size:14px}
.mtm-end{background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:#fff}
.mtm-end h3,.mtm-end b{color:#fff}.mtm-end p{color:#cdd9ec}

.collab-suite h2{transition:opacity .3s ease,transform .3s ease}
.collab-suite h2.swapped{color:#fff}
.collab-copy{color:#cdd9ec;margin-top:10px}
.suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;position:relative}
.suite-card{background:#ffffff0f;border:1px solid #ffffff22;border-radius:12px;padding:18px;text-align:center;color:#fff}
.suite-card span{display:inline-block;font:900 11px/1 ui-monospace,Menlo,monospace;color:var(--blue-light);margin-bottom:8px}
.suite-card h3{font-size:18px;color:#fff}
.suite-card p{margin:6px 0 0;color:#cdd9ec;font-size:13.5px}
.collab-suite .chips{justify-content:center}

@media(max-width:900px){
  .mtm-horizontal{height:auto}
  .mtm-sticky{position:relative;height:auto;display:block;overflow:hidden}
  .mtm-horizontal-shell{padding-top:70px;padding-bottom:70px}
  .mtm-track-window{width:100%;overflow-x:auto;padding:0 20px 12px;scroll-snap-type:x mandatory}
  .mtm-track{transform:none !important;gap:14px}
  .mtm-slide{flex-basis:min(82vw,420px);min-height:330px;scroll-snap-align:center}
  .suite-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){  .mtm-horizontal-head h2{font-size:clamp(34px,11vw,48px)}
  .mtm-timeline-meta{grid-template-columns:1fr;text-align:center}
  .mtm-slide::before{right:-42px}
  .suite-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .mtm-horizontal{height:auto}
  .mtm-sticky{position:relative;height:auto;display:block}
  .mtm-track-window{overflow-x:auto}
  .mtm-track{transform:none !important}
  .variant-a .reveal :where(.k2,h2,.lead,.card,.manifesto-scale,.equation,.service-panel,.suite-card,.mtm-trust,.mtm-slide){opacity:1;transform:none;clip-path:none;filter:none}
}

/* === Version A v0.4: panel-directed Scale choreography pass === */
.variant-a-v04{background:#fff;color:var(--navy)}
.variant-a-v04 .variant-flag{position:relative;z-index:2}
.variant-a-v04 .bar nav a{letter-spacing:0}
.variant-a-v04 :where(h1,h2,h3,p,.lead){letter-spacing:0;text-wrap:balance}
.variant-a-v04 main{overflow:hidden}
.variant-a-v04 section{padding:0}
.variant-a-v04 .k2{letter-spacing:.08em}
.variant-a-v04 .spotlight{background:linear-gradient(180deg,transparent 54%,rgba(111,176,230,.38) 0);box-decoration-break:clone;padding:0 .05em}

.hero-v04{height:390vh;position:relative;background:#05070a}
.hero-v04-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.hero-v04-frame{--hero-progress:0;position:relative;width:calc(100vw - 36px);height:calc(100vh - 36px);min-height:660px;border-radius:18px;background:#05070a;color:#fff;overflow:hidden;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:24px;align-items:center;padding:clamp(34px,5vw,76px);box-shadow:0 34px 100px rgba(5,7,10,.28);perspective:1200px}
.hero-v04-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 28%,transparent 68%,rgba(62,143,216,.12));pointer-events:none}
.hero-v04-frame::after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.10);border-radius:12px;pointer-events:none}
.hero-v04-copy{position:relative;z-index:2;max-width:720px}
.hero-v04-copy .eyebrow{display:inline-flex;margin-bottom:18px;color:#9fc9ef;border:1px solid rgba(159,201,239,.28);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.05)}
.hero-v04 h1{font-size:clamp(48px,7vw,104px);line-height:.92;max-width:10ch;margin:0 0 22px;color:#fff;text-align:left}
.hero-v04 p{font-size:clamp(17px,1.65vw,23px);line-height:1.42;max-width:36ch;color:#cdd6e2;margin:0}
.hero-v04-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;opacity:0;transform:translateY(16px);transition:opacity .42s ease,transform .42s ease}
.hero-v04-actions.visible{opacity:1;transform:none}
.hero-stage-tabs{display:flex;gap:8px;margin-top:34px;flex-wrap:wrap}
.hero-stage-tabs span{font:800 10px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;color:#6e7b8c;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 10px}
.hero-stage-tabs span.active{color:#fff;background:rgba(111,176,230,.18);border-color:rgba(111,176,230,.42)}
.hero-v04-stack{position:relative;z-index:1;height:min(560px,66vh);transform-style:preserve-3d}
.hero-card{position:absolute;right:0;left:clamp(0px,4vw,52px);top:50%;min-height:150px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(0,0,0,.34);padding:22px 24px;transition:opacity .25s ease;transform-style:preserve-3d}
.hero-card span,.echo-stack-card span{display:block;font:900 11px/1 ui-monospace,Menlo,monospace;color:#9fc9ef;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.hero-card b,.echo-stack-card b{display:block;font-size:clamp(22px,2.4vw,34px);line-height:1.02;color:#fff}
.hero-card p,.echo-stack-card p{font-size:15px;line-height:1.48;color:#cdd6e2;margin:10px 0 0;max-width:38ch}
.hero-card-1{transform:translate3d(calc(var(--hero-progress) * -48px),calc(-190px + var(--hero-progress) * -30px),calc(80px - var(--hero-progress) * 120px)) rotateY(calc(-12deg + var(--hero-progress) * 10deg)) rotateX(3deg)}
.hero-card-2{transform:translate3d(calc(24px + var(--hero-progress) * -80px),calc(-58px + var(--hero-progress) * -54px),calc(28px + var(--hero-progress) * 46px)) rotateY(calc(-4deg + var(--hero-progress) * 14deg))}
.hero-card-3{transform:translate3d(calc(60px + var(--hero-progress) * -112px),calc(74px + var(--hero-progress) * -52px),calc(-34px + var(--hero-progress) * 86px)) rotateY(calc(6deg + var(--hero-progress) * 16deg))}
.hero-card-4{transform:translate3d(calc(96px + var(--hero-progress) * -144px),calc(206px + var(--hero-progress) * -58px),calc(-96px + var(--hero-progress) * 122px)) rotateY(calc(14deg + var(--hero-progress) * 18deg))}

.benchmark-v04{background:#fff;padding:clamp(82px,10vw,138px) 0;border-bottom:1px solid var(--border)}
.benchmark-v04 .wrap{text-align:center}
.benchmark-v04 h2,.services-v04 h2,.suite-v04 h2{font-size:clamp(38px,6vw,78px);line-height:.98;max-width:12ch;margin-left:auto;margin-right:auto}
.benchmark-v04 .lead{max-width:66ch}
.benchmark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;text-align:left}
.benchmark-card{position:relative;overflow:hidden;min-height:360px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:24px;box-shadow:0 18px 48px rgba(22,36,63,.06);display:flex;flex-direction:column;justify-content:flex-end}
.benchmark-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),#53a66f);transform:scaleX(0);transform-origin:left center;transition:transform .55s ease}
.benchmark-card.cta-visible::before{transform:scaleX(1)}
.benchmark-card h3{font-size:clamp(24px,2.6vw,36px);line-height:1.04;text-align:left;margin:16px 0 12px;color:var(--navy)}
.benchmark-card p{color:var(--muted);line-height:1.55;margin:0}
.benchmark-card .action-row{justify-content:flex-start;margin-top:22px;opacity:0;transform:translateY(14px);transition:opacity .42s ease,transform .42s ease}
.benchmark-card.cta-visible .action-row{opacity:1;transform:none}

.services-v04{background:#f6f8fb;padding:clamp(82px,10vw,126px) 0;text-align:center}
.services-v04 .lead{max-width:62ch}
.service-routes-v04{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;text-align:left}
.route-v04{background:#fff;border:1px solid var(--border);border-radius:8px;padding:24px;min-height:300px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 14px 38px rgba(22,36,63,.055)}
.route-v04 span{font:900 12px/1 ui-monospace,Menlo,monospace;color:var(--blue);letter-spacing:.08em}
.route-v04 h3{font-size:clamp(27px,3vw,40px);line-height:1;margin:28px 0 12px;text-align:left}
.route-v04 p{color:var(--muted);line-height:1.55;margin:0 0 24px}
.route-v04 .btn{margin-top:auto}

.echo-proof-v04{height:330vh;position:relative;background:#06080c;color:#fff}
.echo-proof-sticky{position:sticky;top:0;height:100vh;display:grid;align-items:center;overflow:hidden}
.echo-proof-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.echo-proof-copy .k2{color:#9fc9ef}
.echo-proof-copy h2{font-size:clamp(40px,5.6vw,80px);line-height:.98;max-width:11ch;color:#fff;text-align:left}
.echo-proof-copy p{color:#cdd6e2;font-size:18px;line-height:1.55;max-width:36ch}
.echo-card-stack{position:relative;height:min(570px,68vh);perspective:1200px;transform-style:preserve-3d}
.echo-stack-card{--i:0;position:absolute;inset:50% 0 auto auto;width:min(520px,100%);min-height:230px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));padding:28px;box-shadow:0 32px 90px rgba(0,0,0,.38);transform:translate3d(calc(var(--i) * 34px),calc(-50% + var(--i) * 54px),calc(var(--i) * -70px)) rotateY(calc(var(--i) * -8deg));opacity:.68;transition:transform .38s ease,opacity .38s ease,border-color .38s ease}
.echo-stack-card.active{opacity:1;border-color:rgba(111,176,230,.56)}

.suite-v04{background:#fff;padding:clamp(86px,10vw,136px) 0;text-align:center}
.suite-v04 h2{max-width:14ch}
.suite-grid-v04{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;text-align:left}
.suite-grid-v04 article{border:1px solid var(--border);border-radius:8px;padding:20px;background:#fff;min-height:150px}
.suite-grid-v04 span{display:block;font-weight:800;color:var(--navy);font-size:18px}
.suite-grid-v04 p{color:var(--muted);line-height:1.5;margin:10px 0 0}

.quote-close-v04{background:#05070a;color:#fff;min-height:100vh;display:grid;align-items:center;text-align:center;padding:clamp(86px,10vw,140px) 0}
.quote-close-v04 blockquote{font-size:clamp(48px,8.5vw,124px);line-height:.91;font-weight:850;margin:0 auto;max-width:12ch;text-wrap:balance}
.quote-close-v04 p{color:#cdd6e2;font-size:20px;line-height:1.45;max-width:42ch;margin:32px auto 22px}

/* .variant-a-v04 .btn radius override removed 2026-06-22 — all CTAs now share the canonical radius */

@media(max-width:980px){
  .hero-v04{height:auto}
  .hero-v04-sticky{position:relative;height:auto}
  .hero-v04-frame{width:100%;height:auto;min-height:auto;border-radius:0;grid-template-columns:1fr;padding:96px 24px 48px}
  .hero-v04 h1{text-align:center;margin-left:auto;margin-right:auto}
  .hero-v04 p{text-align:center;margin-left:auto;margin-right:auto}
  .hero-v04-actions{opacity:1;transform:none;justify-content:center}
  .hero-stage-tabs{justify-content:center}
  .hero-v04-stack{height:560px}
  .benchmark-grid,.service-routes-v04,.echo-proof-grid,.suite-grid-v04{grid-template-columns:1fr}
  .echo-proof-v04{height:auto}
  .echo-proof-sticky{position:relative;height:auto;padding:88px 0}
  .echo-proof-copy{text-align:center}
  .echo-proof-copy h2,.echo-proof-copy p{margin-left:auto;margin-right:auto;text-align:center}
  .echo-card-stack{height:auto;display:grid;gap:14px}
  .echo-stack-card{position:relative;inset:auto;width:100%;transform:none !important;opacity:1}
}
@media(max-width:680px){
  .hero-v04-stack{height:auto;display:grid;gap:12px;margin-top:28px}
  .hero-card{position:relative;inset:auto;transform:none !important}
  .benchmark-v04 h2,.services-v04 h2,.suite-v04 h2{font-size:clamp(34px,11vw,48px)}
  .quote-close-v04 blockquote{font-size:clamp(44px,14vw,72px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-v04{height:auto}
  .hero-v04-sticky,.echo-proof-sticky{position:relative;height:auto}
  .hero-v04-frame,.echo-stack-card,.hero-card{transform:none !important}
  .hero-v04-actions,.benchmark-card .action-row{opacity:1;transform:none}
  .echo-proof-v04{height:auto}
}

/* === Version A base: Good to Great guessing section === */
.variant-a-v05 .hero-v04-actions .ghost{border-color:rgba(255,255,255,.48)}
.guessing-v05{--guess-progress:0;height:360vh;position:relative;background:#fff;color:var(--navy)}
.guessing-sticky{position:sticky;top:0;height:100vh;display:grid;align-items:center;overflow:hidden;background:linear-gradient(180deg,#fff,#f6f8fb)}
.guessing-grid-v05{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
.guessing-copy-v05{position:relative;z-index:2}
.guessing-copy-v05 .k2{color:var(--blue)}
.guessing-copy-v05 h2{font-size:clamp(46px,7vw,104px);line-height:.9;max-width:9ch;text-align:left;margin:0 0 22px;color:var(--navy)}
.guessing-copy-v05 p{font-size:clamp(18px,1.8vw,24px);line-height:1.42;max-width:35ch;color:var(--muted);margin:0}
.guessing-copy-v05 p::selection,.guessing-copy-v05 h2::selection{background:rgba(111,176,230,.28)}
.guessing-actions-v05{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;opacity:0;transform:translateY(14px);transition:opacity .42s ease,transform .42s ease}
.guessing-actions-v05.visible{opacity:1;transform:none}
.guessing-stage-v05{position:relative;height:min(640px,72vh);perspective:1200px;transform-style:preserve-3d}
.guessing-stage-v05::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#ccd8e6 18%,#ccd8e6 82%,transparent);transform:translateY(-50%) rotate(calc(-5deg + var(--guess-progress) * 10deg));opacity:.74}
.guess-card-v05{--i:0;position:absolute;right:0;top:50%;width:min(560px,100%);min-height:330px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:24px;box-shadow:0 24px 70px rgba(22,36,63,.10);transform:translate3d(calc(var(--i) * 44px),calc(-50% + var(--i) * 58px),calc(var(--i) * -90px)) rotateY(calc(var(--i) * -9deg)) rotateZ(calc(var(--i) * 1.5deg));opacity:.58;transition:opacity .32s ease,transform .32s ease,border-color .32s ease,box-shadow .32s ease}
.guess-card-v05.active{opacity:1;border-color:#b8d6f2;box-shadow:0 34px 92px rgba(22,36,63,.16)}
.guess-card-v05>span{display:block;font:900 11px/1 ui-monospace,Menlo,monospace;color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 12px}
.guess-card-v05 b{display:block;font-size:clamp(26px,3vw,42px);line-height:1;color:var(--navy);max-width:12ch}
.guess-card-v05 p{font-size:15.5px;line-height:1.55;color:var(--muted);max-width:41ch;margin:14px 0 0}
.guess-visual-v05{position:relative;height:142px;border-radius:8px;background:linear-gradient(160deg,#07111f,#16243f);overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.guess-visual-v05::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.10);border-radius:6px}
.person-mark{position:absolute;left:28px;top:28px;width:42px;height:58px;border:1px solid rgba(159,201,239,.55);border-radius:18px 18px 8px 8px}
.person-mark::before{content:"";position:absolute;left:11px;top:-17px;width:18px;height:18px;border-radius:50%;background:#9fc9ef}
.brief-line{position:absolute;left:92px;top:48px;width:170px;height:10px;border-radius:99px;background:rgba(255,255,255,.24)}
.brief-line.wide{top:28px;width:240px;background:rgba(159,201,239,.42)}
.question-pill{position:absolute;left:92px;bottom:26px;display:inline-flex;border:1px solid rgba(159,201,239,.42);border-radius:999px;color:#eaf4ff;background:rgba(255,255,255,.08);font:800 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.02em;padding:9px 11px}
.task-card{position:absolute;left:28px;top:26px;width:230px;height:34px;border:1px solid rgba(159,201,239,.42);border-radius:7px;background:rgba(255,255,255,.10)}
.task-card.mid{left:62px;top:68px;width:270px}
.task-card.low{left:98px;top:110px;width:210px}
.employee-visual-v05 .question-pill{right:28px;left:auto;bottom:28px}
.terminal-line{position:absolute;left:28px;top:34px;width:280px;height:12px;border-radius:4px;background:rgba(159,201,239,.46)}
.terminal-line.short{top:66px;width:190px;background:rgba(255,255,255,.22)}
.terminal-line.glow{top:98px;width:240px;background:#53a66f;box-shadow:0 0 24px rgba(83,166,111,.36)}
.ai-visual-v05 .question-pill{left:28px;bottom:22px}

@media(max-width:980px){
  .guessing-v05{height:auto}
  .guessing-sticky{position:relative;height:auto;padding:86px 0}
  .guessing-grid-v05{grid-template-columns:1fr;gap:30px}
  .guessing-copy-v05{text-align:center}
  .guessing-copy-v05 h2,.guessing-copy-v05 p{margin-left:auto;margin-right:auto;text-align:center}
  .guessing-actions-v05{opacity:1;transform:none;justify-content:center}
  .guessing-stage-v05{height:auto;display:grid;gap:14px}
  .guessing-stage-v05::before{display:none}
  .guess-card-v05{position:relative;inset:auto;width:100%;transform:none !important;opacity:1}
}
@media(max-width:680px){
  .guessing-copy-v05 h2{font-size:clamp(42px,14vw,68px)}
  .guess-visual-v05{height:128px}
  .brief-line.wide,.task-card.mid,.terminal-line{width:58%}
  .question-pill{left:78px;max-width:calc(100% - 100px)}
}
@media(prefers-reduced-motion:reduce){
  .guessing-v05{height:auto}
  .guessing-sticky{position:relative;height:auto;padding:86px 0}
  .guess-card-v05{transform:none !important;opacity:1}
  .guessing-actions-v05{opacity:1;transform:none}
}

/* === Version A inherited base: tighter Scale-inspired choreography, two-door routing, readable proof loop === */
.variant-a-v06 .variant-flag{border-bottom:1px solid var(--border)}
body.variant-a-v06{overflow-x:hidden}
.variant-a-v06 main{overflow:visible}
.variant-a-v06 section[id]{scroll-margin-top:96px}
.variant-a-v06 :where(h1,h2,.lead){text-align:center;margin-left:auto;margin-right:auto}
.variant-a-v06 .hero-v04{height:310vh}
.variant-a-v06 .hero-v04-frame{min-height:min(620px,calc(100vh - 36px));grid-template-columns:minmax(0,.96fr) minmax(390px,1.04fr);padding:clamp(28px,4.4vw,64px)}
.variant-a-v06 .hero-v04-copy{text-align:center;margin:0 auto}
.variant-a-v06 .hero-v04 h1{font-size:clamp(46px,6.4vw,96px);max-width:11ch;text-align:center;margin-left:auto;margin-right:auto}
.variant-a-v06 .hero-v04 p{text-align:center;margin-left:auto;margin-right:auto}
.variant-a-v06 .hero-v04-actions,.variant-a-v06 .hero-stage-tabs{justify-content:center}
.variant-a-v06 .hero-v04-stack{height:min(520px,62vh)}

.variant-a-v06 .benchmark-v04,
.variant-a-v06 .services-v06,
.variant-a-v06 .suite-v04{padding:clamp(64px,7vw,92px) 0}
.variant-a-v06 .benchmark-v04 h2,
.variant-a-v06 .services-v06 h2,
.variant-a-v06 .suite-v04 h2,
.variant-a-v06 .manifest-v06 h2{font-size:clamp(38px,5.8vw,76px);line-height:.98;max-width:13ch}
.variant-a-v06 .reveal :where(.k2,h2,.lead,.card,.manifesto-scale,.equation,.service-panel,.suite-card,.mtm-trust,.mtm-slide,.route-v04,.problem-aware-v06){
  filter:blur(.8px);
  transition-duration:.42s;
}
.variant-a-v06 .reveal.in :where(.k2,h2,.lead,.card,.manifesto-scale,.equation,.service-panel,.suite-card,.mtm-trust,.mtm-slide,.route-v04,.problem-aware-v06){filter:none}

.variant-a-v06 .guessing-v05{height:260vh}
.variant-a-v06 .guessing-sticky{background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%)}
.variant-a-v06 .guessing-copy-v05{text-align:center}
.variant-a-v06 .guessing-copy-v05 h2{font-size:clamp(46px,6.6vw,94px);max-width:10.5ch;text-align:center;margin-left:auto;margin-right:auto}
.variant-a-v06 .guessing-copy-v05 p{text-align:center;margin-left:auto;margin-right:auto}
.variant-a-v06 .guessing-actions-v05{justify-content:center}
.variant-a-v06 .guess-card-v05{min-height:300px;opacity:.18;filter:blur(1.4px);z-index:1}
.variant-a-v06 .guess-card-v05.active{opacity:1;filter:none;z-index:5}
.variant-a-v06 .guess-card-v05:not(.active)>span,
.variant-a-v06 .guess-card-v05:not(.active) b,
.variant-a-v06 .guess-card-v05:not(.active) p{opacity:0}
.variant-a-v06 .guess-visual-v05{height:126px}
.text-pop{animation:v06TextPop .38s ease both}
@keyframes v06TextPop{from{opacity:.2;transform:translateY(12px);filter:blur(4px);clip-path:inset(18% 0 0 0)}to{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}}

.variant-a-v06 .spotlight,
.variant-a-v06 .self-highlight{position:relative;background:linear-gradient(180deg,transparent 56%,rgba(111,176,230,.42) 0);box-decoration-break:clone;padding:0 .06em}
.variant-a-v06 .self-highlight{background:linear-gradient(180deg,transparent 62%,rgba(83,166,111,.35) 0)}
.variant-a-v06 .self-highlight::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.24em;background:rgba(111,176,230,.34);transform:scaleX(0);transform-origin:left center;transition:transform .7s ease;z-index:-1}
.variant-a-v06 .self-highlight.lit::after{transform:scaleX(1)}

.services-v06 .lead{max-width:64ch}
.service-routes-v06{grid-template-columns:repeat(2,1fr);gap:18px}
.service-routes-v06 .route-v04{min-height:360px;padding:28px}
.service-routes-v06 .route-v04 h3{font-size:clamp(30px,3.5vw,48px);max-width:11ch}
.service-routes-v06 .route-v04 p{font-size:16px}
.primary-route-v06{position:relative;overflow:hidden}
.primary-route-v06::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),#53a66f);transform:scaleX(.72);transform-origin:left center}
.problem-aware-v06{margin:18px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;text-align:left;background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px 20px;box-shadow:0 14px 38px rgba(22,36,63,.055)}
.problem-aware-v06>span{font:900 12px/1 ui-monospace,Menlo,monospace;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}
.problem-aware-v06 p{margin:0;color:var(--muted);line-height:1.5}
.problem-aware-v06 .action-row{justify-content:flex-end;margin:0}

.variant-a-v06 .mtm-horizontal-head{margin-bottom:14px}
.variant-a-v06 .mtm-horizontal-shell{padding-top:clamp(46px,6vh,78px);padding-bottom:30px}
.variant-a-v06 .mtm-track-window{width:min(1120px,calc(100vw - 48px))}
.variant-a-v06 .mtm-slide{min-height:318px;flex-basis:clamp(320px,36vw,470px)}
.variant-a-v06 .mtm-slide h3{font-size:clamp(32px,3.6vw,46px)}
.variant-a-v06 .mtm-trust{margin-top:16px}

.echo-flow-v06{background:#06080c;color:#fff;padding:clamp(72px,8vw,108px) 0}
.echo-flow-head{text-align:center;max-width:920px;margin:0 auto 18px}
.echo-flow-head .k2{color:#9fc9ef}
.echo-flow-head h2{font-size:clamp(42px,6.2vw,86px);line-height:.96;color:#fff;max-width:12ch}
.echo-flow-head .lead{color:#cdd6e2;max-width:64ch}
.echo-flow-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:start;margin-top:28px}
.echo-flow-panels{display:grid;gap:0}
.echo-flow-panel{min-height:46vh;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(159,201,239,.18);padding:36px 0 36px 28px;opacity:.42;transform:translateX(-10px);transition:opacity .35s ease,transform .35s ease,border-color .35s ease}
.echo-flow-panel.active{opacity:1;transform:none;border-color:rgba(111,176,230,.75)}
.echo-flow-panel span,
.echo-flow-card span{display:block;font:900 11px/1 ui-monospace,Menlo,monospace;color:#9fc9ef;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.echo-flow-panel h3{font-size:clamp(30px,3.4vw,48px);line-height:1;color:#fff;margin:0 0 12px;text-align:left}
.echo-flow-panel p{color:#cdd6e2;line-height:1.55;font-size:17px;max-width:36ch;margin:0}
.echo-flow-sticky{position:sticky;top:88px;min-height:calc(100vh - 118px);display:grid;align-content:center;gap:18px}
.echo-flow-stage{position:relative;height:min(520px,62vh);min-height:430px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:radial-gradient(circle at 24% 18%,rgba(111,176,230,.22),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));overflow:hidden;box-shadow:0 34px 100px rgba(0,0,0,.34)}
.echo-flow-stage::before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.10);border-radius:8px}
.echo-flow-stage::after{content:"";position:absolute;left:40px;right:40px;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(159,201,239,.54),transparent)}
.echo-flow-card{position:absolute;left:9%;right:9%;top:50%;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(5,7,10,.72);padding:28px;box-shadow:0 26px 70px rgba(0,0,0,.34);opacity:0;transform:translateY(calc(-50% + 26px)) scale(.96);transition:opacity .32s ease,transform .32s ease,border-color .32s ease;pointer-events:none}
.echo-flow-card.active{opacity:1;transform:translateY(-50%) scale(1);border-color:rgba(111,176,230,.58)}
.echo-flow-card b{display:block;font-size:clamp(28px,3.6vw,52px);line-height:.98;color:#fff}
.echo-flow-card p{color:#cdd6e2;font-size:17px;line-height:1.5;max-width:33ch;margin:14px 0 0}
.echo-flow-sticky .btn{justify-self:start}

.manifest-v06{background:#fff;padding:clamp(72px,8vw,106px) 0;text-align:center;border-top:1px solid var(--border)}
.manifest-v06 .wrap{max-width:980px}
.manifest-lede-v06{font-size:clamp(21px,2.2vw,30px);line-height:1.34;color:var(--navy);max-width:34ch;margin:16px auto 0}
.manifest-lines-v06{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;text-align:left}
.manifest-lines-v06 p{min-height:118px;border:1px solid var(--border);border-radius:8px;background:#f6f8fb;margin:0;padding:20px;color:var(--muted);line-height:1.45;font-size:17px}
.variant-a-v06 .quote-close-v04{min-height:74vh;padding:clamp(76px,8vw,116px) 0}

@media(max-width:980px){
  .variant-a-v06 .hero-v04{height:auto}
  .variant-a-v06 .hero-v04-frame{grid-template-columns:1fr;min-height:auto}
  .service-routes-v06,.echo-flow-grid,.manifest-lines-v06{grid-template-columns:1fr}
  .problem-aware-v06{grid-template-columns:1fr;text-align:center}
  .problem-aware-v06 .action-row{justify-content:center}
  .echo-flow-panel{min-height:auto;padding:24px 0 24px 22px}
  .echo-flow-sticky{position:relative;top:auto;min-height:auto}
  .echo-flow-stage{height:auto;min-height:360px}
}
@media(max-width:680px){
  .variant-a-v06 section[id]{scroll-margin-top:148px}
  .variant-a-v06 .benchmark-v04,
  .variant-a-v06 .services-v06,
  .variant-a-v06 .suite-v04,
  .manifest-v06{padding:62px 0}
  .variant-a-v06 .reveal :where(.k2,h2,.lead,.card,.manifesto-scale,.equation,.service-panel,.suite-card,.mtm-trust,.mtm-slide,.route-v04,.problem-aware-v06){
    opacity:1;
    transform:none;
    clip-path:none;
    filter:none;
  }
  .variant-a-v06 .guessing-copy-v05 h2{font-size:clamp(40px,13vw,64px)}
  .service-routes-v06 .route-v04{min-height:auto}
  .problem-aware-v06{padding:18px}
  .echo-flow-card{left:18px;right:18px;padding:22px}
}
@media(prefers-reduced-motion:reduce){
  .variant-a-v06 .hero-v04,.variant-a-v06 .guessing-v05{height:auto}
  .echo-flow-panel,.echo-flow-card{opacity:1;transform:none}
  .echo-flow-card{position:relative;top:auto;margin:14px}
  .echo-flow-stage{height:auto;min-height:auto}
}

/* === Version A v0.7: context evolution and synchronized hero states === */
.variant-a-v07 .variant-flag span{color:#53647b}
.variant-a-v07 .hero-v04-copy h1,
.variant-a-v07 .hero-v04-copy p{will-change:opacity,transform,filter}
.variant-a-v07 .hero-stage-swap h1{animation:v07HeroTitleIn .52s cubic-bezier(.2,.8,.2,1) both}
.variant-a-v07 .hero-stage-swap p{animation:v07HeroBodyIn .7s cubic-bezier(.2,.8,.2,1) .04s both}
.variant-a-v07 .hero-stage-swap p .spotlight,
.variant-a-v07 .guessing-copy-v05 .spotlight{
  background-repeat:no-repeat;
  background-size:0 100%;
  animation:v07TextHighlight .9s cubic-bezier(.2,.8,.2,1) .22s forwards;
}
@keyframes v07HeroTitleIn{from{opacity:0;transform:translateY(18px);filter:blur(5px);clip-path:inset(16% 0 0 0)}to{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}}
@keyframes v07HeroBodyIn{from{opacity:.18;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes v07TextHighlight{from{background-size:0 100%}to{background-size:100% 100%}}

.variant-a-v07 .hero-card{opacity:.34;filter:blur(1.1px);scale:.96;transition:opacity .36s ease,filter .36s ease,scale .36s ease,border-color .36s ease,box-shadow .36s ease}
.variant-a-v07 .hero-card.active{opacity:1;filter:none;scale:1.045;z-index:8;border-color:rgba(111,176,230,.68);box-shadow:0 38px 110px rgba(0,0,0,.46)}
.variant-a-v07 .hero-card:not(.active) b,
.variant-a-v07 .hero-card:not(.active) p{opacity:.62}

.variant-a-v07 .benchmark-card h3{max-width:12ch}
.variant-a-v07 .benchmark-card:nth-child(3) h3{max-width:9ch}
.variant-a-v07 .benchmark-card:nth-child(3) p{max-width:43ch}
.variant-a-v07 .benchmark-card:nth-child(3)::before{background:linear-gradient(90deg,#53a66f,var(--blue))}

.decision-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(159,201,239,.44);border-radius:999px;background:rgba(255,255,255,.09);color:#eaf4ff;font:900 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;padding:9px 11px;box-shadow:0 14px 28px rgba(0,0,0,.18)}
.hire-chip{left:92px;top:26px}
.promote-chip{left:178px;top:62px}
.coach-chip{left:108px;top:98px;background:rgba(83,166,111,.22);border-color:rgba(83,166,111,.54)}
.manager-visual-v05 .question-pill{right:26px;left:auto;bottom:24px}

.variant-a-v07 .service-routes-v06 .route-v04 span{color:#1d73c6;background:#eaf3fc;border-radius:999px;padding:8px 10px;letter-spacing:.04em}
.variant-a-v07 .service-routes-v06 .route-v04 h3{max-width:12ch}
.variant-a-v07 .problem-aware-v06>span{color:#0b6f4a}

@media(max-width:980px){
  .variant-a-v07 .hero-card{opacity:1;filter:none;scale:1}
  .variant-a-v07 .hero-card:not(.active) b,
  .variant-a-v07 .hero-card:not(.active) p{opacity:1}
}
@media(max-width:680px){
  .decision-chip{font-size:10px;padding:8px 9px}
  .hire-chip{left:72px;top:24px}
  .promote-chip{left:140px;top:60px}
  .coach-chip{left:88px;top:96px}
  .manager-visual-v05 .question-pill{right:18px}
}
@media(prefers-reduced-motion:reduce){
  .variant-a-v07 .hero-stage-swap h1,
  .variant-a-v07 .hero-stage-swap p,
  .variant-a-v07 .hero-stage-swap p .spotlight,
  .variant-a-v07 .guessing-copy-v05 .spotlight{animation:none;background-size:100% 100%}
}

/* === Version A v0.8: sourced Echo wording pass === */
.variant-a-v08 .echo-flow-head .k2{text-transform:none;letter-spacing:0;font-size:14px}
.variant-a-v08 .echo-flow-head h2{max-width:13ch}
.variant-a-v08 .echo-flow-head .lead{max-width:68ch}
.variant-a-v08 .echo-flow-panel p{max-width:39ch}
.variant-a-v08 .echo-flow-card b{font-size:clamp(27px,3.1vw,46px);max-width:12ch}
.variant-a-v08 .echo-flow-card p{max-width:36ch}

/* === Version A v0.9: motion QA and scroll-sync smoothing === */
.variant-a-v09 .hero-v04{height:350vh}
.variant-a-v09 .hero-v04-frame{will-change:contents}
.variant-a-v09 .hero-v04-copy{transition:opacity .18s ease,filter .18s ease,transform .18s ease}
.variant-a-v09 .hero-stage-leaving{opacity:.72;filter:blur(2px);transform:translateY(4px)}
.variant-a-v09 .hero-stage-swap h1{animation:v09HeroTitleIn .58s cubic-bezier(.16,.84,.24,1) both}
.variant-a-v09 .hero-stage-swap p{animation:v09HeroBodyIn .66s cubic-bezier(.16,.84,.24,1) .05s both}
@keyframes v09HeroTitleIn{from{opacity:0;transform:translateY(12px);filter:blur(4px);clip-path:inset(10% 0 0 0)}to{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}}
@keyframes v09HeroBodyIn{from{opacity:.12;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.variant-a-v09 .hero-card{transition:opacity .5s cubic-bezier(.16,.84,.24,1),filter .5s cubic-bezier(.16,.84,.24,1),scale .5s cubic-bezier(.16,.84,.24,1),border-color .5s ease,box-shadow .5s ease}
.variant-a-v09 .hero-card.active{scale:1.025}
.variant-a-v09 .hero-card:not(.active){opacity:.22;filter:blur(1.6px)}
.variant-a-v09 .hero-stage-tabs span{transition:background .32s ease,border-color .32s ease,color .32s ease}
.variant-a-v09 .echo-flow-panel{min-height:52vh;transition:opacity .48s cubic-bezier(.16,.84,.24,1),transform .48s cubic-bezier(.16,.84,.24,1),border-color .48s ease}
.variant-a-v09 .echo-flow-card{transition:opacity .48s cubic-bezier(.16,.84,.24,1),transform .48s cubic-bezier(.16,.84,.24,1),border-color .48s ease}
.variant-a-v09 .echo-flow-card.active{transform:translateY(-50%) scale(1.01)}
@media(max-width:980px){
  .variant-a-v09 .hero-v04{height:auto}
  .variant-a-v09 .echo-flow-panel{min-height:auto}
  .variant-a-v09 .hero-card:not(.active){opacity:1;filter:none}
}
@media(prefers-reduced-motion:reduce){
  .variant-a-v09 .hero-stage-swap h1,
  .variant-a-v09 .hero-stage-swap p{animation:none}
  .variant-a-v09 .hero-stage-leaving{opacity:1;filter:none;transform:none}
}

/* === Version A v0.10: smoothness/performance QA pass === */
.variant-a-v10 .bar{background:rgba(22,36,63,.97);backdrop-filter:none}
.variant-a-v10 .hero-v04-frame{
  will-change:transform;
  contain:layout paint style;
  box-shadow:0 24px 72px rgba(5,7,10,.24);
}
.variant-a-v10 .hero-v04-copy{transition:opacity .16s ease,transform .16s ease}
.variant-a-v10 .hero-stage-leaving{opacity:.84;filter:none;transform:translateY(4px)}
.variant-a-v10 .hero-stage-swap h1{animation:v10HeroTitleIn .34s cubic-bezier(.16,.84,.24,1) both}
.variant-a-v10 .hero-stage-swap p{animation:v10HeroBodyIn .42s cubic-bezier(.16,.84,.24,1) .03s both}
@keyframes v10HeroTitleIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes v10HeroBodyIn{from{opacity:.16;transform:translateY(8px)}to{opacity:1;transform:none}}

.variant-a-v10 .hero-card{
  backdrop-filter:none;
  background:linear-gradient(145deg,rgba(255,255,255,.135),rgba(255,255,255,.06));
  box-shadow:0 18px 52px rgba(0,0,0,.26);
  will-change:transform,opacity;
  transition:opacity .34s cubic-bezier(.16,.84,.24,1),scale .34s cubic-bezier(.16,.84,.24,1),border-color .34s ease,box-shadow .34s ease;
}
.variant-a-v10 .hero-card.active{scale:1.012;box-shadow:0 22px 64px rgba(0,0,0,.32)}
.variant-a-v10 .hero-card:not(.active){opacity:.30;filter:none}

.variant-a-v10 .reveal :where(.k2,h2,.lead,.card,.manifesto-scale,.equation,.service-panel,.suite-card,.mtm-trust,.mtm-slide,.route-v04,.problem-aware-v06){filter:none;transition-duration:.34s}
.variant-a-v10 .text-pop{animation:v10TextPop .28s cubic-bezier(.16,.84,.24,1) both}
@keyframes v10TextPop{from{opacity:.22;transform:translateY(10px)}to{opacity:1;transform:none}}

.variant-a-v10 .guess-card-v05{
  filter:none;
  will-change:transform,opacity;
  box-shadow:0 18px 52px rgba(22,36,63,.09);
  transition:opacity .28s cubic-bezier(.16,.84,.24,1),transform .28s cubic-bezier(.16,.84,.24,1),border-color .28s ease,box-shadow .28s ease;
}
.variant-a-v10 .guess-card-v05.active{box-shadow:0 24px 66px rgba(22,36,63,.13)}
.variant-a-v10 .guess-visual-v05{contain:paint}

.variant-a-v10 .mtm-track{contain:layout paint;will-change:transform}
.variant-a-v10 .mtm-slide{
  border-radius:12px;
  box-shadow:0 12px 34px rgba(22,36,63,.07);
  transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease;
}
.variant-a-v10 .mtm-slide.active{box-shadow:0 18px 48px rgba(22,36,63,.12)}
.variant-a-v10 .mtm-horizontal-progress i{will-change:transform}

.variant-a-v10 .echo-flow-panel{
  will-change:opacity,transform;
  transition:opacity .30s cubic-bezier(.16,.84,.24,1),transform .30s cubic-bezier(.16,.84,.24,1),border-color .30s ease;
}
.variant-a-v10 .echo-flow-stage{
  contain:paint;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  box-shadow:0 22px 68px rgba(0,0,0,.28);
}
.variant-a-v10 .echo-flow-card{
  will-change:opacity,transform;
  box-shadow:0 18px 52px rgba(0,0,0,.28);
  transition:opacity .32s cubic-bezier(.16,.84,.24,1),transform .32s cubic-bezier(.16,.84,.24,1),border-color .32s ease;
}
.variant-a-v10 .echo-flow-card.active{transform:translateY(-50%) scale(1)}

@media(max-width:980px){
  .variant-a-v10 .hero-v04-frame{contain:paint}
  .variant-a-v10 .hero-card{will-change:auto}
  .variant-a-v10 .echo-flow-panel,
  .variant-a-v10 .echo-flow-card,
  .variant-a-v10 .guess-card-v05{will-change:auto}
}
@media(prefers-reduced-motion:reduce){
  .variant-a-v10 .hero-stage-swap h1,
  .variant-a-v10 .hero-stage-swap p,
  .variant-a-v10 .text-pop{animation:none}
  .variant-a-v10 .hero-stage-leaving{opacity:1;transform:none}
}

/* === Version A v0.11: narrative flow, connected context map, IA/nav refinement === */
.variant-a-v11 .variant-flag span{color:#53647b}
.variant-a-v11 .bar.nav-v11{background:rgba(7,17,32,.96);border-bottom:1px solid rgba(111,176,230,.18);backdrop-filter:blur(10px)}
.variant-a-v11 .scale-nav.nav-hidden{transform:translateY(-110%)}
.variant-a-v11 .nav-v11 .wrap{position:relative}
.variant-a-v11 .logo-app{color:var(--navy) !important;gap:13px}
.variant-a-v11 .app-glow{
  width:44px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(160deg,#14233e,#0f1a30);
  box-shadow:0 0 0 1px #3e8fd86b,0 0 0 5px rgba(62,143,216,.10),0 0 26px rgba(62,143,216,.28);
  animation:logoGlowV12 4.8s ease-in-out infinite;
}
.variant-a-v11 .logo-app .brand-mark{width:34px;height:28px;border-radius:7px}
.brand-grow{color:#fff;font-weight:900}
.brand-talent{color:var(--blue-light);font-weight:800}
.variant-a-v11 .logo-app .brand-grow{color:#fff}
.variant-a-v11 .logo-app .brand-talent{color:var(--blue-light)}
.mega-nav{display:flex;align-items:center;gap:6px}
.mega-nav a{margin-left:0}
.mega-nav>.nav-link,
.mega-nav>.btn,
.nav-item>a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 12px;
  border-radius:8px;
	  color:#c7d8ec !important;
  font-weight:650;
  font-size:13px;
}
.mega-nav>.nav-link:hover,
.nav-item:hover>a{color:#fff !important;background:rgba(111,176,230,.12)}
.mega-nav>.btn{color:#fff !important;margin-left:8px;background:#2f8bd5;border-color:#50b7f2}
.locale-rail-v12{
  position:fixed;
  top:62px;
  z-index:24;
  display:flex;
  justify-content:flex-end;
  pointer-events:none;
  height:0;
  left:0;
  right:0;
  padding-right:clamp(18px,4vw,58px);
}
.locale-picker-v12{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding:0 8px 0 10px;
  border:1px solid #dfe8f3;
  border-radius:8px;
  background:#fff;
  color:#6a7a91;
  font:750 11px/1 ui-monospace,Menlo,monospace;
  text-transform:uppercase;
  letter-spacing:.05em;
  pointer-events:auto;
  transform:translateY(10px);
  box-shadow:0 14px 32px rgba(22,36,63,.10);
}
.locale-picker-v12 select{
  appearance:none;
  border:0;
  background:#f2f6fb;
  color:var(--navy);
  border-radius:6px;
  padding:7px 20px 7px 8px;
  font:800 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  cursor:pointer;
}
.nav-item{position:relative}
.has-mega>a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:8px;margin-top:-4px;opacity:.55}
.mega-panel{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  width:min(900px,calc(100vw - 42px));
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);
  gap:28px;
  padding:34px;
  background:#fff;
  border:1px solid rgba(22,36,63,.12);
  border-radius:8px;
  box-shadow:0 28px 90px rgba(22,36,63,.16);
  transform:translateX(-50%) translateY(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.has-mega:hover .mega-panel,
.has-mega:focus-within .mega-panel,
.has-mega.mega-open .mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
.mega-cols span{display:block;color:#8a96a7;font-size:13px;margin-bottom:12px}
.mega-cols a{display:block;color:#05070a !important;font-size:20px;line-height:1.2;font-weight:650;margin:14px 0;padding:0}
.mega-cols a:hover{color:var(--blue) !important;background:transparent}
.mega-visual{
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-radius:8px;
  padding:24px;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(5,7,10,.02),rgba(5,7,10,.78)),
    linear-gradient(135deg,#eff5fb 0%,#dfe9f4 45%,#101a2c 46%,#05070a 100%);
  overflow:hidden;
}
.mega-visual b{font-size:24px;line-height:1.05;color:#fff}
.mega-visual p{max-width:31ch;margin:10px 0 0;color:#d8e2ef;line-height:1.45}

.variant-a-v11 section{position:relative}
.variant-a-v11 .benchmark-v04,
.variant-a-v11 .services-v06,
.variant-a-v11 .manifest-v06,
.variant-a-v11 .quote-close-v04{border-top:0}
.variant-a-v11 .benchmark-v04{padding:clamp(74px,8vw,118px) 0;background:linear-gradient(180deg,#f6f8fb 0%,#fff 100%)}
.variant-a-v11 .services-v06{padding:clamp(76px,8vw,116px) 0;background:linear-gradient(180deg,#fff 0%,#f5f8fc 100%)}
.variant-a-v11 .manifest-v06{background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
.variant-a-v11 .quote-close-v04{background:#05070a;color:#fff}
.variant-a-v11 .quote-close-v04 p{color:#cdd6e2}

.variant-a-v11 .guessing-flow-v11{height:330vh;background:#fff}
.guessing-flow-v11 .guessing-sticky{background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%)}
.guessing-flow-v11 .guessing-grid-v05{grid-template-columns:.94fr 1.06fr;gap:34px}
.variant-a-v11 .guessing-flow-v11 .guessing-copy-v05 h2{font-size:clamp(42px,5.35vw,76px);line-height:1.02;max-width:12ch}
.guessing-flow-v11 .guessing-copy-v05 p{font-size:clamp(17px,1.45vw,21px);max-width:37ch}
.guessing-stage-flow-v11{height:min(680px,74vh);perspective:none;transform-style:flat}
.guessing-stage-flow-v11::before{display:none}
.context-map-v11{
  --core-scale:calc(.92 + (var(--guess-progress) * .1));
  position:relative;
  height:100%;
  min-height:500px;
  max-width:680px;
  margin-left:auto;
  display:grid;
  place-items:center;
}
.context-map-v11::before{
  content:"";
  position:absolute;
  inset:9% 11%;
  border:1px solid #dbe6f2;
  border-radius:999px;
  transform:scale(calc(.96 + (var(--guess-progress) * .035)));
  opacity:.86;
}
.context-map-v11::after{
  content:"";
  position:absolute;
  left:15%;
  right:15%;
  top:50%;
  height:2px;
  background:linear-gradient(90deg,transparent,#c8d8e9 16%,#c8d8e9 84%,transparent);
}
.context-thread-v11{position:absolute;inset:0;pointer-events:none}
.context-thread-v11 span{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 8px rgba(62,143,216,.12);
  opacity:calc(.45 + (var(--guess-progress) * .55));
}
.context-thread-v11 span:nth-child(1){left:18%;top:50%}
.context-thread-v11 span:nth-child(2){left:50%;top:17%}
.context-thread-v11 span:nth-child(3){right:18%;top:50%}
.context-core-v11{
  position:relative;
  z-index:3;
  isolation:isolate;
  width:min(218px,34vw);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(160deg,var(--navy),var(--navy-deep));
  box-shadow:0 30px 88px rgba(22,36,63,.18),0 0 0 1px rgba(159,201,239,.18),0 0 44px rgba(62,143,216,.20),inset 0 0 0 1px rgba(255,255,255,.12);
  transform:scale(var(--core-scale));
}
.context-core-v11::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:50%;
  border:1px solid rgba(159,201,239,.20);
}
.context-core-v11::after{
  content:"";
  position:absolute;
  inset:-22px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(111,176,230,.26),rgba(62,143,216,.13) 40%,rgba(62,143,216,0) 70%);
  filter:blur(9px);
  opacity:calc(.58 + (var(--guess-progress) * .24));
  transform:scale(calc(.94 + (var(--guess-progress) * .08)));
  transition:inset .62s ease,filter .62s ease,opacity .62s ease,transform .62s cubic-bezier(.16,.84,.24,1),background .62s ease;
  pointer-events:none;
}
.context-core-v11 span{font:900 11px/1 ui-monospace,Menlo,monospace;color:#9fc9ef;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.context-core-v11 b{font-size:clamp(28px,3.1vw,42px);line-height:.95;color:#fff}
.context-core-v11 p{margin:10px auto 0;color:#cdd6e2;font-size:13px;max-width:17ch;line-height:1.35}
.guess-node-v11{
  --node-left:50%;
  --node-top:50%;
  --node-x:-50%;
  --node-y:-50%;
  --node-lift:0px;
  --node-scale:.985;
  position:absolute;
  z-index:2;
  left:var(--node-left);
  top:var(--node-top);
  right:auto;
  width:min(262px,34%);
  min-height:148px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:8px;
  padding:20px;
  box-shadow:0 18px 54px rgba(22,36,63,.085);
  opacity:.72;
  transform:translate(var(--node-x),calc(var(--node-y) + var(--node-lift))) scale(var(--node-scale));
  transition:left .5s cubic-bezier(.2,.8,.2,1),top .5s cubic-bezier(.2,.8,.2,1),opacity .28s ease,transform .36s ease,border-color .28s ease,box-shadow .28s ease,filter .36s ease;
  will-change:left,top,transform;
}
.guess-node-v11.active{--node-lift:-4px;--node-scale:1;opacity:1;border-color:#b8d6f2;box-shadow:0 22px 68px rgba(22,36,63,.13)}
.guess-node-v11 span{display:block;font:900 11px/1 ui-monospace,Menlo,monospace;color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.guess-node-v11 b{display:block;color:var(--navy);font-size:clamp(20px,2.1vw,28px);line-height:1.05}
.guess-node-v11 p{font-size:13.5px;line-height:1.42;color:var(--muted);margin:12px 0 0}
.guess-node-v11.manager{--node-left:0%;--node-top:50%;--node-x:0%;--node-y:-50%}
.guess-node-v11.employee{--node-left:50%;--node-top:0%;--node-x:-50%;--node-y:0%}
.guess-node-v11.ai{--node-left:100%;--node-top:50%;--node-x:-100%;--node-y:-50%}
.guessing-flow-v11[data-focus="manager"] .guess-node-v11.manager{--node-left:50%;--node-top:0%;--node-x:-50%;--node-y:0%}
.guessing-flow-v11[data-focus="manager"] .guess-node-v11.ai{--node-left:0%;--node-top:50%;--node-x:0%;--node-y:-50%}
.guessing-flow-v11[data-focus="manager"] .guess-node-v11.employee{--node-left:100%;--node-top:50%;--node-x:-100%;--node-y:-50%}
.guessing-flow-v11[data-focus="ai"] .guess-node-v11.ai{--node-left:50%;--node-top:0%;--node-x:-50%;--node-y:0%}
.guessing-flow-v11[data-focus="ai"] .guess-node-v11.employee{--node-left:0%;--node-top:50%;--node-x:0%;--node-y:-50%}
.guessing-flow-v11[data-focus="ai"] .guess-node-v11.manager{--node-left:100%;--node-top:50%;--node-x:-100%;--node-y:-50%}
.guessing-flow-v11[data-focus="context"] .guess-node-v11.manager{--node-left:0%;--node-top:50%;--node-x:0%;--node-y:-50%}
.guessing-flow-v11[data-focus="context"] .guess-node-v11.employee{--node-left:50%;--node-top:0%;--node-x:-50%;--node-y:0%}
.guessing-flow-v11[data-focus="context"] .guess-node-v11.ai{--node-left:100%;--node-top:50%;--node-x:-100%;--node-y:-50%}
.guessing-flow-v11[data-focus="employee"] .context-core-v11,
.guessing-flow-v11[data-focus="manager"] .context-core-v11,
.guessing-flow-v11[data-focus="ai"] .context-core-v11{box-shadow:0 30px 88px rgba(22,36,63,.18),0 0 0 8px rgba(62,143,216,.08),0 0 56px rgba(62,143,216,.24),0 0 112px rgba(111,176,230,.14),inset 0 0 0 1px rgba(255,255,255,.12)}
.guessing-flow-v11[data-focus="context"] .guess-node-v11{opacity:1}
.guessing-flow-v11[data-focus="context"] .context-map-v11::before{border-color:#9fc9ef}

.pillar-stage-v11{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch;margin-top:36px}
.context-pillars-v11 h2{max-width:13ch}
.context-pillars-v11 .lead{max-width:56ch}
.context-brief-v11{
  position:relative;
  min-height:420px;
  border-radius:8px;
  color:#fff;
  background:
    radial-gradient(circle at 18% 12%,rgba(111,176,230,.18),transparent 34%),
    linear-gradient(155deg,#17253e 0%,#0f1a30 44%,#05070a 100%);
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
  box-shadow:0 26px 82px rgba(22,36,63,.16);
}
.context-brief-v11::before{content:"";position:absolute;inset:22px;border:1px solid rgba(159,201,239,.20);border-radius:8px}
.brief-top-v11{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-bottom:auto;color:#9fc9ef;font:900 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}
.brief-top-v11 b{color:#b9f0d0}
.context-brief-v11 h3{position:relative;z-index:2;color:#fff;font-size:clamp(32px,4vw,54px);line-height:.95;max-width:11ch;margin:auto 0 18px;text-align:left}
.brief-lines-v11{position:relative;z-index:2;display:grid;gap:9px;max-width:360px;margin-bottom:22px}
.brief-lines-v11 i{display:block;height:9px;border-radius:99px;background:rgba(255,255,255,.20)}
.brief-lines-v11 i:nth-child(1){width:100%}.brief-lines-v11 i:nth-child(2){width:76%}.brief-lines-v11 i:nth-child(3){width:58%}
.brief-bottom-v11{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px}
.brief-bottom-v11 span{border:1px solid rgba(159,201,239,.28);border-radius:999px;padding:8px 10px;color:#d8e6f5;font-size:12px;background:rgba(255,255,255,.06)}
.brief-report-v12{position:relative;z-index:2;display:grid;gap:10px;margin:0 0 18px;max-width:430px}
.brief-report-v12 section{border:1px solid rgba(159,201,239,.22);border-radius:12px;background:rgba(255,255,255,.075);padding:13px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.brief-report-v12 span{display:block;color:#9fc9ef;font:900 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.brief-report-v12 p{margin:0;color:#dfe8f6;font-size:14px;line-height:1.45}
.pillar-grid-v11{display:grid;gap:14px}
.pillar-card-v11{
  display:grid;
  grid-template-columns:56px 1fr;
  column-gap:18px;
  align-items:start;
  min-height:128px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  padding:22px;
  box-shadow:0 12px 36px rgba(22,36,63,.06);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .34s ease,transform .34s ease,border-color .34s ease;
}
.reveal.in .pillar-card-v11{opacity:1;transform:none}
.reveal.in .pillar-card-v11:nth-child(2){transition-delay:.08s}
.reveal.in .pillar-card-v11:nth-child(3){transition-delay:.16s}
.pillar-card-v11 span{grid-row:1 / span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#edf5fc;color:var(--blue);font:900 12px/1 ui-monospace,Menlo,monospace}
.pillar-card-v11 h3{font-size:clamp(25px,2.7vw,38px);line-height:1;margin:0 0 8px;color:var(--navy);text-align:left}
.pillar-card-v11 p{margin:0;color:var(--muted);line-height:1.5}

.route-v04 .route-visual-v11{position:relative;width:100%;height:118px;border-radius:8px;background:linear-gradient(160deg,#eef5fc,#fff);border:1px solid #d9e7f5;margin-bottom:22px;overflow:hidden}
.route-visual-v11.one span{position:absolute;left:32px;top:28px;width:58px;height:58px;border-radius:50%;background:linear-gradient(160deg,var(--navy),var(--blue));box-shadow:0 18px 44px rgba(22,36,63,.24),0 0 0 8px rgba(62,143,216,.10)}
.route-visual-v11.one i{position:absolute;left:110px;right:28px;top:42px;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--blue),#53a66f)}
.route-visual-v11.one::after{content:"live project";position:absolute;left:110px;top:58px;color:#6a7a91;font:900 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}
.route-visual-v11.team span{position:absolute;width:46px;height:46px;border-radius:50%;background:linear-gradient(160deg,var(--navy),var(--blue));box-shadow:0 18px 42px rgba(22,36,63,.24),0 0 0 7px rgba(62,143,216,.10)}
.route-visual-v11.team span:nth-child(1){left:34px;top:28px}.route-visual-v11.team span:nth-child(2){left:98px;top:50px}.route-visual-v11.team span:nth-child(3){left:162px;top:28px}
.route-visual-v11.team i{position:absolute;left:56px;right:42px;top:52px;height:3px;border-radius:99px;background:#7eb9ea;box-shadow:0 0 18px rgba(62,143,216,.24)}
.route-visual-v11.team::after{content:"team diagnostic";position:absolute;right:28px;bottom:24px;color:#6a7a91;font:900 11px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}
.variant-a-v11 .service-routes-v06 .route-v04{min-height:430px}
.variant-a-v11 .service-routes-v06 .route-v04 h3{max-width:14ch}
.variant-a-v11 .problem-aware-v06{border-radius:8px}

.variant-a-v11 .mtm-horizontal-head h2{max-width:13.5ch}
.variant-a-v11 .mtm-slide b{text-transform:none;color:#34506f}
.variant-a-v11 .echo-flow-head h2{max-width:13ch}
.variant-a-v11 .echo-flow-head .lead{max-width:62ch}
.variant-a-v11 .echo-flow-stage::after{background:linear-gradient(90deg,transparent,rgba(159,201,239,.42),transparent)}
.variant-a-v11 .manifest-v06{padding-top:clamp(70px,7vw,96px)}
.variant-a-v11 .manifest-lines-v06 p{border-radius:8px}
.variant-a-v11 .flogo .brand-grow{color:#fff}
.variant-a-v11 .flogo .brand-talent{color:var(--blue-light)}

.aihr-tools-v11 .lead{max-width:62ch}
.tools-grid-v11{margin-top:28px;text-align:left}
.tools-grid-v11 article{border-radius:8px}

.variant-a-v12 .hero-v04{height:275vh;background:radial-gradient(circle at 74% 16%,rgba(80,183,242,.22),transparent 34%),linear-gradient(160deg,#071120 0%,#0a1830 48%,#071120 100%)}
.variant-a-v12 .hero-v04::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:12vh;
  background:linear-gradient(180deg,rgba(5,7,10,0) 0%,rgba(255,255,255,.18) 78%,#fff 100%);
  pointer-events:none;
  z-index:1;
}
.variant-a-v12 .hero-v04-frame{
  transform:translateY(calc(var(--hero-progress) * -12px)) scale(calc(1 - (var(--hero-progress) * .012)));
  transform-origin:center;
}
.variant-a-v12 .hero-v04 h1{font-size:clamp(40px,5.95vw,82px);line-height:.98;max-width:min(18ch,100%)}
.variant-a-v12 .hero-v04 p{max-width:31ch}
.variant-a-v12 .guessing-flow-v11{height:480vh}
.variant-a-v12 .guessing-flow-v11 .guessing-sticky{
  background:#fff;
}
.variant-a-v12 .context-map-v11{
  transition:transform .86s cubic-bezier(.16,.84,.24,1);
}
.variant-a-v12 .context-core-v11{
  transition:width .86s cubic-bezier(.16,.84,.24,1),transform .86s cubic-bezier(.16,.84,.24,1),box-shadow .86s ease,border-radius .86s ease;
}
.variant-a-v12 .context-core-v11 b,
.variant-a-v12 .context-core-v11 p{transition:font-size .86s cubic-bezier(.16,.84,.24,1),max-width .86s ease}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-map-v11{
  --core-scale:1.18;
  transform:translateX(-2vw);
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-core-v11{
  width:min(368px,44vw);
  box-shadow:0 52px 142px rgba(22,36,63,.30),0 0 0 18px rgba(62,143,216,.11),0 0 106px rgba(62,143,216,.42),0 0 220px rgba(111,176,230,.28),inset 0 0 0 1px rgba(255,255,255,.16);
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-core-v11::after{
  inset:-86px;
  background:radial-gradient(circle,rgba(111,176,230,.36),rgba(62,143,216,.22) 34%,rgba(62,143,216,.08) 56%,rgba(62,143,216,0) 78%);
  filter:blur(22px);
  opacity:.98;
  transform:scale(1.06);
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-core-v11 b{font-size:clamp(36px,4.4vw,58px)}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-core-v11 p{font-size:clamp(14px,1.25vw,18px);max-width:18ch}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guess-node-v11{
  --node-left:50%;
  --node-top:50%;
  --node-x:-50%;
  --node-y:-50%;
  --node-scale:.58;
  z-index:1;
  opacity:0;
  filter:blur(6px);
  pointer-events:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guess-node-v11.active{box-shadow:0 16px 44px rgba(22,36,63,.08)}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-thread-v11 span{opacity:0}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .context-core-v11{
  width:clamp(170px,20vw,238px);
  box-shadow:0 30px 82px rgba(22,36,63,.20),0 0 0 12px rgba(62,143,216,.08),0 0 70px rgba(111,176,230,.24),inset 0 0 0 1px rgba(255,255,255,.14);
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .context-core-v11 span{opacity:0}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .context-core-v11 b{
  font-size:0;
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .context-core-v11 b::after{
  content:"?";
  display:block;
  font-size:clamp(68px,7vw,104px);
  line-height:1;
  color:#fff;
  text-shadow:0 0 32px rgba(111,176,230,.50);
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guess-node-v11 p,
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guess-node-v11 b{
  opacity:0;
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .context-thread-v11 span{
  opacity:.28;
  filter:grayscale(.8);
}
.variant-a-v12 .phero h1{font-size:clamp(40px,7vw,92px);line-height:.98;max-width:12ch;text-wrap:balance}
.variant-a-v12 .phero p{font-size:clamp(17px,1.55vw,21px)}
.variant-a-v12 .mega-panel{
  position:fixed;
  top:72px;
  left:50%;
  right:auto;
  transform:translateX(-50%) translateY(10px);
}
.variant-a-v12 .has-mega:hover .mega-panel,
.variant-a-v12 .has-mega:focus-within .mega-panel,
.variant-a-v12 .has-mega.mega-open .mega-panel{transform:translateX(-50%) translateY(0)}
.variant-a-v12 .context-brief-v11,
.variant-a-v12 .pillar-card-v11{border-radius:22px}
.variant-a-v12 .context-titlecase-v12{text-transform:none;letter-spacing:.045em;font-size:13px}
.variant-a-v12 .homepage-slide-v12{isolation:isolate}
@media(min-width:981px){
  .variant-a-v12 .homepage-slide-v12{
    position:sticky;
    top:0;
    z-index:var(--slide-z,1);
    min-height:100vh;
    display:grid;
    align-items:center;
    overflow:clip;
    box-shadow:0 -1px 0 rgba(22,36,63,.08);
  }
  .variant-a-v12 .how-we-think-v12{--slide-z:13}
  .variant-a-v12 .quote-close-v04{--slide-z:14}
}
.variant-a-v12 .benchmark-v04,
.variant-a-v12 .services-v06,
.variant-a-v12 .mtm-sticky,
.variant-a-v12 .manifest-v06,
.variant-a-v12 .context-pillars-v11{background:#fff}
.variant-a-v12 .echo-flow-v06{background:#fff;color:var(--navy);border-top:0}
.variant-a-v12 .echo-flow-head .k2{color:var(--blue)}
.variant-a-v12 .echo-flow-head h2{color:var(--navy)}
.variant-a-v12 .echo-flow-head .lead{color:var(--muted)}
.variant-a-v12 .echo-flow-panel{border-left-color:#d7e6f6;opacity:.52}
.variant-a-v12 .echo-flow-panel.active{border-color:rgba(62,143,216,.78);opacity:1}
.variant-a-v12 .echo-flow-panel h3{color:var(--navy)}
.variant-a-v12 .echo-flow-panel p{color:var(--muted)}
.variant-a-v12 .mtm-track-window{overflow:hidden;padding:18px 0 28px;margin-top:14px}
.variant-a-v12 .context-brief-v11::before{border-radius:18px}
.variant-a-v12 .reveal .pillar-card-v11{
  opacity:0;
  transform:translateX(20px);
}
.variant-a-v12 .reveal.in .pillar-card-v11{
  animation:v12PillarEnter .58s cubic-bezier(.16,.84,.24,1) both;
}
.variant-a-v12 .reveal.in .pillar-card-v11:nth-child(1){animation-delay:.04s}
.variant-a-v12 .reveal.in .pillar-card-v11:nth-child(2){animation-delay:.62s}
.variant-a-v12 .reveal.in .pillar-card-v11:nth-child(3){animation-delay:1.2s}
.variant-a-v12 .pillar-card-v11{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#f2f5f8;
  border-color:#e8edf3;
  min-height:168px;
  transition:opacity .34s ease,transform .34s ease,border-color .34s ease,box-shadow .34s ease;
}
.variant-a-v12 .pillar-card-v11::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height:0;
  background:linear-gradient(160deg,#c9e8fb 0%,#eaf6ff 56%,#fff 100%);
  transition:height .42s cubic-bezier(.16,.84,.24,1);
}
.variant-a-v12 .reveal.in .pillar-card-v11::before{
  animation:v12PillarFill .58s cubic-bezier(.16,.84,.24,1) both;
}
.variant-a-v12 .reveal.in .pillar-card-v11:nth-child(1)::before{animation-delay:.24s}
.variant-a-v12 .reveal.in .pillar-card-v11:nth-child(2)::before{animation-delay:.82s}
.variant-a-v12 .reveal.in .pillar-card-v11:nth-child(3)::before{animation-delay:1.4s}
.variant-a-v12 .pillar-card-v11:hover,
.variant-a-v12 .pillar-card-v11.is-filled,
.variant-a-v12 .pillar-card-v11:focus,
.variant-a-v12 .pillar-card-v11:focus-visible{
  transform:translateY(-3px);
  border-color:#9fc9ef;
  box-shadow:0 24px 62px rgba(22,36,63,.13);
  outline:none;
}
.variant-a-v12 .pillar-card-v11:hover::before,
.variant-a-v12 .pillar-card-v11.is-filled::before,
.variant-a-v12 .pillar-card-v11:focus::before,
.variant-a-v12 .pillar-card-v11:focus-visible::before{animation:none;height:100%}
.variant-a-v12 .pillar-card-v11 span,
.variant-a-v12 .pillar-card-v11 h3,
.variant-a-v12 .pillar-card-v11 p{position:relative;z-index:1}
.variant-a-v12 .pillar-card-v11 span{border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(22,36,63,.08)}
.variant-a-v12 .pillar-card-v11:hover span,
.variant-a-v12 .pillar-card-v11.is-filled span,
.variant-a-v12 .pillar-card-v11:focus span,
.variant-a-v12 .pillar-card-v11:focus-visible span{background:var(--navy);color:#fff}
.variant-a-v12 .pillar-card-v11:hover h3,
.variant-a-v12 .pillar-card-v11.is-filled h3,
.variant-a-v12 .pillar-card-v11:focus h3,
.variant-a-v12 .pillar-card-v11:focus-visible h3{color:#0f1a30}
.variant-a-v12 .pillar-card-v11:hover p,
.variant-a-v12 .pillar-card-v11.is-filled p,
.variant-a-v12 .pillar-card-v11:focus p,
.variant-a-v12 .pillar-card-v11:focus-visible p{color:#31445f}
.variant-a-v12 .mtm-slide{
  transform:translateY(0) scale(.97);
  transform-origin:center;
  opacity:.70;
  transition:opacity .34s cubic-bezier(.16,.84,.24,1),transform .34s cubic-bezier(.16,.84,.24,1),box-shadow .34s ease,border-color .34s ease;
}
.variant-a-v12 .mtm-slide.active{
  z-index:3;
  opacity:1;
  transform:translateY(-10px) scale(1.045);
  border-color:#9fc9ef;
  box-shadow:0 34px 92px rgba(22,36,63,.18),0 0 0 1px rgba(62,143,216,.10);
}
.variant-a-v12 .mtm-slide[data-mtm="0"].active{
  color:#fff;
  background:linear-gradient(155deg,#1a3158 0%,#173057 58%,#0f1a30 100%);
  border-color:#9fc9ef;
  box-shadow:0 34px 92px rgba(22,36,63,.24),0 0 0 1px rgba(111,176,230,.20);
}
.variant-a-v12 .mtm-slide[data-mtm="0"].active h3,
.variant-a-v12 .mtm-slide[data-mtm="0"].active p,
.variant-a-v12 .mtm-slide[data-mtm="0"].active b,
.variant-a-v12 .mtm-slide[data-mtm="0"].active .mtm-step{color:#fff}
.variant-a-v12 .mtm-slide[data-mtm="0"].active p{color:#d9e8f7}
.variant-a-v12 .mtm-slide[data-mtm="0"].active .astat{background:#dcefff;color:#245f9a}
.variant-a-v12 .service-routes-v06 .route-v04 .route-visual-v11.one span,
.variant-a-v12 .service-routes-v06 .route-v04 .route-visual-v11.team span{
  padding:0;
  border-radius:50%;
  color:transparent;
  background:linear-gradient(160deg,var(--navy) 0%,#1d4f84 54%,var(--blue) 100%);
  box-shadow:0 18px 46px rgba(22,36,63,.24),0 0 0 8px rgba(62,143,216,.12),inset 0 1px 0 rgba(255,255,255,.10);
}
.variant-a-v12 .service-routes-v06 .route-v04 .route-visual-v11.team i{
  height:3px;
  background:#7eb9ea;
  box-shadow:0 0 18px rgba(62,143,216,.24);
}
.variant-a-v12 main{overflow-x:hidden}
.variant-a-v12 .split-title-v12{display:block;white-space:normal;max-width:min(14ch,100%);text-wrap:balance}
.variant-a-v12 .split-title-v12 > span{display:block !important;width:100%;max-width:100%;white-space:normal}
.variant-a-v12 .hero-v04 .split-title-v12{max-width:min(18ch,100%)}
.variant-a-v12 #guessTitle.split-title-v12,
.variant-a-v12 .guessing-flow-v11 .guessing-copy-v05 h2{max-width:min(12.75ch,100%);text-wrap:balance}
.variant-a-v12 .route-v04 h3.split-title-v12{max-width:15ch}
.variant-a-v12 .route-v04 h3.split-title-v12 > span{width:auto}
/* v0.13: balance the Diagnose (team) route title to match the leader card. A legacy :nth-child(2) rule clamped it to 9ch, which strangled the longer sentence into a cramped, hard-left block. */
.variant-a-v12 .service-routes-v06 .route-v04.route-team-v11 h3{max-width:18ch;text-wrap:balance}
.variant-a-v12 .services-v06 h2.split-title-v12{max-width:min(18ch,100%)}
.variant-a-v12 .services-v06 h2{font-size:clamp(42px,5.7vw,76px)}
.variant-a-v12 .service-routes-v06 .route-v04 h3 span{
  display:block;
  color:inherit;
  background:transparent;
  border-radius:0;
  padding:0;
  font:inherit;
  letter-spacing:0;
  text-transform:none;
}
.work-transform-v12{
  background:
    linear-gradient(90deg,rgba(62,143,216,.08) 0 1px,transparent 1px 100%),
    linear-gradient(160deg,#eef5fc 0%,#fff 72%);
  background-size:34px 100%,100% 100%;
}
.work-transform-v12 .flow-label{display:none}
.work-transform-v12 .flow-label.before{left:18px}
.work-transform-v12 .flow-label.after{right:18px;color:#2f7bbd;text-align:right}
.leader-hub-v12 span{
  position:absolute;
  left:54px;
  top:52px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:linear-gradient(160deg,var(--navy),var(--blue));
  box-shadow:0 14px 34px rgba(22,36,63,.22),0 0 0 7px rgba(62,143,216,.10);
  animation:leaderHubFadeV12 6.4s ease-in-out infinite;
}
.leader-hub-v12 i{
  position:absolute;
  left:66px;
  top:63px;
  width:82px;
  height:2px;
  border-radius:999px;
  background:rgba(90,102,120,.42);
  transform-origin:left center;
  animation:leaderSpokeV12 6.4s ease-in-out infinite;
}
.leader-hub-v12 i:nth-child(2){transform:rotate(-28deg);animation-delay:.08s}
.leader-hub-v12 i:nth-child(3){transform:rotate(0deg);animation-delay:.16s}
.leader-hub-v12 i:nth-child(4){transform:rotate(28deg);animation-delay:.24s}
.leader-spoke-nodes-v12 span{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#dfeaf5;
  border:1px solid rgba(126,185,234,.64);
  box-shadow:0 10px 26px rgba(22,36,63,.12);
  animation:leaderNodeFadeV12 6.4s ease-in-out infinite;
}
.leader-spoke-nodes-v12 span:nth-child(1){left:140px;top:30px}
.leader-spoke-nodes-v12 span:nth-child(2){left:150px;top:55px}
.leader-spoke-nodes-v12 span:nth-child(3){left:140px;top:82px}
.clean-flow-v12{
  position:absolute;
  left:128px;
  right:18px;
  top:52px;
  display:grid;
  grid-template-columns:26px 1.25fr .95fr;
  align-items:center;
  height:32px;
  border-radius:999px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(22,36,63,.15);
  background:#dbe8f5;
  transform-origin:left center;
  animation:cleanLineAppearV12 4.8s ease-in-out infinite;
}
.clean-flow-v12 span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  color:#fff;
  font:900 9px/1 ui-monospace,Menlo,monospace;
  text-transform:uppercase;
  letter-spacing:.05em;
  transform-origin:left center;
  opacity:0;
  animation:flowGrowV12 4.8s ease-in-out infinite;
}
.clean-flow-v12 .flow-origin{background:linear-gradient(160deg,var(--navy),var(--blue));border-radius:50%;width:22px;height:22px;justify-self:center;opacity:1;animation:none;box-shadow:0 0 0 6px rgba(62,143,216,.10)}
.clean-flow-v12 .flow-auto{height:100%;background:linear-gradient(90deg,#3e8fd8,#6fb0e6);animation-delay:1.72s}
.clean-flow-v12 .flow-delegate{height:100%;background:linear-gradient(90deg,#16243f,#224b78);animation-delay:1.86s}
.leader-output-flow-v12{
  position:absolute;
  left:66px;
  right:40px;
  top:50px;
  height:30px;
  opacity:0;
  animation:leaderOutputAppearV12 6.4s ease-in-out infinite;
}
.leader-output-flow-v12 .flow-origin{
  position:absolute;
  left:0;
  top:3px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:linear-gradient(160deg,var(--navy),var(--blue));
  box-shadow:0 14px 34px rgba(22,36,63,.22),0 0 0 7px rgba(62,143,216,.10);
}
.leader-output-flow-v12 .flow-line-main{
  position:absolute;
  left:0;
  right:68px;
  top:14px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#8ebde8,#5aa6df 60%,#7eb9ea);
  transform-origin:left center;
  animation:leaderLineGrowV12 6.4s ease-in-out infinite;
  box-shadow:0 0 18px rgba(62,143,216,.24);
}
.signal-dot-v12{
  position:absolute;
  top:9px;
  width:12px;
  height:12px;
  border-radius:50%;
  opacity:0;
  animation:signalDotInV12 6.4s ease-in-out infinite;
}
.signal-dot-v12.auto{left:42%;background:#d84646;box-shadow:0 0 0 6px rgba(216,70,70,.13),0 0 20px rgba(216,70,70,.22)}
.signal-dot-v12.delegate{left:61%;background:#2f7bc4;box-shadow:0 0 0 6px rgba(47,123,196,.13),0 0 20px rgba(47,123,196,.22);animation-delay:.12s}
.leader-output-flow-v12 .flow-output{
  position:absolute;
  right:0;
  top:0;
  display:grid;
  place-items:center;
  width:68px;
  height:30px;
  border-radius:999px;
  color:#d9ffe9;
  background:linear-gradient(160deg,#0f5f43,#20a66b);
  font:900 9px/1 ui-monospace,Menlo,monospace;
  text-transform:uppercase;
  letter-spacing:.05em;
  box-shadow:0 16px 36px rgba(22,36,63,.18);
  opacity:0;
  transform:translateX(-8px) scale(.94);
  animation:leaderOutputLabelV12 6.4s ease-in-out infinite;
}
.team-nodes-v12 span{
  position:absolute;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(160deg,var(--navy),var(--blue));
  box-shadow:0 16px 38px rgba(22,36,63,.22),0 0 0 7px rgba(62,143,216,.10);
  animation:teamAlignV12 6.4s ease-in-out infinite;
}
.team-nodes-v12 span:nth-child(1){left:26px;top:68px;--dx:0px;--dy:-26px}
.team-nodes-v12 span:nth-child(2){left:88px;top:30px;--dx:0px;--dy:12px;animation-delay:.12s}
.team-nodes-v12 span:nth-child(3){left:150px;top:72px;--dx:0px;--dy:-30px;animation-delay:.24s}
.team-nodes-v12 span:nth-child(4){left:212px;top:38px;--dx:0px;--dy:4px;animation-delay:.34s}
.team-line-v12{
  position:absolute;
  left:42px;
  right:76px;
  top:58px;
  height:28px;
}
.team-line-v12::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:13px;
  height:3px;
  border-radius:99px;
  background:#7eb9ea;
  box-shadow:0 0 18px rgba(62,143,216,.24);
  transform-origin:left center;
  animation:teamLineV12 6.4s ease-in-out infinite;
}
.team-line-v12::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:13px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,rgba(126,185,234,.30),rgba(126,185,234,.82));
  transform-origin:left center;
  transform:scaleX(.36);
  opacity:.65;
  animation:teamBridgeV12 6.4s ease-in-out infinite;
}
.team-line-v12 b{
  position:absolute;
  top:8px;
  width:12px;
  height:12px;
  border-radius:999px;
  background:#d84646;
  box-shadow:0 0 0 6px rgba(216,70,70,.14),0 0 20px rgba(216,70,70,.22);
  opacity:0;
  animation:teamAiV12 6.4s ease-in-out infinite;
}
.team-line-v12 b:nth-child(1){left:24%;animation-delay:.35s}
.team-line-v12 b:nth-child(2){left:49%;animation-delay:.55s}
.team-line-v12 b:nth-child(3){left:72%;animation-delay:.75s}
.automation-legend-v12{display:none}
.automation-legend-v12 i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#d84646;
  box-shadow:0 0 0 5px rgba(216,70,70,.12);
}
@keyframes leaderHubFadeV12{
  0%,100%{opacity:1;transform:scale(1)}
}
@keyframes leaderNodeFadeV12{
  0%,36%{opacity:1;transform:scale(1)}
  62%,100%{opacity:0;transform:translateX(-10px) scale(.72)}
}
@keyframes leaderSpokeV12{
  0%,36%{opacity:1}
  62%,100%{opacity:.08;transform:rotate(0deg) scaleX(.44)}
}
@keyframes leaderOutputAppearV12{
  0%,38%{opacity:0}
  54%,100%{opacity:1}
}
@keyframes leaderLineGrowV12{
  0%,46%{transform:scaleX(.06);opacity:0}
  66%,100%{transform:scaleX(1);opacity:1}
}
@keyframes signalDotInV12{
  0%,58%{opacity:0;transform:translateY(7px) scale(.84)}
  76%,100%{opacity:1;transform:none}
}
@keyframes leaderOutputLabelV12{
  0%,60%{opacity:0;transform:translateX(-8px) scale(.94)}
  78%,100%{opacity:1;transform:none}
}
@keyframes cleanLineAppearV12{
  0%,34%{transform:scaleX(.24);opacity:.55;box-shadow:0 8px 24px rgba(22,36,63,.08)}
  56%,100%{transform:scaleX(1);opacity:1;box-shadow:0 18px 44px rgba(22,36,63,.15)}
}
@keyframes flowGrowV12{
  0%,44%{transform:scaleX(.64);filter:saturate(.75);opacity:0}
  64%,100%{transform:scaleX(1);filter:saturate(1);opacity:1}
}
@keyframes teamAlignV12{
  0%,24%{transform:translate(0,0)}
  56%,100%{transform:translate(var(--dx),var(--dy))}
}
@keyframes teamLineV12{
  0%,24%{transform:scaleX(.32);opacity:.45}
  56%,100%{transform:scaleX(1);opacity:1}
}
@keyframes teamBridgeV12{
  0%,22%{transform:scaleX(.24);opacity:.36}
  38%{transform:scaleX(.58);opacity:.58}
  60%,100%{transform:scaleX(1);opacity:1}
}
@keyframes teamAiV12{
  0%,36%{opacity:0;transform:translateY(8px) scale(.85)}
  60%,100%{opacity:1;transform:translateY(0) scale(1)}
}
.team-drop-v12{
  position:absolute;
  left:28%;
  top:11px;
  width:12px;
  height:16px;
  border-left:3px solid #7eb9ea;
  border-bottom:3px solid #7eb9ea;
  border-radius:0 0 0 8px;
  opacity:0;
  transform:translateY(-8px);
  animation:teamDropV12 6.4s ease-in-out infinite;
}
.team-output-v12{
  position:absolute;
  right:-74px;
  top:0;
  min-width:66px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#d9ffe9;
  background:linear-gradient(160deg,#0f5f43,#20a66b);
  font:900 9px/1 ui-monospace,Menlo,monospace;
  text-transform:uppercase;
  letter-spacing:.05em;
  box-shadow:0 0 0 7px rgba(43,182,115,.14),0 0 20px rgba(43,182,115,.24);
  opacity:0;
  transform:scale(.82);
  animation:teamOutputV12 6.4s ease-in-out infinite;
}
@keyframes teamDropV12{
  0%,48%{opacity:0;transform:translateY(-8px)}
  68%,100%{opacity:1;transform:none}
}
@keyframes teamOutputV12{
  0%,58%{opacity:0;transform:scale(.82)}
  76%,100%{opacity:1;transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .leader-hub-v12 span,
  .leader-hub-v12 i,
  .clean-flow-v12 span,
	  .team-nodes-v12 span,
	  .team-line-v12::before,
	  .team-line-v12::after,
		  .team-line-v12 b,
      .leader-output-flow-v12,
      .leader-output-flow-v12 .flow-line-main,
      .signal-dot-v12,
      .leader-output-flow-v12 .flow-output,
      .team-drop-v12,
      .team-output-v12{animation:none}
    .leader-output-flow-v12,
    .signal-dot-v12,
    .leader-output-flow-v12 .flow-output,
    .team-drop-v12,
    .team-output-v12{opacity:1;transform:none}
  .team-nodes-v12 span{transform:translate(var(--dx),var(--dy))}
	  .team-line-v12::before{transform:scaleX(1)}
	  .team-line-v12::after{transform:scaleX(1);opacity:1}
  .team-line-v12 b{opacity:1}
		}
.route-actions-v12{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:100%;
  margin-top:auto;
  align-items:center;
}
.route-actions-v12 .btn,
.route-actions-v12 .more{
  width:100%;
  min-height:42px;
  justify-content:center;
  text-align:center;
  margin:0;
  box-shadow:none;
}
.route-actions-v12 .btn:hover,
.route-actions-v12 .more:hover{box-shadow:0 10px 28px rgba(22,36,63,.10)}
.variant-a-v12 .echo-flow-stage{
  isolation:isolate;
  padding-bottom:74px;
  background:
    radial-gradient(circle at 22% 18%,rgba(111,176,230,.16),transparent 36%),
    linear-gradient(145deg,#151a22 0%,#0a0d12 100%);
  box-shadow:0 34px 100px rgba(22,36,63,.18),0 22px 80px rgba(0,0,0,.14);
}
.variant-a-v12 .echo-flow-stage::before,
.variant-a-v12 .echo-flow-stage::after{z-index:0}
.variant-a-v12 .echo-flow-card{
  z-index:2;
  background:rgba(5,7,10,.94);
  box-shadow:0 26px 72px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
}
.variant-a-v12 .echo-flow-card.active{box-shadow:0 30px 82px rgba(0,0,0,.38),0 0 0 1px rgba(111,176,230,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.variant-a-v12 .echo-flow-stage .echo-stage-cta-v12{
  position:absolute;
  left:50%;
  bottom:28px;
  z-index:4;
  transform:translateX(-50%);
  white-space:nowrap;
}
.variant-a-v12 .echo-flow-stage .echo-stage-cta-v12:hover{transform:translateX(-50%) translateY(-1px)}
.variant-a-v12 .echo-flow-sticky .btn{justify-self:center}
.tool-workflow-v12{
  display:grid;
  grid-template-columns:1fr 42px 1fr 42px 1fr;
  gap:10px;
  align-items:center;
  margin:28px 0 20px;
}
.tool-workflow-v12 .wf-node{
  min-height:112px;
  border:1px solid rgba(62,143,216,.18);
  border-radius:18px;
  padding:18px;
  background:#fff;
  box-shadow:0 18px 48px rgba(22,36,63,.08);
}
.tool-workflow-v12 .wf-node span{
  display:block;
  color:var(--blue);
  font:900 11px/1 ui-monospace,Menlo,monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:10px;
}
.tool-workflow-v12 .wf-node b{display:block;font-size:18px;line-height:1.25;color:var(--navy)}
.tool-workflow-v12 .wf-node.echo{
  color:#fff;
  background:linear-gradient(155deg,#1b3158,#0f1a30);
  border-color:#78b9ee;
}
.tool-workflow-v12 .wf-node.echo span{color:#a9d7fb}
.tool-workflow-v12 .wf-node.echo b{color:#fff}
.tool-workflow-v12 i{
  display:block;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#9fc9ef,#3E8FD8);
  position:relative;
}
.tool-workflow-v12 i::after{
  content:"";
  position:absolute;
  right:-2px;
  top:50%;
  width:9px;
  height:9px;
  border-top:3px solid #3E8FD8;
  border-right:3px solid #3E8FD8;
  transform:translateY(-50%) rotate(45deg);
}
.echo-page-v08 .ingest-map-v12{margin-top:20px}
.echo-page-v08 .alt.echo-ingest-v12{
  background:linear-gradient(180deg,#eef6ff 0%,#f8fbff 100%);
}
.echo-page-v08 .trustband{background:linear-gradient(160deg,#16243F 0%,#0F1A30 100%)}
.echo-page-v08 .trustband .k2{color:#78bef3 !important}
@keyframes logoGlowV12{
  0%,100%{box-shadow:0 0 0 1px #3e8fd86b,0 0 0 5px rgba(62,143,216,.10),0 0 22px rgba(62,143,216,.26)}
  50%{box-shadow:0 0 0 1px #6fb0e6a0,0 0 0 6px rgba(111,176,230,.16),0 0 34px rgba(111,176,230,.42)}
}
.echo-privacy-v12{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  max-width:860px;
  margin:30px auto 0;
  padding:18px 20px;
  border:1px solid #d7e6f6;
  border-left:3px solid var(--blue);
  border-radius:18px;
  background:#f5f9fd;
  color:var(--navy);
}
.echo-privacy-v12 b{display:block;font-size:16px;line-height:1.25;margin-bottom:4px}
.echo-privacy-v12 p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.echo-privacy-v12 .tlock{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e5f1fc;position:relative;margin:0;top:0;border:0}
.echo-privacy-v12 .tlock::before{content:"";width:10px;height:8px;border:2px solid var(--blue);border-top:0;border-radius:2px;transform:translateY(2px);position:static}
.echo-privacy-v12 .tlock::after{content:"";position:absolute;width:9px;height:8px;border:2px solid var(--blue);border-bottom:0;border-radius:9px 9px 0 0;top:6px}
@keyframes v12PillarEnter{
  from{opacity:0;transform:translateX(20px)}
  to{opacity:1;transform:none}
}
@keyframes v12PillarFill{
  0%{height:0}
  44%{height:100%}
  100%{height:0}
}
.how-we-think-v12 .wrap{max-width:880px}
.how-we-think-v12 .manifest-lede-v06{max-width:31ch}
.variant-a-v12 .how-we-think-v12{padding-bottom:clamp(118px,13vh,180px)}
.variant-a-v12 .how-we-think-v12 .btn{margin-top:10px;margin-bottom:clamp(30px,5vh,70px)}
.manifest-body-v12{max-width:58ch;margin:18px auto 24px;color:var(--muted);font-size:18px;line-height:1.58}
.ai-letter-v12{
  margin-top:26px;
  max-width:820px;
  padding:clamp(24px,4vw,46px);
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 70px rgba(22,36,63,.10);
}
.ai-letter-v12 .k2{color:var(--blue)}
.ai-letter-v12 p{font-size:18px;line-height:1.65;color:var(--muted);max-width:68ch}
.ai-letter-v12 p:first-of-type{color:var(--navy);font-size:clamp(22px,2.3vw,30px);line-height:1.25}
.letter-cta-v12{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.about-manifest-v12 .wrap{max-width:920px}
.about-manifest-v12 .lead{font-size:clamp(20px,2.2vw,30px);line-height:1.35;color:var(--navy)}
.about-manifest-v12 .manifesto-scale{border-radius:22px;text-align:left;padding:clamp(26px,4vw,44px)}
.about-manifest-v12 .manifesto-scale span{font-size:clamp(36px,6.6vw,82px);max-width:10ch}
.about-manifest-v12 .manifesto-scale b{margin-left:0;max-width:58ch}

@media(min-width:981px) and (max-width:1100px){
  .guessing-flow-v11 .guessing-grid-v05{grid-template-columns:.82fr 1.18fr;gap:14px}
  .variant-a-v11 .guessing-flow-v11 .guessing-copy-v05 h2{font-size:clamp(38px,5vw,56px)}
  .guessing-flow-v11 .guessing-copy-v05 p{font-size:17px}
  .context-map-v11{max-width:540px}
  .context-core-v11{width:clamp(164px,19vw,190px)}
  .context-core-v11 b{font-size:clamp(28px,3vw,36px)}
  .context-core-v11 p{font-size:12px}
  .guess-node-v11{width:min(190px,28%);min-height:150px;padding:16px}
  .guess-node-v11 b{font-size:clamp(19px,2vw,24px)}
  .guess-node-v11 p{font-size:12.5px;line-height:1.38}
}

@media(max-width:980px){
  .variant-a-v11 .bar.nav-v11 .wrap{height:auto;min-height:62px;align-items:flex-start}
  .mega-nav{width:100%;flex-wrap:wrap;gap:8px;padding-bottom:10px}
  .mega-nav>.nav-link,.mega-nav>.btn,.nav-item>a{border:1px solid #dfe8f3;background:#fff;min-height:34px;padding:0 10px}
  .mega-panel{display:none}
  .variant-a-v11 .guessing-flow-v11{height:auto}
  .guessing-flow-v11 .guessing-sticky{position:relative;height:auto;padding:80px 0}
  .guessing-flow-v11 .guessing-grid-v05,
  .pillar-stage-v11{grid-template-columns:1fr}
  .variant-a-v12 .homepage-slide-v12{min-height:auto}
  .guessing-stage-flow-v11{height:auto}
  .context-map-v11{min-height:auto;display:grid;gap:14px;place-items:stretch}
  .context-map-v11::before,.context-map-v11::after,.context-thread-v11{display:none}
  .context-core-v11{width:100%;aspect-ratio:auto;border-radius:8px;min-height:170px}
  .guess-node-v11,
  .guess-node-v11.manager,
  .guess-node-v11.employee,
  .guess-node-v11.ai,
  .guess-node-v11.manager.active,
  .guess-node-v11.employee.active,
  .guess-node-v11.ai.active{position:relative;left:auto;right:auto;top:auto;width:100%;transform:none}
  .pillar-stage-v11{gap:18px}
  .context-brief-v11{min-height:360px}
}
@media(max-width:680px){
  .variant-a-v11 .bar.nav-v11 .wrap{gap:8px}
  .variant-a-v11 .app-glow{width:40px;height:34px}
  .variant-a-v11 .logo-app .brand-mark{width:30px;height:25px}
  .mega-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mega-nav>.nav-link,.mega-nav>.btn,.nav-item>a{width:100%;justify-content:center;font-size:12px}
  .mega-nav>.btn{grid-column:1 / -1;margin-left:0}
  .guessing-flow-v11 .guessing-copy-v05 h2,
  .context-pillars-v11 h2,
  .variant-a-v11 .services-v06 h2{font-size:clamp(40px,12vw,62px)}
  .pillar-card-v11{grid-template-columns:1fr}
  .pillar-card-v11 span{margin-bottom:12px}
  .context-brief-v11{min-height:330px;padding:22px}
  .brief-bottom-v11 span{font-size:11px}
  .variant-a-v12 .phero h1{font-size:clamp(38px,12vw,58px)}
  .letter-cta-v12 .btn,.letter-cta-v12 .ghost{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .guess-node-v11,
  .context-core-v11,
  .context-map-v11::before,
  .pillar-card-v11,
  .coaching-step-v12{transition:none;transform:none !important}
  .reveal.in .k2,
  .variant-a-v12 .reveal.in .pillar-card-v11,
  .variant-a-v12 .reveal.in .pillar-card-v11::before{animation:none !important}
  .variant-a-v12 .reveal .pillar-card-v11{opacity:1;transform:none}
}

/* v0.12 polish pass: smoother story scroll, cleaner timeline focus, and darker first/last page framing */
.variant-a-v12 .guessing-flow-v11{height:480vh}
.variant-a-v12 .text-pop{animation:v12TextFloat .72s cubic-bezier(.16,.84,.24,1) both}
@keyframes v12TextFloat{from{opacity:.34;transform:translateY(8px)}to{opacity:1;transform:none}}

.variant-a-v12 .mtm-track-window{
  width:min(1020px,calc(100vw - 56px));
  overflow:visible;
  padding:10px 0 42px;
  margin-top:18px;
}
.variant-a-v12 .mtm-track{gap:18px;contain:none;overflow:visible}
.variant-a-v12 .mtm-slide{
  flex-basis:clamp(284px,28vw,380px);
  min-height:292px;
  border-color:rgba(196,214,232,.58);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 10px 30px rgba(22,36,63,.055);
  transform:translateY(0) scale(.94);
}
.variant-a-v12 .mtm-slide::before{right:-44px}
.variant-a-v12 .mtm-slide h3{font-size:clamp(30px,3.1vw,42px)}
.variant-a-v12 .mtm-slide p{font-size:15px}
.variant-a-v12 .mtm-slide.active{
  transform:translateY(-14px) scale(1.085);
  box-shadow:0 40px 110px rgba(22,36,63,.22),0 0 0 1px rgba(62,143,216,.16);
}
.variant-a-v12 .mtm-slide.active::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:0 0 0 1px rgba(111,176,230,.34),0 0 34px rgba(62,143,216,.16);
}
.variant-a-v12 .mtm-slide.mtm-end{
  background:
    radial-gradient(circle at 82% 18%,rgba(62,143,216,.32),transparent 30%),
    linear-gradient(160deg,var(--navy) 0%,#0f1a30 62%,#07101f 100%);
  border-color:rgba(111,176,230,.34);
  color:#fff;
  box-shadow:0 24px 76px rgba(8,16,33,.25),0 0 0 1px rgba(111,176,230,.12);
}
.variant-a-v12 .mtm-slide.mtm-end::before{
  background:linear-gradient(90deg,rgba(111,176,230,.55),rgba(111,176,230,0));
}
.variant-a-v12 .mtm-slide.mtm-end .mtm-step,
.variant-a-v12 .mtm-slide.mtm-end h3,
.variant-a-v12 .mtm-slide.mtm-end b{color:#fff}
.variant-a-v12 .mtm-slide.mtm-end p{color:#d8e5f7}
.variant-a-v12 .mtm-slide.mtm-end .astat{
  background:rgba(159,201,239,.16);
  color:#bfe0ff;
  border-color:rgba(159,201,239,.24);
}
.variant-a-v12 .mtm-slide.mtm-end .mtm-line-dot{
  border-color:#8fc7f2;
  background:#0f1a30;
  box-shadow:0 0 0 7px rgba(62,143,216,.12);
}
.variant-a-v12 .mtm-slide.mtm-end.active{
  box-shadow:0 46px 130px rgba(8,16,33,.32),0 0 0 1px rgba(111,176,230,.28),0 0 54px rgba(62,143,216,.18);
}

.variant-a-v12 .quote-close-v04{background:radial-gradient(circle at 50% 12%,rgba(80,183,242,.18),transparent 34%),linear-gradient(160deg,#071120 0%,#0a1830 48%,#071120 100%)}
.variant-a-v12 .quote-close-v04 + .site-foot{border-top:1px solid rgba(255,255,255,.12)}

body:not(.variant-a) section.alt{background:#fff}
body:not(.variant-a) .ctaband{
  background:var(--navy);
  color:#fff;
  border-top:0;
}
body:not(.variant-a) .ctaband .lead{color:#cdd9ec}
body:not(.variant-a) .ctaband .ghost.dark{color:#fff !important;border-color:#ffffff3a}
body:not(.variant-a) .ctaband .ghost.dark:hover{background:#ffffff12;border-color:#fff}

.recruit-offer-orbit-v12{
  position:relative;
  min-height:640px;
  margin-top:30px;
  isolation:isolate;
}
.recruit-offer-orbit-v12::before{
  content:"";
  position:absolute;
  inset:72px 13%;
  border:1px solid #dce9f6;
  border-radius:50%;
  z-index:0;
}
.recruit-offer-orbit-v12::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(520px,64vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(111,176,230,.18),rgba(111,176,230,0) 64%);
  transform:translate(-50%,-50%);
  z-index:0;
}
.offer-node-v12{
  position:absolute;
  z-index:1;
  width:min(330px,35vw);
  min-height:210px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  padding:20px;
  box-shadow:0 18px 52px rgba(22,36,63,.09);
}
.offer-node-v12 .top-rule{height:3px;width:44px;border-radius:99px;background:linear-gradient(90deg,var(--blue),#53a66f);margin-bottom:14px}
.offer-node-v12 h3{font-size:20px;line-height:1.12;text-align:left}
.offer-node-v12 p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}
.offer-node-v12 .note{margin-top:10px}
.offer-node-v12:nth-of-type(1){left:0;top:0}
.offer-node-v12:nth-of-type(2){right:0;top:54px}
.offer-node-v12:nth-of-type(3){left:5%;bottom:28px}
.offer-node-v12:nth-of-type(4){right:4%;bottom:0}
.offer-center-v12{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:224px;
  min-height:224px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  padding:24px;
  text-align:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(160deg,var(--navy),var(--navy-deep));
  box-shadow:0 36px 100px rgba(22,36,63,.24),0 0 0 10px rgba(62,143,216,.08),0 0 80px rgba(62,143,216,.22);
  transform:translate(-50%,-50%);
}
.offer-center-v12 span{font:900 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#9fc9ef}
.offer-center-v12 b{font-size:22px;line-height:1.05}
.offer-center-v12 .btn{margin-top:2px}
.recruit-offer-slider-v13{
  max-width:1120px;
  margin:34px auto 0;
  display:grid;
  gap:18px;
}
.offer-slider-stage-v13{
  position:relative;
  min-height:392px;
  border:1px solid #dbe8f5;
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 18%, rgba(55,140,212,.16), transparent 28%),
    linear-gradient(135deg,#fff 0%,#f8fbff 56%,#eef6ff 100%);
  box-shadow:0 26px 70px rgba(22,36,63,.1);
}
.offer-slider-stage-v13::after{
  content:"";
  position:absolute;
  inset:auto 36px 34px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(55,140,212,.18),rgba(83,166,111,.12));
  filter:blur(2px);
  pointer-events:none;
}
.offer-slide-v13{
  position:absolute;
  inset:0;
  display:grid;
  align-content:center;
  gap:14px;
  max-width:790px;
  padding:56px clamp(28px,7vw,82px);
  opacity:0;
  pointer-events:none;
  transform:translateX(42px) scale(.985);
  transition:opacity .36s ease,transform .44s cubic-bezier(.2,.9,.2,1);
}
.offer-slide-v13.active{
  opacity:1;
  pointer-events:auto;
  transform:none;
}
.offer-slide-v13 .top-rule{
  height:4px;
  width:64px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--blue),#53a66f);
  margin-bottom:4px;
}
.offer-count-v13{
  font:900 12px/1 ui-monospace,Menlo,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue);
}
.offer-slide-v13 h3{
  margin:0;
  max-width:17ch;
  text-align:left;
  font-size:clamp(34px,4.2vw,62px);
  line-height:.98;
  letter-spacing:0;
  color:var(--navy);
}
.offer-slide-v13 p{
  margin:0;
  max-width:56ch;
  font-size:clamp(17px,1.55vw,23px);
  line-height:1.52;
  color:var(--muted);
}
.offer-slide-v13 .note{
  max-width:58ch;
  font-size:15px;
  color:#40516b;
}
.offer-slider-controls-v13{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.offer-dot-v13{
  width:50px;
  height:42px;
  border-radius:14px;
  border:1px solid #cfe2f5;
  background:#fff;
  color:var(--blue);
  font:900 12px/1 ui-monospace,Menlo,monospace;
  letter-spacing:.08em;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(22,36,63,.06);
  transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;
}
.offer-dot-v13:hover,
.offer-dot-v13.active{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
  transform:translateY(-1px);
}
.offer-slider-cta-v13{
  display:grid;
  justify-items:center;
  gap:9px;
  max-width:520px;
  margin:4px auto 0;
  text-align:center;
  color:var(--navy);
}
.offer-slider-cta-v13 span{
  font:900 11px/1 ui-monospace,Menlo,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--blue);
}
.offer-slider-cta-v13 b{
  font-size:clamp(24px,2.6vw,36px);
  line-height:1.05;
}
.offer-slider-cta-v13 p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}

@media(min-width:761px){
  .variant-a-v12 .mtm-horizontal{height:330vh}
  .variant-a-v12 .mtm-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
  .variant-a-v12 .mtm-track{transform:translate3d(0,0,0)}
}
@media(max-width:900px) and (min-width:761px){
  .variant-a-v12 .mtm-horizontal-shell{padding-top:64px;padding-bottom:56px}
  .variant-a-v12 .mtm-track-window{width:min(760px,calc(100vw - 48px))}
  .variant-a-v12 .mtm-slide{flex-basis:clamp(270px,36vw,340px)}
}
@media(max-width:760px){
  .variant-a-v12 .guessing-flow-v11{height:auto}
  .variant-a-v12 .mtm-track-window{width:100%;overflow-x:auto;padding:0 20px 20px;scroll-snap-type:x mandatory}
  .variant-a-v12 .mtm-track{gap:14px}
  .variant-a-v12 .mtm-slide{
    flex-basis:min(82vw,420px);
    min-height:320px;
    transform:none;
    opacity:.68;
    scroll-snap-align:center;
  }
  .variant-a-v12 .mtm-slide.active{
    transform:none;
    opacity:1;
    box-shadow:0 20px 54px rgba(22,36,63,.14),0 0 0 1px rgba(62,143,216,.18);
  }
  .recruit-offer-orbit-v12{
    display:grid;
    gap:14px;
    min-height:auto;
  }
  .recruit-offer-orbit-v12::before,
  .recruit-offer-orbit-v12::after{display:none}
  .offer-node-v12,
  .offer-center-v12{
    position:relative;
    inset:auto !important;
    width:100%;
    min-height:auto;
    transform:none;
  }
  .offer-center-v12{
    order:5;
    border-radius:20px;
  }
  .offer-slider-stage-v13{
    min-height:520px;
    border-radius:20px;
  }
  .offer-slider-stage-v13::after{
    width:140px;
    height:140px;
    inset:auto 12px 22px auto;
  }
  .offer-slide-v13{
    padding:32px 24px;
    align-content:start;
  }
  .offer-slide-v13 h3{
    font-size:34px;
    max-width:13ch;
  }
  .offer-slide-v13 p{
    font-size:16px;
  }
  .offer-slider-cta-v13{
    padding:0 8px;
  }
}

/* Literal final override: current homepage choreography should not blink or drift. */
@media(min-width:981px){
  .variant-a-v12 .guessing-flow-v11{
    --guess-copy-start-x:-6%;
    --guess-copy-end-x:-6%;
  }
  .variant-a-v12 .guessing-flow-v11 .text-pop{
    opacity:1 !important;
    animation:none !important;
  }
}
.route-kicker-v12::after{
  animation-duration:4.8s !important;
}

/* EOF v0.13 override: final source-order guardrails for this section pass. */
body.variant-a-v12::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:88;
  pointer-events:none;
  opacity:0;
  background:rgba(244,249,254,.46);
  -webkit-backdrop-filter:blur(12px) saturate(1.12);
  backdrop-filter:blur(12px) saturate(1.12);
  transition:opacity .22s ease;
}
body.variant-a-v12.mega-active-v13::before{opacity:1}
body.variant-a-v12 .bar.nav-v11{z-index:120}
body.variant-a-v12 .mega-panel{z-index:130}
.variant-a-v12 .mega-panel,
body.variant-a-v12 .mega-panel{
  background:rgba(247,251,255,.88) !important;
  border-color:rgba(205,226,244,.72) !important;
  box-shadow:0 34px 110px rgba(9,18,32,.24),inset 0 1px 0 rgba(255,255,255,.86) !important;
  -webkit-backdrop-filter:blur(30px) saturate(1.45);
  backdrop-filter:blur(30px) saturate(1.45);
}
.mega-visual.mega-team-still-v13,
.mega-visual.mega-context-still-v13{
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,#f5faff,#eaf4fd) !important;
  color:var(--navy) !important;
  border:1px solid rgba(173,210,239,.58);
}
.mega-visual.mega-team-still-v13 b,
.mega-visual.mega-context-still-v13 b{color:var(--navy) !important}
.mega-visual.mega-team-still-v13 p,
.mega-visual.mega-context-still-v13 p{color:#5c6f88 !important}
.mega-visual.mega-team-still-v13::before{
  content:"";
  position:absolute;
  left:22px;
  right:28px;
  top:36px;
  height:3px;
  border-radius:99px;
  background:#78b7e9;
  box-shadow:
    44px 0 0 0 #d84646,
    44px 0 0 8px rgba(216,70,70,.13),
    112px 0 0 0 #d84646,
    112px 0 0 8px rgba(216,70,70,.13),
    180px 0 0 0 #d84646,
    180px 0 0 8px rgba(216,70,70,.13);
}
.mega-visual.mega-team-still-v13::after{
  content:"OUTPUT";
  position:absolute;
  right:18px;
  top:21px;
  min-width:68px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#e9fff4;
  background:linear-gradient(160deg,#0f7a4d,#22a56d);
  font:900 10px/1 ui-monospace,Menlo,monospace;
  letter-spacing:.05em;
  box-shadow:0 0 0 9px rgba(34,165,109,.14);
}
.mega-visual.mega-context-still-v13::before{
  content:"";
  position:absolute;
  right:28px;
  top:24px;
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#19345d 0 42%,rgba(111,176,230,.16) 43% 68%,rgba(111,176,230,.04) 69% 100%);
  box-shadow:0 0 0 1px rgba(111,176,230,.35),0 18px 44px rgba(22,36,63,.12);
}
.team-nodes-v12 span:nth-child(1){left:42px !important;top:92px !important;--dy:-40px}
.team-nodes-v12 span:nth-child(2){left:132px !important;top:44px !important;--dy:8px}
.team-nodes-v12 span:nth-child(3){left:222px !important;top:94px !important;--dy:-42px}
.team-nodes-v12 span:nth-child(4){left:312px !important;top:50px !important;--dy:2px}
.team-line-v12{left:63px !important;right:100px !important;top:56px !important;height:34px !important}
.team-line-v12::before,
.team-line-v12::after{top:16px !important}
.team-line-v12::after{background:#78b7e9 !important;opacity:1 !important}
.team-line-v12 b{top:10px !important;transform:translateX(-50%)}
.team-line-v12 b:nth-child(1){left:45px !important}
.team-line-v12 b:nth-child(2){left:135px !important}
.team-line-v12 b:nth-child(3){left:225px !important}
.team-output-v12{
  right:-90px !important;
  color:#eafff3 !important;
  background:linear-gradient(160deg,#0f7a4d,#24a96f) !important;
  box-shadow:0 0 0 10px rgba(34,165,109,.15),0 14px 34px rgba(22,36,63,.14) !important;
}
.more{display:inline-flex !important}
.ai-curious-frontdoors-v13 .card{min-height:260px}

/* Final guard: this continuation pass must win after prior EOF nav/team overrides. */
body.variant-a-v12 .hero-v04-frame{
  grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);
}
body.variant-a-v12 .hero-v04-stack{
  height:min(640px,70vh);
}
body.variant-a-v12 .hero-card{
  left:clamp(0px,2vw,28px);
  min-height:210px;
  padding:30px 32px;
  border-radius:12px;
}
body.variant-a-v12 .hero-card b{
  font-size:clamp(26px,2.75vw,42px);
  line-height:1.04;
  max-width:14ch;
}
body.variant-a-v12 .hero-card p{
  font-size:clamp(15px,1.15vw,17px);
  max-width:45ch;
}
body.variant-a-v12 .hero-stage-swap h1{
  animation:v12HeroTitleLeftIn .58s cubic-bezier(.16,.84,.24,1) both !important;
}
body.variant-a-v12 .homepage-cta-v12.more,
body.variant-a-v12 .action-row .homepage-cta-v12.more,
body.variant-a-v12 .route-actions-v12 .homepage-cta-v12.more{
  border-color:rgba(62,143,216,.28) !important;
  color:#2a72bd !important;
  background:linear-gradient(180deg,#f7fbff,#edf6ff) !important;
  box-shadow:0 10px 28px rgba(62,143,216,.10) !important;
}
body.variant-a-v12 .homepage-cta-v12:hover,
body.variant-a-v12 .homepage-cta-v12.more:hover,
body.variant-a-v12 .action-row .homepage-cta-v12.more:hover,
body.variant-a-v12 .route-actions-v12 .homepage-cta-v12.more:hover{
  color:#fff !important;
  border-color:#2f7bc4 !important;
  background:#2f7bc4 !important;
  background-image:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
  box-shadow:0 14px 34px rgba(62,143,216,.34),0 0 0 4px rgba(62,143,216,.12) !important;
}
body.variant-a-v12 .hero-v04-actions .homepage-cta-v12.ghost:hover{
  color:#fff !important;
}
body.variant-a-v12 .context-brief-v11 .context-manifesto-cta-v12 + h3{
  margin:0 0 18px;
}

@media(max-width:980px){
  body.variant-a-v12 .hero-v04-frame{
    grid-template-columns:1fr;
  }
  body.variant-a-v12 .hero-card{
    min-height:190px;
  }
}

/* v0.12 continuation: homepage CTA reduction, hero copy reset, and Great Context cleanup. */
.variant-a-v12 .hero-v04-frame{
  grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);
}
.variant-a-v12 .hero-v04-copy{
  overflow:visible;
}
.variant-a-v12 .hero-v04-copy h1{
  will-change:opacity,transform;
}
.variant-a-v12 .hero-stage-leaving{
  opacity:.78;
  transform:translateX(-8px);
}
.variant-a-v12 .hero-stage-swap h1{
  animation:v12HeroTitleLeftIn .58s cubic-bezier(.16,.84,.24,1) both !important;
}
@keyframes v12HeroTitleLeftIn{
  from{opacity:0;transform:translateX(-34px);filter:blur(4px)}
  to{opacity:1;transform:none;filter:none}
}
.variant-a-v12 .hero-v04-stack{
  height:min(640px,70vh);
}
.variant-a-v12 .hero-card{
  left:clamp(0px,2vw,28px);
  min-height:210px;
  padding:30px 32px;
  border-radius:12px;
}
.variant-a-v12 .hero-card b{
  font-size:clamp(26px,2.75vw,42px);
  line-height:1.04;
  max-width:14ch;
}
.variant-a-v12 .hero-card p{
  font-size:clamp(15px,1.15vw,17px);
  max-width:45ch;
}
.variant-a-v12 .hero-card-1{
  transform:translate3d(calc(var(--hero-progress) * -56px),calc(-188px + var(--hero-progress) * -22px),calc(86px - var(--hero-progress) * 116px)) rotateY(calc(-10deg + var(--hero-progress) * 9deg)) rotateX(3deg);
}
.variant-a-v12 .hero-card-2{
  transform:translate3d(calc(32px + var(--hero-progress) * -90px),calc(-6px + var(--hero-progress) * -40px),calc(24px + var(--hero-progress) * 58px)) rotateY(calc(-2deg + var(--hero-progress) * 12deg));
}
.variant-a-v12 .hero-card-3{
  transform:translate3d(calc(76px + var(--hero-progress) * -124px),calc(178px + var(--hero-progress) * -56px),calc(-72px + var(--hero-progress) * 100px)) rotateY(calc(8deg + var(--hero-progress) * 15deg));
}
.context-manifesto-cta-v12{
  position:relative;
  z-index:3;
  align-self:flex-start;
  margin:0 0 14px;
}
.homepage-cta-v12:not(.echo-stage-cta-v12){
  opacity:0;
  transform:translateY(12px);
}
.homepage-cta-v12.cta-visible:not(.echo-stage-cta-v12){
  animation:homepageCtaInV12 .62s cubic-bezier(.16,.84,.24,1) both;
}
@keyframes homepageCtaInV12{
  from{opacity:0;transform:translateY(14px);filter:blur(4px)}
  to{opacity:1;transform:none;filter:none}
}
.variant-a-v12 .homepage-cta-v12.more,
.variant-a-v12 .action-row .homepage-cta-v12.more,
.variant-a-v12 .route-actions-v12 .homepage-cta-v12.more{
  min-height:42px;
  padding:0 18px;
  border-color:rgba(62,143,216,.28);
  color:#2a72bd !important;
  background:linear-gradient(180deg,#f7fbff,#edf6ff);
  box-shadow:0 10px 28px rgba(62,143,216,.10);
}
.variant-a-v12 .homepage-cta-v12:hover,
.variant-a-v12 .homepage-cta-v12.more:hover,
.variant-a-v12 .action-row .homepage-cta-v12.more:hover,
.variant-a-v12 .route-actions-v12 .homepage-cta-v12.more:hover{
  color:#fff !important;
  border-color:#2f7bc4;
  background:#2f7bc4;
  background-image:linear-gradient(120deg,#2a72bd,#3e8fd8);
  box-shadow:0 14px 34px rgba(62,143,216,.34),0 0 0 4px rgba(62,143,216,.12);
}
.variant-a-v12 .hero-v04-actions .homepage-cta-v12.ghost:hover{
  color:#fff !important;
}
.variant-a-v12 .echo-flow-stage .echo-stage-cta-v12.cta-visible{
  opacity:1;
}

@media(max-width:980px){
  .variant-a-v12 .hero-v04-frame{
    grid-template-columns:1fr;
  }
  .variant-a-v12 .hero-card{
    min-height:190px;
  }
}
@media(prefers-reduced-motion:reduce){
  .variant-a-v12 .hero-stage-swap h1,
  .homepage-cta-v12.cta-visible:not(.echo-stage-cta-v12){
    animation:none !important;
  }
  .homepage-cta-v12:not(.echo-stage-cta-v12){
    opacity:1;
    transform:none;
  }
}

/* v0.13 section pass: mega-menu readability, teams-animation geometry, visible route links. */
body.variant-a-v12::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:88;
  pointer-events:none;
  opacity:0;
  background:rgba(244,249,254,.46);
  -webkit-backdrop-filter:blur(12px) saturate(1.12);
  backdrop-filter:blur(12px) saturate(1.12);
  transition:opacity .22s ease;
}
body.variant-a-v12.mega-active-v13::before{
  opacity:1;
}
body.variant-a-v12 .bar.nav-v11{
  z-index:120;
}
body.variant-a-v12 .mega-panel{
  z-index:130;
}
.variant-a-v12 .mega-panel,
body.variant-a-v12 .mega-panel{
  background:rgba(247,251,255,.88) !important;
  border-color:rgba(205,226,244,.72) !important;
  box-shadow:0 34px 110px rgba(9,18,32,.24),inset 0 1px 0 rgba(255,255,255,.86) !important;
  -webkit-backdrop-filter:blur(30px) saturate(1.45);
  backdrop-filter:blur(30px) saturate(1.45);
}
.mega-visual.mega-team-still-v13,
.mega-visual.mega-context-still-v13{
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,#f5faff,#eaf4fd) !important;
  color:var(--navy) !important;
  border:1px solid rgba(173,210,239,.58);
}
.mega-visual.mega-team-still-v13 b,
.mega-visual.mega-context-still-v13 b{
  color:var(--navy) !important;
}
.mega-visual.mega-team-still-v13 p,
.mega-visual.mega-context-still-v13 p{
  color:#5c6f88 !important;
}
.mega-visual.mega-team-still-v13::before{
  content:"";
  position:absolute;
  left:22px;
  right:28px;
  top:36px;
  height:3px;
  border-radius:99px;
  background:#78b7e9;
  box-shadow:
    44px 0 0 0 #d84646,
    44px 0 0 8px rgba(216,70,70,.13),
    112px 0 0 0 #d84646,
    112px 0 0 8px rgba(216,70,70,.13),
    180px 0 0 0 #d84646,
    180px 0 0 8px rgba(216,70,70,.13);
}
.mega-visual.mega-team-still-v13::after{
  content:"OUTPUT";
  position:absolute;
  right:18px;
  top:21px;
  min-width:68px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#e9fff4;
  background:linear-gradient(160deg,#0f7a4d,#22a56d);
  font:900 10px/1 ui-monospace,Menlo,monospace;
  letter-spacing:.05em;
  box-shadow:0 0 0 9px rgba(34,165,109,.14);
}
.mega-visual.mega-context-still-v13::before{
  content:"";
  position:absolute;
  right:28px;
  top:24px;
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#19345d 0 42%,rgba(111,176,230,.16) 43% 68%,rgba(111,176,230,.04) 69% 100%);
  box-shadow:0 0 0 1px rgba(111,176,230,.35),0 18px 44px rgba(22,36,63,.12);
}
.team-nodes-v12 span:nth-child(1){left:42px !important;top:92px !important;--dy:-40px}
.team-nodes-v12 span:nth-child(2){left:132px !important;top:44px !important;--dy:8px}
.team-nodes-v12 span:nth-child(3){left:222px !important;top:94px !important;--dy:-42px}
.team-nodes-v12 span:nth-child(4){left:312px !important;top:50px !important;--dy:2px}
.team-line-v12{
  left:63px !important;
  right:100px !important;
  top:56px !important;
  height:34px !important;
}
.team-line-v12::before,
.team-line-v12::after{
  top:16px !important;
}
.team-line-v12::after{
  background:#78b7e9 !important;
  opacity:1 !important;
}
.team-line-v12 b{
  top:10px !important;
  transform:translateX(-50%);
}
.team-line-v12 b:nth-child(1){left:45px !important}
.team-line-v12 b:nth-child(2){left:135px !important}
.team-line-v12 b:nth-child(3){left:225px !important}
.team-output-v12{
  right:-90px !important;
  color:#eafff3 !important;
  background:linear-gradient(160deg,#0f7a4d,#24a96f) !important;
  box-shadow:0 0 0 10px rgba(34,165,109,.15),0 14px 34px rgba(22,36,63,.14) !important;
}
.more{
  display:inline-flex !important;
}
.ai-curious-frontdoors-v13 .card{
  min-height:260px;
}

.ai-curious-get-v12{
  background:linear-gradient(180deg,#fff,#f7f9fc);
}
.ai-curious-benefits-v12 .card{
  min-height:190px;
}
.ai-curious-benefits-v12 .card h3{
  font-size:clamp(19px,1.8vw,24px);
}
.ai-curious-benefits-v12 .card p{
  font-size:14.5px;
}

/* Final v0.12 source-order overrides for current homepage motion pass. */
.variant-a-v12 .guessing-flow-v11{
  --guess-copy-start-x:-6%;
  --guess-copy-end-x:-6%;
}
.variant-a-v12 .guessing-flow-v11 .text-pop{
  opacity:1 !important;
  animation:none !important;
}
.route-kicker-v12::after{
  animation-duration:4.8s !important;
}

/* v0.12 nav/menu and AI Curious routing polish. */
.variant-a-v12 .mega-panel,
body.variant-a-v12 .mega-panel{
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(255,255,255,.50) !important;
  box-shadow:0 28px 90px rgba(9,18,32,.18),inset 0 1px 0 rgba(255,255,255,.68) !important;
  -webkit-backdrop-filter:blur(26px) saturate(1.55);
  backdrop-filter:blur(26px) saturate(1.55);
}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-panel{
  background:rgba(7,17,32,.66) !important;
  border-color:rgba(159,201,239,.22) !important;
  box-shadow:0 32px 100px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.14) !important;
}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-cols span{color:#9fb0cc}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-cols a{color:#eef6ff !important}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-cols a:hover{color:var(--blue-light) !important}

.route-actions-v12{
  opacity:0;
  transform:translateY(16px);
}
.reveal.in .route-actions-v12{
  animation:routeCtaEnterV12 .7s cubic-bezier(.16,.84,.24,1) .34s both;
}
@keyframes routeCtaEnterV12{
  from{opacity:0;transform:translateY(18px) scale(.98);filter:blur(5px)}
  to{opacity:1;transform:none;filter:none}
}
.route-kicker-v12::after{
  animation-duration:4.8s !important;
}

.single-technical-route-v12{
  grid-template-columns:minmax(0,760px);
  justify-content:center;
}
.technical-need-card-v12{
  text-align:left;
}
.service-chip-grid-v12{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.service-chip-grid-v12 a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  background:#edf5fc;
  border:1px solid #d6e8f7;
  color:var(--navy);
  font-weight:800;
  font-size:13px;
  box-shadow:0 8px 22px rgba(22,36,63,.055);
  transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
}
.service-chip-grid-v12 a:hover{
  transform:translateY(-1px);
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}

.variant-a-v12 .guessing-flow-v11{
  --guess-copy-start-x:-6%;
  --guess-copy-end-x:-6%;
}
.variant-a-v12 .guessing-flow-v11 .text-pop{
  opacity:1 !important;
  animation:none !important;
}

/* v0.12 final guardrails: stacked sentence titles and no page-level horizontal drift. */
body.variant-a-v12,
body.variant-a-v12 main{
  max-width:100%;
  overflow-x:clip;
}
.split-title-v12,
.split-title-v12 > span{
  display:block !important;
  white-space:normal !important;
}
.split-title-v12 > span{
  width:100% !important;
  max-width:100% !important;
}
body.variant-a-v12 .context-pillars-v11 h2.split-title-v12{
  max-width:13ch;
}
body.variant-a-v12 .mtm-horizontal,
body.variant-a-v12 .mtm-sticky,
body.variant-a-v12 .mtm-track-window{
  max-width:100%;
  overflow-x:clip;
}
@media(max-width:760px){
  body.variant-a-v12 .mtm-track-window{
    overflow-x:auto;
    overscroll-behavior-x:contain;
  }
}

.acronym-opener-v12{
  max-width:760px;
  margin:18px auto 28px;
  border:1px solid #d8e5f1;
  border-radius:12px;
  background:#f8fbfe;
  color:var(--muted);
  box-shadow:0 12px 30px rgba(22,36,63,.045);
}
.acronym-opener-v12 summary{
  cursor:pointer;
  padding:14px 18px;
  font-weight:800;
  color:var(--navy);
}
.acronym-opener-v12 p{
  margin:0;
  padding:0 18px 16px;
  line-height:1.55;
}

/* v0.12 integrity overrides: keep late prototype layers from undoing the current pass. */
.variant-a-v12 .guessing-flow-v11{height:480vh}
.variant-a-v12 .guess-node-v11,
.variant-a-v12 .context-thread-v11 span{transition-duration:.86s}
.variant-a-v12 .mtm-track-window{margin-top:18px}
.variant-a-v12 .mtm-slide[data-mtm="0"].active{
  color:#fff;
  background:linear-gradient(155deg,#1a3158 0%,#173057 58%,#0f1a30 100%);
  border-color:#9fc9ef;
  box-shadow:0 34px 92px rgba(22,36,63,.24),0 0 0 1px rgba(111,176,230,.20);
}
.variant-a-v12 .mtm-slide[data-mtm="0"].active h3,
.variant-a-v12 .mtm-slide[data-mtm="0"].active p,
.variant-a-v12 .mtm-slide[data-mtm="0"].active b,
.variant-a-v12 .mtm-slide[data-mtm="0"].active .mtm-step{color:#fff}
.variant-a-v12 .mtm-slide[data-mtm="0"].active p{color:#d9e8f7}
.variant-a-v12 .mtm-slide[data-mtm="0"].active .astat{background:#dcefff;color:#245f9a}
.btn,.ghost,.more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.more{
  min-height:40px;
  padding:0 16px;
  border-radius:9px;
  text-align:center;
}
.route-actions-v12 .btn,
.route-actions-v12 .more{min-height:44px}
.backlog-visual-v12{
  display:grid;
  grid-template-columns:1.05fr 48px .82fr 48px 1.05fr;
  gap:12px;
  align-items:center;
  margin:28px 0 24px;
}
.backlog-visual-v12 i{
  display:block;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#9fc9ef,#3E8FD8);
  position:relative;
}
.backlog-visual-v12 i::after{
  content:"";
  position:absolute;
  right:-2px;
  top:50%;
  width:9px;
  height:9px;
  border-top:3px solid #3E8FD8;
  border-right:3px solid #3E8FD8;
  transform:translateY(-50%) rotate(45deg);
}
.backlog-stack-v12,
.backlog-clean-v12,
.backlog-output-v12{
  min-height:156px;
  border:1px solid rgba(62,143,216,.18);
  border-radius:18px;
  padding:18px;
  background:#fff;
  box-shadow:0 18px 48px rgba(22,36,63,.08);
}
.backlog-stack-v12{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.backlog-stack-v12 span{
  display:grid;
  place-items:center;
  min-height:48px;
  border-radius:12px;
  background:#f3f8fd;
  color:#34506f;
  font-size:12px;
  font-weight:800;
  text-align:center;
}
.backlog-clean-v12{
  display:grid;
  gap:10px;
  align-content:center;
  background:linear-gradient(180deg,#fff,#f7fbff);
}
.backlog-clean-v12 span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#245f9a;
  font:900 12px/1 ui-monospace,Menlo,monospace;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.backlog-clean-v12 span::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:#3E8FD8;
  box-shadow:0 0 0 5px rgba(62,143,216,.10);
}
.backlog-output-v12{
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff;
  background:linear-gradient(155deg,#1b3158,#0f1a30);
  border-color:#78b9ee;
}
.backlog-output-v12 b{font-size:24px;line-height:1.1}
.backlog-output-v12 span{margin-top:12px;color:#cfe2f6;line-height:1.4}
.variant-a-v12 .bar.nav-v11,
.variant-a-v12 .site-foot{
  background:radial-gradient(circle at 12% 0%,rgba(80,183,242,.16),transparent 34%),linear-gradient(160deg,#071120 0%,#0a1830 54%,#071120 100%);
}
.variant-a-v12 .site-foot{border-top:1px solid rgba(111,176,230,.18)}
.variant-a-v12 .site-foot .brand-mark{
  width:32px;
  height:32px;
  border-radius:9px;
  object-fit:contain;
}
.variant-a-v12 .app-glow{
  background:rgba(6,15,28,.72);
  box-shadow:0 0 0 1px rgba(111,176,230,.48),0 0 0 5px rgba(80,183,242,.10),0 0 30px rgba(80,183,242,.34);
}
.variant-a-v12 .logo-app .brand-mark{object-fit:contain}
@media(max-width:980px){
  .mega-nav>.nav-link,.mega-nav>.btn,.nav-item>a{border-color:rgba(111,176,230,.22);background:rgba(255,255,255,.08);color:#dcecff !important}
}
@media(max-width:900px){
  .tool-workflow-v12{grid-template-columns:1fr;gap:12px}
  .tool-workflow-v12 i{height:28px;width:3px;margin:0 auto}
  .tool-workflow-v12 i::after{right:auto;left:50%;top:auto;bottom:-2px;transform:translateX(-50%) rotate(135deg)}
  .backlog-visual-v12{grid-template-columns:1fr;gap:12px}
  .backlog-visual-v12 i{height:28px;width:3px;margin:0 auto}
  .backlog-visual-v12 i::after{right:auto;left:50%;top:auto;bottom:-2px;transform:translateX(-50%) rotate(135deg)}
}

/* v0.12 section-by-section polish: Echo output split, homepage context merge, scroll and brand-color consistency. */
:root{
  --brand-dark-a:#071120;
  --brand-dark-b:#0a1830;
  --brand-dark-c:#0f1a30;
  --brand-dark-gradient:radial-gradient(circle at 14% 0%,rgba(80,183,242,.18),transparent 34%),linear-gradient(160deg,var(--brand-dark-a) 0%,var(--brand-dark-b) 52%,var(--brand-dark-a) 100%);
}

.phero,
.trustband,
.site-foot,
.quote-close-v04,
.variant-a-v12 .quote-close-v04,
.variant-a-v12 .site-foot{
  background:var(--brand-dark-gradient);
}
.bar{
  background:rgba(7,17,32,.92);
  border-bottom:1px solid rgba(111,176,230,.15);
  transition:transform .28s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.bar.nav-hidden{transform:translateY(-112%)}
.bar.nav-raised{box-shadow:0 12px 34px rgba(5,9,16,.24)}
.variant-a-v12 .bar.nav-v11{
  background:transparent;
  border-bottom:1px solid transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.variant-a-v12 .bar.nav-v11.nav-raised{
  background:rgba(7,17,32,.76);
  border-bottom-color:rgba(111,176,230,.16);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 34px rgba(5,9,16,.24);
}
.variant-a-v12 .bar.nav-v11.nav-hidden{transform:translateY(-112%)}

.split-output-v12{
  gap:8px;
}
.split-output-v12 b{
  font-size:clamp(21px,2.2vw,31px);
  max-width:9ch;
}
.split-output-v12 em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  color:#0f1a30;
  background:#c8f3d6;
  font-style:normal;
  font-weight:900;
  line-height:1;
}

.backlog-section-v12 .backlog-visual-v12,
.backlog-section-v12 .card{
  opacity:0;
  transform:translateY(18px);
}
.backlog-section-v12 .reveal.in .backlog-visual-v12{
  animation:v12BacklogPremiumIn .72s cubic-bezier(.16,.84,.24,1) .08s forwards;
}
.backlog-section-v12 .reveal.in .card{
  animation:v12BacklogPremiumIn .62s cubic-bezier(.16,.84,.24,1) forwards;
}
.backlog-section-v12 .reveal.in .card:nth-child(1){animation-delay:.20s}
.backlog-section-v12 .reveal.in .card:nth-child(2){animation-delay:.32s}
.backlog-section-v12 .reveal.in .card:nth-child(3){animation-delay:.44s}
@keyframes v12BacklogPremiumIn{
  from{opacity:0;transform:translateY(22px);filter:blur(8px)}
  to{opacity:1;transform:none;filter:none}
}

.variant-a-v12 .how-we-think-v12{
  padding:clamp(82px,8vw,122px) 0;
  border-top:1px solid var(--border);
  overflow:visible;
}
.variant-a-v12 .how-we-think-v12 .wrap{max-width:1180px}
.variant-a-v12 .how-we-think-v12 h2{font-size:clamp(42px,5.7vw,76px);line-height:1;max-width:13ch}
.variant-a-v12 .how-we-think-v12 .btn{margin-top:24px;margin-bottom:0}
.how-think-pillars-v12{
  margin-top:clamp(34px,5vw,58px);
  text-align:left;
}

.variant-a-v12 .guessing-flow-v11{height:520vh}
.variant-a-v12 .guessing-flow-v11 .guessing-sticky{overflow:hidden}
.variant-a-v12 .guessing-flow-v11 .guessing-grid-v05,
.variant-a-v12 .guessing-stage-v05{
  transition:grid-template-columns .72s cubic-bezier(.16,.84,.24,1),opacity .72s ease,transform .72s cubic-bezier(.16,.84,.24,1);
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-copy-v05{
  max-width:760px;
  margin:0 auto;
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-stage-v05{
  opacity:0;
  transform:translateX(18vw);
  pointer-events:none;
  position:absolute;
  right:4vw;
  width:min(48vw,680px);
}
.variant-a-v12 .guessing-flow-v11:not([data-focus="unknown"]) .guessing-stage-v05{
  opacity:1;
  transform:translateX(calc((.5 - var(--guess-progress)) * 52px));
}
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-stage-v05{
  transform:translateX(7vw);
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-stage-v05{
  transform:translateX(-2vw);
}

.variant-a-v12 .quote-close-v04{
  min-height:82vh;
  padding:clamp(92px,9vw,136px) 0;
}
.variant-a-v12 .quote-close-v04 blockquote{
  font-size:clamp(48px,6.8vw,94px);
  line-height:.98;
  max-width:14ch;
}
.variant-a-v12 .quote-close-v04 p{margin-top:28px}

.echo-page-v08 .phero,
.echo-page-v08 .trustband,
.echo-page-v08 .site-foot{
  background:var(--brand-dark-gradient);
}

@media(max-width:980px){
  .variant-a-v12 .bar.nav-v11{
    background:rgba(7,17,32,.94);
    backdrop-filter:none;
  }
  .variant-a-v12 .guessing-flow-v11 .guessing-stage-v05{
    position:relative !important;
    width:auto !important;
    right:auto !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto !important;
  }
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05{grid-template-columns:1fr}
  .pillar-stage-v11{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .backlog-section-v12 .backlog-visual-v12,
  .backlog-section-v12 .card{
    opacity:1;
    transform:none;
    animation:none !important;
    filter:none;
  }
}

/* v0.12 motion QA pass: reduce scroll-jack sensitivity and remove stage drift. */
:root{
  --footer-bg:linear-gradient(160deg,#071120 0%,#0a1830 54%,#071120 100%);
}
.phero,
.trustband,
.site-foot,
.quote-close-v04,
.variant-a-v12 .quote-close-v04,
.variant-a-v12 .site-foot,
.echo-page-v08 .phero,
.echo-page-v08 .trustband,
.echo-page-v08 .site-foot{
  background:var(--footer-bg) !important;
}
section.alt,
.echo-page-v08 .alt.echo-ingest-v12{
  background:#f7f9fc;
}
.variant-flag{
  background:#f3f7fb;
  color:#53647b;
}
.variant-a-v12 .bar.nav-v11{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(215,230,246,.86);
  backdrop-filter:blur(14px);
}
.variant-a-v12 .bar.nav-v11 .brand-grow,
.variant-a-v12 .bar.nav-v11 .brand-word{
  color:var(--navy);
}
.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link,
.variant-a-v12 .bar.nav-v11 .nav-item>a{
  color:#6f84a3;
}
.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link:hover,
.variant-a-v12 .bar.nav-v11 .nav-item>a:hover{
  color:var(--navy);
}
.variant-a-v12 .bar.nav-v11.nav-raised{
  background:rgba(255,255,255,.94);
  border-bottom-color:rgba(215,230,246,.9);
}
.variant-a-v12 .bar.nav-v11.nav-raised .brand-grow,
.variant-a-v12 .bar.nav-v11.nav-raised .brand-word{
  color:var(--navy);
}
.variant-a-v12 .bar.nav-v11.nav-raised .mega-nav>.nav-link,
.variant-a-v12 .bar.nav-v11.nav-raised .nav-item>a{
  color:#526783;
}
.variant-a-v12 .bar.nav-v11.nav-raised .mega-nav>.nav-link:hover,
.variant-a-v12 .bar.nav-v11.nav-raised .nav-item>a:hover{
  color:var(--navy);
}

.variant-a-v12 .guessing-flow-v11{
  height:620vh;
}
.variant-a-v12 .guessing-flow-v11 .guessing-grid-v05{
  grid-template-columns:.94fr 1.06fr;
  gap:34px;
  align-items:center;
}
.variant-a-v12 .guessing-flow-v11 .guessing-copy-v05{
  transform:translateX(34%);
  transition:transform 1.05s cubic-bezier(.16,.84,.24,1),opacity .55s ease;
  will-change:transform;
}
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-copy-v05{
  transform:translateX(0);
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-grid-v05{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
  gap:clamp(22px,4vh,42px);
  transform:translateY(clamp(86px,13vh,132px));
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-copy-v05{
  transform:none;
  max-width:760px;
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-stage-v05{
  position:relative;
  right:auto;
  width:auto;
  opacity:0;
  transform:none;
  pointer-events:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-stage-v05{
  opacity:1;
  transform:none;
  width:min(680px,82vw);
  height:min(430px,42vh);
  pointer-events:none;
}
.variant-a-v12 .guessing-flow-v11:not([data-focus="unknown"]) .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-stage-v05{
  opacity:1;
  transform:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-map-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .context-map-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .context-map-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .context-map-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .context-map-v11{
  transform:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-core-v11{
  width:clamp(170px,20vw,238px);
  box-shadow:0 30px 82px rgba(22,36,63,.20),0 0 0 12px rgba(62,143,216,.08),0 0 70px rgba(111,176,230,.24),inset 0 0 0 1px rgba(255,255,255,.14);
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-core-v11 span{opacity:0}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-core-v11 b{font-size:0}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-core-v11 b::after{
  content:"?";
  display:block;
  font-size:clamp(68px,7vw,104px);
  line-height:1;
  color:#fff;
  text-shadow:0 0 32px rgba(111,176,230,.50);
  animation:questionEnterV12 .72s cubic-bezier(.16,.84,.24,1) both;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guess-node-v11 p,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guess-node-v11 b{
  opacity:0;
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guess-node-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guess-node-v11{
  opacity:0;
  transform:translate(var(--node-x),calc(var(--node-y) + 8px)) scale(.82);
  pointer-events:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-thread-v11 span{
  opacity:.20;
  filter:grayscale(.8);
}
@keyframes questionEnterV12{
  from{opacity:0;transform:translateY(10px) scale(.86);filter:blur(8px)}
  to{opacity:1;transform:none;filter:none}
}

.leader-output-flow-v12 .flow-output,
.team-output-v12{
  color:#eafff0;
  background:linear-gradient(160deg,#13784f,#27b972);
  box-shadow:0 0 0 7px rgba(43,182,115,.14),0 0 22px rgba(43,182,115,.28);
}
.variant-a-v12 .service-routes-v06 .route-v04 .leader-output-flow-v12 span.flow-output{
  color:#eafff0 !important;
  background:linear-gradient(160deg,#13784f,#27b972) !important;
  border-radius:999px;
  padding:0;
  letter-spacing:.05em;
}
.team-drop-v12{
  display:none !important;
}
.visual-legend-v12{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:28px;
  margin:-6px 0 16px;
  color:#60728c;
  font:800 10px/1 ui-monospace,Menlo,monospace;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.visual-legend-v12 span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.visual-legend-v12 i{
  width:9px;
  height:9px;
  border-radius:50%;
  display:inline-block;
}
.visual-legend-v12 i.auto{
  background:#d84646;
  box-shadow:0 0 0 5px rgba(216,70,70,.12);
}
.visual-legend-v12 i.delegate{
  background:#2f7bc4;
  box-shadow:0 0 0 5px rgba(47,123,196,.12);
}

@media(max-width:980px){
  .variant-a-v12 .guessing-flow-v11 .guessing-copy-v05{
    transform:none;
  }
}

body.variant-a-v12 .bar.nav-v11 .brand-grow,
body.variant-a-v12 .bar.nav-v11 .brand-word{
  color:var(--navy) !important;
}
body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link,
body.variant-a-v12 .bar.nav-v11 .nav-item>a{
  color:#526783 !important;
}
body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link:hover,
body.variant-a-v12 .bar.nav-v11 .nav-item>a:hover{
  color:var(--navy) !important;
}

/* v0.12 route-card visual hierarchy pass. */
.route-visual-shell-v12{
  display:grid;
  grid-template-rows:auto auto auto;
  gap:10px;
  width:100%;
  align-self:stretch;
  margin-bottom:20px;
}
.route-kicker-v12{
  position:relative;
  z-index:2;
  display:block !important;
  width:100%;
  color:var(--navy) !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  font:900 clamp(18px,2.1vw,27px)/1.02 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.route-kicker-v12::after{
  content:"";
  display:block;
  width:100%;
  height:3px;
  margin-top:10px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),#27b972);
  transform:scaleX(0);
  transform-origin:left center;
  animation:routeProgressLineV12 6.4s ease-in-out infinite;
}
.route-visual-shell-v12 .route-visual-v11{
  margin-bottom:0;
}
.variant-a-v12 .service-routes-v06 .route-v04 .route-visual-v11.work-transform-v12{
  height:clamp(160px,15vw,210px);
  border-radius:14px;
}
.route-visual-shell-v12 .visual-legend-v12{
  justify-content:flex-end;
  justify-self:end;
  margin:0;
  min-height:26px;
  max-width:100%;
  text-align:right;
}
.route-visual-shell-v12 .visual-legend-v12 span{
  background:#fff;
  border:1px solid #dfe8f3;
  border-radius:999px;
  padding:7px 10px;
  box-shadow:0 8px 22px rgba(22,36,63,.055);
}
.route-visual-shell-v12 + h3{
  margin-top:4px;
}

@media(min-width:981px){
  .leader-hub-v12 span{left:76px;top:74px}
  .leader-hub-v12 i{left:88px;top:85px;width:112px}
  .leader-spoke-nodes-v12 span:nth-child(1){left:192px;top:42px}
  .leader-spoke-nodes-v12 span:nth-child(2){left:210px;top:76px}
  .leader-spoke-nodes-v12 span:nth-child(3){left:192px;top:112px}
  .leader-output-flow-v12{left:88px;right:56px;top:70px;height:34px}
  .leader-output-flow-v12 .flow-origin{top:4px;width:26px;height:26px}
  .leader-output-flow-v12 .flow-line-main{left:0;right:76px;top:16px}
  .signal-dot-v12{top:10px;width:13px;height:13px}
  .leader-output-flow-v12 .flow-output{width:76px;height:34px;font-size:10px}
  .team-nodes-v12 span{width:42px;height:42px}
  .team-nodes-v12 span:nth-child(1){left:42px;top:92px;--dy:-40px}
  .team-nodes-v12 span:nth-child(2){left:132px;top:44px;--dy:8px}
  .team-nodes-v12 span:nth-child(3){left:222px;top:94px;--dy:-42px}
  .team-nodes-v12 span:nth-child(4){left:312px;top:50px;--dy:2px}
  .team-line-v12{left:60px;right:96px;top:82px;height:34px}
  .team-line-v12::before,
  .team-line-v12::after{top:16px}
  .team-line-v12 b{top:10px;width:13px;height:13px}
  .team-output-v12{right:-86px;height:34px;min-width:76px;font-size:10px}
}

@media(max-width:720px){
  .route-visual-shell-v12 .visual-legend-v12{
    justify-content:flex-start;
    justify-self:start;
    text-align:left;
    flex-wrap:wrap;
  }
}

/* CTO pass: simplified glass nav and stable two-column Why-it-matters choreography. */
.bar,
.variant-a-v12 .bar.nav-v11,
.variant-a-v12 .bar.nav-v11.nav-raised{
  background:rgba(255,255,255,.52) !important;
  border-bottom:1px solid rgba(255,255,255,.42) !important;
  box-shadow:0 14px 42px rgba(9,18,32,.12),inset 0 1px 0 rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(22px) saturate(1.55);
  backdrop-filter:blur(22px) saturate(1.55);
}
.bar .brand-grow,
.bar .brand-word,
body.variant-a-v12 .bar.nav-v11 .brand-grow,
body.variant-a-v12 .bar.nav-v11 .brand-word{
  color:var(--navy) !important;
}
.bar nav a:not(.btn),
body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link,
body.variant-a-v12 .bar.nav-v11 .nav-item>a{
  color:#526783 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.34);
}
.bar nav a:not(.btn):hover,
body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link:hover,
body.variant-a-v12 .bar.nav-v11 .nav-item>a:hover{
  color:var(--navy) !important;
}
.locale-rail-v12{
  display:none !important;
}

.variant-a-v12 .guessing-flow-v11 .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-grid-v05{
  grid-template-columns:.94fr 1.06fr;
  gap:34px;
  align-items:center;
  justify-items:stretch;
  text-align:left;
  transform:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-copy-v05{
  max-width:none;
  transform:translateX(34%);
}
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-copy-v05{
  transform:translateX(0);
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-stage-v05{
  position:relative;
  width:auto;
  height:min(680px,74vh);
  opacity:0;
  transform:translateX(160px);
  pointer-events:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-stage-v05{
  position:relative;
  width:auto;
  height:min(680px,74vh);
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-map-v11{
  transform:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guess-node-v11{
  opacity:0;
  transform:translate(var(--node-x),calc(var(--node-y) + 8px)) scale(.82);
  pointer-events:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guess-node-v11{
  opacity:.72;
}

@keyframes routeProgressLineV12{
  0%,24%{transform:scaleX(0);opacity:.62}
  64%,100%{transform:scaleX(1);opacity:1}
}

/* v0.12 human-centered polish pass: adaptive glass nav, calmer orbit spacing, synced route timers, and cleaner section joins. */
body.variant-a-v12{
  font-family:"Avenir Next","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body.variant-a-v12 > section,
body.variant-a-v12 section.alt,
body.variant-a-v12 .approach-band,
body.variant-a-v12 .thesis-strip,
body.variant-a-v12 .quote-close-v04 + .site-foot,
body.variant-a-v12 .variant-flag{
  border-top:0 !important;
  border-bottom:0 !important;
}
body.variant-a-v12 .bar.nav-v11,
body.variant-a-v12 .bar.nav-v11.nav-raised{
  font-family:"Avenir Next","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body.variant-a-v12 .bar.nav-v11.nav-over-dark,
body.variant-a-v12 .bar.nav-v11.nav-over-dark.nav-raised{
  background:rgba(7,17,32,.56) !important;
  border-bottom-color:rgba(159,201,239,.20) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.13);
  -webkit-backdrop-filter:blur(24px) saturate(1.45);
  backdrop-filter:blur(24px) saturate(1.45);
}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .brand-grow,
body.variant-a-v12 .bar.nav-v11.nav-over-dark .brand-word{
  color:#fff !important;
}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .brand-talent{
  color:var(--blue-light) !important;
}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-nav>.nav-link,
body.variant-a-v12 .bar.nav-v11.nav-over-dark .nav-item>a{
  color:#cbd8ea !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-nav>.nav-link:hover,
body.variant-a-v12 .bar.nav-v11.nav-over-dark .nav-item>a:hover{
  color:#fff !important;
}
body.variant-a-v12 .bar.nav-v11 .mega-nav:hover > .nav-link:not(:hover),
body.variant-a-v12 .bar.nav-v11 .mega-nav:hover > .nav-item:not(:hover) > a{
  color:#9aaabd !important;
  opacity:.48;
}
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-nav:hover > .nav-link:not(:hover),
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-nav:hover > .nav-item:not(:hover) > a{
  color:#8fa2bb !important;
  opacity:.48;
}
body.variant-a-v12 .bar.nav-v11 .mega-nav:hover > .btn:not(:hover){
  opacity:.68;
}

.variant-a-v12 .guessing-flow-v11 .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-grid-v05{
  grid-template-columns:.86fr 1.14fr;
  gap:clamp(70px,7vw,118px);
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-copy-v05{
  transform:translateX(18%);
  max-width:680px;
}
.variant-a-v12 .guessing-flow-v11 .guessing-copy-v05 p{
  max-width:34ch;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-stage-v05{
  transform:translateX(20px);
}
.variant-a-v12 .context-core-v11 .core-label-fix{
  display:none;
}
.variant-a-v12 .context-core-v11 .core-label-problem{
  display:block;
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-core-v11 .core-label-problem{
  display:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-core-v11 .core-label-fix{
  display:block;
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-core-v11 b{
  font-size:0;
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-core-v11 b::after{
  content:"Great Context";
  display:block;
  font-size:clamp(36px,4.4vw,58px);
  line-height:.95;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-core-v11 b::after{
  content:"?";
}

.route-kicker-v12::after{
  animation:routeProgressLineV12Synced 4.8s linear infinite !important;
}
@keyframes routeProgressLineV12Synced{
  0%{transform:scaleX(0);opacity:.62}
  100%{transform:scaleX(1);opacity:1}
}

.variant-a-v12 .problem-aware-v06{
  position:relative;
  overflow:hidden;
  border:0 !important;
  border-left:4px solid var(--blue) !important;
  box-shadow:0 22px 58px rgba(22,36,63,.10);
  opacity:0;
  transform:translateX(-34px);
  transition:opacity .72s cubic-bezier(.16,.84,.24,1),transform .72s cubic-bezier(.16,.84,.24,1),box-shadow .24s ease;
}
.variant-a-v12 .problem-aware-v06::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:120px;
  background:linear-gradient(90deg,rgba(62,143,216,.14),rgba(62,143,216,0));
  pointer-events:none;
}
.variant-a-v12 .problem-aware-v06.cta-visible{
  opacity:1;
  transform:none;
}
.variant-a-v12 .problem-aware-v06.cta-visible>span{
  animation:problemCueV12 1.05s cubic-bezier(.16,.84,.24,1) both;
}
@keyframes problemCueV12{
  0%{color:var(--blue);text-shadow:0 0 0 rgba(62,143,216,0)}
  38%{color:#0b6f4a;text-shadow:0 0 22px rgba(62,143,216,.36)}
  100%{text-shadow:none}
}

@media(max-width:980px){
  .variant-a-v12 .guessing-flow-v11 .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-grid-v05{
    grid-template-columns:1fr;
    gap:28px;
  }
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-copy-v05{
    transform:none;
  }
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-stage-v05{
    transform:none;
  }
}

/* v0.12 fixed-anchor choreography pass for Why It Matters. */
.variant-a-v12 .guessing-flow-v11{
  --guess-copy-start-x:0%;
  --guess-copy-end-x:0%;
  --guess-orbit-start-x:18vw;
  --guess-orbit-end-x:0px;
}
.variant-a-v12 .guessing-flow-v11 .guessing-sticky{
  min-height:100vh;
  display:grid;
  align-items:center;
}
.variant-a-v12 .guessing-flow-v11 .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-grid-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-grid-v05{
  grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);
  gap:clamp(82px,8vw,132px);
  align-items:center;
  min-height:calc(100vh - 96px);
}
.variant-a-v12 .guessing-flow-v11 .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-copy-v05{
  width:min(560px,100%);
  min-height:390px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  transform:translateX(var(--guess-copy-start-x));
  transition:transform 1.05s cubic-bezier(.16,.84,.24,1);
}
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-copy-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-copy-v05{
  transform:translateX(var(--guess-copy-end-x));
}
.variant-a-v12 .guessing-flow-v11 .guessing-copy-v05 h2{
  min-height:2.14em;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.variant-a-v12 .guessing-flow-v11 .guessing-copy-v05 p{
  min-height:3.35em;
  max-width:34ch;
}
.variant-a-v12 .guessing-flow-v11 .text-pop{
  animation:none !important;
}
@keyframes v12TextOpacityOnly{
  from{opacity:.28}
  to{opacity:1}
}
.variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-stage-v05{
  height:min(680px,74vh);
  opacity:0;
  transform:translateX(var(--guess-orbit-start-x));
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-stage-v05,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-stage-v05{
  height:min(680px,74vh);
  opacity:1;
  transform:translateX(var(--guess-orbit-end-x));
  transition:opacity .64s ease,transform 1.05s cubic-bezier(.16,.84,.24,1);
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-map-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .context-map-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .context-map-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .context-map-v11,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .context-map-v11{
  transform:none !important;
}
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .context-map-v11{
  transform:none !important;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-core-v11 .core-label-problem,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .context-core-v11 .core-label-problem,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .context-core-v11 .core-label-problem,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .context-core-v11 .core-label-problem,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .context-core-v11 .core-label-problem{
  display:block;
}
.variant-a-v12 .guessing-flow-v11[data-focus="question"] .context-core-v11 .core-label-fix,
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .context-core-v11 .core-label-fix,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .context-core-v11 .core-label-fix,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .context-core-v11 .core-label-fix,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .context-core-v11 .core-label-fix{
  display:none;
}
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .context-core-v11 b,
.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .context-core-v11 b,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .context-core-v11 b,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .context-core-v11 b{
  font-size:clamp(24px,2.7vw,34px);
}

.bar nav a:not(.btn),
.bar .nav-item>a{
  position:relative;
}
.bar nav a:not(.btn)::after,
.bar .nav-item>a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-9px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--blue-light));
  opacity:0;
  transform:scaleX(.36);
  transition:opacity .18s ease,transform .22s cubic-bezier(.16,.84,.24,1);
  transform-origin:center;
}
.bar nav a:not(.btn):hover::after,
.bar .nav-item>a:hover::after{
  opacity:1;
  transform:scaleX(1);
}

@media(max-width:980px){
  .variant-a-v12 .guessing-flow-v11 .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-grid-v05{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .variant-a-v12 .guessing-flow-v11 .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-copy-v05{
    min-height:auto;
    transform:none;
  }
}

/* EOF v0.12 override: keep this last so the homepage motion pass wins. */
@media(min-width:981px){
  .variant-a-v12 .guessing-flow-v11{
    --guess-copy-start-x:-6%;
    --guess-copy-end-x:-6%;
  }
  .variant-a-v12 .guessing-flow-v11 .text-pop{
    opacity:1 !important;
    animation:none !important;
  }
}
.route-kicker-v12::after{
  animation-duration:4.8s !important;
}

/* EOF v0.13 override: final source-order guardrails for this section pass. */
body.variant-a-v12::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:88;
  pointer-events:none;
  opacity:0;
  background:rgba(244,249,254,.46);
  -webkit-backdrop-filter:blur(12px) saturate(1.12);
  backdrop-filter:blur(12px) saturate(1.12);
  transition:opacity .22s ease;
}
body.variant-a-v12.mega-active-v13::before{opacity:1}
body.variant-a-v12 .bar.nav-v11{z-index:120}
body.variant-a-v12 .mega-panel{z-index:130}
.variant-a-v12 .mega-panel,
body.variant-a-v12 .mega-panel{
  background:rgba(247,251,255,.88) !important;
  border-color:rgba(205,226,244,.72) !important;
  box-shadow:0 34px 110px rgba(9,18,32,.24),inset 0 1px 0 rgba(255,255,255,.86) !important;
  -webkit-backdrop-filter:blur(30px) saturate(1.45);
  backdrop-filter:blur(30px) saturate(1.45);
}
.mega-visual.mega-team-still-v13,
.mega-visual.mega-context-still-v13{
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,#f5faff,#eaf4fd) !important;
  color:var(--navy) !important;
  border:1px solid rgba(173,210,239,.58);
}
.mega-visual.mega-team-still-v13 b,
.mega-visual.mega-context-still-v13 b{color:var(--navy) !important}
.mega-visual.mega-team-still-v13 p,
.mega-visual.mega-context-still-v13 p{color:#5c6f88 !important}
.mega-visual.mega-team-still-v13::before{
  content:"";
  position:absolute;
  left:22px;
  right:28px;
  top:36px;
  height:3px;
  border-radius:99px;
  background:#78b7e9;
  box-shadow:
    44px 0 0 0 #d84646,
    44px 0 0 8px rgba(216,70,70,.13),
    112px 0 0 0 #d84646,
    112px 0 0 8px rgba(216,70,70,.13),
    180px 0 0 0 #d84646,
    180px 0 0 8px rgba(216,70,70,.13);
}
.mega-visual.mega-team-still-v13::after{
  content:"OUTPUT";
  position:absolute;
  right:18px;
  top:21px;
  min-width:68px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#e9fff4;
  background:linear-gradient(160deg,#0f7a4d,#22a56d);
  font:900 10px/1 ui-monospace,Menlo,monospace;
  letter-spacing:.05em;
  box-shadow:0 0 0 9px rgba(34,165,109,.14);
}
.mega-visual.mega-context-still-v13::before{
  content:"";
  position:absolute;
  right:28px;
  top:24px;
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#19345d 0 42%,rgba(111,176,230,.16) 43% 68%,rgba(111,176,230,.04) 69% 100%);
  box-shadow:0 0 0 1px rgba(111,176,230,.35),0 18px 44px rgba(22,36,63,.12);
}
.team-nodes-v12 span:nth-child(1){left:42px !important;top:92px !important;--dy:-40px}
.team-nodes-v12 span:nth-child(2){left:132px !important;top:44px !important;--dy:8px}
.team-nodes-v12 span:nth-child(3){left:222px !important;top:94px !important;--dy:-42px}
.team-nodes-v12 span:nth-child(4){left:312px !important;top:50px !important;--dy:2px}
.team-line-v12{left:63px !important;right:100px !important;top:56px !important;height:34px !important}
.team-line-v12::before,
.team-line-v12::after{top:16px !important}
.team-line-v12::after{background:#78b7e9 !important;opacity:1 !important}
.team-line-v12 b{top:10px !important;transform:translateX(-50%)}
.team-line-v12 b:nth-child(1){left:45px !important}
.team-line-v12 b:nth-child(2){left:135px !important}
.team-line-v12 b:nth-child(3){left:225px !important}
.team-output-v12{
  right:-90px !important;
  color:#eafff3 !important;
  background:linear-gradient(160deg,#0f7a4d,#24a96f) !important;
  box-shadow:0 0 0 10px rgba(34,165,109,.15),0 14px 34px rgba(22,36,63,.14) !important;
}
.more{display:inline-flex !important}
.ai-curious-frontdoors-v13 .card{min-height:260px}

/* True EOF guard: continuation pass overrides after duplicated section guards. */
body.variant-a-v12 .hero-v04-frame{
  grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);
}
body.variant-a-v12 .hero-v04-stack{
  height:min(640px,70vh);
}
body.variant-a-v12 .hero-card{
  left:clamp(0px,2vw,28px);
  min-height:210px;
  padding:30px 32px;
  border-radius:12px;
}
body.variant-a-v12 .hero-card b{
  font-size:clamp(26px,2.75vw,42px);
  line-height:1.04;
  max-width:14ch;
}
body.variant-a-v12 .hero-card p{
  font-size:clamp(15px,1.15vw,17px);
  max-width:45ch;
}
body.variant-a-v12 .hero-stage-swap h1{
  animation:v12HeroTitleLeftIn .58s cubic-bezier(.16,.84,.24,1) both !important;
}
body.variant-a-v12 .homepage-cta-v12.more,
body.variant-a-v12 .action-row .homepage-cta-v12.more,
body.variant-a-v12 .route-actions-v12 .homepage-cta-v12.more{
  border-color:rgba(62,143,216,.28) !important;
  color:#2a72bd !important;
  background:linear-gradient(180deg,#f7fbff,#edf6ff) !important;
  box-shadow:0 10px 28px rgba(62,143,216,.10) !important;
}
body.variant-a-v12 .homepage-cta-v12:hover,
body.variant-a-v12 .homepage-cta-v12.more:hover,
body.variant-a-v12 .action-row .homepage-cta-v12.more:hover,
body.variant-a-v12 .route-actions-v12 .homepage-cta-v12.more:hover{
  color:#fff !important;
  border-color:#2f7bc4 !important;
  background:#2f7bc4 !important;
  background-image:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
  box-shadow:0 14px 34px rgba(62,143,216,.34),0 0 0 4px rgba(62,143,216,.12) !important;
}
body.variant-a-v12 .hero-v04-actions .homepage-cta-v12.ghost:hover{
  color:#fff !important;
}

@media(max-width:980px){
  body.variant-a-v12 .hero-v04-frame{
    grid-template-columns:1fr;
  }
  body.variant-a-v12 .hero-card{
    min-height:190px;
  }
}

body.variant-a-v12 .context-brief-v11 .context-manifesto-cta-v12{
  margin-bottom:22px !important;
}
body.variant-a-v12 .context-brief-v11 .context-manifesto-cta-v12 + h3{
  margin:0 0 18px !important;
}

/* Hero refinement: left support copy plus rectangular 3D signal panels. */
body.variant-a-v12 .hero-v04-frame{
  grid-template-columns:minmax(0,.94fr) minmax(470px,1.06fr);
  perspective:1500px;
}
body.variant-a-v12 .hero-v04-copy{
  max-width:760px;
}
body.variant-a-v12 .hero-v04 h1{
  margin-bottom:20px;
}
body.variant-a-v12 #heroSupport{
  display:block;
  max-width:42ch;
  color:#cdd6e2;
  font-size:clamp(17px,1.42vw,21px);
  line-height:1.48;
  margin:0;
  text-align:left;
}
body.variant-a-v12 .hero-stage-swap #heroSupport{
  animation:v12HeroSupportLeftIn .64s cubic-bezier(.16,.84,.24,1) .04s both !important;
}
@keyframes v12HeroSupportLeftIn{
  from{opacity:0;transform:translateX(-22px);filter:blur(3px)}
  to{opacity:1;transform:none;filter:none}
}
body.variant-a-v12 .hero-v04-actions{
  margin-top:26px;
}
body.variant-a-v12 .hero-v04-stack{
  height:min(560px,62vh);
}
body.variant-a-v12 .hero-card{
  left:clamp(10px,4vw,58px);
  right:clamp(0px,1.2vw,18px);
  min-height:136px;
  padding:22px 26px 24px;
  border-radius:10px;
  opacity:.58;
  filter:none;
  scale:.975;
  background:
    linear-gradient(90deg,rgba(111,176,230,.10) 0 1px,transparent 1px 100%),
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055));
  background-size:34px 100%,100% 100%;
  border-color:rgba(159,201,239,.18);
  box-shadow:0 24px 72px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  backdrop-filter:blur(18px) saturate(1.35);
  transition:opacity .42s cubic-bezier(.16,.84,.24,1),filter .42s cubic-bezier(.16,.84,.24,1),scale .42s cubic-bezier(.16,.84,.24,1),border-color .42s ease,box-shadow .42s ease;
}
body.variant-a-v12 .hero-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 34%,transparent 72%,rgba(111,176,230,.16));
  opacity:.42;
  pointer-events:none;
}
body.variant-a-v12 .hero-card.active{
  opacity:1 !important;
  filter:none !important;
}
body.variant-a-v12 .hero-card:not(.active){
  opacity:.18 !important;        /* focal clarity: recede until inactive text stops bleeding through the active card */
  filter:blur(3px) !important;   /* blur as a recession cue, inactive only (backdrop frosted-glass stays on active) */
}

body.variant-a-v12 .hero-card.active{
  opacity:1;
  scale:1.035;
  z-index:8;
  border-color:rgba(111,176,230,.72);
  box-shadow:0 34px 104px rgba(0,0,0,.44),0 0 0 1px rgba(111,176,230,.18),0 0 46px rgba(62,143,216,.16),inset 0 1px 0 rgba(255,255,255,.16);
}
body.variant-a-v12 .hero-card span{
  margin-bottom:14px;
}
body.variant-a-v12 .hero-card b{
  font-size:clamp(24px,2.25vw,34px);
  max-width:none;
}
body.variant-a-v12 .hero-card-lines{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  margin-top:18px;
}
body.variant-a-v12 .hero-card-lines i{
  display:block;
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(111,176,230,.95),rgba(111,176,230,.34));
  box-shadow:0 0 18px rgba(62,143,216,.22);
  transform-origin:left center;
  opacity:.72;
}
body.variant-a-v12 .hero-card-lines i:nth-child(1){width:82%}
body.variant-a-v12 .hero-card-lines i:nth-child(2){width:58%}
body.variant-a-v12 .hero-card-lines i:nth-child(3){width:36%;background:linear-gradient(90deg,rgba(185,240,208,.85),rgba(111,176,230,.24))}
body.variant-a-v12 .hero-card.active .hero-card-lines i{
  animation:v12HeroSignalLine 1.05s cubic-bezier(.16,.84,.24,1) both;
}
body.variant-a-v12 .hero-card.active .hero-card-lines i:nth-child(2){animation-delay:.08s}
body.variant-a-v12 .hero-card.active .hero-card-lines i:nth-child(3){animation-delay:.16s}
@keyframes v12HeroSignalLine{
  from{opacity:.18;transform:scaleX(.42)}
  to{opacity:.92;transform:scaleX(1)}
}
body.variant-a-v12 .hero-card-1{
  transform:translate3d(calc(var(--hero-progress) * -62px),calc(-164px + var(--hero-progress) * -20px),calc(120px - var(--hero-progress) * 112px)) rotateY(calc(-13deg + var(--hero-progress) * 9deg)) rotateX(4deg);
}
body.variant-a-v12 .hero-card-2{
  transform:translate3d(calc(36px + var(--hero-progress) * -88px),calc(-20px + var(--hero-progress) * -38px),calc(36px + var(--hero-progress) * 64px)) rotateY(calc(-2deg + var(--hero-progress) * 11deg)) rotateX(2deg);
}
body.variant-a-v12 .hero-card-3{
  transform:translate3d(calc(92px + var(--hero-progress) * -124px),calc(126px + var(--hero-progress) * -54px),calc(-70px + var(--hero-progress) * 104px)) rotateY(calc(10deg + var(--hero-progress) * 13deg)) rotateX(-1deg);
}

@media(max-width:980px){
  body.variant-a-v12 .hero-v04-frame{
    grid-template-columns:1fr;
  }
  body.variant-a-v12 #heroSupport{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
  body.variant-a-v12 .hero-card{
    min-height:132px;
    opacity:1;
    scale:1;
  }
}

/* Correction pass: restore the screenshot-aligned hero card language. */
body.variant-a-v12 .hero-v04-frame{
  grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);
  perspective:1400px;
}
body.variant-a-v12 .hero-card{
  left:clamp(0px,3vw,44px);
  right:0;
  min-height:178px;
  padding:28px 32px;
  border-radius:8px;
  text-align:left;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055)) !important;
  background-size:auto !important;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 30px 90px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
body.variant-a-v12 .hero-card::after{
  content:none;
}
body.variant-a-v12 .hero-card.active{
  opacity:1 !important;
  scale:1.035;
  z-index:6;                     /* explicit focal layer above the receded deck */
  border-color:rgba(111,176,230,.68);
  box-shadow:0 38px 110px rgba(0,0,0,.46),0 0 0 1px rgba(111,176,230,.12);
}
body.variant-a-v12 .hero-card:not(.active){
  opacity:.18 !important;        /* was .34 — push the inactive deck further back */
  scale:.94;                     /* was .975 — shrink to read as depth, not competing content */
  z-index:1;                     /* explicit, never auto: kills the z-fight bleed-through */
}
body.variant-a-v12 .hero-card span{
  position:relative;
  z-index:1;
  margin-bottom:14px;
  text-align:left;
}
body.variant-a-v12 .hero-card b{
  position:relative;
  z-index:1;
  display:block;
  font-size:clamp(26px,2.35vw,38px);
  line-height:1.04;
  max-width:18ch;
  text-align:left;
}
body.variant-a-v12 .hero-card p{
  position:relative;
  z-index:1;
  margin:12px 0 0;
  max-width:35ch;
  color:#cdd6e2;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.45;
  text-align:left;
}
body.variant-a-v12 .hero-card:not(.active) b,
body.variant-a-v12 .hero-card:not(.active) p{
  opacity:.68;
}
body.variant-a-v12 .hero-card-1{
  transform:translate3d(calc(var(--hero-progress) * -52px),calc(-184px + var(--hero-progress) * -28px),calc(88px - var(--hero-progress) * 116px)) rotateY(calc(-10deg + var(--hero-progress) * 8deg)) rotateX(3deg);
}
body.variant-a-v12 .hero-card-2{
  transform:translate3d(calc(32px + var(--hero-progress) * -84px),calc(-48px + var(--hero-progress) * -46px),calc(30px + var(--hero-progress) * 56px)) rotateY(calc(-3deg + var(--hero-progress) * 12deg));
}
body.variant-a-v12 .hero-card-3{
  transform:translate3d(calc(78px + var(--hero-progress) * -120px),calc(96px + var(--hero-progress) * -56px),calc(-56px + var(--hero-progress) * 94px)) rotateY(calc(7deg + var(--hero-progress) * 14deg));
}

/* AI Curious route unlocks: fewer CTAs, clearer decision path. */
.ai-curious-unlock-actions-v13{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
button.more.ai-unlock-trigger-v13{
  cursor:pointer;
  font:inherit;
}
.ai-unlock-trigger-v13.active{
  color:#fff !important;
  background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
  border-color:#2f7bc4 !important;
  box-shadow:0 12px 28px rgba(62,143,216,.22);
}
.ai-curious-unlocks-v13{
  background:#fff;
}
.ai-curious-unlocks-v13 .reveal{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}
.ai-unlock-panel-v13{
  display:none;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  gap:42px;
  align-items:center;
}
.ai-unlock-panel-v13.active{
  display:grid;
}
.ai-unlock-panel-v13 h2{
  max-width:14ch;
}
.ai-unlock-panel-v13 p:not(.lead){
  color:var(--muted);
  font-size:18px;
  line-height:1.58;
  max-width:62ch;
}
.unlock-proof-card-v13{
  border:1px solid #d9e7f4;
  border-top:4px solid var(--blue);
  background:#fff;
  border-radius:0;
  padding:28px;
  box-shadow:0 24px 72px rgba(22,36,63,.10);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.unlock-proof-card-v13>span{
  grid-column:1 / -1;
  justify-self:start;
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 13px;
  border-radius:8px;
  background:#edf5fc;
  color:var(--blue);
  font:900 13px/1 ui-monospace,Menlo,monospace;
  letter-spacing:.03em;
}
.unlock-proof-card-v13 section{
  border:1px solid var(--border);
  border-radius:12px;
  padding:20px;
  min-height:174px;
  background:#fff;
}
.unlock-proof-card-v13 section:last-child{
  grid-column:1 / -1;
  min-height:150px;
}
.unlock-proof-card-v13 b{
  display:block;
  margin-bottom:14px;
  color:var(--blue);
  font:900 16px/1 ui-monospace,Menlo,monospace;
}
.unlock-proof-card-v13 h3{
  margin:0 0 12px;
  font-size:24px;
  color:var(--navy);
}
.unlock-proof-card-v13 p{
  margin:0;
  color:var(--muted);
  line-height:1.58;
}

@media(max-width:980px){
  body.variant-a-v12 .hero-v04-frame,
  .ai-unlock-panel-v13{
    grid-template-columns:1fr;
  }
  body.variant-a-v12 .hero-card{
    min-height:auto;
    opacity:1 !important;
    transform:none !important;
  }
  .unlock-proof-card-v13{
    grid-template-columns:1fr;
  }
  .unlock-proof-card-v13 section,
  .unlock-proof-card-v13 section:last-child{
    grid-column:auto;
    min-height:auto;
  }
}

/* Hero correction: title-only left rail, explanatory copy lives on the right cards. */
body.variant-a-v12 .hero-v04-copy{
  max-width:720px;
}
body.variant-a-v12 .hero-v04 h1{
  margin-bottom:0;
}
body.variant-a-v12 #heroSupport{
  display:none !important;
}
body.variant-a-v12 .hero-v04-actions{
  margin-top:32px;
}
body.variant-a-v12 .hero-card{
  min-height:190px;
}
body.variant-a-v12 .hero-card b{
  max-width:18ch;
}
body.variant-a-v12 .hero-card p{
  max-width:34ch;
  font-size:clamp(15px,1.08vw,17px);
}

/* Echo explainer correction: meeting report and next-meeting brief are separate outputs. */
.echo-output-stack-v12{
  display:grid;
  gap:14px;
}
.echo-output-stack-v12 .ingest-node-v12{
  min-height:132px;
}
.echo-output-stack-v12 .brief-output-v12{
  background:linear-gradient(155deg,#173057,#0f1a30);
  box-shadow:0 22px 70px rgba(62,143,216,.18),0 0 0 7px rgba(62,143,216,.07),inset 0 0 0 1px rgba(255,255,255,.13);
}
.echo-output-stack-v12 .brief-output-v12 span{
  color:#b9f0d0;
}
@media(max-width:820px){
  .echo-output-stack-v12{
    grid-template-columns:1fr;
  }
}

/* Subpage nav readability guard: opaque enough to stay legible over dark heroes. */
body:not(.variant-a) .bar{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(211,225,242,.86) !important;
  box-shadow:0 12px 34px rgba(15,26,48,.12),inset 0 1px 0 rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
}
body:not(.variant-a) .bar .brand-grow,
body:not(.variant-a) .bar .brand-word{
  color:var(--navy) !important;
}
body:not(.variant-a) .bar .brand-talent{
  color:var(--blue) !important;
}
body:not(.variant-a) .bar nav a:not(.btn){
  color:#2f4059 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body:not(.variant-a) .bar nav a:not(.btn):hover{
  color:var(--blue) !important;
}
body:not(.variant-a) .bar nav:hover > a:not(:hover):not(.btn){
  color:#728096 !important;
  opacity:1 !important;
}

@media(max-width:760px){
  body:not(.variant-a) .bar nav a:not(.btn){
    background:#fff !important;
    border-color:rgba(211,225,242,.92) !important;
    color:#2f4059 !important;
  }
}

/* Responsive nav correction: labels stay single-line and controls share one pill system. */
.bar nav a,
.bar .nav-item>a,
.mega-nav>.nav-link,
.mega-nav>.btn{
  white-space:nowrap;
  line-height:1;
}

@media(max-width:1180px){
  body.variant-a-v12 .bar.nav-v11 .wrap{
    width:100%;
    max-width:none;
    padding-left:22px;
    padding-right:22px;
    gap:16px;
  }
  body.variant-a-v12 .bar.nav-v11 .logo-app{
    flex:0 0 auto;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav{
    flex:1 1 auto;
    min-width:0;
    justify-content:flex-end;
    gap:4px;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link,
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.btn,
  body.variant-a-v12 .bar.nav-v11 .nav-item>a{
    margin-left:0;
    padding-left:9px;
    padding-right:9px;
    font-size:clamp(12px,1.18vw,13px);
  }
}

@media(max-width:980px){
  body.variant-a-v12 .bar.nav-v11 .wrap,
  .variant-a-v11 .bar.nav-v11 .wrap{
    height:auto;
    min-height:0;
    align-items:center;
    flex-wrap:wrap;
    padding:12px 18px 10px;
    gap:12px 14px;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav,
  .variant-a-v11 .bar.nav-v11 .mega-nav{
    display:flex !important;
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    min-width:0;
    flex-wrap:nowrap !important;
    justify-content:flex-start;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:6px 0 7px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav::-webkit-scrollbar,
  .variant-a-v11 .bar.nav-v11 .mega-nav::-webkit-scrollbar{
    display:none;
  }
  body.variant-a-v12 .bar.nav-v11 .nav-item,
  .variant-a-v11 .bar.nav-v11 .nav-item{
    flex:0 0 auto;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link,
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.btn,
  body.variant-a-v12 .bar.nav-v11 .nav-item>a,
  .variant-a-v11 .bar.nav-v11 .mega-nav>.nav-link,
  .variant-a-v11 .bar.nav-v11 .mega-nav>.btn,
  .variant-a-v11 .bar.nav-v11 .nav-item>a{
    display:inline-flex;
    flex:0 0 auto;
    width:auto !important;
    min-height:38px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:0 15px;
    font-size:13px;
    font-weight:800;
    background:#fff !important;
    border:1px solid rgba(211,225,242,.95) !important;
    color:#334762 !important;
    box-shadow:0 8px 20px rgba(15,26,48,.06);
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.btn,
  .variant-a-v11 .bar.nav-v11 .mega-nav>.btn{
    grid-column:auto !important;
    margin-left:0;
    color:#fff !important;
    border-color:#50b7f2 !important;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
    box-shadow:0 10px 24px rgba(62,143,216,.24);
  }
}

@media(max-width:760px){
  body:not(.variant-a) .bar .wrap{
    height:auto;
    min-height:0;
    align-items:center;
    flex-wrap:wrap;
    padding-top:12px;
    padding-bottom:10px;
    gap:12px 14px;
  }
  body:not(.variant-a) .bar nav{
    display:flex;
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:6px 0 7px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body:not(.variant-a) .bar nav::-webkit-scrollbar{
    display:none;
  }
  body:not(.variant-a) .bar nav a,
  body:not(.variant-a) .bar nav a.btn{
    display:inline-flex !important;
    flex:0 0 auto;
    width:auto;
    min-height:38px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:0 15px;
    margin-left:0;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
    line-height:1;
  }
  body:not(.variant-a) .bar nav a.btn{
    color:#fff !important;
    border-color:#50b7f2 !important;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
    box-shadow:0 10px 24px rgba(62,143,216,.24);
  }
}

@media(max-width:820px){
  body:not(.variant-a) .bar .wrap,
  body.variant-a-v12 .bar:not(.nav-v11) .wrap{
    height:auto;
    min-height:0;
    align-items:center;
    flex-wrap:wrap;
    padding-top:12px;
    padding-bottom:10px;
    gap:12px 14px;
  }
  body:not(.variant-a) .bar nav,
  body.variant-a-v12 .bar:not(.nav-v11) nav{
    display:flex;
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:6px 0 7px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body:not(.variant-a) .bar nav::-webkit-scrollbar,
  body.variant-a-v12 .bar:not(.nav-v11) nav::-webkit-scrollbar{
    display:none;
  }
  body:not(.variant-a) .bar nav a,
  body:not(.variant-a) .bar nav a.btn,
  body.variant-a-v12 .bar:not(.nav-v11) nav a,
  body.variant-a-v12 .bar:not(.nav-v11) nav a.btn{
    display:inline-flex !important;
    flex:0 0 auto;
    width:auto;
    height:38px;
    min-height:38px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border-radius:999px;
    padding:0 15px;
    margin-left:0;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
    line-height:1;
  }
  body:not(.variant-a) .bar nav a:not(.btn),
  body.variant-a-v12 .bar:not(.nav-v11) nav a:not(.btn){
    background:#fff !important;
    border-color:rgba(211,225,242,.92) !important;
    color:#2f4059 !important;
    box-shadow:0 8px 20px rgba(15,26,48,.06);
  }
  body:not(.variant-a) .bar nav a.btn,
  body.variant-a-v12 .bar:not(.nav-v11) nav a.btn{
    color:#fff !important;
    border-color:#50b7f2 !important;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
    box-shadow:0 10px 24px rgba(62,143,216,.24);
  }
}

/* Homepage hero CTA correction: scroll-triggered 3D entrance that settles into the blue primary state. */
body.variant-a-v12 .hero-v04-actions{
  perspective:700px;
}
body.variant-a-v12 .hero-v04-actions .homepage-cta-v12.ghost{
  opacity:0;
  color:#fff !important;
  border-color:rgba(159,201,239,.34) !important;
  background:rgba(255,255,255,.03) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.20);
  transform:translate3d(0,24px,-90px) rotateX(13deg) scale(.94);
  transform-origin:50% 100%;
}
body.variant-a-v12 .hero-v04-actions.visible .homepage-cta-v12.ghost{
  opacity:1;
  color:#fff !important;
  border-color:#50b7f2 !important;
  background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
  box-shadow:0 16px 38px rgba(62,143,216,.34),0 0 0 4px rgba(62,143,216,.12);
  transform:translate3d(0,0,0) rotateX(0) scale(1);
  animation:heroCtaBlue3dInV12 .82s cubic-bezier(.16,.84,.24,1) .06s both;
}
@keyframes heroCtaBlue3dInV12{
  0%{
    opacity:0;
    color:#fff;
    border-color:rgba(159,201,239,.28);
    background:rgba(255,255,255,.03);
    box-shadow:0 10px 28px rgba(0,0,0,.20);
    transform:translate3d(0,24px,-90px) rotateX(13deg) scale(.94);
    filter:blur(5px);
  }
  62%{
    opacity:1;
    color:#fff;
    border-color:#6fb0e6;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8);
    box-shadow:0 18px 42px rgba(62,143,216,.36),0 0 0 6px rgba(62,143,216,.12);
    transform:translate3d(0,-3px,0) rotateX(0) scale(1.018);
    filter:none;
  }
  100%{
    opacity:1;
    color:#fff;
    border-color:#50b7f2;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8);
    box-shadow:0 16px 38px rgba(62,143,216,.34),0 0 0 4px rgba(62,143,216,.12);
    transform:translate3d(0,0,0) rotateX(0) scale(1);
    filter:none;
  }
}

@media(max-width:980px){
  body.variant-a-v12 .hero-v04-actions .homepage-cta-v12.ghost{
    opacity:1;
    border-color:#50b7f2 !important;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
    box-shadow:0 14px 34px rgba(62,143,216,.32),0 0 0 4px rgba(62,143,216,.12);
    transform:none;
    animation:heroCtaMobileInV12 .64s cubic-bezier(.16,.84,.24,1) .16s both;
  }
  @keyframes heroCtaMobileInV12{
    from{opacity:0;transform:translateY(16px) scale(.96);filter:blur(3px)}
    to{opacity:1;transform:none;filter:none}
  }
}

@media(prefers-reduced-motion:reduce){
  body.variant-a-v12 .hero-v04-actions.visible .homepage-cta-v12.ghost,
  body.variant-a-v12 .hero-v04-actions .homepage-cta-v12.ghost{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}

/* Responsive correction pass: compact rectangular menus, contained mobile cards, and clearer focus motion. */
.ingest-node-v12.meeting b{
  display:block;
  max-width:9.5ch;
  font-size:clamp(24px,2.05vw,31px);
  line-height:1.08;
  overflow-wrap:normal;
}

.variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guess-node-v11.employee,
.variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guess-node-v11.manager,
.variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guess-node-v11.ai{
  --node-lift:-12px;
  --node-scale:1.12;
  z-index:5;
  opacity:1;
  border-color:#8fc4f2;
  box-shadow:0 30px 88px rgba(22,36,63,.18),0 0 0 4px rgba(62,143,216,.08);
}
.variant-a-v12 .guessing-flow-v11[data-focus="all"] .guess-node-v11.active,
.variant-a-v12 .guessing-flow-v11[data-focus="context"] .guess-node-v11.active{
  --node-scale:1.04;
}

@media(min-width:821px){
  body:not(.variant-a) .bar nav a:not(.btn),
  body.variant-a-v12 .bar:not(.nav-v11) nav a:not(.btn){
    min-height:40px;
    display:inline-flex;
    align-items:center;
    color:#526783 !important;
    font-size:13.5px;
    font-weight:500;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
}

@media(max-width:820px){
  body.variant-a-v12 .bar.nav-v11 .wrap,
  .variant-a-v11 .bar.nav-v11 .wrap,
  body:not(.variant-a) .bar .wrap,
  body.variant-a-v12 .bar:not(.nav-v11) .wrap{
    align-items:center;
    padding:16px clamp(18px,4vw,28px) 18px;
    gap:14px;
  }
  body.variant-a-v12 .bar.nav-v11 .logo-app,
  body:not(.variant-a) .bar .logo-app,
  body.variant-a-v12 .bar:not(.nav-v11) .logo-app{
    margin:0 auto 2px 0;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav,
  .variant-a-v11 .bar.nav-v11 .mega-nav,
  body:not(.variant-a) .bar nav,
  body.variant-a-v12 .bar:not(.nav-v11) nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:100%;
    overflow:visible;
    gap:8px;
    padding:0;
  }
  body.variant-a-v12 .bar.nav-v11 .nav-item,
  .variant-a-v11 .bar.nav-v11 .nav-item{
    display:contents;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link,
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.btn,
  body.variant-a-v12 .bar.nav-v11 .nav-item>a,
  .variant-a-v11 .bar.nav-v11 .mega-nav>.nav-link,
  .variant-a-v11 .bar.nav-v11 .mega-nav>.btn,
  .variant-a-v11 .bar.nav-v11 .nav-item>a,
  body:not(.variant-a) .bar nav a,
  body:not(.variant-a) .bar nav a.btn,
  body.variant-a-v12 .bar:not(.nav-v11) nav a,
  body.variant-a-v12 .bar:not(.nav-v11) nav a.btn{
    width:100% !important;
    height:42px;
    min-height:42px;
    border-radius:10px;
    padding:0 12px;
    font-size:13.5px;
    font-weight:800;
    line-height:1;
    color:#324762 !important;
    background:linear-gradient(180deg,#fff,#f8fbff) !important;
    border:1px solid rgba(207,226,245,.95) !important;
    box-shadow:0 8px 20px rgba(22,36,63,.055);
    text-shadow:none !important;
    white-space:nowrap;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.btn,
  .variant-a-v11 .bar.nav-v11 .mega-nav>.btn,
  body:not(.variant-a) .bar nav a.btn,
  body.variant-a-v12 .bar:not(.nav-v11) nav a.btn{
    grid-column:1 / -1 !important;
    color:#fff !important;
    border-color:#50b7f2 !important;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
    box-shadow:0 10px 24px rgba(62,143,216,.24);
  }
  body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-nav>.nav-link,
  body.variant-a-v12 .bar.nav-v11.nav-over-dark .nav-item>a{
    color:#324762 !important;
    background:linear-gradient(180deg,#fff,#f8fbff) !important;
    border-color:rgba(207,226,245,.95) !important;
    opacity:1;
  }

  body.variant-a-v12 .hero-v04-frame{
    grid-template-columns:1fr;
    min-height:auto;
    height:auto;
    padding:34px 22px 36px;
  }
  body.variant-a-v12 .hero-v04-copy{
    max-width:none;
    width:100%;
  }
  body.variant-a-v12 .hero-v04-stack{
    display:grid !important;
    height:auto !important;
    gap:14px;
    margin-top:24px;
    transform:none !important;
  }
  body.variant-a-v12 .hero-card,
  body.variant-a-v12 .hero-card-1,
  body.variant-a-v12 .hero-card-2,
  body.variant-a-v12 .hero-card-3{
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    width:100%;
    min-height:auto;
    padding:24px 22px;
    transform:none !important;
    scale:1 !important;
    opacity:1 !important;
    filter:none !important;       /* stacked mobile cards must stay readable: no recession-blur */
  }
  body.variant-a-v12 .hero-card:not(.active){
    opacity:.6 !important;        /* mobile: cards are stacked to be read, keep them legible */
    filter:none !important;
  }
  body.variant-a-v12 .hero-card.active{
    scale:1 !important;
  }
  body.variant-a-v12 .hero-card b,
  body.variant-a-v12 .hero-card p{
    max-width:100%;
  }
  body.variant-a-v12 .hero-card p{
    font-size:15.5px;
    line-height:1.45;
  }
}

@media(max-width:520px){
  body.variant-a-v12 .bar.nav-v11 .mega-nav,
  .variant-a-v11 .bar.nav-v11 .mega-nav,
  body:not(.variant-a) .bar nav,
  body.variant-a-v12 .bar:not(.nav-v11) nav{
    grid-template-columns:1fr;
  }
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link,
  body.variant-a-v12 .bar.nav-v11 .mega-nav>.btn,
  body.variant-a-v12 .bar.nav-v11 .nav-item>a,
  .variant-a-v11 .bar.nav-v11 .mega-nav>.nav-link,
  .variant-a-v11 .bar.nav-v11 .mega-nav>.btn,
  .variant-a-v11 .bar.nav-v11 .nav-item>a,
  body:not(.variant-a) .bar nav a,
  body:not(.variant-a) .bar nav a.btn,
  body.variant-a-v12 .bar:not(.nav-v11) nav a,
  body.variant-a-v12 .bar:not(.nav-v11) nav a.btn{
    height:40px;
    min-height:40px;
    font-size:13px;
  }
}

/* Logo v2 clean-site treatment: one navy tile behind the isolated symbol. */
.logo-app .app-glow,
.logo-app-sub .app-glow,
.variant-a-v12 .app-glow{
  width:40px;
  height:40px;
  border-radius:12px;
  overflow:hidden;
  background:#0f1a30 !important;
  box-shadow:0 0 0 1px rgba(111,176,230,.68),0 10px 24px rgba(8,18,34,.18),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.logo-app .brand-mark,
.logo-app-sub .brand-mark{
  width:36px !important;
  height:36px !important;
  border-radius:0 !important;
  object-fit:contain;
}
.site-foot .brand-mark,
.variant-a-v12 .site-foot .brand-mark{
  width:34px !important;
  height:34px !important;
  border-radius:0 !important;
  object-fit:contain;
}
@media(max-width:760px){
  .logo-app .app-glow,
  .logo-app-sub .app-glow,
  .variant-a-v12 .app-glow{
    width:42px;
    height:42px;
    border-radius:13px;
  }
}

/* Final v0.12 motion polish: stronger orbit examples and a readable three-pillar hold. */
@media(min-width:981px){
  .variant-a-v12 .guessing-flow-v11 .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-grid-v05{
    grid-template-columns:minmax(380px,.76fr) minmax(640px,1.24fr);
    gap:clamp(74px,7vw,118px);
  }
  .variant-a-v12 .guessing-flow-v11 .guessing-stage-v05{
    height:min(720px,76vh);
  }
  .variant-a-v12 .context-map-v11{
    max-width:760px;
    min-height:560px;
  }
  .variant-a-v12 .context-core-v11{
    width:min(238px,25vw);
  }
  .variant-a-v12 .guess-node-v11{
    width:min(300px,38%);
    min-height:164px;
    padding:22px;
    border-radius:10px;
  }
  .variant-a-v12 .guess-node-v11 b{
    font-size:clamp(22px,2.15vw,31px);
  }
  .variant-a-v12 .guess-node-v11 p{
    font-size:14.5px;
    line-height:1.44;
  }
  .variant-a-v12 .guess-node-v11.active{
    --node-scale:1.06;
  }
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guess-node-v11{
    opacity:.78 !important;
    filter:none;
    pointer-events:auto;
    transition:left .5s cubic-bezier(.2,.8,.2,1),top .5s cubic-bezier(.2,.8,.2,1),transform .36s ease,border-color .28s ease,box-shadow .28s ease,filter .36s ease !important;
  }
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guess-node-v11.active{
    opacity:1 !important;
  }
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guess-node-v11.employee,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guess-node-v11.manager,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guess-node-v11.ai{
    --node-lift:-16px;
    --node-scale:1.18;
    border-color:#78b8ec;
    opacity:1 !important;
    box-shadow:0 34px 96px rgba(22,36,63,.20),0 0 0 5px rgba(62,143,216,.10),0 0 54px rgba(62,143,216,.14);
  }

  .variant-a-v12 .how-we-think-v12{
    min-height:340vh;
    padding:0;
    overflow:visible;
    background:linear-gradient(180deg,#fff 0%,#f7faff 48%,#fff 100%);
  }
  .variant-a-v12 .how-we-think-v12>.wrap{
    position:sticky;
    top:78px;
    min-height:calc(100vh - 78px);
    display:grid;
    align-content:center;
    padding-top:clamp(54px,7vh,86px);
    padding-bottom:clamp(54px,7vh,86px);
  }
  .variant-a-v12 .how-we-think-v12 .pillar-grid-v11{
    perspective:1200px;
  }
  .variant-a-v12 .how-we-think-v12 .pillar-card-v11{
    transform-origin:center;
    transition:opacity .36s ease,transform .44s cubic-bezier(.16,.84,.24,1),border-color .36s ease,box-shadow .36s ease,filter .36s ease;
  }
  .variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11{
    animation:none !important;
    opacity:.64 !important;
    transform:none !important;
    filter:saturate(.88);
    transition:transform .44s cubic-bezier(.16,.84,.24,1),border-color .36s ease,box-shadow .36s ease,filter .36s ease !important;
  }
  .variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11::before{
    animation:none !important;
  }
  .variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11.is-sequence-focus{
    opacity:1 !important;
    filter:none;
    transform:translateY(-6px) rotateX(1.5deg) scale(1.035) !important;
    border-color:#78b8ec;
    box-shadow:0 30px 82px rgba(22,36,63,.14),0 0 0 4px rgba(62,143,216,.08),0 0 44px rgba(111,176,230,.13);
  }
  .variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11.is-sequence-focus::before{
    animation:none;
    height:100%;
  }
  .variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11.is-sequence-focus span{
    background:var(--navy);
    color:#fff;
  }
  .variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11.is-sequence-focus h3{
    color:var(--navy);
  }
}

@media(max-width:980px){
  .variant-a-v12 .guessing-flow-v11{
    height:auto;
    min-height:auto;
    padding:clamp(72px,10vw,112px) 0;
  }
  .variant-a-v12 .guessing-flow-v11 .guessing-sticky{
    position:relative;
    top:auto;
    min-height:auto;
    overflow:visible;
  }
  .variant-a-v12 .guessing-flow-v11 .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-grid-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-grid-v05{
    grid-template-columns:1fr;
    gap:28px;
    min-height:auto;
    text-align:left;
  }
  .variant-a-v12 .guessing-flow-v11 .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-copy-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-copy-v05{
    min-height:auto;
    max-width:100%;
    transform:none !important;
  }
  .variant-a-v12 .guessing-flow-v11 .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guessing-stage-v05,
  .variant-a-v12 .guessing-flow-v11[data-focus="context"] .guessing-stage-v05{
    position:relative;
    width:100%;
    height:auto !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:auto;
  }
  .variant-a-v12 .context-map-v11{
    display:grid;
    gap:14px;
    height:auto;
    min-height:auto;
    max-width:100%;
    margin:0;
    place-items:stretch;
  }
  .variant-a-v12 .context-map-v11::before,
  .variant-a-v12 .context-map-v11::after,
  .variant-a-v12 .context-thread-v11{
    display:none;
  }
  .variant-a-v12 .context-core-v11{
    position:relative;
    width:100%;
    aspect-ratio:auto;
    min-height:156px;
    border-radius:12px;
    transform:none !important;
  }
  .variant-a-v12 .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="all"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="employee"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="manager"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="ai"] .guess-node-v11,
  .variant-a-v12 .guessing-flow-v11[data-focus="context"] .guess-node-v11{
    position:relative;
    left:auto;
    top:auto;
    right:auto;
    width:100%;
    min-height:auto;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    pointer-events:auto;
  }
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guess-node-v11 b,
  .variant-a-v12 .guessing-flow-v11[data-focus="unknown"] .guess-node-v11 p,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guess-node-v11 b,
  .variant-a-v12 .guessing-flow-v11[data-focus="question"] .guess-node-v11 p{
    opacity:1;
  }
  .variant-a-v12 .how-we-think-v12{
    min-height:auto;
    padding:clamp(72px,10vw,112px) 0;
  }
  .variant-a-v12 .how-we-think-v12>.wrap{
    position:relative;
    top:auto;
    min-height:auto;
    padding-top:0;
    padding-bottom:0;
  }
  .variant-a-v12 .how-we-think-v12 .reveal .pillar-card-v11,
  .variant-a-v12 .how-we-think-v12 .reveal.in .pillar-card-v11{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
  }
  .variant-a-v12 .how-we-think-v12 .pillar-card-v11::before{
    animation:none !important;
  }
}

/* v0.13 unified menu and CTA treatment. */
.bar.scale-nav.nav-v11{
  font-family:"Avenir Next","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(207,226,245,.74);
  box-shadow:0 12px 34px rgba(9,18,32,.08),inset 0 1px 0 rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(20px) saturate(1.45);
  backdrop-filter:blur(20px) saturate(1.45);
}
.bar.scale-nav.nav-v11 .wrap{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.bar.scale-nav.nav-v11 .brand-word{
  font-size:22px;
  line-height:1;
  letter-spacing:0;
}
.bar.scale-nav.nav-v11 .brand-grow,
.bar.scale-nav.nav-v11 .brand-word{
  color:var(--navy) !important;
}
.bar.scale-nav.nav-v11 .mega-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
}
.bar.scale-nav.nav-v11 .mega-nav>.nav-link,
.bar.scale-nav.nav-v11 .nav-item>a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:0;
  padding:0 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#526783 !important;
  font-size:13.5px;
  font-weight:650;
  line-height:1;
  letter-spacing:0;
  text-decoration:none;
  white-space:nowrap;
}
.bar.scale-nav.nav-v11 .mega-nav>.nav-link:hover,
.bar.scale-nav.nav-v11 .nav-item>a:hover{
  color:var(--navy) !important;
  background:rgba(62,143,216,.07);
}
.bar.scale-nav.nav-v11 .mega-nav>.btn{
  margin-left:8px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:10px;
  font-size:14px;
  font-weight:850;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
}
.homepage-cta-v12,
.cta-phase-v13{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform-origin:50% 100%;
}
.homepage-cta-v12.cta-visible:not(.echo-stage-cta-v12),
.hero-v04-actions.visible .homepage-cta-v12,
.cta-phase-v13{
  color:#fff !important;
  border-color:#50b7f2 !important;
  background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
  box-shadow:0 16px 38px rgba(62,143,216,.30),0 0 0 4px rgba(62,143,216,.10) !important;
  animation:ctaComponentInV13 .86s cubic-bezier(.16,.84,.24,1) both !important;
}
.homepage-cta-v12:hover,
.cta-phase-v13:hover{
  color:#fff !important;
  border-color:#50b7f2 !important;
  background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
  box-shadow:0 18px 44px rgba(62,143,216,.36),0 0 0 5px rgba(62,143,216,.13) !important;
  transform:translateY(-2px);
}
@keyframes ctaComponentInV13{
  0%{
    opacity:0;
    color:transparent;
    border-color:rgba(159,201,239,0);
    background:rgba(255,255,255,0);
    box-shadow:none;
    transform:translate3d(0,18px,-72px) rotateX(10deg) scale(.96);
    filter:blur(4px);
  }
  34%{
    opacity:1;
    color:transparent;
    border-color:rgba(111,176,230,.92);
    background:rgba(255,255,255,0);
    box-shadow:0 0 0 1px rgba(111,176,230,.20);
    transform:translate3d(0,3px,0) rotateX(0) scale(1);
    filter:none;
  }
  62%{
    opacity:1;
    color:#fff;
    border-color:rgba(111,176,230,.96);
    background:rgba(255,255,255,0);
    box-shadow:0 10px 26px rgba(62,143,216,.12);
    transform:translate3d(0,0,0) rotateX(0) scale(1);
  }
  100%{
    opacity:1;
    color:#fff;
    border-color:#50b7f2;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8);
    box-shadow:0 16px 38px rgba(62,143,216,.30),0 0 0 4px rgba(62,143,216,.10);
    transform:translate3d(0,0,0) rotateX(0) scale(1);
    filter:none;
  }
}

@media(max-width:1180px){
  .bar.scale-nav.nav-v11 .wrap{
    width:100%;
    max-width:none;
    padding-left:22px;
    padding-right:22px;
    gap:16px;
  }
  .bar.scale-nav.nav-v11 .mega-nav{
    flex:1 1 auto;
    justify-content:flex-end;
    gap:4px;
  }
  .bar.scale-nav.nav-v11 .mega-nav>.nav-link,
  .bar.scale-nav.nav-v11 .nav-item>a{
    padding-left:9px;
    padding-right:9px;
    font-size:clamp(12px,1.18vw,13px);
  }
}
@media(max-width:980px){
  .bar.scale-nav.nav-v11 .wrap{
    height:auto;
    min-height:0;
    align-items:center;
    flex-wrap:wrap;
    padding:12px 18px 10px;
    gap:12px 14px;
  }
  .bar.scale-nav.nav-v11 .mega-nav{
    display:flex !important;
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    min-width:0;
    flex-wrap:nowrap !important;
    justify-content:flex-start;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:6px 0 7px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .bar.scale-nav.nav-v11 .mega-nav::-webkit-scrollbar{
    display:none;
  }
  .bar.scale-nav.nav-v11 .mega-nav>.nav-link,
  .bar.scale-nav.nav-v11 .mega-nav>.btn,
  .bar.scale-nav.nav-v11 .nav-item>a{
    flex:0 0 auto;
    width:auto !important;
    min-height:40px;
    border:1px solid rgba(211,225,242,.95) !important;
    border-radius:10px;
    background:#fff !important;
    color:#334762 !important;
    box-shadow:0 8px 20px rgba(15,26,48,.06);
    font-size:13px;
    font-weight:800;
  }
  .bar.scale-nav.nav-v11 .mega-nav>.btn{
    color:#fff !important;
    border-color:#50b7f2 !important;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
  }
}
@media(max-width:760px){
  .bar.scale-nav.nav-v11 .mega-nav{
    display:grid !important;
    grid-template-columns:1fr;
    gap:8px;
    overflow:visible;
  }
  .bar.scale-nav.nav-v11 .mega-nav>.nav-link,
  .bar.scale-nav.nav-v11 .mega-nav>.btn,
  .bar.scale-nav.nav-v11 .nav-item>a{
    width:100% !important;
    min-height:42px;
    border-radius:10px;
    justify-content:center;
  }
}
@media(prefers-reduced-motion:reduce){
  .homepage-cta-v12.cta-visible:not(.echo-stage-cta-v12),
  .hero-v04-actions.visible .homepage-cta-v12,
  .cta-phase-v13{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}

/* ============================================================
   Reduced-motion: fully unpin the hero + "Why it matters" scrollytelling.
   Earlier reduced-motion rules (lines ~800/860) are outgunned by later
   high-specificity variant heights (.variant-a-v06 .hero-v04{height:310vh},
   .variant-a-v11 .guessing-flow-v11{height:330vh}). These overrides win on
   both source order and specificity so reduced-motion users get a calm,
   readable, static layout instead of a multi-screen scroll pin.
   MTM + how-think pillars are already handled in JS (reduceMotion guard).
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  body.variant-a-v12 .hero-v04,
  body.variant-a-v12 .guessing-v05,
  body.variant-a-v12 .guessing-flow-v11{
    height:auto !important;
  }
  body.variant-a-v12 .hero-v04-sticky,
  body.variant-a-v12 .guessing-sticky{
    position:relative !important;
    height:auto !important;
    overflow:visible !important;
  }
  body.variant-a-v12 .hero-v04-frame{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr;
  }
  /* hero deck becomes a static, fully readable stack — no recession, no blur */
  body.variant-a-v12 .hero-v04-stack{
    position:relative;
    height:auto !important;
    display:grid;
    gap:12px;
    margin-top:24px;
    perspective:none;
  }
  body.variant-a-v12 .hero-card,
  body.variant-a-v12 .hero-card-1,
  body.variant-a-v12 .hero-card-2,
  body.variant-a-v12 .hero-card-3{
    position:relative !important;
    inset:auto !important;
    left:auto !important; right:auto !important; top:auto !important;
    width:100%;
    transform:none !important;
    scale:1 !important;
    opacity:1 !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
  }
  body.variant-a-v12 .hero-card-lines i{animation:none !important}
  body.variant-a-v12 .hero-v04-actions{opacity:1 !important;transform:none !important}
  /* guessing context-map becomes a static stack with all three seats visible */
  body.variant-a-v12 .guessing-grid-v05{grid-template-columns:1fr;gap:28px}
  body.variant-a-v12 .guessing-stage-flow-v11,
  body.variant-a-v12 .context-map-v11{
    height:auto !important;
    min-height:0 !important;
    display:grid;
    gap:14px;
    place-items:stretch;
  }
  body.variant-a-v12 .context-map-v11::before,
  body.variant-a-v12 .context-map-v11::after,
  body.variant-a-v12 .context-thread-v11{display:none !important}
  body.variant-a-v12 .guess-node-v11{
    position:relative !important;
    left:auto !important; top:auto !important; right:auto !important;
    width:100% !important;
    transform:none !important;
    opacity:1 !important;
    transition:none !important;
    will-change:auto;
  }
  body.variant-a-v12 .guessing-actions-v05{opacity:1 !important;transform:none !important}
  /* echo continuity preview: keep it calm (no sticky scrub) */
  body.variant-a-v12 .echo-flow-sticky{position:relative !important;top:auto !important}
}

/* Typography micro-refinement (Emil): large display weights want a touch of
   negative tracking to lock the letterforms; mono eyebrows already carry
   positive tracking elsewhere, so only the display tier is adjusted here. */
body.variant-a-v12 .hero-v04 h1,
body.variant-a-v12 .guessing-copy-v05 h2{
  letter-spacing:-0.015em;
}

/* === P0 scroll fix (2026-06-18) ===
   Cut hero pin from 350vh → 180vh so each beat resolves within ~1 viewport.
   Dark body bg was set on .hero-v04 above (background:#05070a) to kill the
   white-background artifact that showed through the sticky frame during fast scroll.
   Inactive cards: backdrop-filter already off via v10; nudge opacity up slightly
   so cards are clearly receded but not erased. */
body.variant-a-v12 .hero-v04{height:240vh}
body.variant-a-v12 .hero-card:not(.active){opacity:.28;backdrop-filter:none}
body.variant-a-v12 .hero-card.active{opacity:1;backdrop-filter:blur(12px)}

/* === Emil logo verdict (2026-06-19): kill the tile ===
   Symbol sits directly on the bar — no navy plate, no glow, no pulse.
   Decisive end-of-file override; the legacy tile is spread across four
   !important-laden blocks (5316-5349, 3349-3352, 1171-1177) so we neutralize
   all .app-glow variants here rather than editing each in place. */
.logo-app .app-glow,
.logo-app-sub .app-glow,
.variant-a-v11 .app-glow,
.variant-a-v12 .app-glow{
  width:auto !important;
  height:auto !important;
  background:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  animation:none !important;
}
.logo-app .brand-mark,
.logo-app-sub .brand-mark,
.variant-a-v11 .logo-app .brand-mark{
  width:auto !important;
  height:30px !important;
  border-radius:0 !important;
}
.site-foot .brand-mark,
.variant-a-v12 .site-foot .brand-mark{
  width:auto !important;
  height:28px !important;
  border-radius:0 !important;
}
/* Wordmark weights: GROW 700, talent 500 — lighter, less shouty lockup */
.logo .brand-grow,
.logo-app .brand-grow{font-weight:700 !important}
.logo .brand-talent,
.logo-app .brand-talent{font-weight:500 !important}

/* Contrast-safe symbol: mirror the wordmark's nav-state flip.
   Light nav → deeper-blue glyph (light-mode asset); dark nav (.nav-over-dark)
   → bright-cyan glyph (dark-mode asset). Painted as a background so it swaps by
   state without editing 17 <img> tags. */
.logo-app .app-glow{
  background-image:url('assets/growtalent-symbol-light-mode-1024.png') !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
.logo-app .app-glow .brand-mark{visibility:hidden}
.bar.nav-over-dark .logo-app .app-glow{
  background-image:url('assets/growtalent-symbol-dark-mode-1024.png') !important;
}

/* === Nav shape verdict (2026-06-21, Emil): Option A text links, kill pill/bubble nav ===
   Pill shapes (border + tinted fill + 999px radius) leaked in at the mobile/tablet
   breakpoints and read as consumer-SaaS. Force flat text links across every nav state
   and breakpoint. Link color is already handled per-state by the rules above
   (navy on light bars, light-blue/white over dark). The Get Started .btn is untouched —
   it stays the single shaped anchor, which is the whole point of going text-only here. */
.bar nav a:not(.btn),
.bar .mega-nav>.nav-link,
.bar .nav-item>a,
.bar.scale-nav.nav-v11 .mega-nav>.nav-link,
.bar.scale-nav.nav-v11 .nav-item>a,
body.variant-a-v12 .bar.nav-v11 .mega-nav>.nav-link,
body.variant-a-v12 .bar.nav-v11 .nav-item>a,
body.variant-a-v12 .bar.nav-v11.nav-over-dark .mega-nav>.nav-link,
body.variant-a-v12 .bar.nav-v11.nav-over-dark .nav-item>a{
  border:0 !important;
  background:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
/* Hover affordance = color shift only (already defined per-state); no chip/fill. */
.bar nav a:not(.btn):hover,
.bar .mega-nav>.nav-link:hover,
.bar .nav-item>a:hover{
  background:none !important;
}

/* === Homepage de-jack (2026-06-22, Emil + Kyle) ===
   Verified in Chrome: full homepage was ~20 viewports of scroll, dominated by
   four stacked scroll-jacked pins (hero 2.4 / MTM 2.86 / How We Think 3.4 /
   Why-It-Matters 6.2 screens). This block cuts the page ~37% and converts MTM
   from a horizontal scroll-jack into a static 3×2 grid.
   Pure CSS, no JS edits: a stylesheet !important beats the JS-set inline height
   on .mtm-horizontal AND the inline translate3d on .mtm-track, so the slide
   engine simply stops moving the grid. Fully reversible — delete this block. */
@media(min-width:981px){
  /* Trim the pins that de-jack cleanly */
  body.variant-a-v12 .hero-v04{height:135vh !important}
  body.variant-a-v12 .guessing-flow-v11{height:210vh !important}

  /* How We Think — unpin, and stop the scroll-driven card dimming */
  body.variant-a-v12 .how-we-think-v12{min-height:auto !important;background:#fff !important;padding:clamp(72px,8vw,110px) 0 !important}
  body.variant-a-v12 .how-we-think-v12>.wrap{position:static !important;min-height:auto !important;align-content:start !important;padding-top:0 !important;padding-bottom:0 !important}
  body.variant-a-v12 .how-we-think-v12 .reveal{opacity:1 !important;transform:none !important}
  body.variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11,
  body.variant-a-v12 .how-we-think-v12 .pillar-card-v11{opacity:1 !important;filter:none !important;transform:none !important;box-shadow:none}
  body.variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11.is-sequence-focus{border-color:var(--border) !important;box-shadow:none !important}
  body.variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11.is-sequence-focus span{background:initial !important;color:inherit !important}
  body.variant-a-v12 .how-we-think-v12.pillars-sequencing-v12 .pillar-card-v11.is-sequence-focus h3{color:inherit !important}

  /* MTM — horizontal scroll-jack → static 3×2 grid (all 6 stages visible at once) */
  body.variant-a-v12 .mtm-horizontal{height:auto !important;position:relative !important}
  body.variant-a-v12 .mtm-sticky{position:static !important;height:auto !important;display:block !important;overflow:visible !important;padding:clamp(72px,8vw,110px) 0}
  body.variant-a-v12 .mtm-horizontal-shell{padding-top:0 !important;padding-bottom:0 !important}
  body.variant-a-v12 .mtm-timeline-meta{display:none !important}
  body.variant-a-v12 .mtm-track-window{width:auto !important;max-width:1180px;margin:0 auto;overflow:visible !important}
  body.variant-a-v12 .mtm-track{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:22px !important;width:auto !important;transform:none !important;will-change:auto}
  body.variant-a-v12 .mtm-slide{flex:none !important;width:auto !important;min-width:0 !important;min-height:0 !important}
}

/* === Assessments .chrono de-jack (2026-06-22, NAR-08 / Emil blocker)
   Same treatment as MTM on homepage: stylesheet !important beats JS inline translateX.
   Converts horizontal 5-screen pin into a static 2-col card grid. Fully reversible. ===*/
@media(min-width:821px){
  body.variant-a-v12 .chrono{height:auto !important}
  body.variant-a-v12 .chrono .pin{position:static !important;height:auto !important;padding:clamp(72px,8vw,110px) 0 !important}
  body.variant-a-v12 .chrono .vp{overflow:visible !important;width:100% !important;height:auto !important}
  body.variant-a-v12 .chrono .track{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(340px,1fr)) !important;gap:24px !important;transform:none !important;will-change:auto}
  body.variant-a-v12 .chrono .cstage{flex:none !important;width:auto !important;min-width:0 !important;min-height:0 !important}
  body.variant-a-v12 .chrono .chead{margin-bottom:32px !important}
  body.variant-a-v12 .chrono .pbar,body.variant-a-v12 .chrono .scrollhint{display:none !important}
}

/* === Button state completeness (2026-06-22) === */
.btn:active,.ghost:active{transform:translateY(0) !important;opacity:.82}
.btn[disabled],.ghost[disabled],.btn[aria-disabled="true"],.ghost[aria-disabled="true"]{opacity:.38;pointer-events:none;cursor:not-allowed}

/* ============================================================================
   === 2026-07-31 REVIEW FIXES (NA + KPI, desktop & mobile) ===================
   One appended block. Delete from here to EOF to revert every change.
   Paired with assets/site-fixes.js.
   ========================================================================== */

/* --- F1 · Collapse the always-open stacked nav into a drawer (<=820px) -----
   Was: .mega-nav forced to display:grid at :5202 (<=820px, 2-col) and :5802
   (<=760px, 1-col), producing a 465px sticky header on a 844px viewport.
   Now: hidden behind a hamburger; opens as a full-width drawer.            */
@media(max-width:820px){
  .bar.nav-collapsible-v14 .mega-nav,
  body.variant-a-v12 .bar.nav-v11.nav-collapsible-v14 .mega-nav,
  .bar.scale-nav.nav-v11.nav-collapsible-v14 .mega-nav{
    display:none !important;
  }
  .bar.nav-collapsible-v14.nav-drawer-open .mega-nav,
  body.variant-a-v12 .bar.nav-v11.nav-collapsible-v14.nav-drawer-open .mega-nav,
  .bar.scale-nav.nav-v11.nav-collapsible-v14.nav-drawer-open .mega-nav{
    display:grid !important;
    grid-template-columns:1fr;
    gap:6px;
    width:100%;
    max-width:100%;
    padding:10px 0 14px;
    overflow:visible;
  }
  /* Tap targets: WCAG 2.5.8 minimum is 24px; 48px is the comfortable target. */
  .bar.nav-collapsible-v14.nav-drawer-open .mega-nav>.nav-link,
  .bar.nav-collapsible-v14.nav-drawer-open .mega-nav>.btn,
  .bar.nav-collapsible-v14.nav-drawer-open .nav-item>a{
    width:100% !important;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0 14px;
    border-radius:10px;
    font-size:16px;
  }
  .bar.nav-collapsible-v14 .row,
  .bar.nav-collapsible-v14 .nav-inner{
    align-items:center;
  }
  html.nav-drawer-locked,
  html.nav-drawer-locked body{overflow:hidden;}
}

/* --- F2 · The hamburger itself ------------------------------------------- */
.nav-toggle-v14{display:none;}
@media(max-width:820px){
  .nav-toggle-v14{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;height:48px;
    margin-left:auto;
    padding:0;
    border:1px solid rgba(159,201,239,.28);
    border-radius:12px;
    background:rgba(255,255,255,.06);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .nav-toggle-v14:focus-visible{outline:2px solid var(--blue-light,#61C5EE);outline-offset:2px;}
  .nav-toggle-bars{display:block;width:20px;}
  .nav-toggle-bars i{
    display:block;height:2px;border-radius:2px;
    background:var(--navy,#16243f);
    transition:transform .22s ease,opacity .18s ease;
  }
  .nav-toggle-bars i+i{margin-top:5px;}
  .bar.nav-over-dark .nav-toggle-bars i{background:#fff;}
  .bar.nav-over-dark .nav-toggle-v14{border-color:rgba(159,201,239,.34);background:rgba(255,255,255,.08);}
  .nav-drawer-open .nav-toggle-bars i:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-drawer-open .nav-toggle-bars i:nth-child(2){opacity:0;}
  .nav-drawer-open .nav-toggle-bars i:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}
@media(prefers-reduced-motion:reduce){
  .nav-toggle-bars i{transition:none;}
}

/* --- F3 · Kill the 881px empty void under the mobile hero -----------------
   :5922 sets .hero-v04{height:240vh} for the desktop scroll-pin. The
   2026-06-22 de-jack that disables the pin is scoped @media(min-width:981px),
   so mobile kept the 240vh box with nothing rendering inside it.            */
@media(max-width:820px){
  body.variant-a-v12 .hero-v04{height:auto;min-height:auto;padding-bottom:48px;}
  body.variant-a-v12 .hero-v04 .hero-card:not(.active){opacity:1;}
}

/* --- F4 · Contrast: lift failing tokens to AA -----------------------------
   .brand-talent  #6FB0E6 on the light bar = 2.33:1  -> #1A71B4 = 4.62:1
   --muted        #5A6678 on white          = 3.61:1  -> #4A566B = 4.72:1
   Wordmark keeps the light tint when the bar is over a dark section.        */
:root{--muted:#4A566B;}
.bar:not(.nav-over-dark) .brand-talent,
body.variant-a-v12 .bar.nav-v11:not(.nav-over-dark) .brand-talent{
  color:#1A71B4 !important;
}

/* --- F5 · Footer tap targets (18px -> 44px) ------------------------------- */
@media(max-width:820px){
  .site-foot a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
  }
}
/* === end 2026-07-31 review fixes ========================================= */

/* --- F6 · The light band over dark heroes (P0, open since 2026-06-18) ------
   Root cause is NOT the header's own colour. `.bar` is translucent with a
   backdrop-filter, the hero starts at y=75, so the only thing behind the bar
   is body{background:#fff}. Even the correct dark state (rgba(7,17,32,.56))
   composites against white and reads as a grey slab.
   Fix: raise opacity when the bar is over a dark section, so the white body
   behind it stops showing through. Local and reversible — does NOT touch the
   global --surface token, which light pages still need.                     */
.bar.nav-over-dark,
.bar.nav-v11.nav-over-dark,
body.variant-a-v12 .bar.nav-v11.nav-over-dark,
body.variant-a-v12 .bar.nav-v11.nav-over-dark.nav-raised{
  background:rgba(7,17,32,.94) !important;
  border-bottom-color:rgba(159,201,239,.16) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.28) !important;
}

/* --- F7 · Drawer refinement: scrollable, real 48px targets ---------------- */
@media(max-width:820px){
  .bar.nav-collapsible-v14.nav-drawer-open .mega-nav{
    max-height:calc(100vh - 140px);
    max-height:calc(100dvh - 140px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  /* A fixed `height` from the desktop pill styling was beating min-height. */
  .bar.nav-collapsible-v14.nav-drawer-open .mega-nav>.nav-link,
  .bar.nav-collapsible-v14.nav-drawer-open .mega-nav>.btn,
  .bar.nav-collapsible-v14.nav-drawer-open .mega-nav>.nav-item>a,
  .bar.nav-collapsible-v14.nav-drawer-open .nav-item>a{
    height:auto !important;
    min-height:48px !important;
    line-height:1.25;
  }
}

/* --- F10 · Teams/organization flow: art drawn for ~347px, card is 292px ---
   Node 4 (left:312px) fell entirely outside the card and was clipped away;
   automation dot 3 was sliced in half by the card edge; the OUTPUT pill
   landed on top of node 3 and the connector line stopped 30px short of it.
   Positions are hard-coded in px and redeclared in FIVE separate blocks
   (1930, 2768, 3049, 3843, 4364), so nudging one fights the rest.
   Fix: leave the composition alone, scale it to the card. `zoom` reflows,
   so height follows and no margin compensation is needed.                 */
.route-visual-shell-v12{container-type:inline-size}
@container (max-width:340px){ .team-flow-v12,.leader-flow-v12{zoom:.86} }
@container (max-width:310px){ .team-flow-v12,.leader-flow-v12{zoom:.80} }
@container (max-width:280px){ .team-flow-v12,.leader-flow-v12{zoom:.72} }
.route-visual-v11{overflow:hidden}

/* --- F11 · Desktop jitter in "Why It Matters" ----------------------------
   .guess-node-v11 transitions `left` and `top` over 860ms. Those are layout
   properties: every frame relayouts and repaints three cards each carrying a
   68px box-shadow. `will-change:left,top` cannot be composited — it promotes
   layers for no gain. Composition untouched; only painting changes.       */
.guess-node-v11{will-change:auto}
.guessing-flow-v11{contain:layout paint}
.guessing-flow-v11 .guess-node-v11{box-shadow:0 10px 26px rgba(22,36,63,.10)}
.guessing-flow-v11 .guess-node-v11.active{box-shadow:0 18px 54px rgba(22,36,63,.085)}

/* --- F12 · Hero stage swap: mismatched timings caused the ghost ----------
   .hero-stage-swap crossfades in 160ms while .hero-card takes 420ms, so the
   outgoing headline is gone while the previous card still sits at 28%
   opacity under the incoming one — the doubled "Manager context, not
   keywords" behind "Living project profiles". Align them, and recede the
   inactive card so it reads as depth, not a second half-rendered card.    */
.hero-stage-swap{
  transition:opacity .42s cubic-bezier(.16,.84,.24,1),transform .42s cubic-bezier(.16,.84,.24,1) !important;
}
body.variant-a-v12 .hero-card:not(.active){
  opacity:.13;
  backdrop-filter:none;
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  .hero-stage-swap{transition:none !important}
}

/* --- F13 · Global smooth-scroll removed ----------------------------------
   html{scroll-behavior:smooth} makes every wheel tick fight the browser's
   own scrolling and directly contributes to the choppy feel. Anchor jumps
   keep smoothness via the focus-within rule.                              */
html{scroll-behavior:auto}
@media(prefers-reduced-motion:no-preference){
  html:focus-within{scroll-behavior:smooth}
}

/* === 2026-07-31 R2 POLISH (Kyle feedback) === */
/* A. Title-highlight extension is HTML-only (self-highlight spans on MTM + Echo h2s);
   reuses the existing .variant-a-v06 .self-highlight rules — no new title CSS needed. */

/* B. "Next prep / Walk in sharper" card reads boxy: the final beat stacks the card and
   the CTA as two hard rectangles. Soften the last card only and thread it to the CTA. */
body.variant-a-v12 .echo-flow-card[data-echo-card="3"]{
  border-radius:12px;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(5,7,10,.94) 0%,rgba(10,15,22,.9) 100%);
}
body.variant-a-v12 .echo-flow-card[data-echo-card="3"].active{
  border-color:rgba(111,176,230,.4);
  box-shadow:
    0 30px 82px rgba(0,0,0,.32),
    0 0 0 1px rgba(111,176,230,.18),
    0 20px 52px rgba(111,176,230,.10),
    inset 0 1px 0 rgba(255,255,255,.08);
}
/* Soft light thread from the card down to the CTA so card + button read as one beat */
body.variant-a-v12 .echo-flow-card[data-echo-card="3"]::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  transform:translateX(-50%);
  width:1px;
  height:26px;
  background:linear-gradient(180deg,rgba(111,176,230,.55),rgba(111,176,230,0));
  opacity:0;
  transition:opacity .4s ease .12s;
  pointer-events:none;
}
body.variant-a-v12 .echo-flow-card[data-echo-card="3"].active::after{opacity:1}
/* CTA becomes a pill with a soft halo instead of a second hard rectangle */
body.variant-a-v12 .echo-flow-stage .echo-stage-cta-v12{
  border-radius:999px;
  box-shadow:0 14px 34px rgba(62,143,216,.28),0 0 0 4px rgba(111,176,230,.10);
}
/* === END 2026-07-31 R2 POLISH === */

/* ============================================================================
   === 2026-07-31 R2 MOBILE SIMPLIFY (Kyle feedback) ==========================
   One appended block; delete from here to the closing marker to revert.
   Paired JS gate: index.html simplifyMobile() (<=820px) disables the hero
   stage swap and the Why-It-Matters scroll scrub. Desktop (>820px) untouched.
   ========================================================================== */
@media(max-width:820px){
  /* --- R2-1 · Hero: static + sharp; locked headline; CTA visible;
         three artifact cards stacked at full opacity ----------------------- */
  body.variant-a-v12 .hero-v04{height:auto !important;min-height:0 !important}
  body.variant-a-v12 .hero-v04-sticky{position:relative !important;height:auto !important;overflow:visible !important}
  body.variant-a-v12 .hero-v04-frame{height:auto !important;min-height:0 !important}
  body.variant-a-v12 .hero-v04-copy,
  body.variant-a-v12 .hero-v04-copy h1,
  body.variant-a-v12 .hero-v04-copy p{opacity:1 !important;filter:none !important;transform:none !important}
  body.variant-a-v12 .hero-v04-copy h1{animation:none !important}
  body.variant-a-v12 .hero-v04-actions{opacity:1 !important;transform:none !important}
  body.variant-a-v12 .hero-card,
  body.variant-a-v12 .hero-card:not(.active){opacity:1 !important;filter:none !important;transform:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;pointer-events:auto !important}
  /* Chips row: the stage labels only mean something while stages swap.
     With the swap dead on mobile they are noise — hidden (simplest wins). */
  body.variant-a-v12 .hero-stage-tabs{display:none !important}
  /* CTA is IMMEDIATELY visible on mobile: no armed-hidden state, no entrance
     choreography. The .cta-armed reveal depends on a rAF that can be throttled
     (hidden tab / bg load), which would leave the primary CTA at opacity 0.
     Extra .hero-v04 ancestor outguns the inline-style entrance rules (0,4,0). */
  body.variant-a-v12 .hero-v04 .hero-v04-actions .hero-dynamic-cta,
  body.variant-a-v12 .hero-v04 .hero-v04-actions .hero-dynamic-cta.cta-armed,
  body.variant-a-v12 .hero-v04 .hero-v04-actions .hero-dynamic-cta.cta-entrance{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    color:#fff !important;
    border-color:#50b7f2 !important;
    background:linear-gradient(120deg,#2a72bd,#3e8fd8) !important;
    box-shadow:0 16px 38px rgba(62,143,216,.30),0 0 0 4px rgba(62,143,216,.10) !important;
  }
  body.variant-a-v12 .hero-v04 .hero-v04-actions .hero-dynamic-cta::after{
    animation:none !important;transform:scale(1) !important;opacity:1 !important;
  }
  body.variant-a-v12 .hero-v04 .hero-v04-actions .hero-dynamic-cta > *{
    animation:none !important;
  }

  /* --- R2-2 · MTM: vertical stacked list replaces the hint-less carousel.
         Kyle authorized restructuring; a 390px scroll-snap carousel with no
         dots/peek markup available cannot signal "swipe" honestly, and the
         numbered steps (01..NEXT) read perfectly as a vertical sequence.
         CSS !important beats the JS inline height/transform (same technique
         as the 2026-06-22 desktop de-jack). ------------------------------- */
  body.variant-a-v12 .mtm-horizontal{height:auto !important}
  body.variant-a-v12 .mtm-sticky{position:static !important;height:auto !important;display:block !important;overflow:visible !important}
  body.variant-a-v12 .mtm-timeline-meta{display:none !important}
  body.variant-a-v12 .mtm-track-window{width:100% !important;overflow:visible !important;padding:8px 0 0 !important;scroll-snap-type:none !important}
  body.variant-a-v12 .mtm-track{display:grid !important;grid-template-columns:1fr !important;gap:14px !important;width:auto !important;transform:none !important;will-change:auto}
  body.variant-a-v12 .mtm-slide{flex:none !important;width:100% !important;min-width:0 !important;min-height:0 !important;opacity:1 !important;transform:none !important;scroll-snap-align:none !important}
  body.variant-a-v12 .mtm-slide::before{display:none !important} /* horizontal connector line */
  body.variant-a-v12 .mtm-slide h3{font-size:clamp(28px,7.5vw,34px)}

  /* --- R2-3 · How We Think: drop the decorative inner frame border and let
         the brief text breathe. Content and voice untouched. --------------- */
  body.variant-a-v12 .context-brief-v11::before{display:none !important} /* inset hairline frame Kyle flagged */
  body.variant-a-v12 .context-brief-v11{min-height:0 !important;padding:24px 20px !important;border-radius:14px}
  body.variant-a-v12 .context-brief-v11 h3{margin:18px 0 16px;font-size:clamp(30px,8vw,38px)}
  body.variant-a-v12 .brief-report-v12{max-width:100% !important;gap:16px}
  body.variant-a-v12 .brief-report-v12 section{border:0 !important;background:none !important;box-shadow:none !important;padding:0 !important}
  body.variant-a-v12 .brief-report-v12 p{font-size:15px;line-height:1.55}
  body.variant-a-v12 .pillar-card-v11{min-height:0;padding:18px}

  /* --- R2-4 · Points BEFORE visual: Continuous / Personalized / Timely
         render above the context-brief on mobile via grid order. Markup is
         unchanged, so desktop keeps its two-column layout exactly. --------- */
  body.variant-a-v12 .pillar-stage-v11{display:grid}
  body.variant-a-v12 .pillar-stage-v11 .pillar-grid-v11{order:-1}

  /* --- R2-5 · Why It Matters: motion dies, composition stays. All three
         nodes + center at end-state, opacity 1. JS scrub is gated; these
         rules pin the visuals even if a stray class lands. ----------------- */
  body.variant-a-v12 .guessing-v05,
  body.variant-a-v12 .guessing-flow-v11{height:auto !important}
  body.variant-a-v12 .guessing-sticky{position:relative !important;height:auto !important;overflow:visible !important}
  body.variant-a-v12 .guessing-copy-v05 h2,
  body.variant-a-v12 #guessCopy{opacity:1 !important;transform:none !important;filter:none !important;animation:none !important}
  body.variant-a-v12 .guess-node-v11,
  body.variant-a-v12 .context-core-v11{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;animation:none !important}
  body.variant-a-v12 .guessing-stage-v05{opacity:1 !important;transform:none !important}
  body.variant-a-v12 .guessing-actions-v05{opacity:1 !important;transform:none !important}
}
/* === end 2026-07-31 R2 MOBILE SIMPLIFY ==================================== */


/* ============================================================================
   === 2026-08-03 MOTION PASS FIXES (Kyle feedback) ===========================
   Delete from here to end to revert. Paired HTML: index.html CTA + MTM dwell.
   ========================================================================== */

/* 1. F11-REVERT: contain:layout paint caused visual snap on node transitions.
      Restore original will-change and box-shadows so left/top animate smoothly. */
.guess-node-v11{will-change:left,top,transform}
.guessing-flow-v11{contain:none}
.guessing-flow-v11 .guess-node-v11{box-shadow:0 18px 54px rgba(22,36,63,.085)}
.guessing-flow-v11 .guess-node-v11.active{box-shadow:0 22px 68px rgba(22,36,63,.13)}

/* 2. F12-REVERT: 420ms hero-stage-swap felt brutal. Back to 250ms — the ghost
      overlap is preferable to a slow swap Kyle called "perfect before". */
.hero-stage-swap{transition:opacity .25s ease !important;}
body.variant-a-v12 .hero-card:not(.active){opacity:.28;pointer-events:none;}

/* 3. Nav background transition: smooth dark/light switch on scroll */
.bar,.bar.nav-v11,body.variant-a-v12 .bar.nav-v11{
  transition:background .32s ease,box-shadow .32s ease,border-bottom-color .32s ease;
}

/* 4. Hero card body text: max-width 38ch -> 52ch so slide-2 reads as 2-3 lines */
.hero-card p,.echo-stack-card p{max-width:52ch;}

/* 5. Desktop scale — see the 2026-08-03 SCALE block at end of file.
      (Original blunt `html{zoom:.88}` removed: it shrank the hero BACKDROP too,
      exposing the body background as a blue border around the hero frame.) */

/* === end 2026-08-03 motion pass fixes ===================================== */

/* 6. Scroll dwell: the 2026-06-22 de-jack trimmed hero to 135vh and
      Why-It-Matters to 210vh, making both scrub far too fast to read.
      Hero has 3 stages, Why-It-Matters has 7 — give each stage real
      scroll distance. Desktop only; mobile static states untouched. */
@media(min-width:981px){
  body.variant-a-v12 .hero-v04{height:300vh !important}
  body.variant-a-v12 .guessing-flow-v11{height:520vh !important}
}
/* === end 2026-08-03 scroll dwell ========================================= */


/* ============================================================================
   === 2026-08-03 SCALE + DOT FIX (Kyle round 2) =============================
   ========================================================================== */

/* A. Desktop scale, done right.
      Kyle: "minimize the header CONTENT, not the backdrop."
      zoom on <html> shrank everything including .hero-v04-frame, whose
      calc(100vw - 36px) then resolved to 88% of the screen and let the navy
      body background show through as a blue border. Fix: keep the zoom lever
      (styles.css is px-heavy, so root font-size scaling would not reach it)
      but compensate every full-bleed surface by the same factor so backdrops
      still cover the real viewport. .80 per Kyle: "make everything smaller again". */
@media(min-width:981px){
  html{zoom:.80}
  /* Undo the zoom for anything that must span the true viewport. */
  body.variant-a-v12 .hero-v04-sticky{height:125vh}
  body.variant-a-v12 .hero-v04-frame{
    width:calc(125vw - 36px);
    height:calc(125vh - 36px);
    min-height:825px;
  }
  body.variant-a-v12 .guessing-flow-v11 .guessing-sticky,
  body.variant-a-v12 .mtm-sticky{min-height:125vh}
}

/* B. MTM final step: the dot never filled.
      :2384 gives .mtm-end a permanent dark fill + pale border for its navy card,
      and nothing re-colours it on .active — so step 06 stayed hollow while 01-05
      filled. Give the end card its own active state, light-on-dark to stay legible
      against the navy background it sits on. */
.variant-a-v12 .mtm-slide.mtm-end.active .mtm-line-dot{
  background:#8fc7f2;
  border-color:#cfe6fb;
  box-shadow:0 0 0 7px rgba(143,199,242,.22);
}
/* === end 2026-08-03 scale + dot fix ====================================== */

/* ==========================================================================
   2026-08-03 · GROWtalent TITLE SYSTEM v2  (Emil)
   Supersedes the v1 page-header-only patch. Covers all three title classes.

   T0: no title renders more than 2 line boxes at 1440px device width
       (= 1800px CSS viewport under html{zoom:.80} at styles.css:6440).

   ZOOM NOTE: at .80 root zoom every `vw` term in these clamps resolves ABOVE
   its max, so the clamp MAX is the operative desktop size. All values below
   are tuned against the max, not the vw term. Containers are px-based and did
   NOT grow with the zoom, so two sections get an explicit width increase that
   the 1800px CSS viewport now makes free.

   Overridden, by source order + specificity (all beaten, none needs !important):
     styles.css:1611  .variant-a-v12 .phero h1                         (0,2,1)
     styles.css:1760  .variant-a-v12 .split-title-v12                  (0,2,0)
     styles.css:1764  .var-a-v12 .guessing-flow-v11 .guessing-copy h2  (0,4,1)
     styles.css:1317  .var-a-v11 .guessing-flow-v11 .guessing-copy h2  (0,4,1)
     styles.css:917   .variant-a-v06 .guessing-copy-v05 h2             (0,2,1)
     styles.css:835   .guessing-copy-v05 h2                            (0,1,1)
     styles.css:3468  .variant-a-v12 .how-we-think-v12 h2              (0,2,1)
     styles.css:1513  .variant-a-v11 .mtm-horizontal-head h2           (0,2,1)
     styles.css:665   .mtm-horizontal-head h2                          (0,1,1)
     styles.css:1515  .variant-a-v11 .echo-flow-head h2                (0,2,1)
     styles.css:1075  .variant-a-v08 .echo-flow-head h2                (0,2,1)
     styles.css:957   .echo-flow-head h2                               (0,1,1)
     styles.css:1768  .var-a-v12 .service-routes-v06 .route-team h3    (0,4,1)
     styles.css:1510  .var-a-v11 .service-routes-v06 .route-v04 h3     (0,3,1)
     styles.css:1765  .variant-a-v12 .route-v04 h3.split-title-v12     (0,3,1)
     styles.css:1769  .variant-a-v12 .services-v06 h2.split-title-v12  (0,3,1)
     styles.css:1468  .context-brief-v11 h3                            (0,1,1)
     styles.css:965   .echo-flow-panel h3                              (0,1,1)
     styles.css:301   .coaching-chronology-v12 h2                      (0,1,1)
     styles.css:462   h2                                               (0,0,1)
     styles.css:2313  .variant-a-v12 .phero h1 @<=820                  (0,2,1)
     styles.css:2264  .var-a-v11 guessing h2 @<=820                    (0,4,1)

   NEVER TOUCHED:
     .hero-v04 h1        — index.html:358 LOCKED headline, 7-deep override chain
     heroStages          — index.html:630-634 LOCKED
     .self-highlight     — styles.css:930-933, homepage scroll swipe (motion, not colour)
     "Where the Work Starts" — Kyle keeper, appears nowhere in these selectors
   ========================================================================== */

/* --- A2 · accent tokens, ground-selected. Never hand-pick a blue. -------- */
:root{
  --gt-brand-strong:      #1A71B4;  /* design-system: text-safe on light, 5.6:1 */
  --gt-brand-on-dark:     #93D2EC;  /* design-system azure-300, 12.6:1 on #071120 */
}

/* ========== CLASS 1 · PAGE HEADER .phero h1 ============================== */
/* was: clamp(40px,7vw,92px) / .98 / 12ch  (styles.css:1611)
   .phero .wrap content box = 1120 - 52 = 1068px, so the CONTAINER binds at
   34ch: 34 x (0.55 x 60) = 1122px > 1068. Effective measure ~= 37 chars. */
body.variant-a-v12 .phero h1{                       /* (0,2,2) beats (0,2,1) */
  font-size: clamp(32px, 3.4vw, 60px);
  line-height: 1.04;
  max-width: min(34ch, 100%);
  margin-inline: auto;
  text-wrap: balance;
  overflow-wrap: normal;
  hyphens: none;
  letter-spacing: -0.012em;                          /* optical, at 60px */
}
/* Echo page carries its own body class alongside variant-a-v12. */
body.echo-page-v08.variant-a-v12 .phero h1{ max-width: min(34ch, 100%); }

/* ========== CLASS 2 · SPLIT TITLES (the site-wide 14ch defect) =========== */
/* styles.css:1760 caps EVERY .split-title-v12 at min(14ch,100%). Because ch
   scales with font-size, one value serves both the 60px page header and the
   38px section h2: 32ch ~= 36.6 chars/line at either size. */
body.variant-a-v12 .split-title-v12{                 /* (0,2,1) beats (0,2,0) */
  max-width: min(32ch, 100%);
  text-wrap: balance;
}
/* Section-level split h2 inside the services band. was 18ch @1769 */
body.variant-a-v12 .services-v06 h2.split-title-v12{ /* (0,3,2) beats (0,3,1) */
  max-width: min(24ch, 100%);
}
/* E1 · the stacked triad in the route cards keeps its own tighter measure,
   raised from 15ch to 20ch so "One real project." cannot break. */
body.variant-a-v12 .route-v04 h3.split-title-v12{    /* (0,3,2) beats (0,3,1) */
  max-width: min(20ch, 100%);
}
/* index.html:512 and :437 already carry .self-highlight (the scroll swipe).
   Do NOT add .hl there — one emphasis system per title (rule A1). */

/* ========== CLASS 2 · SCROLL-SWAPPED "WHY IT MATTERS" =================== */
/* The real constraint here is the COLUMN, not the ch cap:
     .wrap 1068 - 34 gap = 1034 ; x .94/2.00 = 486px  <- narrower than 12.75ch
   Fix is two-part, and both parts are required:
     (a) widen the wrap. The CSS viewport is 1800px at .80 zoom, so 1400px
         costs nothing and the sticky pane still has 200px of side air.
     (b) drop the clamp max 76 -> 58px.
   New column = (1400 - 52 - 34) x .47 = 617px ; 617 / (0.48 x 58) = 22.2 ch. */
@media (min-width: 981px){
  body.variant-a-v12 .guessing-flow-v11 .wrap.guessing-grid-v05{
    max-width: 1400px;
  }
}
body.variant-a-v12 .guessing-flow-v11 .guessing-copy-v05 h2{  /* (0,4,2) */
  font-size: clamp(34px, 3.9vw, 58px);
  line-height: 1.05;
  max-width: min(23ch, 100%);
  text-wrap: balance;
  overflow-wrap: normal;
  hyphens: none;
}
/* The swapped title is NOT accented in markup — setSplitTitle() escapes HTML
   (index.html:643-644). The scroll motion is the emphasis. Rule A3. */

/* ========== CLASS 2 · REMAINING DISPLAY SECTION HEADS =================== */
/* "Great Automation Requires Great Context" — 39 chars, was 13ch/14.9 -> 3 lines */
body.variant-a-v12 .how-we-think-v12 h2{             /* (0,3,2) beats (0,3,1) */
  font-size: clamp(34px, 3.9vw, 76px);
  line-height: 1.02;
  max-width: min(21ch, 100%);
  text-wrap: balance;
}
/* "Make informed and personalized decisions at scale." — 50 chars, was 4 lines.
   .mtm-horizontal-head is 900px, so 26ch (915px) lets the container bind. */
body.variant-a-v12 .mtm-horizontal-head h2{          /* (0,3,2) */
  font-size: clamp(32px, 3.6vw, 64px);
  line-height: 1.04;
  max-width: min(26ch, 100%);
  text-wrap: balance;
}
/* "Every meeting should make the next one sharper." — 47 chars, was 4 lines.
   Container is 920px; at 86px that is only 22 chars, so the SIZE must drop
   as well as the cap. 72px -> 920/(0.48x72) = 26.6 chars. */
body.variant-a-v12 .echo-flow-head h2{               /* (0,3,2) */
  font-size: clamp(36px, 4.2vw, 72px);
  line-height: 1.02;
  max-width: min(28ch, 100%);
  text-wrap: balance;
}
/* System consistency only — passes today, no headroom. */
body.variant-a-v12 .coaching-chronology-v12 h2{ max-width: min(26ch, 100%); }

/* ========== CLASS 2 · STANDARD SUBPAGE SECTION h2 ======================== */
/* styles.css:462 gives these clamp(27px,3.1vw,38px) and NO max-width, so they
   run the full 1068px wrap = a 58-character measure on a display face. Cap it.
   NOTE: 11 of these carry an inline style="max-width:Nch", which BEATS this
   rule (inline specificity). Those five that are wrong are listed in B2 and
   must be edited in the HTML. This rule governs the rest. */
body.variant-a-v12 section h2:not([class*="split-title"]):not([style]){
  max-width: min(34ch, 100%);
  line-height: 1.06;
  text-wrap: balance;
  overflow-wrap: normal;
  hyphens: none;
}

/* ========== CLASS 3 · CARD / SUB-TITLES (>=28px) ======================== */
/* "The record can come from where work already happens." — 51 chars.
   Column-bound at 536px with no max-width at all (styles.css:965). */
body.variant-a-v12 .echo-flow-panel h3{              /* (0,2,2) beats (0,1,1) */
  font-size: clamp(26px, 2.9vw, 40px);
  line-height: 1.08;
  max-width: min(24ch, 100%);
  text-wrap: balance;
}
/* "Diagnose the system before you automate it." — 43 chars, was 18ch@48px. */
body.variant-a-v12 .service-routes-v06 .route-v04.route-team-v11 h3{ /* (0,4,2) */
  font-size: clamp(26px, 2.9vw, 40px);
  line-height: 1.08;
  max-width: min(24ch, 100%);
  text-wrap: balance;
}
body.variant-a-v12 .service-routes-v06 .route-v04 h3{ /* (0,3,2) beats :1510 */
  max-width: min(18ch, 100%);
}
/* Headroom only: "What changed?" passes at 11ch with zero slack. */
body.variant-a-v12 .context-brief-v11 h3{ max-width: min(18ch, 100%); }

/* ========== ACCENT UTILITY · .hl ======================================== */
/* Colour-only sibling to .self-highlight. .self-highlight is a scroll-lit
   background swipe scoped to .variant-a-v06 (styles.css:930-933, observer at
   index.html:627) and renders NOTHING on subpages. Do not reuse it. */
.hl{ font: inherit; color: var(--gt-brand-strong); }        /* light ground */
body.variant-a-v12 .phero .hl,
body.variant-a-v12 .echo-flow-head .hl,
body.variant-a-v12 .echo-flow-panel .hl,
body.variant-a-v12 .context-brief-v11 .hl{
  color: var(--gt-brand-on-dark);                            /* dark ground */
}
/* T9 · a 1-3 word accent phrase must not break across lines... */
body.variant-a-v12 .phero h1 .hl{ white-space: nowrap; }
/* ...except where the line is already tight. */
@media (max-width: 640px){
  body.variant-a-v12 .phero h1 .hl{ white-space: normal; }
}
@media (forced-colors: active){ .hl{ color: LinkText; } }

/* ========== MOBILE CEILING · 3 lines <=820px ============================ */
@media (max-width: 820px){
  body.variant-a-v12 .phero h1{
    font-size: clamp(30px, 8.2vw, 40px);   /* was clamp(38px,12vw,58px) @2313 */
    line-height: 1.06;
    max-width: min(22ch, 100%);
  }
  body.variant-a-v12 .split-title-v12{ max-width: min(24ch, 100%); }
  body.variant-a-v12 .guessing-flow-v11 .guessing-copy-v05 h2{
    font-size: clamp(30px, 7.6vw, 40px);   /* was clamp(38px,5vw,56px) @2264 */
    max-width: min(22ch, 100%);
  }
  body.variant-a-v12 .echo-flow-head h2,
  body.variant-a-v12 .how-we-think-v12 h2,
  body.variant-a-v12 .mtm-horizontal-head h2{
    font-size: clamp(30px, 7.8vw, 42px);
    max-width: min(24ch, 100%);
  }
}
/* === end 2026-08-03 title system v2 ==================================== */

/* ============================================================================
   === 2026-08-03 HERO MOTION (Emil, round 3) ================================
   Delete from this marker to the closing marker to revert completely.
   Paired JS: index.html updateHero() + refreshScrollMetrics().
   ========================================================================== */

/* H1 · THE SKIP.
   `.hero-stage-swap` was added by updateHero and removed nowhere, so the title
   entrance animation played on the first stage change only — stages 2 and 3
   swapped text with no motion at all. The JS now alternates -swap / -swap-b to
   restart the animation deterministically, so BOTH classes must animate. */
body.variant-a-v12 .hero-stage-swap h1,
body.variant-a-v12 .hero-stage-swap-b h1{
  animation:v13HeroTitleIn .52s cubic-bezier(.22,.85,.26,1) both !important;
}
/* H2 · Blur removed from the entrance. filter:blur() on a clamp(…,42px) display
   h1 re-rasterises the text layer every frame for the full duration; it was the
   single most expensive thing in the swap, and it read as softness rather than
   as movement. Translate + opacity composite on the GPU and read as one move. */
@keyframes v13HeroTitleIn{
  from{opacity:0;transform:translateX(-22px)}
  to{opacity:1;transform:none}
}

/* H3 · The support paragraph is IDENTICAL across all three stages, but v09/v10
   still animate `.hero-stage-swap p`. Now that the swap class genuinely re-fires
   every stage, that would replay a 420ms animation on unchanged copy each time —
   new noise introduced by fixing H1. Silence it. */
body.variant-a-v12 .hero-stage-swap p,
body.variant-a-v12 .hero-stage-swap-b p,
body.variant-a-v12 .hero-stage-swap p .spotlight,
body.variant-a-v12 .hero-stage-swap-b p .spotlight{
  animation:none !important;
}

/* H4 · THE LAG. `.hero-stage-leaving` was added and removed one frame later,
   which started the 160ms .hero-v04-copy transition toward opacity .78 /
   translateX(-8px) and instantly reversed it. That reversal is the "lags, then
   jumps". Retired in JS; neutralised here so no stale rule reintroduces it. */
body.variant-a-v12 .hero-stage-leaving{
  opacity:1;
  transform:none;
  filter:none;
}
body.variant-a-v12 .hero-v04-copy{
  transition:none;
}

/* H5 · DWELL. Hero 300vh -> 420vh. The pinned span is the hero height minus the
   125vh sticky, so scroll travel goes 175vh -> 295vh (~140% -> ~236% of the real
   viewport under html{zoom:.80}). With the JS thresholds at .30/.62 each stage
   gets roughly three quarters of a screen of scrolling to be read.
   Desktop only — mobile stays static via simplifyMobile(). */
@media(min-width:981px){
  body.variant-a-v12 .hero-v04{height:420vh !important}
}

/* H6 · Reduced motion. styles.css:821 sets .hero-v04{height:auto} but without
   !important, so the !important desktop heights beat it and reduced-motion users
   were given 300vh of dead scroll for a hero that never animates. Closed. */
@media(prefers-reduced-motion:reduce){
  body.variant-a-v12 .hero-v04{height:auto !important}
  body.variant-a-v12 .hero-stage-swap h1,
  body.variant-a-v12 .hero-stage-swap-b h1{animation:none !important}
}
/* === end 2026-08-03 HERO MOTION ========================================== */