/* Bright visual language taken from Veronika's KEY client presentations. */
.key-visual-lab{position:relative;isolation:isolate;overflow:hidden;padding:120px 6% 135px;background:#fff;color:#101010}.key-visual-lab:before{content:'PLAY · CREATE · UNLOCK';position:absolute;right:-.04em;top:.02em;z-index:-1;color:#1648ff0b;font:900 clamp(90px,16vw,250px)/.78 Arial,sans-serif;letter-spacing:-.08em;white-space:nowrap}.key-visual-lab:after{content:'';position:absolute;right:7%;top:7%;z-index:-1;width:170px;height:170px;border-radius:50%;background:#b8ff00;filter:blur(1px);box-shadow:0 0 0 25px #6c2dff,0 0 0 50px #ff3ab755;transform:rotate(12deg)}.key-visual-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:4% 8%;align-items:end;max-width:1500px;margin:auto}.key-visual-copy .key-eyebrow{grid-column:1/-1;color:#1648ff}.key-visual-copy h2{margin:24px 0 0;font-size:clamp(58px,8vw,126px);line-height:.86;letter-spacing:-.078em}.key-visual-copy h2 em{color:#1648ff}.key-visual-copy>p{max-width:590px;margin:0;font-size:20px;line-height:1.55}.key-visual-copy>span{grid-column:2;justify-self:start;margin-top:18px;padding:10px 14px;border-radius:999px;background:#b8ff00;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.key-slide-stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px;align-items:start;max-width:1500px;margin:95px auto 80px;padding:0 2%;perspective:1800px}.key-slide{position:relative;margin:0;border:2px solid #101010;border-radius:24px;background:#fff;box-shadow:15px 18px 0 var(--slide-shadow,#b8ff00);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s;overflow:hidden}.key-slide:hover{z-index:5;transform:translateY(-16px) rotate(0)!important;box-shadow:22px 27px 0 var(--slide-shadow,#b8ff00)}.key-slide img{display:block;width:100%;height:auto}.key-slide figcaption{position:absolute;left:15px;bottom:14px;padding:8px 11px;border-radius:999px;background:#101010;color:#fff;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.key-slide--hero{grid-column:1/8;--slide-shadow:#b8ff00;transform:rotate(-2.4deg)}.key-slide--week{grid-column:8/13;margin-top:85px;--slide-shadow:#1648ff;transform:rotate(3deg)}.key-slide--rubrics{grid-column:2/7;margin-top:20px;--slide-shadow:#ff3ab7;transform:rotate(2.2deg)}.key-slide--voice{grid-column:7/13;margin-top:-28px;--slide-shadow:#6c2dff;transform:rotate(-2deg)}.key-visual-bar{display:grid;grid-template-columns:auto auto auto auto auto 1fr;gap:18px;align-items:center;max-width:1450px;margin:auto;padding:24px 30px;border-radius:22px;background:#101010;color:#fff;box-shadow:12px 12px 0 #b8ff00}.key-visual-bar b{color:#b8ff00;font-size:clamp(23px,3vw,42px)}.key-visual-bar span{color:#ff3ab7;font-size:26px}.key-visual-bar p{margin:0 0 0 auto;color:#d8d8d8;font-size:14px;text-align:right}
.key-system{background:radial-gradient(circle at 88% 12%,#b8ff0040,transparent 22%),#1648ff}.key-system h2 em{color:#b8ff00}.key-system-head>p{color:#dfe7ff}.key-system-grid article{border-color:#fff5;background:radial-gradient(circle at var(--sx,80%) var(--sy,10%),#ffffff25,transparent 38%),linear-gradient(145deg,#2e58ff,#1736bb)}.key-system-grid article:nth-child(3),.key-system-grid article:nth-child(6){background:linear-gradient(145deg,#6b24e8,#3c168e)}.key-system-grid .key-system-accent{background:radial-gradient(circle at 82% 18%,#fff,#dfff75 24%,#b8ff00 68%);color:#101010}.key-funnel{background:radial-gradient(circle at 90% 5%,#ff3ab744,transparent 28%),linear-gradient(135deg,#c8ff35,#b8ff00)}.key-strategy-deck{background:radial-gradient(circle at 92% 8%,#ff3ab730,transparent 26%),#f4f1ff}.key-author-note{background:#b8ff00;box-shadow:14px 16px 0 #1648ff}.key-deck-card--lime{background:#b8ff00}.key-deck-card--purple{background:#531ec5}.key-plan-ribbon{background:#101010}.key-plan-ribbon strong{color:#b8ff00}
@media(max-width:900px){.key-visual-lab{padding:90px 5% 105px}.key-visual-lab:after{width:85px;height:85px;right:-25px;top:4%}.key-visual-copy{grid-template-columns:1fr}.key-visual-copy>p,.key-visual-copy>span{grid-column:1}.key-visual-copy>p{margin-top:28px;font-size:17px}.key-slide-stage{grid-template-columns:1fr;gap:38px;margin:68px auto}.key-slide--hero,.key-slide--week,.key-slide--rubrics,.key-slide--voice{grid-column:1;margin:0;transform:rotate(var(--mobile-rotate,-1deg))}.key-slide--week{--mobile-rotate:1deg}.key-slide--rubrics{--mobile-rotate:-.7deg}.key-slide--voice{--mobile-rotate:1.2deg}.key-visual-bar{grid-template-columns:auto auto auto auto auto;gap:10px;padding:22px 18px}.key-visual-bar p{grid-column:1/-1;margin:8px 0 0;text-align:left}}
@media(max-width:550px){.key-visual-lab{padding:72px 5% 88px}.key-visual-copy h2{font-size:54px}.key-slide-stage{margin:52px auto 62px;padding:0 5px}.key-slide{border-radius:15px;box-shadow:8px 10px 0 var(--slide-shadow,#b8ff00)}.key-slide:hover{transform:none!important;box-shadow:8px 10px 0 var(--slide-shadow,#b8ff00)}.key-slide figcaption{left:9px;bottom:8px;padding:6px 8px;font-size:9px}.key-visual-bar b{font-size:20px}.key-visual-bar span{font-size:18px}}
/* Interactive KEY portal: separated from copy so it never masks the text. */
.key-visual-lab:after{display:none!important}.key-visual-copy,.key-slide-stage,.key-visual-bar{position:relative;z-index:2}.key-visual-orbit{position:absolute;right:clamp(28px,7vw,130px);top:clamp(30px,6vw,90px);z-index:1;width:clamp(118px,13vw,190px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(var(--portal-x,0),var(--portal-y,0));transition:transform .2s ease-out;cursor:pointer}.key-visual-orbit i{position:absolute;inset:0;border-radius:50%;background:#fface3aa;box-shadow:0 0 45px #ff3ab755;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .65s}.key-visual-orbit i:nth-child(2){inset:16%;background:#6326f4;box-shadow:0 0 34px #6326f488;animation:key-ring-spin 10s linear infinite}.key-visual-orbit i:nth-child(3){inset:35%;background:#b8ff00;box-shadow:0 0 30px #b8ff0099;animation:key-ring-pulse 3.8s ease-in-out infinite}.key-visual-orbit span{position:absolute;left:50%;top:50%;z-index:2;translate:-50% -50%;color:#101010;font-size:11px;font-weight:900;letter-spacing:.13em;opacity:0;transition:opacity .3s,scale .3s}.key-visual-orbit:hover i:first-child,.key-visual-orbit:focus-visible i:first-child{transform:scale(1.18) rotate(18deg)}.key-visual-orbit:hover i:nth-child(2),.key-visual-orbit:focus-visible i:nth-child(2){transform:scale(.82) rotate(-28deg);filter:hue-rotate(22deg)}.key-visual-orbit:hover i:nth-child(3),.key-visual-orbit:focus-visible i:nth-child(3){transform:scale(1.28)}.key-visual-orbit:hover span,.key-visual-orbit:focus-visible span{opacity:1;scale:1.08}.key-visual-orbit:focus-visible{outline:3px solid #1648ff;outline-offset:12px}.key-visual-orbit.is-burst{animation:key-portal-burst .8s ease-out}.key-visual-orbit.is-burst i:first-child{transform:scale(1.55);opacity:.35}.key-visual-orbit.is-burst i:nth-child(2){transform:scale(.55) rotate(180deg)}
@keyframes key-ring-spin{to{rotate:360deg}}@keyframes key-ring-pulse{50%{scale:1.12;filter:brightness(1.12)}}@keyframes key-portal-burst{50%{scale:1.12}100%{scale:1}}
@media(max-width:700px){.key-visual-orbit{right:20px;top:26px;width:104px;opacity:.8}}@media(prefers-reduced-motion:reduce){.key-visual-orbit,.key-visual-orbit i{animation:none!important;transition:none!important}}