.nav{position:relative}.nav-menu{position:relative;margin-left:auto}.nav-toggle{width:45px;height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffff1c;border-radius:50%;background:#ffffff06;color:white;transition:background .25s}.nav-toggle:hover{background:#ffffff14}.nav-toggle>span{width:18px;height:1px;background:#e2e8f2;display:block;transition:transform .3s,opacity .3s}.nav-toggle[aria-expanded=true]>span:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true]>span:last-child{transform:translateY(-6px) rotate(-45deg)}.nav-panel{position:absolute;top:calc(100% + 20px);right:0;width:245px;padding:10px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(140deg,#252e3df5,#121821fa);box-shadow:0 20px 50px #0005;backdrop-filter:blur(24px);z-index:20;animation:nav-panel-in .2s ease both}.nav-panel[hidden]{display:none}.nav-panel a{display:flex;justify-content:space-between;align-items:center;padding:16px 14px;border-radius:10px;font-size:13px;color:#e4ebf7}.nav-panel a:hover,.nav-panel a:focus-visible{background:#ffffff0b}.nav-panel a>span{color:#8fa5c3}.nav .client-login{margin-left:0}
.hero .hero-start,.nav .client-login{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#25262a,#111215 70%);color:#fff;border:1px solid #ffffff25;border-bottom-color:#0009;border-radius:100px;padding:7px 7px 7px 27px;transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;box-shadow:inset 0 1px 1px #ffffff26,inset 0 -3px 6px #0006,0 5px 0 #090b0f,0 12px 25px #0003;will-change:transform;text-align:left}.hero .hero-start{min-width:225px;min-height:64px;font-size:16px;font-weight:500}.nav .client-login{font-size:12px;font-weight:500;gap:25px;padding-left:21px;min-height:49px}.magnetic-pill:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(110px circle at var(--light-x,50%) var(--light-y,50%),#e8f1ff38,transparent 75%);opacity:0;transition:opacity .3s}.magnetic-pill:hover:before{opacity:1}.hero .hero-start:hover,.nav .client-login:hover{background:linear-gradient(180deg,#2b2c32,#15161a 70%);border-color:#ffffff45;box-shadow:inset 0 1px 1px #ffffff36,inset 0 -3px 6px #0006,0 5px 0 #090b0f,0 15px 30px #0004}.magnetic-pill .pill-arrow{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;font:28px/1 var(--sans);background:radial-gradient(at 30% 20%,#ff6569,#ff343e 65%,#e92734);border:1px solid #ff8b8f45;border-radius:50%;color:#fff;box-shadow:inset 0 1px 2px #ffb4b580,0 3px 6px #0004;transform:rotate(-45deg);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.magnetic-pill:hover .pill-arrow,.magnetic-pill:focus-visible .pill-arrow{transform:rotate(0deg);box-shadow:inset 0 1px 2px #ffc7c780,0 3px 12px #fd384140}.nav .client-login .pill-arrow{width:34px;height:34px;font-size:21px}.magnetic-pill>span:first-child{position:relative;z-index:1}.magnetic-pill:active{box-shadow:inset 0 1px 2px #fff2,0 2px 0 #090b0f,0 6px 15px #0003}@keyframes nav-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.nav{gap:14px}.nav-toggle{width:38px;height:38px}.nav .client-login{font-size:11px;gap:12px;padding:5px 5px 5px 16px;min-height:43px}.nav .client-login .pill-arrow{width:31px;height:31px;font-size:20px}.nav-panel{right:-130px;width:240px;top:calc(100% + 24px)}.hero .hero-start{min-width:215px;min-height:61px;font-size:15px}.magnetic-pill .pill-arrow{width:45px;height:45px;font-size:26px}}@media(prefers-reduced-motion:reduce){.magnetic-pill{transform:none!important;transition:none!important;will-change:auto}.magnetic-pill .pill-arrow,.magnetic-pill:before,.nav-toggle>span{transition:none}.nav-panel{animation:none}}
.lg-main .lg-start.magnetic-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;position:relative;isolation:isolate;overflow:hidden;min-width:250px;min-height:74px;margin-top:26px;padding:8px 8px 8px 26px;border-radius:99px;background:linear-gradient(#28292d,#111215 70%);color:#fff;border:1px solid #ffffff30;border-bottom-color:#0008;box-shadow:inset 0 1px #ffffff40,inset 0 -3px 6px #0006,0 5px 0 #090b0f,0 13px 24px #23314730;font:500 18px var(--sans);transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.lg-main .lg-start.magnetic-pill:hover{background:linear-gradient(#32333a,#17181c 70%)}.lg-main .lg-start .pill-arrow{width:56px;height:56px;font-size:32px}
/* Refined header actions. */
.nav .client-login{min-width:128px;justify-content:center;gap:0;padding:14px 23px;min-height:46px;box-shadow:inset 0 1px #fff2,0 4px 0 #090b0f,0 9px 20px #0003}.nav .client-login .pill-arrow{display:none}.hero .hero-start{min-width:0;min-height:72px;padding:8px 8px 8px 28px;gap:21px;font-size:18px;justify-content:center}.hero .hero-start .pill-arrow{width:54px;height:54px;font-size:31px}@media(max-width:760px){.nav .client-login{min-width:110px;font-size:11px;padding:12px 18px;min-height:42px}.hero .hero-start{min-height:68px;font-size:17px;padding:7px 7px 7px 26px;gap:20px}.hero .hero-start .pill-arrow{width:51px;height:51px;font-size:29px}}