.tunnel-viewport{position:fixed;inset:0;perspective:1800px;overflow:hidden;z-index:1;pointer-events:none}@media (max-width:767px){.tunnel-viewport{perspective:1600px}}.tunnel-world{position:absolute;top:50%;left:50%;transform-style:preserve-3d;will-change:transform}.tunnel-section{position:absolute;left:0;top:0;transform-origin:center center;backface-visibility:hidden;width:100vw;display:flex;flex-direction:column;align-items:center;pointer-events:none;opacity:0;background:rgba(6,6,10,.92);backdrop-filter:blur(10px) saturate(125%);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:48px 32px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03);transition:border-color .26s ease,box-shadow .26s ease}.tunnel-section--hero{background:rgba(6,6,10,.48);backdrop-filter:blur(8px) saturate(120%);box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.05)}.tunnel-section[data-tunnel-centred="1"]{border-color:rgba(255,255,255,.14);box-shadow:0 34px 90px rgba(0,0,0,.66),0 0 0 1px rgba(255,255,255,.07),0 0 70px rgba(0,230,138,.06)}.tunnel-depth-mask{position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 0,transparent 25%,rgba(6,6,10,.3) 55%,rgba(6,6,10,.75) 80%,rgba(6,6,10,.95) 95%,rgba(6,6,10,1) 100%);z-index:2;pointer-events:none}.tunnel-scroll-proxy{position:relative;width:100%;pointer-events:none;z-index:-1;touch-action:pan-y}.tunnel-viewport:not([data-tunnel-live="1"]){position:static;inset:auto;overflow:visible;perspective:none;pointer-events:auto;padding:104px 20px 120px}.tunnel-viewport:not([data-tunnel-live="1"]) .tunnel-world{position:static;top:auto;left:auto;transform:none;transform-style:flat;will-change:auto;display:flex;flex-direction:column;align-items:center;gap:44px}.tunnel-viewport:not([data-tunnel-live="1"]) .tunnel-section{position:static;opacity:1;transform:none;pointer-events:auto;width:100%;max-width:min(980px,100%)!important;scroll-margin-top:96px}.tunnel-viewport:not([data-tunnel-live="1"])~.tunnel-depth-mask{display:none}.tunnel-viewport:not([data-tunnel-live="1"])~.tunnel-scroll-proxy{height:0!important}@media (max-width:767px){.tunnel-section{backdrop-filter:blur(8px) saturate(118%);padding:28px 16px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.5)}.tunnel-world{will-change:auto}.tunnel-depth-mask{background:radial-gradient(ellipse at center,transparent 0,transparent 20%,rgba(6,6,10,.35) 50%,rgba(6,6,10,.8) 75%,rgba(6,6,10,1) 100%)}}@media (prefers-reduced-motion:reduce){.tunnel-section{backdrop-filter:none;transition:none}}:root{--linear-ease:linear(0,0.068,0.19 2.7%,0.804 8.1%,1.037,1.199 13.2%,1.245,1.27 15.8%,1.274,1.272 17.4%,1.249 19.1%,0.996 28%,0.949,0.928 33.3%,0.926,0.933 36.8%,1.001 45.6%,1.013,1.019 50.8%,1.018 54.4%,1 63.1%,0.995 68%,1.001 85%,1);--color-1:#38bdf8;--color-2:#818cf8;--color-3:#f472b6;--color-4:#34d399}.frosted-nav{display:flex;position:fixed;top:1.5rem;left:50%;transform:translateX(-50%) translateZ(.01px);opacity:.999;background:rgba(6,6,10,.88);backdrop-filter:blur(12px) brightness(.95);border-radius:100vw;padding:.25em;z-index:400;isolation:isolate;box-shadow:0 4px 24px hsl(220deg 30% 5%/.5),0 4px 12px hsl(220deg 20% 5%/.3),inset 0 1px 0 hsl(220deg 20% 30%/.4);border:1px solid hsl(220deg 15% 25%);will-change:transform;backface-visibility:hidden;perspective:1000px;contain:layout style paint}.frosted-nav:before{z-index:1;backdrop-filter:blur(7px) brightness(1.02)}.frosted-nav:after,.frosted-nav:before{content:"";inset:0;position:absolute;border-radius:100vw;background:transparent}.frosted-nav:after{z-index:2;backdrop-filter:blur(5px) brightness(1.02)}.frosted-nav ul{display:flex;gap:.25em;list-style:none;padding:0 .25em;margin:0;position:relative;z-index:3;color:hsl(220deg 15% 65%);text-shadow:none;min-width:0;flex-wrap:nowrap}.frosted-nav ul li{padding:.4em .8em;border-radius:100vw;position:relative;transition:all .6s var(--linear-ease),box-shadow .3s var(--sg-ease-fluid);color:hsl(220deg 12% 60%);cursor:pointer;box-shadow:0 0 .5px 1.5px transparent;white-space:nowrap;min-width:0;flex-shrink:0;will-change:transform,background-color,box-shadow;backface-visibility:hidden;perspective:1000px;contain:layout style paint}.frosted-nav ul li:hover{color:hsl(220deg 15% 80%)}.frosted-nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px hsl(220deg 80% 60%)}.frosted-nav ul li a{display:flex;align-items:center;gap:.35em;color:inherit;text-decoration:none;outline:none;font-size:.85rem;font-weight:500;white-space:nowrap;min-width:0}.frosted-nav ul li .nav-icon{opacity:.8;width:16px;height:16px}.frosted-nav ul li:after{content:"";position:absolute;inset:0;border-radius:100vw;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);opacity:0;scale:0;transition:all .6s var(--linear-ease);z-index:-1}.frosted-nav ul li.active{color:white;text-shadow:0 1px 2px hsl(220deg 80% 30%/.3)}.frosted-nav ul li.active .nav-icon{opacity:1}.frosted-nav ul li.active:after{opacity:1;scale:1}.effect{position:fixed;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:99}.effect.text{color:hsl(220deg 12% 60%);z-index:99;transition:color 0s ease;font-size:.85rem;font-weight:500}.effect.text.active{color:white;transition:color .6s var(--linear-ease)}.effect.filter{filter:blur(7px) contrast(20) blur(0);mix-blend-mode:lighten;position:fixed;z-index:98}.effect.filter:before{content:"";position:absolute;inset:-75px;z-index:-2;background:transparent}.effect.filter:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);scale:0;opacity:0;z-index:-1;border-radius:100vw}.effect.active:after{animation:pill .6s var(--linear-ease) both}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time:1200ms;opacity:0;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);animation:particle var(--time) var(--sg-ease-fluid) 1 -.35s}.point{background:var(--color);opacity:1;animation:point var(--time) var(--sg-ease-fluid) 1 -.35s}@keyframes particle{0%{transform:rotate(0deg) translate(var(--start-x),var(--start-y));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:var(--sg-ease-fluid)}85%{transform:rotate(calc(var(--rotate) * .66)) translate(var(--end-x),var(--end-y));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{scale:0;opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{scale:calc(var(--scale) * .25)}38%{opacity:1}65%{scale:var(--scale);opacity:1;animation-timing-function:var(--sg-ease-fluid)}85%{scale:var(--scale);opacity:1}to{scale:0;opacity:0}}@keyframes pill{to{scale:1;opacity:1}}.mobile-menu-button{display:none;position:fixed;top:1.5rem;right:1.5rem;z-index:401;background:rgba(6,6,10,.88);backdrop-filter:blur(12px) brightness(.95);border:1px solid hsl(220deg 15% 25%);border-radius:12px;padding:12px;color:hsl(220deg 15% 65%);cursor:pointer;transition:all .3s var(--sg-ease-fluid);box-shadow:0 4px 24px hsl(220deg 30% 5%/.5),0 4px 12px hsl(220deg 20% 5%/.3)}.mobile-menu-button:hover{color:hsl(220deg 15% 80%);background:rgba(6,6,10,.95)}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-button:focus-visible,.mobile-menu-item:focus-visible{outline:2px solid hsl(220deg 80% 60%);outline-offset:2px}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,6,10,.95);backdrop-filter:blur(20px) brightness(.95);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid hsl(220deg 15% 25%);border-right:none;border-left:none}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;gap:.5rem;padding:2rem;width:100%;max-width:300px;transform:translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.open .mobile-menu-content{transform:translateY(0)}.mobile-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:hsl(220deg 15% 65%);text-decoration:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s var(--sg-ease-fluid);backdrop-filter:blur(10px)}.mobile-menu-item:hover{background:rgba(255,255,255,.1);color:hsl(220deg 15% 80%);transform:translateY(-2px);box-shadow:0 8px 24px hsl(220deg 30% 5%/.3)}.mobile-menu-item:active{transform:translateY(0)}.mobile-menu-item.active{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:white;text-shadow:0 1px 2px hsl(220deg 80% 30%/.3);box-shadow:0 8px 24px hsl(220deg 30% 5%/.4),inset 0 1px 0 rgba(255,255,255,.2)}.mobile-nav-icon{opacity:.8;transition:opacity .2s var(--sg-ease-fluid)}.mobile-menu-item.active .mobile-nav-icon,.mobile-menu-item:hover .mobile-nav-icon{opacity:1}@media (max-width:767px){.mobile-menu-button{display:flex;align-items:center;justify-content:center}.effect,.frosted-nav{display:none}}@media (max-width:850px){.frosted-nav{max-width:calc(100vw - 4rem);overflow:hidden}.frosted-nav ul{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.frosted-nav ul::-webkit-scrollbar{display:none}.frosted-nav ul li{flex-shrink:0}}@media (min-width:768px) and (max-width:1023px){.frosted-nav{top:1rem;padding:.2em}.frosted-nav ul{gap:.2em;padding:0 .2em}.frosted-nav ul li{padding:.35em .7em}.frosted-nav ul li a{font-size:.8rem;gap:.3em}.frosted-nav ul li .nav-icon{width:14px;height:14px}}@media (max-width:767px){.mobile-menu-overlay{will-change:opacity,visibility}.mobile-menu-content,.mobile-menu-overlay{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.mobile-menu-content{will-change:transform}.mobile-menu-item{perspective:1000px}.mobile-menu-button,.mobile-menu-item{will-change:transform,background-color;transform:translateZ(0);backface-visibility:hidden}@media (prefers-reduced-motion:reduce){.mobile-menu-button,.mobile-menu-content,.mobile-menu-item,.mobile-menu-overlay{transition:none;animation:none;will-change:auto}}@media (max-width:767px) and (max-height:667px){.mobile-menu-content{max-width:280px;padding:1.5rem}.mobile-menu-item{padding:.875rem 1.25rem;font-size:.95rem}}.mobile-menu-overlay{transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.mobile-menu-content{transition:transform .25s cubic-bezier(.4,0,.2,1)}.mobile-menu-item{transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.mobile-menu-button{transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}}.mobile-menu-item,.mobile-menu-overlay.open{contain:layout style paint}@media (max-width:767px){.mobile-menu-overlay{background:rgba(6,6,10,.98);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.mobile-menu-button{backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%)}@media (max-width:767px) and (max-height:667px){.mobile-menu-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-menu-item{backdrop-filter:none;-webkit-backdrop-filter:none}}}@media (min-width:768px){.frosted-nav{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.frosted-nav:after,.frosted-nav:before{display:none}}html{scroll-behavior:smooth}.frosted-nav ul li:hover{transform:translateZ(0)}.mobile-menu-item:hover{transform:translateZ(0) translateY(-2px)}