:root{--color-background:#00101a;--color-surface:#00101a;--color-surface-variant:#00293c;--color-surface-container:#001c2b;--color-surface-container-high:#023;--color-on-surface:#cde9ff;--color-on-surface-variant:#87b0cc;--color-primary:#feb64c;--color-primary-dim:#eea840;--color-secondary:#96a5ff;--color-outline:#517a94;--color-outline-variant:#214c65;--font-headline:"Space Grotesk", sans-serif;--font-body:"Manrope", sans-serif;--header-height:80px;font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-on-surface);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100vh;margin:0;padding:0}body{background:var(--color-background);color:var(--color-on-surface);font-family:var(--font-body);overflow-x:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.labs-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.labs-container:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#feb64c0f 0%,#0000 65%);border-radius:50%;width:55vw;height:55vw;position:fixed;top:-15vw;left:-10vw}.labs-container:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#96a5ff12 0%,#0000 65%);border-radius:50%;width:45vw;height:45vw;animation:18s ease-in-out infinite alternate ambient-float;position:fixed;bottom:-10vw;right:-8vw}@keyframes ambient-float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-40px)scale(1.06)}}.labs-header{width:100%;height:var(--header-height);-webkit-backdrop-filter:blur(20px);z-index:100;background:#00101a99;border-bottom:1px solid #00293c80;align-items:center;gap:48px;padding:0 48px;display:flex;position:fixed;top:0;left:0}.logo{font-family:var(--font-headline);letter-spacing:-.5px;color:var(--color-on-surface);white-space:nowrap;font-size:20px;font-weight:700;text-decoration:none}.header-nav{align-items:center;gap:32px;display:flex}.nav-link{font-family:var(--font-headline);color:var(--color-on-surface-variant);letter-spacing:-.2px;font-size:16px;font-weight:500;text-decoration:none;transition:color .25s,transform .25s;position:relative}.nav-link:hover{color:var(--color-primary);transform:translateY(-1px)}.nav-link.active{color:var(--color-primary);font-weight:700}.nav-link.active:after{content:"";background:var(--color-primary);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-4px;left:0}.header-right{margin-left:auto}.loading-state{background:var(--color-background);z-index:200;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.spinner{border:3px solid #feb64c26;border-top-color:var(--color-primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-family:var(--font-headline);letter-spacing:.15em;text-transform:uppercase;color:var(--color-on-surface-variant);margin:0;font-size:14px}.labs-content{padding-top:calc(var(--header-height) + 80px);z-index:1;width:100%;max-width:1400px;margin:0 auto;padding-bottom:100px;padding-left:48px;padding-right:48px;position:relative}.hero-section{margin-bottom:80px}.hero-eyebrow{font-family:var(--font-headline);letter-spacing:.22em;text-transform:uppercase;color:var(--color-on-surface-variant);opacity:.85;margin:0 0 16px;font-size:14px;animation:.9s ease-out forwards fade-in-down}.hero-title{font-family:var(--font-headline);letter-spacing:-.04em;color:var(--color-primary);margin:0 0 20px;font-size:clamp(52px,7vw,96px);font-weight:900;line-height:.9;animation:.9s ease-out .1s both fade-in-down}.hero-sub{font-family:var(--font-headline);letter-spacing:.32em;text-transform:uppercase;color:var(--color-on-surface-variant);margin:0;font-size:clamp(14px,1.5vw,18px);font-weight:300;animation:.9s ease-out .2s both fade-in-up}.section-label{font-family:var(--font-headline);letter-spacing:.18em;text-transform:uppercase;color:var(--color-on-surface-variant);align-items:center;gap:10px;margin:0 0 28px;font-size:12px;font-weight:600;display:flex}.section-label:after{content:"";background:var(--color-outline-variant);opacity:.5;flex:1;height:1px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.card-colors{--c0:#feb64c;--c1:#96a5ff;--c2:#ec91ff;--c3:#eea840;--c4:#62d6b4;--c5:#ff9a7c}.card{cursor:pointer;color:#0d0d0d;border-radius:28px;flex-direction:column;min-height:420px;padding:28px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px)scale(1.015);box-shadow:0 24px 60px #00000059}.card:before{content:"";opacity:.06;pointer-events:none;border-radius:inherit;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.card-visual{z-index:1;background:#ffffff8c;border-radius:18px;flex:1;justify-content:center;align-items:center;min-height:180px;margin-bottom:24px;transition:transform .45s;display:flex;position:relative;overflow:hidden}.card:hover .card-visual{transform:scale(1.03)}.card-visual-icon{opacity:.35;color:#0d0d0d;-webkit-user-select:none;user-select:none;font-size:54px}.card-info{z-index:1;position:relative}.card-title{font-family:var(--font-headline);letter-spacing:-.5px;color:#0d0d0d;margin:0 0 8px;font-size:22px;font-weight:600}.card-meta{color:#0d0d0da6;margin:0 0 20px;font-size:13px;line-height:1.6}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.card-tag{letter-spacing:.08em;text-transform:uppercase;color:#0d0d0dbf;background:#0000001f;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.try-btn{color:#0d0d0d;font-family:var(--font-headline);letter-spacing:.03em;background:0 0;border:1.5px solid #00000040;border-radius:40px;align-items:center;gap:6px;padding:9px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.card:hover .try-btn{background:#00000014;border-color:#00000073;transform:translate(2px)}.labs-footer{z-index:1;text-align:center;color:var(--color-on-surface-variant);letter-spacing:.03em;border-top:1px solid #00293c80;padding:32px 48px;font-size:13px;position:relative}.labs-footer a{color:var(--color-primary);text-decoration:none}.labs-footer a:hover{text-decoration:underline}.mobile-nav{-webkit-backdrop-filter:blur(24px);z-index:100;background:#00101acc;border-top:1px solid #00293c80;justify-content:space-around;align-items:center;height:64px;padding:0 16px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-link{color:var(--color-on-surface-variant);font-size:10px;font-family:var(--font-headline);letter-spacing:.05em;flex-direction:column;align-items:center;gap:2px;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-link.active{color:var(--color-primary)}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:.9s ease-out both fade-in-down}.animate-fade-in-up{animation:.9s ease-out both fade-in-up}@media (width<=768px){.labs-header{gap:0;padding:0 20px}.header-nav{display:none}.mobile-nav{display:flex}.labs-content{padding:calc(var(--header-height) + 48px) 20px 88px}.hero-title{font-size:clamp(52px,14vw,80px)}.hero-section{margin-bottom:52px}.cards-grid{grid-template-columns:1fr;gap:16px}.card{min-height:380px}.labs-footer{padding:24px 20px 96px}}
