.features-grid__main{display:grid;grid-template-columns:repeat(12,1fr);margin-bottom:3rem;gap:1rem}.features-grid__main .card-scalability{grid-column:span 3;grid-row:1}.features-grid__main .card-custom-ui{grid-column:span 5;grid-row:1}.features-grid__main .card-performance,.features-grid__main .card-semantic{grid-column:span 4;grid-row:2}.features-grid__main .features-grid__sidebar{display:grid;grid-template-rows:auto 1fr;grid-column:9 / -1;grid-row:1 / 3;border-radius:.5rem;gap:1rem}@media (max-width: 768px){.features-grid__main{display:flex;flex-direction:column}}.spec-section{background:linear-gradient(280.03deg,var(--secondary-alpha-45),var(--secondary-alpha-15),var(--primary-alpha-45))}.features-grid__main>div:not(.features-grid__sidebar) .card{height:100%;background:var(--background-alpha-45);border-radius:1rem;border:none}.features-grid__sidebar{border-radius:1rem;background-color:var(--secondary-alpha-15)}.features-grid__sidebar .card{background:transparent;box-shadow:none;border:none}.features-grid__sidebar .card__header-content{border-bottom:.1rem solid var(--text-alpha-15)}.features-grid__sidebar .icon.stroke svg,.features-grid__sidebar .icon.stroke svg path,.features-grid__sidebar .icon.stroke svg rect,.features-grid__sidebar .icon.stroke svg circle,.features-grid__sidebar .icon.stroke svg polygon,.features-grid__sidebar .icon.stroke svg polyline,.features-grid__sidebar .icon.stroke svg line{fill:none!important;stroke:var(--text-85)!important}.features-grid__sidebar .icon.fill svg,.features-grid__sidebar .icon.fill svg path,.features-grid__sidebar .icon.fill svg rect,.features-grid__sidebar .icon.fill svg circle,.features-grid__sidebar .icon.fill svg polygon,.features-grid__sidebar .icon.fill svg polyline,.features-grid__sidebar .icon.fill svg line{fill:var(--text-85)!important;stroke:none!important}.features-grid__sidebar .tech-icons,.features-grid__sidebar .skill-icons{display:flex;flex-wrap:wrap;gap:.5rem}.icon{display:inline-flex;align-items:center;justify-content:center;color:var(--icon-color, currentColor)}.icon.sm{width:var(--sizes-4);height:var(--sizes-4)}.icon.md{width:var(--sizes-5);height:var(--sizes-5)}.icon.lg{width:var(--sizes-6);height:var(--sizes-6)}.icon :global(svg){width:100%;height:100%}.icon.fill :global(svg){fill:currentColor}.icon.fill :global(path),.icon.fill :global(rect),.icon.fill :global(circle){fill:currentColor}.icon.stroke :global(svg),.icon.stroke :global(path),.icon.stroke :global(rect),.icon.stroke :global(circle){stroke:currentColor;fill:none}.icon.color-primary{color:var(--primary-100)}.icon.color-primary-70{color:var(--primary-70)}.icon.color-secondary{color:var(--secondary-100)}.icon.color-accent{color:var(--accent-100)}.spec-toggle-container.svelte-1q8t3zd{display:inline-flex;align-items:center;background:var(--text-10);border-radius:999px;padding:var(--sizes-1);gap:0;margin-bottom:var(--sizes-6)}.spec-toggle-button.svelte-1q8t3zd{display:inline-flex;align-items:center;gap:var(--sizes-2);padding:var(--sizes-3) var(--sizes-8);border-radius:999px;border:none;background:transparent;font-family:var(--typography-primary-regular-body-font-family);font-weight:var(--typography-primary-regular-body-font-weight);font-size:var(--typography-primary-regular-body-font-size);line-height:var(--typography-primary-regular-body-line-height);color:var(--text-60);cursor:pointer;transition:all .2s ease;white-space:nowrap}.spec-toggle-button.svelte-1q8t3zd:hover{color:var(--text-90)}.spec-toggle-button.active.svelte-1q8t3zd{background:var(--base);color:var(--text-90);font-weight:var(--typography-primary-bold-body-font-weight);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.spec-toggle-button.svelte-1q8t3zd svg{width:1.25rem;height:1.25rem;stroke:currentColor}.spec-toggle-button.svelte-1q8t3zd:focus{outline:.133rem solid var(--primary);outline-offset:.133rem}.spec-toggle-button.active.svelte-1q8t3zd:focus{outline-color:var(--primary)}@media (max-width: 768px){.spec-toggle-container.svelte-1q8t3zd{margin-bottom:var(--sizes-4)}.spec-toggle-button.svelte-1q8t3zd{padding:var(--sizes-3) var(--sizes-5);font-size:var(--typography-primary-regular-caption-font-size, .875rem)}}.timeline-container,.timeline{position:relative;padding:2.5rem 0}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:.25rem;height:100%;background:linear-gradient(180deg,#0000001a,#0000004d,#0000001a);border-radius:.125rem}.timeline-item{position:relative;margin-bottom:5rem;display:flex;align-items:flex-start;opacity:0;transform:translateY(1.875rem);transition:opacity .8s ease,transform .8s ease}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item:nth-child(odd){justify-content:flex-end}.timeline-item:nth-child(odd) .timeline-content{margin-right:calc(50% + 3.75rem)}.timeline-item:nth-child(odd) .timeline-meta{position:absolute;left:calc(50% + 3.75rem);top:1.25rem}.timeline-item:nth-child(2n){justify-content:flex-start}.timeline-item:nth-child(2n) .timeline-content{margin-left:calc(50% + 3.75rem)}.timeline-item:nth-child(2n) .timeline-meta{position:absolute;right:calc(50% + 3.75rem);top:1.25rem;text-align:right}.timeline-dot{position:absolute;top:.375rem;left:50%;transform:translate(-50%);width:3.75rem;height:3.75rem;background:var(--base);border:.5rem solid var(--primary);border-radius:50%;z-index:2;box-shadow:0 0 0 .5rem #406bca33;transition:all .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.timeline-item:hover .timeline-dot{transform:translate(-50%) scale(1.1);box-shadow:0 0 0 .75rem #406bca4d}.dot-logo{width:100%;height:100%;object-fit:cover;border-radius:50%}.dot-initials{font-size:1.25rem;font-weight:700;color:var(--primary);line-height:1}.timeline-meta{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:12.5rem}.timeline-item:nth-child(2n) .timeline-meta{align-items:flex-end}.timeline-item:nth-child(odd) .timeline-meta{align-items:flex-start}.date-badge{background:#fffffff2;color:var(--primary);padding:.5rem 1rem;border-radius:1.25rem;font-size:.9rem;font-weight:600;box-shadow:0 .125rem .625rem #0000001a;white-space:nowrap}.timeline-content{background:var(--background);padding:2rem;border-radius:1rem;box-shadow:0 .625rem 2.5rem #00000026;position:relative;flex:1;max-width:31.25rem;border:1px solid var(--text-10)}.timeline-item:nth-child(odd) .timeline-content:after{content:"";position:absolute;right:-.9375rem;top:1.25rem;width:0;height:0;border-top:.9375rem solid transparent;border-bottom:.9375rem solid transparent;border-left:.9375rem solid var(--background)}.timeline-item:nth-child(2n) .timeline-content:after{content:"";position:absolute;left:-.9375rem;top:1.25rem;width:0;height:0;border-top:.9375rem solid transparent;border-bottom:.9375rem solid transparent;border-right:.9375rem solid var(--background)}.mobile-logo-date{display:none}.company-header{margin-bottom:1.25rem}.company-header h3{font-size:1.75rem;color:var(--text-90);margin-bottom:.5rem;font-family:var(--typography-primary-bold-subtitle-font-family);font-weight:var(--typography-primary-bold-subtitle-font-weight)}.company-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.role{color:var(--primary);font-weight:600;font-size:1rem}.description{color:var(--text-70);margin-bottom:1.25rem;line-height:1.7;font-family:var(--typography-primary-regular-body-font-family);font-size:var(--typography-primary-regular-body-font-size);line-height:var(--typography-primary-regular-body-line-height)}.achievements{margin-bottom:1.25rem}.achievements ul{list-style:none;padding:0;margin:0}.achievements li{padding-left:1.5rem;position:relative;margin-bottom:.5rem;color:var(--text-70);font-size:.95rem;font-family:var(--typography-primary-regular-body-font-family);line-height:var(--typography-primary-regular-body-line-height)}.achievements li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--text-15)}.tech-stack .tag{border:.1rem solid var(--primary-15)}.project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:.75rem;margin-top:1.25rem}.project-image-card{display:flex;flex-direction:column;background:var(--base);border:1px solid var(--text-15);border-radius:.75rem;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 .125rem .5rem #00000014}.project-image-card:hover{transform:translateY(-.25rem);box-shadow:0 .5rem 1.5rem #00000026;border-color:var(--primary)}.project-image-card.no-link{cursor:default;box-shadow:none;border:none}.project-image-card.no-link:hover{transform:none;box-shadow:0 .125rem .5rem #00000014;border-color:var(--text-15)}.project-image-container{position:relative;width:100%;height:9.375rem;overflow:hidden;background:var(--background-10)}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-image-card:hover .project-image{transform:scale(1.05)}.project-image-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:.5rem;border-top:1px solid var(--text-10);background:var(--base)}.project-image-title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-80);font-family:var(--typography-primary-bold-body-font-family);line-height:1.3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-image-arrow{width:1rem;height:1rem;flex-shrink:0;color:var(--primary);opacity:.7;transition:all .2s ease}.project-image-card:hover .project-image-arrow{opacity:1;transform:translate(.125rem)}.project-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--text-15)}.project-link{gap:.5rem;font-size:.9rem}.project-link.coming-soon{color:var(--text-60);background:var(--text-10);border-color:var(--text-20);box-shadow:none;transform:none;cursor:not-allowed;position:relative}.project-link.coming-soon:hover{background:var(--text-10);color:var(--text-60);transform:none;box-shadow:none}.coming-soon-badge{font-size:.75rem;padding:.125rem .5rem;background:var(--text-10);color:var(--text-60);border-radius:.25rem;margin-left:.25rem}.external-icon{width:.875rem;height:.875rem;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.project-link:hover .external-icon{opacity:1}.show-more-container{text-align:center;margin-top:2.5rem;position:sticky;bottom:2rem;z-index:10;padding:1rem 0;margin-bottom:0}.show-more-container .btn{display:flex;align-items:center;gap:var(--sizes-3);margin:0 auto}.hidden-companies-logos{display:flex;align-items:center;gap:var(--sizes-2);margin-left:var(--sizes-2)}.hidden-company-logo-circle{width:2rem;height:2rem;border-radius:50%;border:.067rem solid var(--text-20);object-fit:cover;background:var(--background-5)}.hidden-company-logo-circle-text{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:.067rem solid var(--text-20);font-size:.75rem;font-weight:var(--typography-primary-bold-body-font-weight);color:var(--text-70);background:var(--text-5)}@media (max-width: 968px){.timeline:before{left:1.1rem}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){flex-direction:column;align-items:flex-start;padding-left:3.75rem}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin:0;max-width:100%}.timeline-dot{left:1.25rem;width:2.5rem;height:2.5rem;border-width:.25rem;top:.375rem}.dot-initials{font-size:.875rem}.timeline-meta{display:none}.timeline-item:nth-child(odd) .timeline-content:after,.timeline-item:nth-child(2n) .timeline-content:after{display:none}.mobile-logo-date{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--text-15)}.mobile-date-badge{background:#fffffff2;color:var(--primary);padding:.375rem .75rem;border-radius:1.25rem;font-size:.85rem;font-weight:600;box-shadow:0 .125rem .625rem #0000001a;white-space:nowrap}}@media (max-width: 640px){.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){padding-left:0}.timeline-dot{width:2rem;height:2rem;border-width:.1875rem;left:1rem}.dot-initials{font-size:.75rem}.mobile-date-badge{font-size:.75rem;padding:.25rem .625rem}.project-images{grid-template-columns:1fr;gap:.625rem}.project-image-container{height:8rem}.project-image-header{padding:.625rem .875rem}.project-image-title{font-size:.8125rem}}.project-experience-section-2{background:linear-gradient(280.03deg,var(--secondary-alpha-45),var(--secondary-alpha-15),var(--primary-alpha-45));padding-top:2rem}.featured-case-study{display:flex;gap:var(--sizes-8);margin-bottom:var(--sizes-10);align-items:flex-start;flex-wrap:wrap;max-width:71rem}.featured-case-study-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:var(--sizes-4)}.featured-image-wrapper{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--background-10);box-shadow:var(--shadow-md)}.featured-image{width:100%;height:auto;display:block;object-fit:cover}.featured-logo-overlay{position:absolute;top:var(--sizes-4);left:var(--sizes-4);display:flex;align-items:center;gap:var(--sizes-2);background:#fffffff2;padding:var(--sizes-2) var(--sizes-3);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo-icon{font-size:var(--sizes-8);font-weight:700;color:var(--accent);line-height:1}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-inked{font-weight:700;font-size:var(--type-font-size-body);color:var(--text-100)}.logo-colibri{font-size:var(--type-font-size-caption);color:var(--text-70)}.featured-case-study-banner{position:absolute;bottom:var(--sizes-16);left:var(--sizes-4);background:var(--primary);color:var(--background);padding:var(--sizes-2) var(--sizes-4);border-radius:var(--radius-md);font-weight:700;text-transform:uppercase;font-size:var(--type-font-size-caption);letter-spacing:.05em}.featured-workflow-text{position:absolute;bottom:var(--sizes-4);left:var(--sizes-4);background:#fffffff2;color:var(--text-100);padding:var(--sizes-3) var(--sizes-4);border-radius:var(--radius-md);font-weight:700;font-size:var(--type-font-size-body);border:.133rem solid var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.featured-buttons{display:flex;gap:var(--sizes-4);flex-wrap:wrap}.featured-buttons .btn{flex:1;min-width:150px}.featured-buttons .btn svg{width:16px;height:16px}.featured-case-study-right{flex:1;min-width:300px;display:flex;flex-direction:column;gap:var(--sizes-4);background:var(--base);border:1px solid var(--text-10);border-radius:var(--radius-lg);padding:var(--sizes-6);box-shadow:var(--shadow-md)}.featured-title{font-family:var(--typography-primary-bold-subtitle-font-family);font-weight:var(--typography-primary-bold-subtitle-font-weight);font-size:var(--typography-primary-bold-subtitle-font-size);line-height:var(--typography-primary-bold-subtitle-line-height);color:var(--text-100);margin:0 0 var(--sizes-4) 0}.featured-problem-heading{color:var(--accent);font-weight:700;font-size:var(--type-font-size-body);margin:0 0 var(--sizes-2) 0}.featured-solution-heading{color:var(--primary);font-weight:700;font-size:var(--type-font-size-body);margin:0 0 var(--sizes-2) 0}.featured-problem-description,.featured-solution-description{color:var(--text-70);line-height:1.6;font-size:var(--type-font-size-body);margin:0 0 var(--sizes-4) 0}.featured-tags{display:flex;flex-wrap:wrap;gap:var(--sizes-2);margin:var(--sizes-4) 0}.featured-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--sizes-4);padding-top:var(--sizes-4);border-top:1px solid var(--text-15)}.featured-link{gap:.5rem}.featured-link .external-icon{width:.875rem;height:.875rem;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.featured-link:hover .external-icon{opacity:1}@media (max-width: 64rem){.featured-case-study,.featured-buttons{flex-direction:column}.featured-buttons .btn{width:100%}}