/* Alternative opening: original growth-pyramid content in Kairo purple and blue. */
.growth-pyramid-hero{width:100%;height:500px;position:relative;min-width:0;isolation:isolate}
.growth-pyramid-hero:before{content:'';position:absolute;inset:12% 14% 18% 0;z-index:-1;background:radial-gradient(ellipse,#e7ddfa77,transparent 70%)}
.growth-pyramid-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;left:0;right:0;top:0;z-index:2;color:#80718f}
.growth-pyramid-top>span{font:10px/1.5 var(--mono);letter-spacing:.1em}.growth-pyramid-top .hp-motion{font-size:10px}
.growth-pyramid-hero canvas{display:block;width:100%;height:390px;position:absolute;top:15px;left:0}
.growth-pyramid-layers{position:absolute;right:0;top:114px;display:grid;gap:20px;width:185px}
.growth-pyramid-layers button{display:flex;align-items:center;gap:12px;min-height:54px;text-align:left;padding:12px 14px;background:#fffaf2e8;border:1px solid #dcd2e7;border-radius:11px;cursor:pointer;box-shadow:0 5px 18px #44306005;transition:background .25s,border-color .25s,transform .25s;color:#57476d}
.growth-pyramid-layers button>span{font:11px var(--mono);color:#91829f}.growth-pyramid-layers strong{font:500 14px/1.35 var(--body)}
.growth-pyramid-layers button[aria-pressed=true]{background:#f0e9ff;border-color:#9574d5;color:#62449b;transform:translateX(-5px)}
.growth-pyramid-layers button:nth-child(1)[aria-pressed=true]{background:#eaf1ff;border-color:#7caae9;color:#3568ae}
.growth-pyramid-explanation{position:absolute;bottom:0;left:5px;right:5px;padding-top:20px;border-top:1px solid #ded4e8;min-height:99px}
.pyramid-home .growth-pyramid-explanation h3{font:500 21px/1.25 var(--display);letter-spacing:-.03em;margin:0 0 8px;color:#493562}
.pyramid-home .growth-pyramid-explanation p{font-size:14px;line-height:1.6;color:#70617e;max-width:480px}
@media(max-width:1000px){.growth-pyramid-hero{width:min(620px,100%);margin:0 auto}}
@media(max-width:600px){.growth-pyramid-hero{height:420px;margin-top:15px}.growth-pyramid-top>span{font-size:8px;letter-spacing:.065em}.growth-pyramid-top .hp-motion{font-size:9px;gap:5px}.growth-pyramid-hero canvas{height:310px;top:24px}.growth-pyramid-layers{top:96px;width:137px;gap:14px}.growth-pyramid-layers button{min-height:46px;padding:9px;gap:7px;border-radius:9px}.growth-pyramid-layers strong{font-size:12px}.growth-pyramid-layers button>span{font-size:9px}.growth-pyramid-explanation{min-height:103px;padding-top:15px}.pyramid-home .growth-pyramid-explanation h3{font-size:19px}.pyramid-home .growth-pyramid-explanation p{font-size:13px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.growth-pyramid-layers button{transition:none}}

/* Expanded NEO connections are exclusive to the pyramid comparison. */
.pyramid-variant .neo-art-expanded{height:580px;max-width:640px;width:100%;margin-inline:auto}
.neo-art-expanded .neo-function-bank{position:absolute;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;z-index:2}
.neo-art-expanded .neo-function-bank-0{top:5px}.neo-art-expanded .neo-function-bank-1{bottom:67px}
.neo-art-expanded .neo-function{position:relative;inset:auto;min-width:0;min-height:47px;padding:11px 9px;font:500 13px/1.35 var(--body);text-align:center;display:flex;align-items:center;justify-content:center;white-space:normal;border-radius:10px;backdrop-filter:blur(8px)}
.neo-art-expanded .neo-function:hover,.neo-art-expanded .neo-function[aria-pressed=true]{transform:none;background:#e5eafe;border-color:#91a7d5;color:#3c5e9b}
.neo-art-expanded [data-brain-canvas]{filter:none}
.pyramid-home .neo-connection-caption{position:absolute;bottom:32px;left:0;right:0;text-align:center;font:12px/1.4 var(--body);color:#796888;margin:0}
.neo-art-expanded .neo-pause{bottom:-5px;font-size:10px}
@media(max-width:920px){.pyramid-variant .neo-grid{grid-template-columns:1fr;gap:30px}.pyramid-variant .neo-art-expanded{max-width:600px}}
@media(max-width:600px){.pyramid-variant .neo-art-expanded{height:530px;margin-top:10px}.neo-art-expanded .neo-function-bank{gap:8px}.neo-art-expanded .neo-function{font-size:12px;padding:9px 5px;min-height:51px;border-radius:9px}.neo-art-expanded .neo-function-bank-1{bottom:65px}.pyramid-home .neo-connection-caption{font-size:11px;bottom:30px}}