.floating-nav{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);opacity:1;z-index:1000;background:#0c0c0cbf;border:1px solid #00d4d426;border-radius:100px;justify-content:center;align-items:center;gap:1.5rem;width:auto;padding:6px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 8px 32px #0006,inset 0 0 0 1px #00d4d40d,0 0 60px #00d4d408}.nav-brand{justify-content:flex-start;align-items:center;display:flex}.brand-icon{justify-content:center;align-items:center;width:56px;height:56px;transition:all .7s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.brand-icon:hover{transform:scale(1.08)}.brand-icon img{object-fit:contain;filter:drop-shadow(0 2px 8px #00d4d466);width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1)}.brand-icon:hover img{filter:drop-shadow(0 4px 16px #00d4d499);transform:rotate(-5deg)}.brand-text{background:linear-gradient(135deg,#fff 0%,#00d4d4 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:600}.nav-links{justify-content:center;align-items:center;gap:.5rem;display:flex}.nav-link{color:#9ca3af;white-space:nowrap;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .7s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";opacity:0;background:#00d4d414;border-radius:50px;transition:opacity .3s;position:absolute;inset:0}.nav-link:hover:before{opacity:1}.nav-link.active{color:#00d4d4;font-weight:600}.nav-link.active:before{opacity:1;background:#00d4d426}.nav-link svg{opacity:.7;transition:transform .3s}.nav-link:hover svg,.nav-link.active svg{opacity:1;transform:scale(1.1)}.nav-dropdown{display:inline-block;position:relative}.dropdown-arrow{opacity:.6;transform-origin:50%;margin-left:6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.nav-link:hover .dropdown-arrow,.nav-link[aria-expanded=true] .dropdown-arrow{opacity:1;transform:rotate(180deg)}.playground-nav .mega-dropdown{-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);opacity:0;visibility:hidden;pointer-events:none;z-index:1001;background:#080808fa;border:1px solid #00d4d41f;border-radius:24px;min-width:800px;max-width:900px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 20px);left:0;overflow:hidden;transform:translateY(-12px);box-shadow:0 32px 64px #0009,inset 0 0 0 1px #00d4d414,0 0 120px #00d4d40a}.playground-nav .mega-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.playground-nav .mega-dropdown:before{content:"";-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#080808fa;border-top:1px solid #00d4d41f;border-left:1px solid #00d4d41f;width:16px;height:16px;position:absolute;top:-8px;left:60px;transform:rotate(45deg)}.mega-dropdown-inner{z-index:1;padding:32px;position:relative}.mega-dropdown-header{border-bottom:1px solid #ffffff0f;margin-bottom:24px;padding-bottom:20px}.mega-dropdown-title{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;font-weight:700}.mega-dropdown-subtitle{color:#ffffff80;margin:0;font-size:.95rem;line-height:1.5}.mega-dropdown-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:20px;display:grid}.mega-dropdown-card:first-child,.mega-dropdown-card:nth-child(2),.mega-dropdown-card:nth-child(3){grid-column:span 2}.mega-dropdown-card:nth-child(4),.mega-dropdown-card:nth-child(5){grid-column:span 3}@media (max-width:1200px){.mega-dropdown-grid{grid-template-columns:repeat(2,1fr)}.mega-dropdown-card:first-child,.mega-dropdown-card:nth-child(2),.mega-dropdown-card:nth-child(3),.mega-dropdown-card:nth-child(4),.mega-dropdown-card:nth-child(5){grid-column:span 1}}@media (max-width:768px){.mega-dropdown-grid{grid-template-columns:1fr}}.mega-dropdown-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mega-dropdown-card:before{content:"";opacity:0;background:radial-gradient(circle at 0 0,#00d4d414 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.mega-dropdown-card:hover:before{opacity:1}.mega-dropdown-card:hover{background:#ffffff0a;border-color:#00d4d44d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.mega-dropdown-card--soon{opacity:.5;cursor:not-allowed;pointer-events:none}.mega-dropdown-card--soon:hover{background:#ffffff05;border-color:#ffffff0f;transform:none}.mega-card-icon-wrapper{flex-shrink:0;width:56px;height:56px;position:relative}.mega-card-icon{z-index:1;background:#00d4d41a;border:1px solid #00d4d433;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;transition:all .3s;display:flex;position:relative}.mega-dropdown-card:hover .mega-card-icon{background:#00d4d426;border-color:#00d4d466;transform:scale(1.05)rotate(-5deg)}.mega-card-glow{opacity:0;z-index:0;background:radial-gradient(circle,#00d4d433 0%,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;inset:-20px}.mega-dropdown-card:hover .mega-card-glow{opacity:1}.mega-card-content{flex-direction:column;flex:1;gap:8px;display:flex}.mega-card-title{color:#fff;margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.mega-card-desc{color:#fff9;flex:1;margin:0;font-size:.85rem;line-height:1.5}.mega-card-link{color:#00d4d4;align-items:center;gap:6px;margin-top:4px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.mega-dropdown-card:hover .mega-card-link{color:#00e8e8;gap:10px}.mega-card-link svg{transition:transform .2s}.mega-dropdown-card:hover .mega-card-link svg{transform:translate(2px)}.mega-card-badge{color:#fff9;text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-self:flex-start;align-items:center;margin-top:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.mega-dropdown-footer{border-top:1px solid #ffffff0f;justify-content:center;padding-top:20px;display:flex}.mega-dropdown-footer-link{color:#00d4d4;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.mega-dropdown-footer-link:hover{background:#00d4d414;gap:12px}.mega-dropdown-footer-link svg{transition:transform .2s}.mega-dropdown-footer-link:hover svg{transform:translate(2px)}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-cta{grid-column:3;justify-content:flex-end;display:flex}.cta-button{color:#00d4d4;white-space:nowrap;background:#00d4d41f;border:1px solid #00d4d44d;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.floating-nav.scrolled .cta-button{padding:8px 16px;font-size:.875rem}.cta-button:hover{background:#00d4d433;border-color:#00d4d480;transform:translateY(-2px);box-shadow:0 0 20px #00d4d44d}.cta-button:active{transform:translateY(0)}.cta-button svg{flex-shrink:0;transition:transform .3s}.cta-button:hover svg{transform:translate(4px)}.menu-toggle{cursor:pointer;z-index:1001;border-left:1px solid #00d4d426;flex-direction:column;justify-content:space-between;width:32px;height:24px;margin-left:2rem;padding-left:2rem;position:relative;display:none!important}.nav-mobile-actions{align-items:center;gap:10px;display:none}@media (max-width:1024px){.floating-nav{gap:1.5rem;width:calc(100% - 64px);min-width:auto;max-width:none;padding:12px 24px}.floating-nav.scrolled{gap:1.2rem;width:calc(100% - 80px);min-width:auto;padding:10px 20px}.nav-brand{padding-right:1rem}.brand-text{display:none}.brand-icon{width:44px;height:44px}.floating-nav.scrolled .brand-icon{width:38px;height:38px}.nav-links{gap:.5rem}.nav-link{padding:8px 12px;font-size:.85rem}.floating-nav.scrolled .nav-link{padding:6px 10px;font-size:.8rem}.nav-cta{display:none!important}.menu-toggle{background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:20px;margin:0;padding:0;display:flex!important}.menu-toggle-icon{width:24px;height:18px;position:relative}.menu-toggle-line{background:#00d4d4;border-radius:2px;width:100%;height:2px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;left:0}.menu-toggle-line:first-child{top:0}.menu-toggle-line:nth-child(2){top:50%;transform:translateY(-50%)}.menu-toggle-line:nth-child(3){bottom:0}.menu-toggle.active .menu-toggle-line:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.menu-toggle.active .menu-toggle-line:nth-child(2){opacity:0}.menu-toggle.active .menu-toggle-line:nth-child(3){bottom:50%;transform:translateY(50%)rotate(-45deg)}}@media (min-width:1025px){.nav-cta{display:contents!important}.nav-dynamic-island{display:none!important}.nav-links{display:flex!important}button.menu-toggle,.menu-toggle,.menu-overlay{display:none!important}}.menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;opacity:0;background:#000000f2;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:120px;transition:opacity .3s;display:none;position:fixed;top:0;left:0;overflow-y:auto}.menu-overlay.active{opacity:1;display:flex}.menu-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.menu-item{color:#fff;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:2.5rem;font-weight:600;text-decoration:none;transition:all .3s}.menu-item:hover,.menu-item:focus{color:#00d4d4;transform:scale(1.05)}.menu-accordion{width:100%;margin-bottom:0}.menu-accordion-trigger{cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.65rem .5rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.menu-accordion-trigger:before{content:"";opacity:0;transform-origin:0;background:#00d4d4;width:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}.menu-accordion-trigger:hover:before{opacity:1;transform:scaleX(1)}.menu-accordion-trigger:hover{background:#00d4d408;padding-left:.95rem}.menu-accordion-title{color:#ffffffe6;letter-spacing:-.01em;font-size:.95rem;font-weight:500;transition:color .2s}.menu-accordion-trigger:hover .menu-accordion-title{color:#00d4d4}.menu-accordion-arrow{color:#ffffff4d;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-accordion-trigger:hover .menu-accordion-arrow{color:#00d4d4}.menu-accordion-trigger[aria-expanded=true] .menu-accordion-arrow{color:#00d4d4;transform:rotate(180deg)}.menu-accordion-trigger[aria-expanded=true]:before{opacity:1;transform:scaleX(1)}.menu-accordion-content{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.menu-accordion-content.open{border-bottom:1px solid #ffffff0a;grid-template-rows:1fr}.menu-accordion-content>div{background:0 0;min-height:0;padding:0;overflow:hidden}.menu-accordion-content.open>div{background:#00d4d404;padding:.25rem 0 .35rem}.menu-accordion-item{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-left:1px solid #00d4d433;margin:0;padding:.5rem .5rem .5rem 1.5rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:relative}.menu-accordion-item:before{content:"";opacity:0;background:#00d4d4;width:2px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0)}.menu-accordion-item:hover{color:#fff;background:#00d4d40a;padding-left:1.75rem}.menu-accordion-item:hover:before{opacity:1;transform:scaleY(1)}@media (max-width:1024px){.nav-links{display:none}.nav-cta{display:none!important}.nav-dynamic-island{display:flex!important}.floating-nav{-webkit-backdrop-filter:blur(32px)saturate(200%);backdrop-filter:blur(32px)saturate(200%);background:#080808d9;border:1px solid #00d4d440;border-radius:100px;justify-content:space-between;gap:8px;width:calc(100% - 48px);min-width:auto;padding:6px;position:fixed;top:16px;left:50%;overflow:visible;transform:translate(-50%)}.floating-nav:before{content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#00d4d499,#00a8a866,#00d4d499);border-radius:100px;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.floating-nav:after{content:"";opacity:.4;pointer-events:none;z-index:-1;background:radial-gradient(#00d4d426 0%,#0000 60%);position:absolute;inset:-30px}.floating-nav.scrolled{width:calc(100% - 64px);padding:4px;left:50%;transform:translate(-50%)}.nav-brand{padding:0;display:flex}.brand-icon{width:40px;height:40px;position:relative}.nav-dynamic-island{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.island-cta{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#00d4d433 0%,#00a8a826 50%,#00d4d41a 100%);border:1px solid #00d4d466;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00d4d433,0 4px 12px #0000004d,inset 0 1px #ffffff1a}.island-cta:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;animation:3s linear infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.island-cta:hover,.island-cta:active{background:linear-gradient(135deg,#00d4d459 0%,#00a8a840 50%,#00d4d433 100%);border-color:#00d4d499;transform:translateY(-1px)scale(1.02);box-shadow:0 0 30px #00d4d466,0 6px 20px #0006,inset 0 1px #ffffff26}.island-cta:active{transform:translateY(0)scale(.98)}.island-cta-text{color:#00d4d4;font-weight:600}@media (max-width:768px){.floating-nav{gap:1rem;padding:8px 16px}.floating-nav.scrolled{width:calc(100% - 64px);padding:6px 12px}.nav-links{gap:1rem}.nav-link{padding:6px 12px;font-size:.75rem}.menu-item{font-size:2rem}}}.scroll-to-top{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);cursor:pointer;z-index:999;color:#00d4d4;background:#0c0c0cd9;border:1px solid #00d4d433;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #00d4d41a,0 0 40px #00d4d40d}.scroll-to-top:hover{background:#00d4d426;border-color:#00d4d466;transform:translateY(-4px)scale(1.05);box-shadow:0 12px 48px #00d4d433,inset 0 0 0 1px #00d4d433,0 0 60px #00d4d426}.scroll-to-top:active{transform:translateY(-2px)scale(.98)}@media (max-width:768px){.scroll-to-top{width:48px;height:48px;bottom:24px;right:24px}}