@font-face{font-family:Inter;src:url(./Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-stretch:normal;font-style:normal;font-display:swap}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;background:#fff;color:#1a1a1a}.header{padding:2rem 3rem;border-bottom:1px solid rgba(0,0,0,.1);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.header-content{display:flex;flex-direction:row;align-items:flex-end;gap:2rem;width:100%}.header-content .logo-container{flex-shrink:0}.nav-container{display:flex;flex-direction:column;flex:1;min-width:0}.nav{display:flex;gap:0;flex-wrap:nowrap;width:100%;min-width:0;overflow:hidden}.sub-nav{margin-top:-5px;padding-top:0}.main-content{flex:1;padding:3rem;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.header{padding:1rem}.header-content{flex-direction:column;align-items:center;gap:0}.nav-container{width:100%;flex:none}.logo{font-size:1.5rem;margin-bottom:1rem}.nav{gap:0;flex-wrap:nowrap;overflow-x:hidden;width:100%}.main-content{padding:2rem 1rem}}.page-content{max-width:1200px;width:100%;text-align:center;animation:fadeIn .5s ease-in}.page-content h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-content p{font-size:1.25rem;color:#000000b3;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page-content h2{font-size:2rem}.page-content p{font-size:1rem}}.logo-container{width:auto;height:auto;margin-bottom:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){.logo-container{margin-bottom:60px}}.logo-container svg{width:100%;height:100%}@media(max-width:768px){.logo-container{max-width:100%}}.cell-button{position:relative;padding:0;background:none;border:none;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),margin-left .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;height:60px;margin:0;flex-shrink:0;overflow:hidden}.cell-button-fill{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.cell-button-fill polygon{fill:none}.cell-button-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.cell-button-text{position:relative;z-index:1;padding:1.5rem calc(3rem * var(--padding-scale, 1))!important;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;font-style:normal;font-stretch:normal;font-optical-sizing:auto;color:#1a1a1a;text-transform:uppercase;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:calc(100% - 4px);box-sizing:border-box;text-align:center}@media(max-width:768px){.cell-button-text{padding:1rem calc(1.5rem * var(--padding-scale, 1))!important;font-size:.67rem;max-width:calc(100% - 4px);text-align:center}}@media(max-width:440px){.cell-button-text{padding:calc(1rem * var(--scale-factor, 1)) calc(1.5rem * var(--padding-scale, .25) * var(--scale-factor, 1))!important;font-size:calc(.67rem * var(--scale-factor, 1))}}.cell-button:hover #cell-polygon-fill{fill:#0000001a}.cell-button.active #cell-polygon-fill{fill:#667eea}.cell-button.active .cell-button-text{color:#fff}