.kynema-hero{position:relative;overflow:hidden;padding:clamp(7rem,12vw,12rem) 0 7rem;background:radial-gradient(circle at 76% 44%,rgba(108,89,255,.3),transparent 28%),linear-gradient(135deg,#08102d,#171a4c 62%,#20245d)}
.kynema-hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(155,170,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(155,170,255,.22) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.kynema-hero-layout{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center}.kynema-hero-copy h1{font-size:clamp(3.4rem,6.5vw,7rem);line-height:.92;letter-spacing:-.06em;color:#fff;margin:.7rem 0 1.7rem}.kynema-hero-copy p{font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.55;color:#c8cff7;max-width:760px}.kynema-hero-symbol{display:grid;place-items:center;min-height:520px}.kynema-hero-symbol p{display:flex;flex-direction:column;align-items:center;color:#fff;gap:.45rem;letter-spacing:.16em}.kynema-hero-symbol p span{color:#aebaff;font-size:.74rem;letter-spacing:.06em}
.kynema-glyph-page{position:relative;width:min(390px,80vw);aspect-ratio:1;filter:drop-shadow(0 30px 80px rgba(75,85,255,.46))}.kpg-core{position:absolute;inset:29%;transform:rotate(45deg);border:1px solid rgba(255,255,255,.92);border-radius:24%;background:linear-gradient(145deg,rgba(151,178,255,.95),rgba(94,68,232,.82) 52%,rgba(19,25,76,.95));box-shadow:inset 0 0 35px rgba(255,255,255,.28),0 0 50px rgba(115,98,255,.8)}.kpg-core:before,.kpg-core:after{content:'';position:absolute;inset:16%;border:1px solid rgba(255,255,255,.45);border-radius:20%}.kpg-core:after{inset:34%;background:#fff;box-shadow:0 0 25px #fff,0 0 65px #786bff;border:0}.kpg-ring{position:absolute;border:1px solid rgba(154,169,255,.48);border-radius:50%}.r1{inset:11%;transform:rotate(-18deg)}.r2{inset:2% 19%;transform:rotate(54deg)}.kynema-glyph-page i{position:absolute;width:13px;height:13px;border-radius:50%;background:#d9e1ff;box-shadow:0 0 18px #8294ff}.kynema-glyph-page .n1{left:7%;top:49%}.kynema-glyph-page .n2{right:13%;top:21%}.kynema-glyph-page .n3{right:5%;bottom:31%}.kynema-glyph-page .n4{left:33%;bottom:4%}.kynema-glyph-page .n5{left:25%;top:10%}
.kynema-problem,.alarm-compare,.kynema-example{padding:clamp(5rem,9vw,9rem) 0}.split-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem}.problem-copy p{font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.65;color:#4c5578}.signal-to-kynema{display:grid;grid-template-columns:1fr auto .75fr auto 1fr;gap:1.5rem;align-items:center;margin-top:5rem;padding:2rem;border:1px solid #dfe3f5;border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(29,37,91,.08)}.signal-bank,.outcome-bank{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.signal-bank span,.outcome-bank span{padding:1rem;border:1px solid #dfe3f5;border-radius:14px;background:#f7f8fc;font-weight:700;color:#182049}.flow-arrow{display:flex;flex-direction:column;align-items:center;color:#65709b;font-size:.8rem}.flow-arrow i,.plus-arrow{font-style:normal;font-size:2rem;color:#7767ef}.mini-kynema{text-align:center}.mini-core{width:90px;height:90px;margin:0 auto 1rem;transform:rotate(45deg);border-radius:22%;background:linear-gradient(145deg,#a1b7ff,#7058ec 55%,#1b2258);box-shadow:0 15px 35px rgba(94,78,217,.35),inset 0 0 18px rgba(255,255,255,.35)}.mini-kynema strong{display:block;color:#151b48}
.kynema-definition{padding:clamp(5rem,9vw,9rem) 0}.definition-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.definition-statement .number{font:700 .8rem ui-monospace,monospace;letter-spacing:.16em;color:#7767ef}.definition-statement blockquote{font-size:clamp(2.3rem,4.2vw,4.8rem);line-height:1.02;letter-spacing:-.05em;color:#111638;margin:1rem 0}.definition-components h3{font-size:1.65rem;margin-bottom:1.4rem}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.component-grid article{padding:1.5rem;border:1px solid #dfe3f5;border-radius:18px;background:#fff}.component-grid small{color:#7767ef;font-weight:800}.component-grid strong{display:block;font-size:1.08rem;margin:.5rem 0}.component-grid p{color:#69718f;line-height:1.55;margin:0}
.kynema-universe{padding:clamp(6rem,10vw,10rem) 0;background:linear-gradient(140deg,#080f2c,#171a4b 70%,#27236a)}.universe-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.universe-copy h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.96;letter-spacing:-.055em;color:#fff}.universe-copy p{font-size:1.2rem;line-height:1.7;color:#c8cff7}.universe-visual{position:relative;min-height:480px}.universe-center{position:absolute;left:50%;top:50%;width:120px;height:120px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #cfd6ff;border-radius:25%;background:linear-gradient(145deg,#9db4ff,#6a55e5 58%,#161d52);color:#fff;font-size:2.4rem;font-weight:800;box-shadow:0 0 70px rgba(110,90,255,.65)}.universe-center::first-letter{transform:rotate(-45deg)}.u-node{position:absolute;width:42px;height:42px;border:1px solid #8f9ef8;border-radius:50%;background:#151b4c;box-shadow:0 0 28px rgba(104,92,255,.55)}.u1{left:8%;top:20%}.u2{right:10%;top:15%}.u3{right:5%;bottom:20%}.u4{left:16%;bottom:9%}.u5{left:47%;top:4%}.u-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#8d9bf9,transparent);transform-origin:left center}.l1{left:15%;top:28%;width:38%;transform:rotate(18deg)}.l2{left:53%;top:43%;width:37%;transform:rotate(-31deg)}.l3{left:52%;top:56%;width:42%;transform:rotate(28deg)}.l4{left:19%;top:76%;width:38%;transform:rotate(-25deg)}.l5{left:50%;top:12%;width:30%;transform:rotate(90deg)}
.comparison-table{max-width:900px;margin:3rem auto 0;border:1px solid #dfe3f5;border-radius:24px;overflow:hidden}.comparison-table>div{display:grid;grid-template-columns:1fr 1fr}.comparison-table span{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e8f5}.comparison-table span+span{border-left:1px solid #e5e8f5;font-weight:750;color:#262066}.comparison-table .ct-head span{background:#11183f;color:#fff;font-weight:800}.comparison-table .ct-head span+span{background:#7060e8;color:#fff}.comparison-table>div:last-child span{border-bottom:0}
.example-flow{display:grid;grid-template-columns:1fr auto .8fr auto 1.1fr;gap:1.5rem;align-items:center}.evidence-stack,.guidance-stack{display:grid;gap:.85rem}.evidence-stack span,.guidance-stack span{padding:1.1rem 1.2rem;border:1px solid #dfe3f5;border-radius:15px;background:#fff}.guidance-stack small{display:block;color:#7770ab;font-weight:800;font-size:.7rem;letter-spacing:.1em}.guidance-stack b{display:block;margin-top:.35rem}.example-kynema{text-align:center;padding:2rem;border-radius:22px;background:#11183f;color:#fff}.example-kynema .mini-core{width:72px;height:72px}.example-kynema small,.example-kynema strong{display:block}.example-kynema strong{font-size:1.3rem;margin-top:.5rem}
.primary-nav a.active{color:#6d5ee8}.primary-nav a.active:after{transform:scaleX(1)}
@media(max-width:980px){.kynema-hero-layout,.split-copy,.definition-layout,.universe-layout{grid-template-columns:1fr}.signal-to-kynema,.example-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.plus-arrow{text-align:center;transform:rotate(90deg)}.kynema-hero-symbol{min-height:390px}.component-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.component-grid,.signal-bank,.outcome-bank{grid-template-columns:1fr}.comparison-table span{padding:1rem;font-size:.9rem}.kynema-hero-copy h1{font-size:3.1rem}.kynema-glyph-page{width:280px}.universe-visual{min-height:360px}}

/* Kynema page refinements: brand-consistent symbol and CTA layout */
.kynema-hero-layout{
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(3rem,6vw,6.5rem);
}
.kynema-hero-copy{min-width:0;max-width:760px}
.kynema-hero-copy h1{
  font-size:clamp(3.2rem,5.55vw,6.25rem);
  line-height:.95;
  max-width:12.5ch;
  text-wrap:balance;
}
.kynema-hero-copy p{max-width:650px}
.kynema-hero-symbol{min-width:0;min-height:500px}
.kynema-glyph-page{
  width:min(470px,44vw);
  max-width:100%;
  aspect-ratio:1;
  filter:drop-shadow(0 28px 68px rgba(91,76,232,.34));
}
.kynema-glyph-page::before{
  content:'';
  position:absolute;
  inset:15%;
  border:1px solid rgba(146,158,255,.14);
  border-radius:50%;
  box-shadow:0 0 70px rgba(91,76,232,.16) inset;
}
.kpg-core{
  position:absolute;
  left:50%;top:50%;
  width:38%;height:43%;
  transform:translate(-50%,-50%);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  border-radius:0;
  background:linear-gradient(145deg,rgba(139,164,255,.96),rgba(103,77,231,.94) 55%,rgba(29,35,92,.98));
  box-shadow:inset 0 0 32px rgba(255,255,255,.23),0 0 48px rgba(111,88,244,.58);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.kpg-core::before{
  content:'';
  position:absolute;
  inset:2px;
  clip-path:inherit;
  border:1px solid rgba(235,239,255,.88);
  pointer-events:none;
}
.kpg-core::after{display:none}
.kpg-core img{
  width:46%;
  height:auto;
  max-height:54%;
  object-fit:contain;
  filter:brightness(0) invert(1) drop-shadow(0 6px 12px rgba(17,20,67,.25));
  position:relative;
  z-index:2;
}
.kpg-ring{display:none}
.kpg-link{
  position:absolute;
  left:50%;top:50%;
  height:1px;
  width:35%;
  transform-origin:0 50%;
  background:linear-gradient(90deg,rgba(167,178,255,.9),rgba(126,113,240,.35));
}
.link-top{transform:rotate(-90deg)}
.link-right-top{transform:rotate(-32deg)}
.link-right-bottom{transform:rotate(32deg)}
.link-left-bottom{transform:rotate(148deg)}
.link-left-top{transform:rotate(212deg)}
.kynema-glyph-page .kpg-node{
  position:absolute;
  width:46px;height:46px;
  border-radius:50%;
  background:rgba(18,24,70,.86);
  border:1px solid rgba(170,181,255,.9);
  box-shadow:0 0 28px rgba(107,91,240,.38);
}
.kynema-glyph-page .n1{left:calc(50% - 23px);top:3%}
.kynema-glyph-page .n2{right:4%;top:24%}
.kynema-glyph-page .n3{right:1%;bottom:20%}
.kynema-glyph-page .n4{left:13%;bottom:6%}
.kynema-glyph-page .n5{left:0;top:29%}

.kynema-final-cta{padding:clamp(5rem,8vw,7.5rem) 0;background:linear-gradient(135deg,#080f2c,#151944 72%,#24205e)}
.kynema-final-cta .final-cta-inner{
  display:grid;
  grid-template-columns:84px minmax(0,1fr) auto;
  gap:clamp(1.5rem,3vw,3rem);
  align-items:center;
}
.final-cta-mark{
  width:78px;height:78px;
  display:grid;place-items:center;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  background:linear-gradient(145deg,#8da8ff,#6d55e8 58%,#20275f);
  box-shadow:0 16px 38px rgba(79,65,201,.34);
}
.final-cta-mark img{width:39%;height:auto;filter:brightness(0) invert(1)}
.kynema-final-cta .final-cta-copy{min-width:0}
.kynema-final-cta h2{
  max-width:780px;
  margin:.75rem 0 0;
  font-size:clamp(2.15rem,3.7vw,4.5rem);
  line-height:1.02;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.kynema-final-cta .final-cta-button{
  width:auto;
  min-width:220px;
  justify-self:end;
  white-space:nowrap;
  padding:1rem 1.45rem;
}

@media(max-width:980px){
  .kynema-hero-layout{grid-template-columns:1fr;gap:2.5rem}
  .kynema-hero-copy h1{max-width:14ch}
  .kynema-glyph-page{width:min(430px,78vw)}
  .kynema-hero-symbol{min-height:430px}
  .kynema-final-cta .final-cta-inner{grid-template-columns:72px minmax(0,1fr)}
  .kynema-final-cta .final-cta-button{grid-column:2;justify-self:start;min-width:0}
}
@media(max-width:620px){
  .kynema-hero-copy h1{font-size:clamp(2.75rem,14vw,4.25rem);max-width:none}
  .kynema-glyph-page{width:min(320px,88vw)}
  .kynema-glyph-page .kpg-node{width:34px;height:34px}
  .kynema-glyph-page .n1{left:calc(50% - 17px)}
  .kynema-hero-symbol{min-height:340px}
  .kynema-final-cta .final-cta-inner{grid-template-columns:1fr;gap:1.5rem}
  .final-cta-mark{width:66px;height:66px}
  .kynema-final-cta .final-cta-button{grid-column:1;justify-self:start;width:auto}
}
/* v4 hero: faithful to the approved mockup, implemented as responsive HTML/CSS */
.kynema-hero{position:relative;overflow:hidden;padding:clamp(5.5rem,8vw,8rem) 0 0;background:radial-gradient(circle at 72% 35%,rgba(92,70,226,.18),transparent 31%),linear-gradient(135deg,#070d27 0%,#0c1233 54%,#151643 100%)}
.kynema-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,137,222,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(125,137,222,.055) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,black 0%,transparent 92%);pointer-events:none}
.kynema-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(590px,1.1fr);gap:clamp(3rem,6vw,7rem);align-items:center;min-height:590px}
.kynema-hero-copy{max-width:690px;padding:2rem 0 4rem}
.kynema-hero-copy .kicker{color:#8f81ff}
.kynema-hero-copy h1{max-width:11.5ch!important;margin:1.25rem 0 1.5rem;font-size:clamp(3.25rem,5.2vw,5.85rem)!important;line-height:.98!important;letter-spacing:-.055em;color:#fff;text-wrap:balance}
.kynema-hero-copy p{max-width:620px;font-size:clamp(1.06rem,1.35vw,1.28rem);line-height:1.65;color:#c5cae9}
.kynema-hero-copy .hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2rem}
.kynema-hero-copy .button{width:auto!important;min-width:0!important;padding:.92rem 1.25rem!important}
.kynema-hero-symbol{position:relative;min-height:570px;display:grid;place-items:center}
.kynema-map{position:relative;width:min(720px,48vw);aspect-ratio:1.28/1}
.kynema-map:before,.kynema-map:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(122,103,242,.16);border-radius:50%}
.kynema-map:before{width:42%;aspect-ratio:1}.kynema-map:after{width:55%;aspect-ratio:1}
.kynema-core-hex{position:absolute;left:50%;top:50%;z-index:4;width:178px;height:200px;transform:translate(-50%,-50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:grid;place-items:center;background:linear-gradient(145deg,#8ea6ff 0%,#7057eb 48%,#292666 100%);filter:drop-shadow(0 0 34px rgba(100,78,242,.55));box-shadow:inset 0 0 25px rgba(255,255,255,.22)}
.kynema-core-hex:after{content:"";position:absolute;inset:2px;clip-path:inherit;border:1px solid rgba(238,240,255,.75)}
.kynema-core-hex img{position:relative;z-index:2;width:44%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 5px 10px rgba(13,17,53,.28))}
.knowledge-node{position:absolute;z-index:3;display:flex;align-items:center;gap:.75rem;max-width:190px;color:#fff}
.knowledge-node .node-icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(157,169,255,.78);border-radius:50%;background:rgba(12,18,58,.86);font-size:1.45rem;color:#dce2ff;box-shadow:0 0 26px rgba(91,72,224,.32)}
.knowledge-node div{display:grid;gap:.1rem}.knowledge-node strong{font-size:.94rem}.knowledge-node small{font-size:.72rem;line-height:1.35;color:#aeb6df}
.node-evidence{left:42%;top:0}.node-meaning{right:0;top:22%}.node-severity{right:1%;bottom:19%}.node-action{left:44%;bottom:0}.node-docs{left:0;top:22%;flex-direction:row-reverse;text-align:right}.node-validation{left:1%;bottom:18%;flex-direction:row-reverse;text-align:right}
.map-line{position:absolute;left:50%;top:50%;z-index:1;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(151,162,255,.9),rgba(112,87,235,.25))}
.line-evidence{width:39%;transform:rotate(-90deg)}.line-meaning{width:42%;transform:rotate(-30deg)}.line-severity{width:43%;transform:rotate(29deg)}.line-action{width:39%;transform:rotate(90deg)}.line-docs{width:42%;transform:rotate(210deg)}.line-validation{width:43%;transform:rotate(151deg)}
.knowledge-journey{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr 1fr auto 1fr auto 1fr auto 1fr;gap:1.1rem;align-items:center;padding:2.1rem 0 2.4rem;border-top:1px solid rgba(164,175,238,.16)}
.journey-intro{display:grid;gap:.55rem}.journey-intro strong{font-size:clamp(1.4rem,2vw,2rem);line-height:1.1;color:#fff}.journey-step{display:grid;gap:.26rem}.journey-step span{font:700 .7rem ui-monospace,monospace;letter-spacing:.13em;color:#8d82ff}.journey-step b{color:#fff}.journey-step small{color:#9fa7d2}.journey-step.accent b{color:#9d86ff}.knowledge-journey>i{font-style:normal;color:#7564e8;font-size:1.35rem}
/* make final CTA compact and remove the accidental full-width button */
.kynema-final-cta .final-cta-inner{display:grid!important;grid-template-columns:78px minmax(0,1fr) auto!important;gap:2rem!important;align-items:center!important}
.kynema-final-cta .final-cta-button{display:inline-flex!important;width:auto!important;min-width:0!important;max-width:max-content!important;justify-self:end!important;padding:.95rem 1.25rem!important;white-space:nowrap}
.kynema-final-cta h2{max-width:780px!important;font-size:clamp(2rem,3.6vw,4.25rem)!important;line-height:1.02!important}
@media(max-width:1100px){.kynema-hero-layout{grid-template-columns:1fr;min-height:auto}.kynema-hero-copy{padding-bottom:0}.kynema-hero-copy h1{max-width:14ch!important}.kynema-hero-symbol{min-height:520px}.kynema-map{width:min(720px,86vw)}.knowledge-journey{grid-template-columns:1fr 1fr 1fr 1fr}.knowledge-journey>i{display:none}.journey-intro{grid-column:1/-1;margin-bottom:.6rem}}
@media(max-width:720px){.kynema-hero{padding-top:4rem}.kynema-hero-copy h1{font-size:clamp(2.65rem,12vw,4.2rem)!important;max-width:none!important}.kynema-hero-symbol{min-height:570px;overflow:hidden}.kynema-map{width:680px;transform:scale(.76)}.knowledge-journey{grid-template-columns:1fr 1fr}.knowledge-journey .journey-step{padding:1rem;border:1px solid rgba(151,161,224,.14);border-radius:14px}.kynema-final-cta .final-cta-inner{grid-template-columns:1fr!important}.kynema-final-cta .final-cta-button{justify-self:start!important}}
@media(max-width:460px){.kynema-hero-symbol{min-height:500px}.kynema-map{transform:scale(.64)}.knowledge-journey{grid-template-columns:1fr}.journey-intro{grid-column:auto}}

/* v5 — approved Kynema hero, implemented in the existing Kynemaverse design system */
.kynema-hero{
  padding:clamp(4.5rem,7vw,7rem) 0 2.25rem;
  background:
    radial-gradient(circle at 69% 34%,rgba(92,70,226,.17),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(43,97,207,.09),transparent 23%),
    linear-gradient(135deg,#070d27 0%,#09102c 54%,#11143a 100%);
}
.kynema-hero-grid{
  opacity:.38;
  background-size:76px 76px;
  background-image:
    linear-gradient(rgba(126,139,224,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,139,224,.04) 1px,transparent 1px);
  mask-image:linear-gradient(to bottom,#000 0%,transparent 82%);
}
.kynema-hero-layout{
  grid-template-columns:minmax(390px,.78fr) minmax(620px,1.22fr);
  gap:clamp(2rem,4vw,4.75rem);
  min-height:590px;
  align-items:center;
}
.kynema-hero-copy{max-width:520px;padding:1.25rem 0 3rem}
.kynema-hero-copy .kicker{color:#967dff}
.kynema-hero-copy h1{
  max-width:10.8ch!important;
  margin:1.15rem 0 1.55rem;
  font-size:clamp(3.3rem,4.75vw,5.15rem)!important;
  line-height:1.02!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
.kynema-hero-copy p{
  max-width:500px;
  margin:.7rem 0 0;
  font-size:clamp(1.02rem,1.25vw,1.18rem);
  line-height:1.62;
  color:#c9cee8;
}
.kynema-hero-copy .hero-actions{margin-top:2.1rem}
.kynema-explore-button{
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  gap:.85rem;
  padding:.82rem 1.05rem!important;
  border-color:#745de9!important;
  border-radius:8px!important;
  background:rgba(12,18,54,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(131,109,255,.08);
}
.kynema-explore-button:hover{background:rgba(78,58,176,.18)!important}
.button-hex{
  width:27px;height:31px;flex:0 0 auto;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  border:1px solid #8f7cff;
  background:linear-gradient(145deg,rgba(82,121,235,.17),rgba(105,49,211,.19));
  box-shadow:0 0 18px rgba(100,77,235,.25);
}
.button-arrow{font-size:1.25rem;line-height:1;color:#fff;margin-left:.15rem}

.kynema-hero-symbol{min-height:560px;overflow:visible}
.kynema-map{
  position:relative;
  width:min(840px,58vw);
  aspect-ratio:1.5/1;
  margin-inline:auto;
}
.kynema-map-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kynema-map-lines circle{
  fill:none;
  stroke:rgba(121,102,236,.22);
  stroke-width:1;
  stroke-dasharray:2 6;
}
.kynema-map-lines line{
  stroke:url(#none);
  stroke:rgba(143,153,245,.68);
  stroke-width:1.25;
  vector-effect:non-scaling-stroke;
}
.kynema-core-hex{
  left:50%;top:50%;
  width:196px;
  height:auto;
  aspect-ratio:.8660254;
  transform:translate(-50%,-50%);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background:linear-gradient(145deg,#758bf1 0%,#6c54e7 47%,#29245d 100%);
  filter:drop-shadow(0 0 30px rgba(92,72,226,.55));
  box-shadow:inset 0 0 28px rgba(255,255,255,.2);
}
.kynema-core-hex::before{
  content:"";position:absolute;inset:1px;
  clip-path:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(147,132,255,.7) 42%,rgba(255,255,255,.35));
}
.kynema-core-hex::after{display:none}
.kynema-core-inner{
  position:absolute;inset:2px;z-index:1;
  display:grid;place-items:center;
  clip-path:inherit;
  background:linear-gradient(145deg,#7d91ef 0%,#6650d8 50%,#29245c 100%);
}
.kynema-core-inner::after{
  content:"";position:absolute;inset:15%;border-radius:50%;
  background:radial-gradient(circle,rgba(136,112,255,.31),transparent 67%);
}
.kynema-core-hex img{
  position:relative;z-index:2;
  width:45%;height:auto;
  filter:brightness(0) invert(1) drop-shadow(0 7px 12px rgba(15,18,57,.26));
}

.knowledge-node{
  position:absolute;z-index:4;
  max-width:none;
  min-height:68px;
  gap:14px;
  color:#fff;
  align-items:center;
}
.knowledge-node .node-icon{
  flex:0 0 60px;
  width:60px;height:60px;
  border-color:rgba(153,164,255,.88);
  background:rgba(9,15,50,.88);
  font-size:1.55rem;
  box-shadow:0 0 24px rgba(88,68,220,.24),inset 0 0 18px rgba(93,73,222,.08);
}
.knowledge-node .node-copy{display:flex;flex-direction:column;justify-content:center;gap:.28rem;width:184px;min-height:68px}
.knowledge-node strong{font-size:.92rem;line-height:1.15;text-transform:uppercase;letter-spacing:-.01em}
.knowledge-node small{font-size:.76rem;line-height:1.45;color:#b7bedf}
.node-evidence{left:50%;top:0;transform:translateX(-30px);display:grid;grid-template-columns:60px 184px}
.node-meaning{left:72%;top:26%;display:grid;grid-template-columns:60px 184px}
.node-severity{left:72%;top:66%;display:grid;grid-template-columns:60px 184px}
.node-action{left:50%;top:82%;transform:translateX(-30px);display:grid;grid-template-columns:60px 184px}
.node-docs{right:72%;top:26%;display:grid;grid-template-columns:184px 60px;text-align:right}
.node-validation{right:72%;top:66%;display:grid;grid-template-columns:184px 60px;text-align:right}
.node-docs .node-copy,.node-validation .node-copy{align-items:flex-end}
.map-line{display:none!important}

.knowledge-journey{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:3.25rem;
  align-items:start;
  padding:2.15rem 0 1.8rem;
  border-top:1px solid rgba(164,175,238,.15);
}
.journey-intro{gap:.65rem}
.journey-intro .kicker{font-size:.69rem;color:#937dff}
.journey-intro strong{max-width:13ch;font-size:clamp(1.65rem,2.15vw,2.15rem);line-height:1.12;letter-spacing:-.035em}
.journey-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.95rem;align-items:start}
.journey-step{display:grid;grid-template-columns:54px 1fr;gap:.9rem;align-items:start;min-width:0}
.journey-icon{
  width:54px;height:54px;display:grid;place-items:center;
  border:1px solid rgba(148,159,247,.6);border-radius:50%;
  color:#fff;font-size:1.35rem;background:rgba(10,17,53,.55)
}
.journey-icon-hex{
  border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background:linear-gradient(145deg,#748bf1,#664fda 55%,#29245d);
  border:0;box-shadow:0 0 20px rgba(92,72,226,.34)
}
.journey-icon-hex img{width:42%;height:auto;filter:brightness(0) invert(1)}
.journey-step div{display:grid;gap:.3rem}
.journey-step b{font-size:.88rem;text-transform:uppercase;line-height:1.15;color:#fff}
.journey-step small{font-size:.76rem;line-height:1.45;color:#aeb6d8}
.journey-step.accent b{color:#9a7cff}
.journey-arrow{align-self:center;color:#8168ef;font-size:1.45rem;padding-top:.35rem}

.kynema-universe-strip{
  position:relative;z-index:2;
  display:grid;grid-template-columns:58px minmax(0,1fr) auto;
  gap:1.25rem;align-items:center;
  margin-top:.2rem;padding:1rem 1.25rem;
  border:1px solid rgba(139,151,225,.18);border-radius:12px;
  background:rgba(7,13,39,.34);
}
.universe-strip-mark{width:46px;height:52px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(145deg,#806bec,#4f2cbc)}
.universe-strip-mark span{width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 14px rgba(255,255,255,.5)}
.universe-strip-copy{display:grid;gap:.25rem}
.universe-strip-copy strong{font-size:1.03rem;color:#fff}
.universe-strip-copy small{color:#aeb6d8}
.universe-strip-button{width:auto!important;min-width:210px!important;max-width:max-content!important;border-radius:8px!important;justify-self:end;padding:0 1.25rem!important}

@media(max-width:1180px){
  .kynema-hero-layout{grid-template-columns:minmax(340px,.76fr) minmax(560px,1.24fr);gap:1.5rem}
  .kynema-map{width:min(780px,61vw)}
  .knowledge-node .node-copy{width:160px}
  .node-evidence,.node-action{grid-template-columns:60px 160px}
  .node-meaning,.node-severity{grid-template-columns:60px 160px}
  .node-docs,.node-validation{grid-template-columns:160px 60px}
}
@media(max-width:1040px){
  .kynema-hero-layout{grid-template-columns:1fr;min-height:auto}
  .kynema-hero-copy{max-width:760px;padding-bottom:.5rem}
  .kynema-hero-copy h1{max-width:13ch!important}
  .kynema-hero-symbol{min-height:570px}
  .kynema-map{width:min(840px,94vw)}
  .knowledge-journey{grid-template-columns:1fr;gap:1.5rem}
  .journey-intro strong{max-width:none}
}
@media(max-width:820px){
  .kynema-hero-symbol{min-height:610px;overflow:visible}
  .kynema-map{width:760px;transform:scale(.82);transform-origin:center}
  .journey-track{grid-template-columns:1fr 1fr;gap:1rem}
  .journey-arrow{display:none}
  .journey-step{padding:1rem;border:1px solid rgba(147,158,231,.14);border-radius:12px;background:rgba(10,17,53,.25)}
  .kynema-universe-strip{grid-template-columns:50px 1fr}
  .universe-strip-button{grid-column:2;justify-self:start;min-width:0!important}
}
@media(max-width:620px){
  .kynema-hero{padding-top:3.75rem}
  .kynema-hero-copy h1{font-size:clamp(2.65rem,12vw,4rem)!important;max-width:none!important}
  .kynema-hero-symbol{min-height:600px;margin-inline:-24px;overflow:hidden}
  .kynema-map{width:760px;transform:scale(.68)}
  .knowledge-journey{padding-top:1.6rem}
  .journey-track{grid-template-columns:1fr}
  .journey-step{grid-template-columns:48px 1fr}
  .journey-icon{width:48px;height:48px}
  .kynema-universe-strip{grid-template-columns:1fr;padding:1.1rem}
  .universe-strip-mark{width:42px;height:48px}
  .universe-strip-button{grid-column:1}
}
@media(max-width:420px){
  .kynema-hero-symbol{min-height:530px}
  .kynema-map{transform:scale(.59)}
}
/* reset legacy hero positioning so the six nodes remain geometrically symmetric */
.kynema-map::before,.kynema-map::after{display:none!important}
.node-evidence{right:auto!important;bottom:auto!important}
.node-meaning,.node-severity{right:auto!important;bottom:auto!important}
.node-action{right:auto!important;bottom:auto!important}
.node-docs,.node-validation{left:auto!important;bottom:auto!important}

/* v6 — desktop containment and symmetric Kynema map */
.kynema-hero {
  overflow-x: clip;
}
.kynema-hero-layout {
  grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
  gap: clamp(2rem, 3vw, 3.5rem);
  width: min(var(--container), calc(100% - 48px));
}
.kynema-hero-copy,
.kynema-hero-symbol {
  min-width: 0;
}
.kynema-hero-copy {
  max-width: 510px;
}
.kynema-hero-copy h1 {
  max-width: 11.2ch !important;
  font-size: clamp(3.15rem, 4.25vw, 4.65rem) !important;
}
.kynema-hero-symbol {
  width: 100%;
  min-height: 525px;
  display: grid;
  place-items: center;
  overflow: visible;
}
.kynema-map {
  width: 100%;
  max-width: 700px;
  min-width: 0;
  aspect-ratio: 1.42 / 1;
  margin-inline: auto;
}
.kynema-core-hex {
  width: 184px;
}
.knowledge-node {
  gap: 11px;
}
.knowledge-node .node-icon {
  flex-basis: 54px;
  width: 54px;
  height: 54px;
  font-size: 1.42rem;
}
.knowledge-node .node-copy {
  width: 132px;
  min-height: 62px;
  gap: .22rem;
}
.knowledge-node strong {
  font-size: .82rem;
  line-height: 1.18;
}
.knowledge-node small {
  font-size: .69rem;
  line-height: 1.42;
}
.node-evidence,
.node-action {
  left: calc(50% - 27px) !important;
  transform: none !important;
  grid-template-columns: 54px 132px !important;
}
.node-evidence { top: 0 !important; }
.node-action { top: auto !important; bottom: 0 !important; }
.node-meaning,
.node-severity {
  left: calc(50% + 142px) !important;
  grid-template-columns: 54px 132px !important;
}
.node-meaning { top: 24% !important; }
.node-severity { top: auto !important; bottom: 17% !important; }
.node-docs,
.node-validation {
  right: calc(50% + 142px) !important;
  grid-template-columns: 132px 54px !important;
}
.node-docs { top: 24% !important; }
.node-validation { top: auto !important; bottom: 17% !important; }

@media (max-width: 1180px) and (min-width: 1041px) {
  .kynema-hero-layout {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: 1.75rem;
  }
  .kynema-hero-copy h1 {
    font-size: clamp(3rem, 4.1vw, 4.1rem) !important;
  }
  .kynema-map {
    max-width: 650px;
  }
  .node-meaning,
  .node-severity { left: calc(50% + 132px) !important; }
  .node-docs,
  .node-validation { right: calc(50% + 132px) !important; }
  .knowledge-node .node-copy { width: 122px; }
  .node-evidence,
  .node-action,
  .node-meaning,
  .node-severity { grid-template-columns: 54px 122px !important; }
  .node-docs,
  .node-validation { grid-template-columns: 122px 54px !important; }
}

@media (max-width: 1040px) {
  .kynema-hero-layout {
    grid-template-columns: 1fr;
  }
  .kynema-hero-copy {
    max-width: 760px;
  }
  .kynema-hero-copy h1 {
    max-width: 13ch !important;
  }
  .kynema-hero-symbol {
    min-height: 545px;
  }
  .kynema-map {
    width: min(700px, 100%);
    max-width: 700px;
  }
}

@media (max-width: 760px) {
  .kynema-hero-layout {
    width: min(var(--container), calc(100% - 32px));
  }
  .kynema-hero-symbol {
    min-height: 535px;
    margin-inline: 0;
    overflow: hidden;
  }
  .kynema-map {
    width: 700px;
    max-width: none;
    transform: scale(.78);
    transform-origin: center;
  }
}

@media (max-width: 520px) {
  .kynema-hero-symbol { min-height: 470px; }
  .kynema-map { transform: scale(.66); }
}

/* v6.1 — final desktop fit: the infographic remains fully inside the viewport */
html, body, main { overflow-x: clip; }
.kynema-hero-layout {
  grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
  gap: clamp(2rem, 3vw, 3rem);
}
.kynema-hero-copy h1 {
  max-width: 13ch !important;
  font-size: clamp(3rem, 4vw, 4.35rem) !important;
}
.kynema-map {
  width: min(100%, 650px);
  max-width: 650px;
  aspect-ratio: 1.4 / 1;
}
.kynema-core-hex { width: 174px; }
.knowledge-node { gap: 10px; }
.knowledge-node .node-icon {
  flex-basis: 52px;
  width: 52px;
  height: 52px;
  font-size: 1.35rem;
}
.knowledge-node .node-copy {
  width: 118px;
  min-height: 58px;
}
.knowledge-node strong { font-size: .78rem; }
.knowledge-node small { font-size: .66rem; }
.node-evidence,
.node-action {
  left: calc(50% - 26px) !important;
  grid-template-columns: 52px 118px !important;
}
.node-meaning,
.node-severity {
  left: calc(50% + 120px) !important;
  grid-template-columns: 52px 118px !important;
}
.node-docs,
.node-validation {
  right: calc(50% + 120px) !important;
  grid-template-columns: 118px 52px !important;
}
.node-evidence { top: 0 !important; }
.node-action { bottom: 0 !important; }
.node-meaning,
.node-docs { top: 24% !important; }
.node-severity,
.node-validation { bottom: 17% !important; }

@media (max-width: 1180px) and (min-width: 1041px) {
  .kynema-hero-layout {
    grid-template-columns: minmax(0, 430px) minmax(0, 1fr);
    gap: 1.5rem;
  }
  .kynema-hero-copy h1 {
    font-size: clamp(2.85rem, 3.8vw, 3.95rem) !important;
  }
  .kynema-map { width: min(100%, 620px); max-width: 620px; }
}

@media (max-width: 1040px) {
  .kynema-hero-layout { grid-template-columns: 1fr; }
  .kynema-map { width: min(100%, 650px); max-width: 650px; }
}


/* v7 — semantic knowledge conversion and connected Kynema graph */
.knowledge-conversion{
  display:grid;
  grid-template-columns:minmax(210px,1fr) 34px minmax(205px,.92fr) 46px 150px 46px minmax(250px,1.15fr);
  gap:clamp(.7rem,1.35vw,1.35rem);
  align-items:center;
  margin-top:4.5rem;
  padding:clamp(1.25rem,2.1vw,2rem);
  border:1px solid #dfe3f5;
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 80px rgba(29,37,91,.08);
}
.conversion-panel{min-width:0}
.conversion-eyebrow{
  display:block;
  margin-bottom:.8rem;
  font:800 .68rem/1.2 ui-monospace,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#7164d9;
}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.evidence-grid>span{
  min-height:62px;
  display:flex;align-items:center;gap:.65rem;
  padding:.78rem .85rem;
  border:1px solid #dfe3f5;border-radius:13px;
  background:#f7f8fc;color:#182049;
}
.evidence-grid i{
  flex:0 0 29px;width:29px;height:29px;
  display:grid;place-items:center;
  border-radius:50%;background:#edeafd;
  color:#6757d7;font-style:normal;font-weight:800;
}
.evidence-grid b{font-size:.85rem;line-height:1.2}
.conversion-operator,.conversion-arrow{
  display:grid;place-items:center;
  color:#7767ef;font-size:1.75rem;font-weight:500;
}
.context-list{display:grid;gap:.5rem}
.context-list>span{
  display:grid;gap:.15rem;
  padding:.62rem .75rem;
  border-left:3px solid #7868e9;
  border-radius:0 9px 9px 0;
  background:#f7f8fc;
}
.context-list small{font-size:.66rem;line-height:1.2;color:#707896;text-transform:uppercase;letter-spacing:.05em}
.context-list b{font-size:.84rem;line-height:1.2;color:#182049}
.conversion-kynema{display:grid;justify-items:center;text-align:center;gap:.36rem}
.conversion-hex{
  position:relative;
  width:92px;aspect-ratio:.8660254;
  display:grid;place-items:center;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background:linear-gradient(145deg,#8196f2 0%,#6650dc 50%,#29245d 100%);
  filter:drop-shadow(0 12px 20px rgba(91,72,224,.3));
}
.conversion-hex::before{
  content:"";position:absolute;inset:2px;clip-path:inherit;
  background:linear-gradient(145deg,#8297ef,#654fd4 52%,#2a255f);
  box-shadow:inset 0 0 20px rgba(255,255,255,.16);
}
.conversion-hex img{position:relative;z-index:1;width:42%;height:auto;filter:brightness(0) invert(1)}
.conversion-kynema strong{color:#151b48;font-size:1rem}
.conversion-kynema small{max-width:14ch;color:#737b99;font-size:.67rem;line-height:1.3}
.knowledge-output-list{display:grid;gap:.55rem}
.knowledge-output-list>span{
  display:grid;grid-template-columns:35px minmax(0,1fr);gap:.72rem;align-items:center;
  padding:.63rem .72rem;
  border:1px solid #dfe3f5;border-radius:12px;background:#f7f8fc;
}
.knowledge-output-list i{
  width:35px;height:35px;display:grid;place-items:center;
  border-radius:50%;background:#edeafd;color:#6757d7;
  font-style:normal;font-size:1.05rem;
}
.knowledge-output-list>span>span{display:grid;gap:.12rem;min-width:0}
.knowledge-output-list b{font-size:.82rem;line-height:1.2;color:#182049}
.knowledge-output-list small{font-size:.66rem;line-height:1.35;color:#737b99}

.kynema-universe{overflow:hidden}
.universe-layout{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(3rem,6vw,6rem)}
.universe-copy h2{max-width:10.5ch}
.universe-copy p{max-width:690px}
.universe-visual{min-height:0;display:grid;justify-items:center;gap:1rem}
.kynemaverse-graph{
  position:relative;
  width:min(650px,100%);
  aspect-ratio:700/520;
}
.universe-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.universe-lines path{
  fill:none;stroke:rgba(153,164,255,.72);stroke-width:1.35;
  vector-effect:non-scaling-stroke;
}
.universe-lines path.secondary{stroke:rgba(116,95,231,.28);stroke-dasharray:4 7}
.universe-kynema{
  position:absolute;
  width:74px;aspect-ratio:.8660254;
  display:grid;place-items:center;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  background:linear-gradient(145deg,#596cce,#4436a9 54%,#1c204f);
  filter:drop-shadow(0 0 18px rgba(97,78,224,.34));
}
.universe-kynema::before{
  content:"";position:absolute;inset:1px;clip-path:inherit;
  background:linear-gradient(145deg,#5e71d3,#4537aa 55%,#1d214f);
  box-shadow:inset 0 0 16px rgba(255,255,255,.1);
}
.universe-kynema img{position:relative;z-index:1;width:37%;height:auto;filter:brightness(0) invert(1);opacity:.94}
.universe-kynema span{
  position:absolute;z-index:2;left:50%;top:calc(100% + 7px);transform:translateX(-50%);
  width:max-content;font:700 .62rem/1 ui-monospace,monospace;letter-spacing:.08em;
  color:#aeb7ed;text-transform:uppercase;
}
.universe-kynema-main{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:112px;
  background:linear-gradient(145deg,#8499f4,#674fdf 52%,#2a255d);
  filter:drop-shadow(0 0 38px rgba(105,82,239,.65));
}
.universe-kynema-main::before{background:linear-gradient(145deg,#8398f1,#6650da 52%,#29245c)}
.universe-kynema-main img{width:43%}
.uk-top{left:50%;top:4%;transform:translateX(-50%)}
.uk-right-top{left:76%;top:19%;transform:translateX(-50%)}
.uk-right-bottom{left:79%;top:69%;transform:translate(-50%,-50%)}
.uk-bottom{left:50%;bottom:1%;transform:translateX(-50%)}
.uk-left-bottom{left:21%;top:69%;transform:translate(-50%,-50%)}
.uk-left-top{left:24%;top:19%;transform:translateX(-50%)}
.universe-diagram-caption{
  max-width:520px;margin:0;text-align:center;
  font-size:.84rem!important;line-height:1.5!important;color:#aeb7e8!important;
}

@media(max-width:1240px){
  .knowledge-conversion{
    grid-template-columns:minmax(200px,1fr) 28px minmax(190px,.9fr) 36px 125px 36px minmax(230px,1.1fr);
    gap:.75rem;padding:1.3rem;
  }
  .evidence-grid>span{padding:.68rem .65rem}
  .knowledge-output-list small{display:none}
  .universe-layout{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr)}
}
@media(max-width:980px){
  .knowledge-conversion{
    grid-template-columns:1fr 44px 1fr;
    grid-template-areas:
      "evidence plus context"
      "arrowone arrowone arrowone"
      "kynema arrowtwo knowledge";
    gap:1rem;
  }
  .evidence-panel{grid-area:evidence}.conversion-operator{grid-area:plus}.context-panel{grid-area:context}
  .conversion-arrow:nth-of-type(2){grid-area:arrowone;transform:rotate(90deg)}
  .conversion-kynema{grid-area:kynema}.conversion-arrow:nth-of-type(3){grid-area:arrowtwo}.knowledge-panel{grid-area:knowledge}
  .universe-layout{grid-template-columns:1fr;gap:3rem}
  .universe-copy h2{max-width:12ch}
  .kynemaverse-graph{width:min(650px,92vw)}
}
@media(max-width:680px){
  .knowledge-conversion{
    grid-template-columns:1fr;
    grid-template-areas:"evidence" "plus" "context" "arrowone" "kynema" "arrowtwo" "knowledge";
    padding:1rem;border-radius:20px;
  }
  .conversion-operator,.conversion-arrow:nth-of-type(2),.conversion-arrow:nth-of-type(3){transform:rotate(90deg);min-height:28px}
  .evidence-grid{grid-template-columns:1fr 1fr}
  .knowledge-output-list small{display:block}
  .kynemaverse-graph{width:640px;transform:scale(.78);margin:-40px -130px}
  .universe-diagram-caption{margin-top:-22px}
}
@media(max-width:460px){
  .evidence-grid{grid-template-columns:1fr}
  .kynemaverse-graph{transform:scale(.62);margin:-75px -175px}
  .universe-diagram-caption{margin-top:-58px}
}

/* v7.1 — make the merge and progression operators explicit */
.conversion-operator,.conversion-arrow{
  width:34px;height:34px;justify-self:center;
  border:1px solid #ddd9fb;border-radius:50%;
  background:#f4f2ff;
  box-shadow:0 8px 18px rgba(82,67,183,.08);
  line-height:1;
}
.conversion-arrow{width:38px;height:38px}
@media(max-width:680px){
  .conversion-operator,.conversion-arrow:nth-of-type(2),.conversion-arrow:nth-of-type(3){
    margin-inline:auto;
  }
}

/* v7.2 — switch the conversion diagram before translated labels become crowded */
@media(max-width:1180px){
  .knowledge-conversion{
    grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);
    grid-template-areas:
      "evidence plus context"
      "arrowone arrowone arrowone"
      "kynema arrowtwo knowledge";
    gap:1rem 1.15rem;
    padding:1.35rem;
  }
  .evidence-panel{grid-area:evidence}
  .conversion-operator{grid-area:plus}
  .context-panel{grid-area:context}
  .conversion-arrow:nth-of-type(2){grid-area:arrowone;transform:rotate(90deg);margin:.15rem auto}
  .conversion-kynema{grid-area:kynema;align-self:center}
  .conversion-arrow:nth-of-type(3){grid-area:arrowtwo;align-self:center}
  .knowledge-panel{grid-area:knowledge}
  .knowledge-output-list small{display:block}
}

/* v7.3 — nested diagram groups must not inherit the global section padding */
.knowledge-conversion>.conversion-panel,
.knowledge-conversion>.conversion-kynema{padding:0}

/* v7.4 — prevent label-driven overflow and restore the single-column mobile flow */
.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.evidence-grid>span{min-width:0}
.evidence-grid b{min-width:0;overflow-wrap:anywhere}
@media(max-width:680px){
  .knowledge-conversion{
    grid-template-columns:1fr;
    grid-template-areas:
      "evidence"
      "plus"
      "context"
      "arrowone"
      "kynema"
      "arrowtwo"
      "knowledge";
    gap:.8rem;
    padding:1rem;
  }
  .conversion-operator{grid-area:plus;transform:none}
  .conversion-arrow:nth-of-type(2){grid-area:arrowone;transform:rotate(90deg)}
  .conversion-kynema{grid-area:kynema}
  .conversion-arrow:nth-of-type(3){grid-area:arrowtwo;transform:rotate(90deg)}
  .knowledge-panel{grid-area:knowledge}
  .context-panel{grid-area:context}
  .evidence-panel{grid-area:evidence}
}
@media(max-width:460px){
  .evidence-grid{grid-template-columns:1fr}
}

/* v7.5 — preserve readable evidence cards on wide layouts */
@media(min-width:1181px){
  .knowledge-conversion{
    grid-template-columns:300px 34px 220px 38px 130px 38px minmax(250px,1fr);
    gap:.75rem;
  }
  .evidence-grid b{font-size:.8rem;overflow-wrap:normal}
}

/* v8 — refine Kynemaverse graph and practical example */
.universe-copy h2{max-width:11ch}
.universe-copy p{max-width:36rem}
.universe-visual{gap:1.15rem}
.kynemaverse-graph{
  width:min(620px,100%);
  aspect-ratio:700/520;
  position:relative;
}
.universe-lines{position:absolute;inset:0;width:100%;height:100%}
.universe-lines circle,
.universe-lines line{
  fill:none;
  stroke:rgba(142,155,255,.24);
  stroke-width:1.4;
  vector-effect:non-scaling-stroke;
}
.universe-lines .secondary-ring{stroke:rgba(142,155,255,.12);stroke-dasharray:3 10}
.universe-kynema{
  position:absolute;
  width:78px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);
  background:linear-gradient(145deg,#6276dc,#4d3dbc 54%,#1f2354);
  filter:drop-shadow(0 0 18px rgba(93,79,221,.26));
}
.universe-kynema::before{
  content:"";
  position:absolute;
  inset:1px;
  clip-path:inherit;
  background:linear-gradient(145deg,#6a7fe2,#4f40bf 55%,#22285d);
  box-shadow:inset 0 0 16px rgba(255,255,255,.12);
}
.universe-kynema img{position:relative;z-index:1;width:38%;height:auto;filter:brightness(0) invert(1);opacity:.96}
.universe-kynema span{
  position:absolute;
  left:50%;top:calc(100% + 10px);
  transform:translateX(-50%);
  z-index:2;
  white-space:nowrap;
  font:700 .74rem/1 ui-monospace,monospace;
  letter-spacing:.1em;
  color:#c2cbff;
  text-transform:uppercase;
}
.universe-kynema-main{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:122px;
  background:linear-gradient(145deg,#8da0fb,#6952e2 52%,#2a255e);
  filter:drop-shadow(0 0 46px rgba(105,82,239,.52));
}
.universe-kynema-main::before{background:linear-gradient(145deg,#91a3fb,#6d56e3 53%,#302962)}
.universe-kynema-main img{width:44%}
.uk-top{left:50%;top:8%;transform:translateX(-50%)}
.uk-right-top{left:79%;top:23%;transform:translateX(-50%)}
.uk-right-bottom{left:79%;top:69%;transform:translateX(-50%)}
.uk-bottom{left:50%;top:84%;transform:translateX(-50%)}
.uk-left-bottom{left:21%;top:69%;transform:translateX(-50%)}
.uk-left-top{left:21%;top:23%;transform:translateX(-50%)}
.universe-legend{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;
  max-width:620px;
}
.universe-legend span{
  padding:.58rem .86rem;
  border:1px solid rgba(164,176,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#d7ddff;
  font-size:.8rem;
  line-height:1;
}
.universe-diagram-caption{max-width:32rem}

.kynema-example .section-heading{max-width:48rem}
.example-flow{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 44px minmax(280px,.82fr) 44px minmax(260px,1fr);
  gap:1.5rem;
  align-items:center;
}
.example-column{display:grid;gap:.8rem}
.example-label{
  font:800 .72rem/1.2 ui-monospace,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7164d9;
}
.evidence-stack,.guidance-stack{display:grid;gap:.9rem}
.evidence-stack span,.guidance-stack span{
  padding:1.15rem 1.2rem;
  border:1px solid #dfe3f5;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 32px rgba(29,37,91,.04);
}
.evidence-stack span{
  font-size:1.02rem;
  color:#182049;
  min-height:76px;
  display:flex;align-items:center;
}
.plus-arrow{
  width:44px;height:44px;
  display:grid;place-items:center;
  border:1px solid #ddd9fb;
  border-radius:50%;
  background:#f4f2ff;
  box-shadow:0 8px 18px rgba(82,67,183,.08);
  color:#6f5be7;
  font-size:1.45rem;
  line-height:1;
}
.example-kynema{
  padding:2rem 1.7rem;
  border-radius:28px;
  background:linear-gradient(150deg,#121845,#1a1b54 56%,#22256a);
  color:#fff;
  box-shadow:0 24px 60px rgba(24,31,78,.2);
  display:grid;
  justify-items:center;
  text-align:center;
  gap:.55rem;
}
.example-kynema .mini-core{
  width:98px;
  aspect-ratio:1;
  display:grid;place-items:center;
  clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%);
  background:linear-gradient(145deg,#8ca0f9,#6a53e1 53%,#2c275f);
  filter:drop-shadow(0 0 32px rgba(102,82,227,.42));
}
.example-kynema .mini-core img{width:42%;height:auto;filter:brightness(0) invert(1)}
.example-kynema small{
  display:block;
  font:800 .74rem/1 ui-monospace,monospace;
  letter-spacing:.12em;
  color:#cdd6ff;
}
.example-kynema strong{
  display:block;
  font-size:2rem;
  line-height:1.02;
  letter-spacing:-.03em;
}
.example-kynema p{
  margin:0;
  max-width:18rem;
  color:#c9d0f8;
  font-size:.96rem;
  line-height:1.5;
}
.guidance-stack small{
  display:block;
  margin-bottom:.45rem;
  color:#7770ab;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.12em;
}
.guidance-stack b{
  display:block;
  color:#11183f;
  font-size:1rem;
  line-height:1.42;
}
.outcome-column .guidance-stack span:last-child b{font-size:1.04rem}

@media(max-width:1180px){
  .example-flow{
    grid-template-columns:1fr 42px minmax(240px,.82fr) 42px 1fr;
    gap:1rem;
  }
  .example-kynema strong{font-size:1.65rem}
}
@media(max-width:980px){
  .example-flow{
    grid-template-columns:1fr;
    gap:1rem;
  }
  .plus-arrow{justify-self:center;transform:rotate(90deg)}
  .example-kynema{order:3}
  .outcome-column{order:5}
  .universe-visual{padding-top:.5rem}
}
@media(max-width:680px){
  .universe-legend{gap:.5rem}
  .universe-legend span{font-size:.72rem;padding:.5rem .72rem}
  .example-kynema strong{font-size:1.5rem}
  .example-kynema p{font-size:.9rem}
}