.discovery-card-container{background-color:var(--surface-background);padding:2rem 0}.discovery-activities-grid{grid-template-columns:1fr;gap:1.5rem;max-width:48rem;margin:0 auto;display:grid}.discovery-activity-item{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.discovery-activity-icon{background-color:var(--interactive-light);width:3rem;height:3rem;color:var(--interactive-blue);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.discovery-activity-icon svg{width:1.75rem;height:1.75rem}.discovery-activity-content h5{color:var(--primary-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.discovery-activity-content p{color:var(--secondary-text);margin:0;font-size:.95rem;line-height:1.6}
.enablement-roadmap-container{padding:2rem 1.5rem}.enablement-roadmap-description{text-align:center;color:var(--secondary-text);max-width:65ch;margin:0 auto 2.5rem;font-size:1.125rem}.enablement-timeline{max-width:48rem;margin:0 auto;position:relative}.enablement-timeline:after{content:"";background-color:var(--border-color);z-index:0;width:2px;margin-left:-1px;position:absolute;top:1rem;bottom:1rem;left:1.5rem}.roadmap-step{padding:.5rem 0 2.5rem 4rem;position:relative}.roadmap-decorator{z-index:1;position:absolute;top:.125rem;left:0}.roadmap-step-number{background-color:var(--primary-background);border:2px solid var(--border-color);width:3rem;height:3rem;color:var(--secondary-text);border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;transition:all .3s ease-in-out;display:flex}.roadmap-step:hover .roadmap-step-number{border-color:var(--interactive-blue);color:var(--interactive-blue);background-color:var(--interactive-light)}.roadmap-content{position:relative}.roadmap-step-title{color:var(--primary-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.roadmap-step-description{color:var(--secondary-text);margin:0;font-size:1rem;line-height:1.7}
.github-repo-card{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-decoration:none;transition:all .3s ease-in-out;display:block;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.github-repo-card:hover{border-color:var(--interactive-blue);transform:translateY(-5px);box-shadow:0 10px 25px -5px #00000012,0 8px 10px -6px #00000012}html.dark .github-repo-card:hover{box-shadow:0 10px 25px -5px #6366f11a,0 8px 10px -6px #6366f11a}.repo-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.repo-card-icon{width:1.5rem;height:1.5rem;color:var(--primary-text);transition:color .2s}.repo-card-title{color:var(--primary-text);word-break:break-word;margin:0;font-size:1.25rem;font-weight:700;transition:color .2s}.github-repo-card:hover .repo-card-title,.github-repo-card:hover .repo-card-icon{color:var(--interactive-blue)}.repo-card-description{color:var(--secondary-text);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.repo-card-footer{border-top:1px solid var(--border-color-light);flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;display:flex}.repo-card-tech-tag{background-color:var(--surface-background);color:var(--secondary-text);border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.repo-card-tech-icon{width:1rem;height:1rem;color:var(--subtle-text)}.repo-card-tech-icon svg{width:100%;height:100%}
.feature-item-icon-wrapper{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item-icon-wrapper svg,.feature-icon-wrapper svg{width:2rem;height:2rem}.feature-list-container{max-width:var(--container-max-width);margin:0 auto;padding:0 1.5rem}.feature-list-title{text-align:center;background:linear-gradient(90deg,#818cf8,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.feature-list-divider{background:linear-gradient(90deg,#4f46e5,#0ea5e9);border-radius:99px;width:4rem;height:3px;margin:0 auto 3.5rem}.feature-list-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;padding:1rem 0;display:grid}@media (min-width:768px){.feature-list-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto)}}.feature-card{border:1px solid var(--border-color);text-align:left;background-color:#fff;border-radius:1.25rem;flex-direction:column;align-items:flex-start;height:100%;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.feature-card:before{content:"";background:linear-gradient(90deg,transparent,var(--interactive-blue),transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--interactive-blue);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{background-color:var(--interactive-light);color:var(--interactive-blue);border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:.75rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon-wrapper{background-color:var(--interactive-blue);color:#fff;transform:scale(1.1)}.feature-card-title{color:var(--primary-text);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.3}.feature-card-description{color:var(--secondary-text);margin:0;font-size:.9375rem;line-height:1.6}@media (min-width:768px){.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}}.feature-list-single-col{grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:100%;margin:2.5rem 0;display:grid}@media (min-width:768px){.feature-list-single-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-list-single-col{grid-template-columns:repeat(3,1fr)}}.feature-item-single-col{background-color:var(--surface-background);border:1px solid var(--border-color);border-radius:.75rem;align-items:flex-start;gap:1.5rem;padding:1.5rem;transition:transform .2s;display:flex}.feature-item-single-col:hover{border-color:var(--interactive-blue);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.feature-item-icon-wrapper{width:3.5rem;height:3.5rem;color:var(--interactive-blue);background-color:#eff6ff;border:1px solid #dbeafe}.feature-item-content{flex-grow:1}.feature-item-title{color:var(--primary-text);margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.3}.feature-item-description{color:var(--secondary-text);margin:0;font-size:.95rem;line-height:1.6}
.image-caption-wrapper{max-width:48rem;margin:2.5rem auto}.image-caption-wrapper .next-image-container{aspect-ratio:16/9;border-radius:1rem;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.image-caption-text{text-align:center;color:var(--secondary-text);margin-top:1rem;font-size:.875rem}.image-decorative-frame-wrapper{max-width:48rem;margin:4rem auto;position:relative}.image-decorative-frame-bg{z-index:-1;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #8b5cf633;border-radius:1.5rem;width:100%;height:100%;position:absolute;top:-1.25rem;left:-1.25rem;transform:rotate(-2deg)}.image-polaroid-wrapper{background:linear-gradient(#fff,#f9fafb);border-radius:.25rem;max-width:24rem;margin:2.5rem auto;padding:1.25rem 1.25rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:rotate(1.5deg);box-shadow:0 4px 6px -1px #0000001a,0 10px 30px -5px #0003,inset 0 0 100px #00000005}.image-polaroid-wrapper:hover{transform:rotate(0)translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 40px 60px -10px #0000004d}.next-image-container-polaroid{aspect-ratio:1;width:100%;margin-bottom:.5rem;position:relative}.image-polaroid-text{text-align:center;color:var(--primary-text);margin-top:1rem;font-size:1.125rem}.image-gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:56rem;margin:2.5rem auto;display:grid}@media (min-width:768px){.image-gallery-grid{grid-template-columns:repeat(3,1fr)}}.image-gallery-item{cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:.75rem;width:100%;padding:0;display:block;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.image-gallery-item:focus-visible{outline:2px solid var(--interactive-blue);outline-offset:4px}.next-image-container-gallery{width:100%;height:100%;position:relative}.image-gallery-item .next-image-container-gallery img{transition:transform .3s}.image-gallery-item:hover .next-image-container-gallery img,.image-gallery-item:hover img{transform:scale(1.1)}
.lifecycle-timeline{max-width:48rem;margin:0 auto;position:relative}.lifecycle-timeline:after{content:"";background-color:var(--border-color);z-index:0;width:3px;margin-left:-1.5px;position:absolute;top:1.5rem;bottom:1.5rem;left:1.5rem}.lifecycle-step{padding:.5rem 0 3.5rem 4.5rem;position:relative}.lifecycle-decorator{z-index:1;position:absolute;top:.125rem;left:0}.lifecycle-step-number{background-color:var(--primary-background);border:3px solid var(--border-color);width:3rem;height:3rem;color:var(--secondary-text);border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;transition:all .3s ease-in-out;display:flex}.lifecycle-step:hover .lifecycle-step-number{border-color:var(--interactive-blue);color:var(--interactive-blue);background-color:var(--interactive-light)}.lifecycle-content{background-color:var(--primary-background);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;position:relative}.lifecycle-step-header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}@media (min-width:640px){.lifecycle-step-header{flex-direction:row;justify-content:space-between;align-items:center}}.lifecycle-step-title{color:var(--primary-text);margin:0;font-size:1.5rem;font-weight:600}.lifecycle-step-description{color:var(--secondary-text);margin:0 0 1.5rem;font-size:1rem;line-height:1.7}.how-i-do-it-box{background-color:var(--surface-background);border:1px solid var(--border-color);border-left:4px solid var(--primary-brand-orange);border-radius:.5rem;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.how-i-do-it-icon{flex-shrink:0;width:80px;height:32px;margin-top:.2rem}.how-i-do-it-text{color:var(--primary-text);margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.lifecycle-related-resource{background-color:var(--interactive-light);color:var(--interactive-blue);border-radius:9999px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.lifecycle-related-resource:hover{background-color:var(--interactive-blue);color:#fff}.lifecycle-related-resource svg{width:1rem;height:1rem}.embedded-component-wrapper{border-top:1px dashed var(--border-color);margin-top:1.5rem}
.linkedin-button-container{justify-content:center;margin:2.5rem 0;display:flex}.linkedin-article-button{color:#fff;background-color:#0077b5;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;display:inline-flex;box-shadow:0 4px 15px #0077b54d}.linkedin-article-button:hover{background-color:#005e90;transform:translateY(-3px)scale(1.03);box-shadow:0 7px 20px #0077b566}.linkedin-article-button:active{transform:translateY(0)scale(1)}.linkedin-button-icon{width:1.5rem;height:1.5rem}
