:root{--bg-base:#f9f9f9;--bg-container:#fff;--bg-secondary:#f5f5f7;--primary:#007aff;--primary-dim:#adc6ff;--primary-container:#0070eb;--secondary:#5d5e60;--secondary-container:#e2e2e4;--tertiary:#8e8e93;--tertiary-container:#e3e2e7;--text-main:#1a1c1c;--text-muted:#8e8e93;--error:#ba1a1a;--error-bg:#ffdad6;--success:#28cd41;--success-bg:#e8f5e9;--border-separator:#e5e5e7;--surface-glass:#ffffffbf;--backdrop-blur-val:saturate(180%) blur(20px);--shadow-card:0px 10px 30px #0000000a;--shadow-card-hover:0px 15px 45px #00000014;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bento-gap:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-xxl:24px;--radius-full:9999px;--transition-smooth:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);letter-spacing:-.01em;min-height:100vh}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000001a;border:2px solid var(--bg-base);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0003}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;letter-spacing:-.02em}a{color:var(--primary);text-decoration:none;transition:var(--transition-smooth)}a:hover{color:var(--primary-container);opacity:.85}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max,1200px);min-height:calc(100vh - 140px);padding:40px 24px 80px}@media (max-width:768px){.container{padding:20px 8px 40px}}.page-header{display:flex;flex-direction:column;gap:6px;margin-bottom:32px}.page-title{color:var(--text-main);font-size:34px;font-weight:700;letter-spacing:-.02em}.page-subtitle{color:var(--primary);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.glass-card{background:var(--bg-container);border:none;border-radius:var(--radius-xxl);box-shadow:var(--shadow-card);padding:28px;transition:var(--transition-smooth)}.glass-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.navbar{backdrop-filter:var(--backdrop-blur-val);-webkit-backdrop-filter:var(--backdrop-blur-val);background-color:var(--surface-glass);border-bottom:1px solid var(--border-separator);height:64px;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-smooth);width:100%;z-index:100}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.navbar-logo{color:var(--text-main);font-family:var(--font-sans);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;transition:var(--transition-smooth)}.navbar-logo:hover{opacity:.8}.menu-icon{color:var(--text-main);cursor:pointer;display:none;font-size:1.5rem}.nav-menu{align-items:center;display:flex;gap:32px;list-style:none}.nav-item{position:relative}.nav-link{color:var(--text-muted);font-family:var(--font-sans);font-size:.9rem;font-weight:500;padding:8px 4px;text-decoration:none;transition:var(--transition-smooth)}.nav-link:hover{color:var(--primary)}@media screen and (max-width:768px){.menu-icon{display:block}.nav-menu{backdrop-filter:var(--backdrop-blur-val);-webkit-backdrop-filter:var(--backdrop-blur-val);background-color:#fffffffa;display:flex;flex-direction:column;gap:32px;height:calc(100vh - 64px);left:-100%;padding-top:40px;position:absolute;top:64px;transition:all .4s cubic-bezier(.25,.8,.25,1);width:100%}.nav-menu.active{left:0}.nav-link{color:var(--text-main);font-size:1.15rem}}.footer2{background-color:initial;border-top:1px solid var(--border-separator);color:var(--text-muted);flex-direction:row;font-family:var(--font-sans);font-size:.85rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:32px 24px;width:100%;z-index:10}.footer2,.social-links{align-items:center;display:flex}.social-links{gap:20px}.social-links a{align-items:center;color:var(--text-muted);display:flex;font-size:1.2rem;justify-content:center;transition:var(--transition-smooth)}.social-links a:hover{color:var(--primary);transform:translateY(-1.5px)}.footer-info{align-items:center;display:flex;gap:12px}.footer-info a{color:var(--text-main);font-weight:500;transition:var(--transition-smooth)}.footer-info a:hover{color:var(--primary)}@media screen and (max-width:600px){.footer2{flex-direction:column;gap:16px;padding:24px 16px;text-align:center}}.about-grid{grid-gap:var(--bento-gap);display:grid;gap:var(--bento-gap);grid-template-columns:repeat(2,1fr);margin-top:24px}.about-card{background:var(--bg-container);border-radius:var(--radius-xxl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;padding:28px;transition:var(--transition-smooth)}.about-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.about-card.span-full{grid-column:span 2}.about-card-title{color:var(--primary);font-family:var(--font-sans);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.about-card-text{color:var(--text-muted);font-size:1rem;line-height:1.6}.about-card-textstrong{color:var(--text-main);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.3}.bar-chart-container{display:flex;flex-direction:column;gap:16px;margin-top:8px}.bar-chart-item{display:flex;flex-direction:column;gap:6px}.bar-chart-label{color:var(--text-main);display:flex;font-size:.9rem;font-weight:600;justify-content:space-between}.bar-chart-track{background-color:#0000000d;border-radius:var(--radius-full);box-shadow:inset 0 1px 3px #0000000d;height:12px;overflow:hidden;width:100%}.bar-chart-fill{border-radius:var(--radius-full);height:100%;transition:width 1s ease-in-out}@media screen and (max-width:768px){.about-grid{grid-template-columns:1fr}.about-card.span-full{grid-column:span 1}}.welcome-dashboard{grid-gap:var(--bento-gap);display:grid;gap:var(--bento-gap);grid-template-columns:repeat(12,1fr);margin-top:16px;width:100%}.bento-cell{background:var(--bg-container);border-radius:var(--radius-xxl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;padding:28px;transition:var(--transition-smooth)}.bento-cell:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.cell-hero{align-items:center;display:flex;flex-direction:row;gap:28px;grid-column:span 7}.cell-terminal{background:var(--bg-secondary);padding:20px}.cell-mission,.cell-terminal{grid-column:span 5}.cell-stats{grid-column:span 3}.cell-quicklink{grid-column:span 4}.hero-photo-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:220px}.hero-photo{border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000000f;height:auto;width:100%}.hero-details{display:flex;flex:1.2 1;flex-direction:column;gap:12px}.hero-subtitle{color:var(--text-muted);font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hero-title{color:var(--text-main);font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.status-badge{align-items:center;align-self:flex-start;background:var(--success-bg);border-radius:var(--radius-full);color:var(--success);display:inline-flex;font-family:var(--font-sans);font-size:.8rem;font-weight:600;gap:6px;padding:4px 12px}.status-dot{animation:pulse-dot 2s infinite;background-color:var(--success);border-radius:50%;height:7px;width:7px}@keyframes pulse-dot{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.spec-list{border-top:1px solid var(--border-separator);display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:12px}.spec-item{display:flex;font-size:.88rem;justify-content:space-between;line-height:1.4}.spec-label{color:var(--text-muted);font-weight:500}.spec-value{color:var(--text-main);font-weight:600}.terminal-header{align-items:center;border-bottom:1px solid var(--border-separator);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.terminal-dots{display:flex;gap:6px}.terminal-dot{border-radius:50%;height:12px;width:12px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-title{color:var(--text-muted);font-family:var(--font-sans);font-size:.75rem;font-weight:600}.terminal-body{background:var(--bg-container);border:1px solid var(--border-separator);border-radius:var(--radius-lg);color:var(--text-main);display:flex;flex-direction:column;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:.8rem;gap:8px;line-height:1.6;min-height:160px;padding:16px}.terminal-prompt{color:var(--primary);font-weight:600}.terminal-success{color:var(--success);font-weight:600}.card-header-mono{color:var(--text-muted);font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.card-title-lg{color:var(--text-main);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.card-paragraph{color:var(--text-muted);font-size:.95rem;line-height:1.6}.stat-container{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;text-align:center}.stat-value{color:var(--primary);font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1}.stat-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.dashboard-btn{align-items:center;background-color:var(--primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:.95rem;font-weight:600;height:44px;justify-content:center;transition:var(--transition-smooth);width:100%}.dashboard-btn:hover{background-color:var(--primary-container);transform:translateY(-1px)}.dashboard-btn-alt{background-color:var(--secondary-container);color:var(--primary)}.dashboard-btn-alt:hover{background-color:#d6d6d9;transform:translateY(-1px)}@media screen and (max-width:1024px){.cell-hero,.cell-terminal{grid-column:span 12}.cell-mission,.cell-stats{grid-column:span 6}.cell-quicklink{grid-column:span 12}}@media screen and (max-width:768px){.cell-hero{flex-direction:column;padding:24px;text-align:center}.hero-photo-wrapper{max-width:180px}.status-badge{align-self:center}.cell-mission,.cell-quicklink,.cell-stats{grid-column:span 12}}.card{background:var(--bg-container);border-radius:var(--radius-xxl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:18px;padding:28px;transition:var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card-title{border-bottom:1px solid var(--border-separator);color:var(--text-main);font-size:1.3rem;font-weight:700;letter-spacing:-.02em;padding-bottom:10px}.photo,.video{height:auto;margin-top:4px}.instagram-wrapper,.photo,.video{border-radius:var(--radius-xl);max-width:100%;width:100%}.instagram-wrapper{overflow:hidden}.instagram,.instagram>blockquote,.instagram>iframe{max-width:100%!important;min-width:100%!important;width:100%!important}.description,.how-to{color:var(--text-muted);font-size:.95rem;line-height:1.5}.description strong,.how-to strong{color:var(--primary);display:block;font-family:var(--font-sans);font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.card-footer{align-items:center;border-top:1px solid var(--border-separator);display:flex;justify-content:space-between;margin-top:auto;padding-top:14px}.category-chip{background:#e8f0fe;border-radius:var(--radius-full);color:var(--primary);font-family:var(--font-sans);font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.tricks-wrapper{display:flex;flex-direction:column;gap:40px}.search-palette{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.search-field-container{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex:1 1;gap:10px;padding:12px 16px;transition:var(--transition-smooth)}.search-field-container:focus-within{background-color:var(--bg-container);box-shadow:0 0 0 2px #007aff26}.search-icon{color:var(--text-muted);font-size:1.15rem}.search-input{background:#0000;border:none;color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;font-weight:500;outline:none;width:100%}.search-input::placeholder{color:var(--text-muted);opacity:.7}.search-count{background-color:var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-sans);font-size:.85rem;font-weight:600;padding:6px 14px;white-space:nowrap}.tricks-section{display:flex;flex-direction:column;gap:20px}.tricks-section-title{border-bottom:1px solid var(--border-separator);color:var(--text-main);font-family:var(--font-sans);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;padding-bottom:8px}.tricks-grid{grid-gap:var(--bento-gap);display:grid;gap:var(--bento-gap);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}@media screen and (max-width:600px){.search-palette{align-items:stretch;flex-direction:column;gap:12px}}.pick-grid{grid-gap:var(--bento-gap);display:grid;gap:var(--bento-gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.pick-card{background:var(--bg-container);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding:24px;transition:var(--transition-smooth)}.pick-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.pick-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-main);display:-webkit-box;font-size:1.05rem;font-weight:600;height:2.8rem;line-height:1.4;overflow:hidden}.pick-image-wrapper{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--radius-lg);display:flex;height:200px;justify-content:center;overflow:hidden;padding:16px;width:100%}.pick-image{border-radius:var(--radius-md);max-height:100%;max-width:100%;object-fit:contain;transition:var(--transition-smooth)}.pick-card:hover .pick-image{transform:scale(1.03)}.pick-footer{display:flex;flex-direction:column;gap:16px;margin-top:auto}.pick-meta{align-items:center;display:flex;justify-content:space-between}.pick-category{background:#007aff14;border-radius:var(--radius-full);color:var(--primary);font-size:.7rem;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.pick-btn,.pick-category{border:none;font-family:var(--font-sans);font-weight:600}.pick-btn{align-items:center;background:var(--primary);border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:44px;justify-content:center;text-align:center;text-decoration:none;transition:var(--transition-smooth);width:100%}.pick-btn:hover{background:var(--primary-container);box-shadow:0 4px 12px #007aff40}.media-grid{grid-gap:var(--bento-gap);display:grid;gap:var(--bento-gap);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.media-card{background:var(--bg-container);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;padding:24px;transition:var(--transition-smooth)}.media-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.media-card-title{border-bottom:1px solid var(--border-separator);color:var(--text-main);font-size:1.15rem;font-weight:600;padding-bottom:8px}.media-card-photo,.media-card-video{border:none;border-radius:var(--radius-xl);height:auto;width:100%}.media-card-instagram{border:none!important;border-radius:var(--radius-xl)!important;max-width:100%!important;width:100%!important}.media-card-description{color:var(--text-muted);font-size:.95rem;line-height:1.5}.media-card-description strong{color:var(--primary);display:block;font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.loading-container{display:flex;flex-direction:row;justify-content:center}.dog-loading{width:200px}.why-wrapper{display:flex;flex-direction:column;gap:32px;width:100%}.why-paragraphs-card{line-height:1.6}.why-paragraphs-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:16px}.why-paragraphs-card p:last-child{margin-bottom:0}.dashboard-table-card{overflow-x:auto;width:100%}.gitops-table{border-collapse:collapse;font-family:var(--font-sans);font-size:.85rem;text-align:left;width:100%}.gitops-table th{border-bottom:1.5px solid var(--border-separator);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-transform:uppercase}.gitops-table td{border-bottom:1px solid var(--border-separator);color:var(--text-main);padding:16px 20px;vertical-align:middle}.gitops-table tbody tr{transition:var(--transition-smooth)}.gitops-table tbody tr:hover{background-color:var(--bg-secondary)}.badge-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.02em;padding:4px 10px}.status-success{background:var(--success-bg);color:var(--success)}.status-failed{background:var(--error-bg);color:var(--error)}.stage-tag,.status-running{background:#007aff14;color:var(--primary)}.stage-tag{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.job-pill-container{display:flex;flex-wrap:wrap;gap:6px}.job-pill{border:none;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;padding:3px 8px;text-transform:uppercase}.job-pill.e2e{background:#ff3b3014;color:#ff3b30}.job-pill.integration{background:#007aff14;color:var(--primary)}.job-pill.secret-detection{background:var(--success-bg);color:var(--success)}.job-pill.unit-test{background:#af52de14;color:#af52de}.job-pill.accessibility{background:#ff950014;color:#ff9500}.job-pill.lighthouse{background:#8e8e9314;color:#8e8e93}.job-pill.k6,.job-pill.k6-loadtest-local{background:#34c75914;color:#34c759}.job-pill.k6-loadtest-cloud{background:#5856d614;color:#5856d6}.legend-card{display:flex;flex-direction:column;gap:16px}.legend-title{border-bottom:1.5px solid var(--border-separator);color:var(--text-main);font-family:var(--font-sans);font-size:1.1rem;font-weight:600;padding-bottom:8px}.legend-table{border-collapse:collapse;width:100%}.legend-table td{border-bottom:1px solid var(--border-low-op);font-size:.85rem;padding:10px 12px}.legend-table td.pill-cell{width:120px}.legend-table td.name-cell{font-weight:600;width:150px}.legend-table td.desc-cell{color:var(--text-muted)}@media (max-width:768px){.page-header{margin-bottom:16px}.why-wrapper{gap:16px}.glass-card{padding:16px}.why-paragraphs-card p{margin-bottom:12px}.gitops-table td,.gitops-table th{font-size:.75rem;padding:8px 6px;white-space:nowrap}.gitops-table td .job-pill-container{min-width:150px;white-space:normal}.legend-table,.legend-table tbody,.legend-table td,.legend-table tr{display:block;width:100%}.legend-table tr{border-bottom:1px solid var(--border-low-op);padding:8px 0}.legend-table td,.legend-table tr:last-child{border-bottom:none}.legend-table td{padding:2px 0}.legend-table td.pill-cell{margin-bottom:4px;width:auto}.legend-table td.name-cell{margin-bottom:2px;width:auto}}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.container{margin-left:20px;margin-right:20px;min-height:88vh}@media (max-width:768px){.container{margin-left:8px;margin-right:8px}}.footer-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:-webkit-sticky;position:sticky}.page-title{font-size:40px}
/*# sourceMappingURL=main.cb69b338.css.map*/