.key-plan-portal{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;position:relative;isolation:isolate;margin:36px 5%;padding:clamp(28px,5vw,72px);color:white;background:#143cff;border:3px solid #111;border-radius:28px;text-decoration:none;box-shadow:10px 10px 0 #c5ff32;overflow:hidden;transition:transform .3s,box-shadow .3s}.key-plan-portal::before{content:'';position:absolute;inset:-100%;z-index:-1;background:conic-gradient(from 90deg,transparent 65%,#c5ff3266,transparent 85%);animation:key-plan-orbit 9s linear infinite}.key-plan-portal:hover{transform:translateY(-5px);box-shadow:14px 16px 0 #c5ff32}.key-plan-portal:focus-visible{outline:4px solid #f833a6;outline-offset:7px}.key-plan-portal small{display:block;font:800 14px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#c5ff32}.key-plan-portal strong{display:block;margin:14px 0;font-size:clamp(32px,5.5vw,80px);line-height:1.05;letter-spacing:-.045em}.key-plan-portal p{font-size:clamp(16px,2vw,22px);margin:0;line-height:1.5}.key-plan-portal .key-plan-enter{display:grid;place-items:center;width:clamp(64px,11vw,150px);aspect-ratio:1;border-radius:50%;background:#c5ff32;color:#10203b;font-size:clamp(32px,6vw,70px);transition:rotate .4s}.key-plan-portal:hover .key-plan-enter{rotate:-35deg}@keyframes key-plan-orbit{to{rotate:360deg}}@media(max-width:600px){.key-plan-portal{grid-template-columns:1fr;gap:24px;margin:28px 5%;padding:28px 24px}.key-plan-enter{justify-self:end}.key-plan-portal strong{font-size:40px}}@media(prefers-reduced-motion:reduce){.key-plan-portal,.key-plan-portal:before,.key-plan-enter{animation:none;transition:none}}html[data-motion=paused] .key-plan-portal:before{animation-play-state:paused}

/* Keep the blue portal readable above the inherited KEY link palette. */
.key-page a.key-plan-portal,.key-page a.key-plan-portal:visited,.key-page a.key-plan-portal:hover,.key-page a.key-plan-portal:focus-visible{color:#fff}
.key-page .key-plan-portal strong,.key-page .key-plan-portal p{color:#fff}