/* A small invitation to the Lab, below the main generator. */
.learn-discovery.learn-discovery-feature{padding:0;border:0;background:none;margin:36px 0;scroll-margin-top:24px}
.learn-discovery .lab-invitation{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;min-height:276px;padding:30px 32px;overflow:hidden;border:1px solid #d4e8e4;border-radius:26px;background:radial-gradient(ellipse at 92% 0%,#d0ebff 0%,transparent 65%),linear-gradient(115deg,#effaf3,#e2f3f4 65%,#e0ebff);color:#123b42;text-decoration:none;box-shadow:0 8px 26px #155e6110;transition:box-shadow .22s ease,border-color .22s ease}
.lab-invitation::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#527b851a .85px,transparent .85px);background-size:18px 18px;mask-image:linear-gradient(to right,transparent 45%,#000)}
.lab-invitation .lab-invitation-copy{position:relative;z-index:2}
.lab-invitation .lab-invitation-eyebrow{display:block;margin-bottom:15px;font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;color:#376a70}
.learn-discovery .lab-invitation h2{margin:0 0 13px;font-size:clamp(25px,3.5vw,34px);line-height:1.08;letter-spacing:-1px;font-weight:800;color:#123b42}
.learn-discovery .lab-invitation p{margin:0;color:#3e636a;font-size:14px;line-height:1.65}
.lab-invitation .lab-invitation-cta{display:flex;align-items:center;gap:10px;margin-top:21px;font-size:14px;font-weight:700;color:#174f59}
.lab-invitation .lab-invitation-arrow{display:grid;place-items:center;width:29px;height:29px;background:#fff9;border:1px solid #aaccc980;border-radius:50%;font-size:19px;line-height:1;transition:transform .22s ease,background .22s ease}
.lab-invitation-art{position:relative;height:230px;min-width:0;perspective:600px}
.lab-orbit{position:absolute;width:194px;height:194px;left:50%;top:13px;transform:translateX(-45%) rotate(-24deg);border:1px solid #88b9ba55;border-radius:50%;box-shadow:0 0 0 23px #94c8c416,0 0 0 47px #94c8c40b}
.lab-tile{position:absolute;display:grid;place-items:center;top:47px;width:103px;height:132px;border-radius:20px;font-size:90px;font-weight:850;line-height:1;letter-spacing:-5px;box-shadow:0 16px 28px #1b647322,inset 0 1px 0 #fff;transition:transform .3s ease}
.lab-tile-one{left:calc(50% - 104px);background:linear-gradient(145deg,#fff,#f6fff8);color:#23816c;transform:rotate(-14deg) translateY(8px)}
.lab-tile-two{left:calc(50% - 17px);background:linear-gradient(145deg,#fff,#eff7ff);color:#247ac4;transform:rotate(12deg)}
.lab-question{position:absolute;display:grid;place-items:center;left:calc(50% + 62px);top:20px;width:43px;height:43px;border-radius:50%;background:#ffda7d;border:1px solid #f7cd6b;box-shadow:0 6px 12px #9b77381a;color:#72520e;font-size:27px;font-weight:750;transform:rotate(13deg);transition:transform .3s ease}
.lab-art-caption{position:absolute;bottom:11px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.01em;color:#45666e}
.learn-discovery .lab-invitation:focus-visible{outline:3px solid #0064ca;outline-offset:5px}
@media(hover:hover){.learn-discovery .lab-invitation:hover{border-color:#9fc9c3;box-shadow:0 12px 30px #155e611c}.lab-invitation:hover .lab-tile-one{transform:rotate(-18deg) translate(-3px,5px)}.lab-invitation:hover .lab-tile-two{transform:rotate(16deg) translate(3px,-4px)}.lab-invitation:hover .lab-question{transform:rotate(4deg) translateY(-5px)}.lab-invitation:hover .lab-invitation-arrow{transform:translate(2px,-2px);background:#fff}}
@media(max-width:560px){.learn-discovery .lab-invitation{padding:26px 24px;grid-template-columns:1fr;min-height:0;gap:0}.lab-invitation .lab-invitation-copy{order:2}.lab-invitation-art{order:1;height:165px;margin:-10px 0 18px}.lab-orbit{width:160px;height:160px;top:0;left:50%;transform:translateX(-50%) rotate(-24deg)}.lab-tile{top:12px;width:86px;height:108px;font-size:75px;border-radius:17px}.lab-tile-one{left:calc(50% - 91px)}.lab-tile-two{left:calc(50% - 14px)}.lab-question{top:0;left:calc(50% + 53px);width:36px;height:36px;font-size:24px}.lab-art-caption{bottom:9px}.learn-discovery .lab-invitation h2{font-size:30px}.lab-invitation .lab-invitation-eyebrow{margin-bottom:12px}.lab-invitation .lab-invitation-cta{margin-top:18px}.lab-invitation::after{mask-image:linear-gradient(to bottom,#000,transparent 55%)}}
@media(prefers-reduced-motion:reduce){.learn-discovery .lab-invitation,.lab-invitation .lab-tile,.lab-invitation .lab-question,.lab-invitation .lab-invitation-arrow{transition:none}.lab-invitation:hover .lab-tile-one{transform:rotate(-14deg) translateY(8px)}.lab-invitation:hover .lab-tile-two{transform:rotate(12deg)}.lab-invitation:hover .lab-question{transform:rotate(13deg)}.lab-invitation:hover .lab-invitation-arrow{transform:none}}