:root{--fnav-blue:#1b6da6;--fnav-blue-light:#51a9e6;--fnav-blue-dark:#145580;--fnav-navy:#1b223c;--fnav-green:#10b981;--fnav-purple:#8b5cf6;--fnav-orange:#f59e0b;--fnav-cyan:#06b6d4;--fnav-grey:#64748b;--fnav-grey-light:#f8fafc;--fnav-grey-border:#e2e8f0;--fnav-header-height:82px}.feature-nav{font-family:Mulish,system-ui,-apple-system,sans-serif;z-index:100}.feature-nav__sidebar{background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid var(--fnav-grey-border);border-radius:20px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 8px rgba(15,23,42,.04),0 12px 24px rgba(15,23,42,.06),inset 0 1px 0 hsla(0,0%,100%,.8);left:32px;max-height:calc(100vh - var(--fnav-header-height) - 64px);overflow-y:auto;padding:20px 16px;position:fixed;top:calc(var(--fnav-header-height) + 32px);width:220px;z-index:100}.feature-nav__header{border-bottom:1px solid var(--fnav-grey-border);margin-bottom:8px;padding:0 4px 16px}.feature-nav__label{color:var(--fnav-grey);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.feature-nav__list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.feature-nav__item{align-items:center;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--fnav-grey);display:flex;gap:12px;padding:12px 14px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.feature-nav__item:hover{background:#fff;border-color:var(--fnav-grey-border);box-shadow:0 2px 4px rgba(15,23,42,.06),0 4px 8px rgba(15,23,42,.04),inset 0 1px 0 #fff;color:var(--fnav-navy);transform:translateX(2px)}.feature-nav__item.is-active{background:linear-gradient(180deg,#fff,#f8fafc);border-color:var(--fnav-blue);box-shadow:0 2px 4px rgba(27,109,166,.1),0 4px 12px rgba(27,109,166,.15),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(27,109,166,.1);color:var(--fnav-blue)}.feature-nav__item.is-active:before{background:linear-gradient(180deg,var(--fnav-blue) 0,var(--fnav-blue-dark) 100%);border-radius:0 4px 4px 0;bottom:8px;box-shadow:2px 0 8px rgba(27,109,166,.3);content:"";left:-1px;position:absolute;top:8px;width:4px}.feature-nav__item.is-active .feature-nav__text{font-weight:700}.feature-nav__icon{align-items:center;border:1px solid transparent;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.feature-nav__icon svg{height:18px;stroke:currentColor;width:18px}.feature-nav__icon--blue{background:linear-gradient(180deg,rgba(27,109,166,.08),rgba(27,109,166,.12));border-color:rgba(27,109,166,.15);color:var(--fnav-blue)}.feature-nav__icon--green{background:linear-gradient(180deg,rgba(16,185,129,.08),rgba(16,185,129,.12));border-color:rgba(16,185,129,.15);color:var(--fnav-green)}.feature-nav__icon--purple{background:linear-gradient(180deg,rgba(139,92,246,.08),rgba(139,92,246,.12));border-color:rgba(139,92,246,.15);color:var(--fnav-purple)}.feature-nav__icon--orange{background:linear-gradient(180deg,rgba(245,158,11,.08),rgba(245,158,11,.12));border-color:rgba(245,158,11,.15);color:var(--fnav-orange)}.feature-nav__icon--cyan{background:linear-gradient(180deg,rgba(6,182,212,.08),rgba(6,182,212,.12));border-color:rgba(6,182,212,.15);color:var(--fnav-cyan)}.feature-nav__icon--dark{background:linear-gradient(180deg,rgba(27,34,60,.06),rgba(27,34,60,.1));border-color:rgba(27,34,60,.12);color:var(--fnav-navy)}.feature-nav__item.is-active .feature-nav__icon--blue{background:linear-gradient(180deg,var(--fnav-blue) 0,var(--fnav-blue-dark) 100%);border-color:var(--fnav-blue-dark);box-shadow:0 2px 8px rgba(27,109,166,.35);color:#fff}.feature-nav__item.is-active .feature-nav__icon--green{background:linear-gradient(180deg,#10b981,#059669);border-color:#059669;box-shadow:0 2px 8px rgba(16,185,129,.35);color:#fff}.feature-nav__item.is-active .feature-nav__icon--purple{background:linear-gradient(180deg,#8b5cf6,#7c3aed);border-color:#7c3aed;box-shadow:0 2px 8px rgba(139,92,246,.35);color:#fff}.feature-nav__item.is-active .feature-nav__icon--orange{background:linear-gradient(180deg,#f59e0b,#d97706);border-color:#d97706;box-shadow:0 2px 8px rgba(245,158,11,.35);color:#fff}.feature-nav__item.is-active .feature-nav__icon--cyan{background:linear-gradient(180deg,#06b6d4,#0891b2);border-color:#0891b2;box-shadow:0 2px 8px rgba(6,182,212,.35);color:#fff}.feature-nav__item.is-active .feature-nav__icon--dark{background:linear-gradient(180deg,var(--fnav-navy) 0,#0f1629 100%);border-color:#0f1629;box-shadow:0 2px 8px rgba(27,34,60,.35);color:#fff}.feature-nav__text{font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.feature-nav__mobile{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.98));border-bottom:1px solid var(--fnav-grey-border);box-shadow:0 4px 12px rgba(15,23,42,.08);display:none;left:0;padding:12px 16px;position:fixed;right:0;top:var(--fnav-header-height);z-index:99}.feature-nav__pills{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.feature-nav__pills::-webkit-scrollbar{display:none}.feature-nav__pill{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--fnav-grey-border);border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.04),inset 0 1px 0 #fff;color:var(--fnav-grey);display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.feature-nav__pill:hover{background:#fff;border-color:var(--fnav-blue-light);box-shadow:0 2px 4px rgba(27,109,166,.1),inset 0 1px 0 #fff;color:var(--fnav-blue);transform:translateY(-1px)}.feature-nav__pill.is-active{background:linear-gradient(180deg,var(--fnav-blue) 0,var(--fnav-blue-dark) 100%);border-color:var(--fnav-blue-dark);box-shadow:0 2px 8px rgba(27,109,166,.3),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff}.feature-nav__pill svg{stroke:currentColor}@media (max-width:1400px){.feature-nav__sidebar{left:20px;padding:16px 14px;width:200px}.feature-nav__item{gap:10px;padding:10px 12px}.feature-nav__icon{height:32px;width:32px}.feature-nav__icon svg{height:16px;width:16px}.feature-nav__text{font-size:13px}}@media (max-width:1280px){.feature-nav__sidebar{display:none}.feature-nav__mobile{display:block}}@media (max-width:768px){.feature-nav__mobile{padding:10px 12px}.feature-nav__pills{gap:6px}.feature-nav__pill{border-radius:8px;font-size:12px;padding:8px 14px}}@media (max-width:480px){.feature-nav__mobile{padding:8px 10px}.feature-nav__pill{font-size:11px;padding:7px 12px}.feature-nav__pill--grid svg{height:12px;width:12px}}@media (prefers-reduced-motion:reduce){.feature-nav__icon,.feature-nav__item,.feature-nav__pill{transition:none}}.feature-nav--hidden .feature-nav__mobile,.feature-nav--hidden .feature-nav__sidebar{opacity:0;pointer-events:none;transform:translateY(-10px)}.feature-nav__mobile,.feature-nav__sidebar{transition:opacity .3s ease,transform .3s ease}