@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";:root{--color-background:#18181b;--color-surface-dark:#27272a;--color-surface-light:#3f3f46;--color-border:#3f3f46;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-brand-primary:#2563eb;--color-brand-secondary:#0284c7;--font-main:"Open Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-main);min-height:100vh}img,video{max-width:100%;height:auto;display:block}.page-container{background-color:var(--color-surface-dark);border-radius:12px;height:100vh;margin-left:auto;margin-right:auto;padding:3rem;display:flex;position:relative;overflow:hidden}.solutions-main{flex-direction:column;flex-grow:1;padding:2.5rem 2.5rem 6rem;display:flex;position:relative;overflow:hidden}.page-header{width:100%;padding:2rem 3rem;position:absolute;top:0;left:0}.logo-group{align-items:center;gap:1rem;display:flex}.icon-grid{width:24px;height:24px}.logo-text h1{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.logo-text p{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-size:.75rem}.solutions-header{justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:2.5rem;display:flex}.solutions-header h1{font-size:2rem;font-weight:700}.filter-bar{align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.filter-label{color:var(--color-text-secondary);font-size:1rem}.filter-options{gap:.75rem;display:flex}.filter-btn{border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;background-color:#0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.filter-btn .arrow{fill:var(--color-text-primary);stroke:none;width:10px;height:10px;transition:transform .2s}.filter-dropdown.active .filter-btn,.filter-btn:hover{background-color:var(--color-text-primary);color:var(--color-background)}.filter-dropdown.active .filter-btn .arrow{fill:var(--color-surface-dark);transform:rotate(180deg)}.reset-btn{color:#f87171;cursor:pointer;background-color:#0000;border:none;padding:8px;font-size:.875rem}.reset-btn:hover{text-decoration:underline}.filter-dropdown{position:relative}.dropdown-menu{background-color:var(--color-surface-dark);border:1px solid var(--color-border);z-index:10;opacity:0;pointer-events:none;border-radius:8px;flex-direction:column;gap:.25rem;min-width:220px;padding:.5rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:calc(100% + .5rem);left:0;transform:translateY(-10px);box-shadow:0 8px 24px #0000004d}.filter-dropdown.active .dropdown-menu{opacity:1;pointer-events:auto;display:flex;transform:translateY(0)}.dropdown-menu .dropdown-item,.dropdown-menu label{color:var(--color-text-primary);cursor:pointer;background-color:#0000;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.875rem;text-decoration:none;transition:background-color .15s;display:flex}.dropdown-menu .dropdown-item:hover,.dropdown-menu label:hover{background-color:var(--color-surface-light)}.dropdown-menu .dropdown-item.selected{color:var(--color-text-primary);background-color:#2563eb33;font-weight:600}.dropdown-menu input[type=checkbox]{appearance:none;background-color:var(--color-background);font:inherit;color:currentColor;border:1px solid var(--color-border);cursor:pointer;border-radius:4px;place-content:center;width:1.15em;height:1.15em;margin:0;display:grid;transform:translateY(-.075em)}.dropdown-menu input[type=checkbox]:before{content:"";width:.65em;height:.65em;box-shadow:inset 1em 1em var(--color-brand-primary);transform-origin:50%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.dropdown-menu input[type=checkbox]:checked:before{transform:scale(1.2)}.dropdown-menu input[type=checkbox]:checked{border-color:var(--color-brand-primary)}.view-controls{background-color:var(--color-text-primary);border-radius:8px;gap:.5rem;padding:.25rem;display:flex}.view-btn{cursor:pointer;color:var(--color-border);background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;display:flex}.view-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-light)}.view-btn.active{background-color:var(--color-surface-dark);color:var(--color-text-primary)}.solutions-grid-wrapper{flex-grow:1;position:relative;overflow-y:auto}.solutions-container{gap:1.5rem;display:grid}.solutions-container.grid{grid-template-columns:repeat(4,minmax(280px,1fr))}.tech-tag{color:var(--color-text-primary);background:#3f3f46;border-radius:4px;padding:4px 8px;font-size:.75rem}.solutions-table{border-collapse:collapse;width:100%;margin-top:1.5rem}.solutions-table th{color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--color-border);padding:0 1rem 1.5rem;font-size:.75rem;font-weight:600}.solutions-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:1.5rem 1rem}.solutions-table th:first-child,.solutions-table td:first-child{width:10%}.solutions-table th:nth-child(2),.solutions-table td:nth-child(2){width:20%}.solutions-table th:nth-child(3),.solutions-table td:nth-child(3){width:50%}.solutions-table th:nth-child(4),.solutions-table td:nth-child(4){width:15%}.solutions-table th:nth-child(5),.solutions-table td:nth-child(4){width:10%}.solution-table-row:hover{background-color:var(--color-background)}.solution-name-cell{text-align:start;flex-direction:column;align-items:start;gap:1rem;display:flex}.solution-name-cell h3{color:var(--color-text-primary);font-size:1rem;font-weight:600}.solution-name-cell span{color:var(--color-text-secondary);font-size:.875rem}.list-item-image{object-fit:cover;border-radius:50%;width:70px;height:70px}.solution-description-cell{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:900px;font-size:.875rem;overflow:hidden}.solution-tech-stack-cell{flex-wrap:wrap;gap:.5rem;display:flex}.solution-button-cell{text-align:right}.solution-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.solution-card.faded{opacity:.4}.card-top{justify-content:flex-end;display:flex}.token-cost{background-color:var(--color-text-primary);color:var(--color-background);letter-spacing:.05em;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.token-cost svg{width:16.5px;height:12px;stroke:var(--color-background);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;fill:var(--color-text-primary);background:0 0}.card-body{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.solution-image{object-fit:cover;border-radius:50%;width:144px;height:144px}.industry-tag{background-color:var(--color-surface-dark);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.solution-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.card-footer{flex-direction:column;gap:1rem;margin-top:auto;display:flex}.run-solution-btn{background:linear-gradient(to right, var(--color-brand-secondary), var(--color-brand-primary));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:600;transition:transform .2s}.run-solution-btn:hover{transform:scale(1.02)}.view-details-link{color:var(--color-text-primary);text-align:center;cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:none}.view-details-link:hover{text-decoration:underline}.fade-out-overlay{background:linear-gradient(to top, var(--color-surface-dark), transparent);pointer-events:none;z-index:5;height:150px;position:sticky;bottom:0;left:0;right:0}.bottom-search-bar{background-color:var(--color-background);border:1px solid var(--color-border);z-index:20;border-radius:8px;flex-direction:row;align-items:center;width:40%;padding:.5rem .75rem;display:inline-flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.bottom-search-bar input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex-grow:1;font-size:.75rem}.bottom-search-bar input::placeholder{color:var(--color-text-secondary)}.keyboard-shortcut{gap:.25rem;display:flex}.keyboard-shortcut span{background-color:var(--color-surface-dark);border:1px solid var(--color-border);width:20px;height:20px;color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:.875rem;display:flex}.page-footer{z-index:30;position:fixed;bottom:2rem;right:2rem}.token-usage-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:1rem;width:100%;padding:.75rem 1.25rem;display:flex}.token-arc-container{width:48px;height:48px}.token-arc{width:100%;height:100%}.arc-background{stroke:#3f3f46}.arc-progress{stroke:var(--color-brand-primary);stroke-linecap:round}.token-text-container{flex-direction:column;display:flex}.token-label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.token-value{color:var(--color-text-secondary);font-size:.875rem;font-weight:400}.current-token,.max-token{display:inline-block}@media (width<=1200px){.page-container{flex-direction:column;height:auto;margin:1rem}.right-sidebar{border-left:none;border-top:1px solid var(--color-border);flex-direction:column;align-items:stretch;gap:1.5rem;width:auto;padding:1.5rem}.solutions-grid{grid-template-columns:repeat(4,minmax(250px,1fr))}}@media (width<=768px){.solutions-main,.right-sidebar{padding:1.5rem}.solutions-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}.filter-bar{flex-direction:column;align-items:flex-start;gap:1rem}.filter-options{flex-wrap:wrap}}.corner-decoration{z-index:0;opacity:1;background-repeat:no-repeat;background-size:contain;width:335px;height:129px;position:absolute}.top-right{background-image:url(/images/AI-SGO-Hero_transparent_RGB%204.png);top:-80px;right:-70px;transform:rotate(-180deg)}.bottom-left{background-image:url("./images/AI-SGO-Hero_transparent_RGB 4.png");bottom:-80px;left:-70px}.load-container{background-color:var(--color-background);height:100vh;color:var(--color-text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.load-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.load-content img{width:200px;height:200px}.progressbar-Con{background-color:var(--color-border);border-radius:4px;width:300px;height:8px;margin:20px auto;overflow:hidden}.progressbar{background:var(--color-brand-primary);height:100vh;transition:width .1s linear forwards;border-radius:4px}.progressText{font-size:1.2rem;font-weight:600}.solution-detail-page{background-color:var(--color-background);min-height:100vh;color:var(--color-text-primary);flex-direction:column;gap:4rem;margin:0 auto;padding:2rem 4rem;display:flex;position:relative;overflow:hidden}.solution-not-found{text-align:center;margin-top:6rem}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:5rem;font-size:1rem;display:flex}.breadcrumbs a,.breadcrumbs span{color:var(--color-text-primary);border-radius:8px;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.breadcrumbs a:hover{background-color:var(--color-surface-dark)}.breadcrumbs .current{background-color:var(--color-brand-primary);font-weight:600}.breadcrumbs svg{color:var(--color-text-secondary)}.solution-hero{flex-direction:row;align-items:flex-start;gap:2rem;display:flex}.solution-hero__logo img{object-fit:cover;border-radius:16px;flex-shrink:0;width:128px;height:128px}.solution-hero__content{flex-direction:column;gap:.5rem;display:flex}.solution-hero__category{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:600}.solution-hero__content h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.solution-hero__description{max-width:70ch;color:var(--color-text-secondary)}.solution-hero__actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:1rem;display:flex}.button-primary{background:linear-gradient(90deg, var(--color-brand-secondary), var(--color-brand-primary));color:var(--color-text-primary);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2563eb4d}.link-external{color:var(--color-text-primary);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.link-external:hover{color:var(--color-brand-primary);text-decoration:underline}.metadata-bar{background-color:#1d1d20;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;display:grid;overflow:hidden}.metadata-item{text-align:center;background-color:#1d1d20;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.metadata-item--clickable{cursor:pointer}.metadata-item--clickable:hover{background-color:var(--color-surface-dark)}.metadata-item h3{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;font-weight:600}.metadata-item p{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.avatar-group{cursor:pointer;align-items:center;display:flex}.avatar-more{background-color:var(--color-surface-light);width:40px;height:40px;color:var(--color-text-primary);border:3px solid #1d1d20;border-radius:50%;justify-content:center;align-items:center;margin-left:-12px;font-size:.8rem;font-weight:600;display:flex}.avatar-more:first-child{margin-left:0}.tech-stack{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tech-stack span{background-color:var(--color-surface-dark);text-transform:uppercase;border-radius:6px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.about-section{flex-direction:column;gap:1.5rem;display:flex}.about-section__title{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.about-section__divider{background-color:var(--color-border);border:none;height:1px}.about-section__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;display:grid}.about-article{flex-direction:column;gap:.75rem;display:flex}.about-article h3{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:600}.about-article p{color:var(--color-text-secondary);max-width:60ch;line-height:1.6}.content-section{flex-direction:column;gap:1rem;display:flex}.content-section h2{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:600}.video-placeholder{border:1px solid var(--color-border);background-color:var(--color-surface-dark);min-height:260px;color:var(--color-text-secondary);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.video-placeholder a{color:var(--color-text-primary)}.screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.screenshot-grid img{border:1px solid var(--color-border);background-color:var(--color-surface-dark);border-radius:8px}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#27272aeb;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.team-modal{background:var(--color-background);border-radius:8px;flex-direction:column;gap:40px;width:100%;max-width:992px;padding:40px;display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.close-btn{color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;transition:background-color .2s,color .2s;display:inline-flex;position:absolute;top:24px;right:24px}.close-btn:hover,.close-btn:focus-visible{background-color:var(--color-surface-dark);color:var(--color-text-primary);outline:none}.close-btn svg{font-size:20px}.team-modal__header{flex-direction:column;gap:8px;display:flex}.team-modal__header p{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.team-modal__header h1{color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:1.2}.team-modal__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.member-card{background-color:var(--color-surface-dark);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:20px;padding:20px;display:flex}.member-card__picture img{object-fit:cover;border-radius:50%;width:48px;height:48px}.member-card__details{flex-direction:column;gap:4px;display:flex}.member-card__details p{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.member-card__details h2{color:var(--color-text-primary);font-size:20px;font-weight:700;line-height:1.2}.member-card__details a{color:var(--color-text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.member-card__details a:hover{color:var(--color-brand-primary);text-decoration:underline}@media (width<=1024px){.solution-detail-page{gap:3rem;padding:2rem}}@media (width<=768px){.solution-detail-page{padding:1.5rem}.solution-hero{text-align:center;flex-direction:column;align-items:center}.solution-hero__actions{justify-content:center}.screenshot-grid{grid-template-columns:1fr}.team-modal{padding:32px 24px}.close-btn{align-self:flex-end;position:static}}