/* ABLETODO interactive nav (draft) */
.an-header{--an-bg:#0C261D;--an-panel:#103427;--an-deep:#0F2D23;--an-sage:#C2D5CA;--an-sea:#A7E0C1;--an-line:rgba(167,224,193,.16);--an-ease:cubic-bezier(.2,.8,.2,1);transition:height .28s var(--an-ease),margin-bottom .28s var(--an-ease),box-shadow .2s,background .2s}
.an-header.an-shrunk{height:68px;margin-bottom:22px;background:rgba(12,38,29,.94)}
.an-header .brand-logo{transition:height .28s var(--an-ease)}.an-header.an-shrunk .brand-logo{height:36px}
.an-ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.an-desktop{position:relative;margin-left:auto}.an-list{display:flex;align-items:center;gap:clamp(4px,1vw,14px);list-style:none;margin:0;padding:0}
.an-top{display:inline-flex;align-items:center;gap:5px;padding:10px 10px;border:0;background:none;font:600 12.5px/1 Inter,system-ui,sans-serif;color:var(--an-sage);cursor:pointer;border-radius:6px;transition:color .2s,background .2s}
.an-top:hover,.an-top:focus-visible,.an-has.an-open>.an-top{color:#fff;background:rgba(167,224,193,.07)}
.an-top:focus-visible,.an-item:focus-visible,.an-feature:focus-visible,.an-cta:focus-visible,.an-toggle:focus-visible,.an-acc-btn:focus-visible,.an-m-link:focus-visible{outline:2px solid var(--an-sea);outline-offset:2px}
.an-top[aria-current=page]{color:#fff}.an-chev{width:14px;height:14px;transition:transform .25s var(--an-ease)}.an-open .an-chev,.an-acc-btn[aria-expanded=true] .an-chev{transform:rotate(180deg)}
.an-ink{position:absolute;left:0;bottom:-4px;height:2px;width:0;border-radius:2px;background:var(--an-sea);opacity:0;transform:translateX(0);transition:transform .3s var(--an-ease),width .3s var(--an-ease),opacity .2s;pointer-events:none}
.an-has{position:relative}
.an-panel{position:absolute;top:calc(100% + 14px);left:50%;width:min(720px,calc(100vw - 48px));transform:translate(-50%,8px) scale(.98);transform-origin:top center;opacity:0;visibility:hidden;background:var(--an-panel);border:1px solid var(--an-line);border-radius:14px;box-shadow:0 30px 60px rgba(3,15,10,.38);transition:opacity .2s var(--an-ease),transform .25s var(--an-ease),visibility .25s;z-index:300}
.an-panel[hidden]{display:block}.an-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.an-has[data-key=trades] .an-panel{left:20%}
.an-open>.an-panel{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.an-panel-inner{display:grid;grid-template-columns:1fr 220px;gap:14px;padding:14px}
.an-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.an-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;color:#E7F0E7;transition:background .2s,transform .2s}
.an-item:hover,.an-item:focus-visible{background:rgba(167,224,193,.08)}
.an-item-ico{width:36px;height:36px;padding:8px;border-radius:9px;background:rgba(167,224,193,.1);color:var(--an-sea);transition:background .2s,color .2s,transform .25s var(--an-ease)}
.an-item:hover .an-item-ico{background:var(--an-sea);color:var(--an-deep);transform:translateY(-1px)}
.an-item strong{display:block;font:600 13.5px/1.3 Poppins,Inter,sans-serif;color:#fff}.an-item small{display:block;margin-top:3px;font-size:11.5px;line-height:1.45;color:#A9C4B4}
.an-feature{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:11px;background:radial-gradient(circle at 85% 0,rgba(167,224,193,.28),transparent 55%),linear-gradient(160deg,#174a37,#0F2D23);border:1px solid rgba(167,224,193,.22);color:#D6E7DC;font-size:12px;line-height:1.55;transition:transform .25s var(--an-ease),box-shadow .25s}
.an-feature:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.an-feature-badge{align-self:flex-start;display:inline-flex;gap:5px;align-items:center;padding:4px 8px;border-radius:99px;background:rgba(167,224,193,.16);color:var(--an-sea);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.an-feature-badge .an-ico{width:12px;height:12px}
.an-feature strong{font:600 16px/1.25 Poppins,sans-serif;color:#fff}.an-feature em{margin-top:auto;font-style:normal;font-weight:700;color:var(--an-sea);display:inline-flex;gap:5px;align-items:center}.an-feature em .an-ico{width:13px;height:13px}
.an-all{display:flex;align-items:center;gap:6px;justify-content:flex-end;padding:11px 18px;border-top:1px solid var(--an-line);font-size:12px;font-weight:600;color:var(--an-sea)}.an-all .an-ico{width:13px;height:13px}.an-all:hover{color:#fff}
.an-cta{display:inline-flex;align-items:center;gap:7px;padding:13px 18px;border-radius:6px;background:var(--an-sea);color:#082116;font:700 12px/1 Inter,sans-serif;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}
.an-cta:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(167,224,193,.25)}.an-cta .an-ico{width:14px;height:14px}
.an-toggle,.an-mobile,.an-scrim{display:none}
@media(max-width:990px){
.an-desktop,.nav-inner>.an-cta{display:none}
.an-toggle{display:grid;align-content:center;justify-items:center;gap:5px;width:45px;height:45px;border:1px solid rgba(167,224,193,.3);border-radius:8px;background:none;cursor:pointer;position:relative;z-index:420}
.an-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .3s var(--an-ease),opacity .2s}
.an-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.an-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(.2)}.an-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.an-scrim{display:block;position:fixed;inset:0;background:rgba(3,14,9,.55);opacity:0;transition:opacity .3s;z-index:400}.an-scrim[hidden]{display:block;pointer-events:none}.an-menu-open .an-scrim{opacity:1;pointer-events:auto}
.an-mobile{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(88vw,380px);background:#103427;border-left:1px solid var(--an-line);box-shadow:-20px 0 50px rgba(0,0,0,.3);transform:translateX(100%);visibility:hidden;transition:transform .35s var(--an-ease),visibility .35s;z-index:410}
.an-menu-open .an-mobile{transform:none;visibility:visible}
.an-mobile-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:84px 22px 16px}
.an-acc{border-bottom:1px solid var(--an-line)}
.an-acc-btn,.an-m-link{display:flex;width:100%;align-items:center;justify-content:space-between;padding:17px 2px;border:0;background:none;color:#fff;font:600 16px/1.2 Poppins,sans-serif;text-align:left;cursor:pointer}
.an-m-link{border-bottom:1px solid var(--an-line)}.an-m-link[aria-current=page]{color:var(--an-sea)}
.an-acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--an-ease)}.an-acc-body>ul{overflow:hidden;list-style:none;margin:0;padding:0}
.an-acc-btn[aria-expanded=true]+.an-acc-body{grid-template-rows:1fr}
.an-acc-body a{display:flex;gap:12px;align-items:center;padding:10px 4px;color:#D6E7DC;font-size:14px;font-weight:500}.an-acc-body a[aria-current=page]{color:var(--an-sea)}
.an-acc-body li:last-child a{padding-bottom:16px}.an-acc-body .an-item-ico{width:30px;height:30px;padding:7px}
.an-acc-all{color:var(--an-sea)!important;font-weight:600!important}.an-acc-all .an-ico{width:13px;height:13px}
.an-mobile-foot{padding:14px 22px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--an-line);background:#0C261D}
.an-cta-block{display:flex;justify-content:center;width:100%;padding:16px;font-size:14px}
html.an-lock{overflow:hidden}
}
@media(max-width:720px){.an-header.an-shrunk{height:60px;margin-bottom:12px}.an-header.an-shrunk .brand-logo{height:30px}}
@media(prefers-reduced-motion:reduce){.an-header,.an-header *,.an-scrim,.an-mobile{transition:none!important;animation:none!important}}
/* blog pages (no styles.css) */
.an-blog{height:90px;position:sticky;top:0;z-index:200;background:#0C261D;border-bottom:1px solid rgba(167,224,193,.14);font-family:Inter,system-ui,sans-serif}
.an-blog a{text-decoration:none}.an-blog ul{list-style:none}
.an-blog .an-wrap{width:min(100% - 60px,1320px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}
.an-blog .brand{display:inline-flex;flex:none}.an-blog .brand-logo{display:block;height:46px;width:auto}
@media(max-width:720px){.an-blog{height:72px}.an-blog .an-wrap{width:min(100% - 36px,550px)}.an-blog .brand-logo{height:36px}}
.an-header.an-menu-open{z-index:500}html.an-lock .mobile-sticky{visibility:hidden}
