/* 9 Sep 2026 (design-system step 1): one muted grey site-wide — nav links, Sign in, dropdown descriptions #666 → #72706E (the landing page's deck grey, 4.7:1 on #FAFAFA); eyebrow 11 → 12px. Mirrors theme.css block 125 on the page. */ /* ========================================================================== Aleph — global navigation (v3 · exported 9 Sep 2026 from the Agentic Budgeting page) -------------------------------------------------------------------------- Everything the nav needs: the design tokens it reads, the fonts, the bar, the desktop dropdowns (>= 1024px), the phone/tablet menu (< 1024px, compact bar < 768px), the Book a demo blur while the menu is up, and their motion. Rules are scoped to html[data-style="new"] — set data-style="new" on . Generated from the page's styles.css / layout-new.css / theme.css in source order (every rule that touches .abn / #site-nav), so the cascade is the page's. ========================================================================== */ /* ---- fonts: for a shadow-root (Webflow Code Component) build these @font-face rules must live in the PAGE HEAD, not here — see README ---- */ @font-face{font-family:"InterVariable"; font-style:normal; font-weight:100 900; font-display:swap; src:url("../assets/fonts/InterVariable.woff2") format("woff2")} @font-face{font-family:"iA Writer Mono"; font-style:normal; font-weight:400 700; font-display:swap; src:url("../assets/fonts/iAWriterMonoV.woff2") format("woff2")} @font-face{font-family:"InterVariable"; font-style:normal; font-weight:100 900; font-display:swap; src:url("../assets/fonts/InterVariable-latin.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0100-017F, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+2248, U+2260-2265, U+2713, U+FB01-FB02} @font-face{font-family:"Inter Fallback"; font-weight:100 449; src:local("Arial"), local("ArialMT"); size-adjust:103.7%; ascent-override:93.42%; descent-override:23.26%; line-gap-override:0%} @font-face{font-family:"Inter Fallback"; font-weight:450 599; src:local("Arial"), local("ArialMT"); size-adjust:105.0%; ascent-override:92.26%; descent-override:22.97%; line-gap-override:0%} @font-face{font-family:"Inter Fallback"; font-weight:600 900; src:local("Arial Bold"), local("Arial-BoldMT"); size-adjust:99.3%; ascent-override:97.56%; descent-override:24.29%; line-gap-override:0%} /* ---- tokens (the page's, so the values match the site) ---- */ :root{--white:#FFFFFF; --off-white:#FAFAFA; --border:#E5E5E5; --dark-grey:#666666; --mono-120:#797775; --button-dark:#201F1E; --blue-300:#3074D9; --blue-700:#1B4C99; --blue-100:#EAF1FB; --sky-300:#86B7FF; --amber-400:#E3A94C; --amber-100:#F8E6C4; --amber-050:#FDF1DA; --amber-700:#7A4E12; --grey-050:#F9F9FA; --ink-950:#141415; --ink-900:#1C1C1E; --ink-850:#232326; --ink-700:#38383C; --ink-text-dim:#A5A5A8; --ink-text-mute:#77777C; --font-text:"Inter", system-ui, -apple-system, sans-serif; --font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace; --font-display:var(--font-text); --radius-card:14px; --radius-panel:18px; --radius-button-rounded:999px; --ease-out-quad:cubic-bezier(0.25, 0.46, 0.45, 0.94); --ease-out-expo:cubic-bezier(0.165, 0.84, 0.44, 1); --dur-fast:0.16s; --dur-med:0.4s} :root{--black:#191919; --container-main:1216px; --container-prose:736px; --container-wide:1300px; --site-width:1440px; --radius-button-squared:4px; --radius-button:5px; --text-caption:12px; --text-eyebrow:12px; --text-label:13px; --text-body-sm:14px; --text-body:16px; --text-body-lg:18px; --text-lede:20px; --text-heading-2:28px; --text-heading-1:40px; --text-display-2:56px; --text-display-1:72px; --text-display-xl:88px; --font-weight-text:400; --font-weight-medium:500; --font-weight-display:500; --font-weight-semibold:600; --tracking-display-xl:-0.04em; --tracking-display:-0.025em; --tracking-heading-1:-0.02em; --tracking-heading-2:-0.015em; --tracking-label:0.02em; --tracking-eyebrow:0.08em; --leading-caption:16px; --leading-label:16px; --leading-eyebrow:16px; --leading-body-sm:21px; --leading-body:24px; --leading-body-lg:28px; --leading-lede:30px; --leading-heading-2:34px; --leading-heading-1:46px; --leading-display-2:60px; --leading-display-1:76px; --leading-display-xl:92px; --gutter-sm:16px; --gutter-md:24px; --gutter-lg:32px; --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px; --space-24:24px; --space-32:32px; --space-48:48px; --space-64:64px; --space-96:96px; --space-120:120px; --section-y:var(--space-120); --section-y-compact:var(--space-96)} :root{--ac-white:var(--white, #FFFFFF); --ac-off-white:var(--off-white, #FAFAFA); --ac-borders:var(--border, #E5E5E5); --ac-dark-grey:var(--dark-grey, #666666); --ac-mono-190:var(--button-dark, #201F1E); --ac-mono-120:var(--mono-120, #797775); --ac-mono-20:#FAF9F8; --ac-mono-60:#D2D0CE; --ac-mono-80:#B2B0AD; --ac-mono-130:#605E5C; --ac-mono-150:#3B3A39; --ac-mono-160:#323130; --ac-mono-180:#252423; --ac-text-tertiary:#A19F9D; --ac-light-grey:#BDBDBD; --ac-black-10:rgba(0,0,0,.1); --ac-primary:#191919; --ac-purple-400:#A83AEC; --ac-hover-fill:color-mix(in srgb, var(--ac-borders), transparent 50%); --ac-font:var(--font-text, Inter), Arial, sans-serif; --ac-font-mono:var(--font-mono, "IBM Plex Mono"), Impact, monospace; --ac-dropdown-dur:300ms; --ac-dropdown-ease:cubic-bezier(.455,.03,.515,.955); --ac-focus:#0050BD} :root{--hero-ease:cubic-bezier(.22,.61,.36,1); --hero-in:520ms; --sel-front:cubic-bezier(.32,.06,.28,1); --sel-sweep:320ms; --blue-300-rgb:48,116,217} :root{--sq-line:#141415; --sq-ring:inset 0 0 0 1px var(--sq-line); --sq-button-radius:5px; --sq-shimmer-sweep:1.5s; --sq-shimmer-cycle:7.5s; --sq-cursor-w:19px; --sq-cursor-h:24px; --sq-cursor-gap:6px} html[data-style="new"]{--kit-gutter:24px} @media (min-width:768px){ html[data-style="new"]{--kit-gutter:32px} } @media (min-width:1280px){ html[data-style="new"]{--kit-gutter:calc((100vw - 1216px) / 2)} } html[data-style="new"]{--section-y:48px} @media (min-width:768px){ html[data-style="new"]{--section-y:56px} } @media (min-width:1280px){ html[data-style="new"]{--section-y:68px} } html[data-style="new"]{--ink-950:#191919; --ink-900:#1B1B1B; --ink-700:#5D5D5F; --ink-text-mute:#5D5D5F; --ink-text-dim:#8E8F91; --kit-window-border:#DCDDE0; --kit-float-border:#D7D7D7} html[data-style="new"]{--shadow-card:0 0 0 1px rgba(0,0,0,.06), 0 2px 6px -1px #1B2F4C14, 0 8px 20px -6px #1B2F4C1A; --shadow-panel:0 0 0 1px rgba(0,0,0,.06), 0 25px 60px #222E411C; --shadow-float:0 0 0 1px rgba(0,0,0,.08), 0 34px 85px #1B2F4C33} html[data-style="new"]{--ac-focus:#6D78D5} html[data-style="new"]{--font-text:"InterVariable","Inter",system-ui,-apple-system,sans-serif; font-optical-sizing:auto; font-feature-settings:"cv01","ss03"} html[data-style="new"]{--tracking-display-xl:-0.022em; --tracking-display:-0.022em; --tracking-heading-1:-0.022em; --tracking-heading-2:-0.022em; --tracking-small:-0.01em; --leading-heading-1:44px; --leading-heading-2:32px; --leading-display-2:60px; --leading-display-1:76px; --font-weight-medium:510} html[data-style="new"]{--font-mono:"iA Writer Mono",ui-monospace,SFMono-Regular,monospace} html[data-style="new"]{--radius-button-squared:5px; --radius-button:5px} html[data-style="new"]{--font-text:"InterVariable","Inter","Inter Fallback",system-ui,-apple-system,sans-serif} * { box-sizing: border-box; } body{font-family:var(--font-text);color:var(--ink-950);-webkit-font-smoothing:antialiased} /* ===== from styles.css ===== */ #site-nav{position:absolute; left:0; top:0; width:100%; z-index:60} #site-nav .padding-global, #site-cta .padding-global, #site-footer .padding-global{padding-left:5%; padding-right:5%} #site-nav a, #site-cta a, #site-footer a{text-decoration:none; color:inherit} #site-nav img, #site-cta img, #site-footer img{display:block; max-width:100%} #site-nav svg, #site-cta svg, #site-footer svg{display:block} #site-cta h2, #site-nav h4{margin:0} #site-nav .inherit-color, #site-cta .inherit-color{color:inherit} #site-nav :focus-visible, #site-cta :focus-visible{outline:2px solid var(--ac-focus); outline-offset:0; border-radius:5px} #site-nav .navbar_component{position:relative; display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:5.125rem; padding-left:5%; padding-right:5%; background-color:var(--ac-off-white); border-bottom:1px solid var(--ac-borders); font-family:var(--ac-font); font-size:1vw; color:var(--ac-mono-150)} #site-nav .bg_container_padding{position:absolute; top:0; bottom:0; width:4%; max-width:4%; box-sizing:border-box} #site-nav .bg_container_padding.is-left{left:0; background-color:var(--ac-mono-20); border-right:1px solid #E5E5E5} #site-nav .bg_container_padding.is-right{right:0; background-color:var(--ac-off-white); border-left:1px solid #E5E5E5} #site-nav .navbar_container{display:flex; align-items:center; justify-content:space-between; width:100%; max-width:82rem; height:100%; margin-left:auto; margin-right:auto; position:static} #site-nav .navbar_left{display:flex; align-items:center; gap:3rem} #site-nav .logo-wrapper{display:flex; align-items:center} #site-nav .navbar_logo-link{display:flex; align-items:center; padding:0} #site-nav .navbar_logo{display:flex; align-items:center; width:6.125rem; max-width:6.125rem; height:1.625rem; max-height:1.625rem; color:var(--ac-mono-190); overflow:hidden} #site-nav .navbar_menu{display:flex; gap:2rem} #site-nav .navbar_menu-link{display:flex; align-items:center; gap:1rem} #site-nav .navbar_link-dropdown-wrap{display:flex; align-items:center} #site-nav .navbar_link-dropdown{display:flex; align-items:center; justify-content:center; position:relative; color:var(--ac-mono-150)} #site-nav .navbar_dropdown-toggle, #site-nav .navbar_link{display:flex; align-items:center; justify-content:flex-start; padding:.4em .79em; border-radius:.66em; color:var(--ac-mono-150); white-space:nowrap; cursor:pointer; background-color:transparent} #site-nav .navbar_dropdown-toggle{gap:.5rem} #site-nav .navbar_dropdown-toggle:hover, #site-nav .navbar_link:hover{background-color:var(--ac-hover-fill); opacity:1} #site-nav .navbar_text{font-size:.875rem; line-height:1; color:inherit} #site-nav .navbar_dropdown-icon{display:flex; align-items:center; justify-content:center; flex:none; width:1rem; height:1rem; transform:rotate(0deg); transition:transform var(--ac-dropdown-dur) var(--ac-dropdown-ease)} #site-nav .navbar_dropdown-icon svg{width:16px; height:16px} #site-nav .navbar_link-dropdown.is-open .navbar_dropdown-icon{transform:rotate(180deg)} #site-nav .navbar_dropdown-content{position:absolute; top:100%; left:0; padding-top:.5rem; background-color:transparent; display:none; opacity:0; transition:opacity var(--ac-dropdown-dur) var(--ac-dropdown-ease)} #site-nav .navbar_dropdown-content.is-visible{display:block} #site-nav .navbar_dropdown-content.is-open{opacity:1} #site-nav .navbar_dropdown-content.is-platform, #site-nav .navbar_dropdown-content.is-platform-v1{min-width:43rem} #site-nav .navbar_dropdown-content.is-resources{min-width:42rem; left:-30rem} #site-nav .navbar_dropdown-layout{background-color:var(--ac-white); border:1px solid var(--ac-black-10); border-radius:.5rem; box-shadow:0 8.74px 26.22px rgba(0,0,0,.1)} #site-nav .navbar_dropdown-layout.is-platform{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1rem; padding:1rem .5rem .5rem .5rem} #site-nav .navbar_dropdown-layout.is-wide{display:flex; gap:1rem; padding:0} #site-nav .navbar_dropdown-list{padding:.5rem} #site-nav .navbar_dropdown-layout.is-platform .navbar_dropdown-list{padding:0} #site-nav .navbar_dropdown-list.is-highlighted{--ac-highlight:var(--ac-purple-400); border-left:1px solid var(--ac-borders); padding-left:1rem} #site-nav .navbar_dropdown_title{margin:1rem 0 .5rem 1rem; font-family:var(--ac-font-mono); font-size:.75rem; line-height:20px; text-transform:uppercase; color:var(--ac-text-tertiary)} @media screen and (min-width:768px){ #site-nav .navbar_dropdown-layout.is-platform .navbar_dropdown_title{margin-top:0} } #site-nav .navbar_link-wrapper{display:flex; align-items:flex-start; gap:1rem; padding:1rem; border-top:1px dashed transparent; border-bottom:1px dashed transparent; transition:border-color .2s, border-radius .2s, background-color .2s, opacity .2s} #site-nav .navbar_dropdown-content.is-platform .navbar_link-wrapper{padding-block:.5rem} #site-nav .navbar_link-wrapper:hover{border-top:1px dashed var(--ac-borders); border-bottom:1px dashed var(--ac-borders); border-radius:.5rem; background-color:var(--ac-mono-20); opacity:1} #site-nav .navbar_link-icon-wrapper{display:flex; align-items:center; justify-content:center; width:2.5rem; min-width:2.5rem; height:2.5rem; border:1px solid var(--ac-black-10); border-radius:.25rem; color:var(--ac-mono-190); transition:color .2s, background-color .2s} #site-nav .navbar_link-icon{width:1.5rem; height:1.5rem; color:var(--ac-mono-130)} #site-nav .navbar_dropdown-list.is-highlighted .navbar_link-icon-wrapper{border-color:var(--ac-highlight); background-color:color-mix(in srgb, var(--ac-highlight) 4%, white)} #site-nav .navbar_dropdown-list.is-highlighted .navbar_dropdown_title, #site-nav .navbar_dropdown-list.is-highlighted .navbar_link-icon{color:var(--ac-highlight)} #site-nav .navbar_link-content{display:flex; flex-direction:column; gap:.25rem} #site-nav .navbar_link-content .text-size-regular{font-size:1rem; line-height:1.5; color:var(--ac-mono-190)} #site-nav .navbar_link-content .text-size-small{font-size:.875rem; line-height:20px} #site-nav .text-color-secondary{color:var(--ac-dark-grey)} #site-nav .hiring_navbar-component{display:flex; align-items:center; gap:.5rem} #site-nav .navbar_hiring-component{display:flex; align-items:center; justify-content:center; padding:.13rem .63rem; border-radius:624.938rem; background-color:var(--ac-mono-160); color:var(--ac-white)} #site-nav .navbar_hiring-component .text-size-small{font-size:.875rem; line-height:20px; color:inherit} #site-nav .navbar_dropdown-cta{grid-column:1/-1; display:flex; justify-content:space-between; align-items:flex-end; gap:1.5rem; width:100%; margin-top:1.5rem; padding:1rem 1.5rem; background-color:var(--ac-off-white); border:1px solid var(--ac-borders); border-radius:5px; transition:background-color .4s, border-color .4s, opacity .4s} #site-nav .navbar_dropdown-cta h4{font-size:1.125rem; line-height:24px; font-weight:700; color:var(--ac-mono-150)} #site-nav .navbar_dropdown-cta-mini-text{flex:none; font-size:.875rem; font-weight:500; color:var(--ac-mono-150)} #site-nav .navbar_highlight{opacity:0; pointer-events:none; position:fixed; inset:0} #site-nav .navbar_menu-cta{display:flex; align-items:center; justify-content:flex-start; gap:.5rem; position:relative; z-index:2} #site-nav .navbar_menu-button{display:none; padding:0; margin:0; border:0; background-color:transparent; position:relative; cursor:pointer; color:var(--ac-mono-190); -webkit-appearance:none; appearance:none} #site-nav .navbar_menu-icon{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:1.5rem; height:1.5rem} #site-nav .navbar_menu-icon i{display:block; width:22px; height:2px; border-radius:1px; background-color:currentColor; transition:transform .3s var(--ac-dropdown-ease), opacity .2s linear} #site-nav .navbar_component.is-menu-open .navbar_menu-icon i:nth-child(1){transform:translateY(7px) rotate(45deg)} #site-nav .navbar_component.is-menu-open .navbar_menu-icon i:nth-child(2){opacity:0} #site-nav .navbar_component.is-menu-open .navbar_menu-icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)} #site-nav .navbar_menu-cta-mobile{display:none} #site-nav .button, #site-cta .button{display:flex; align-items:center; justify-content:center; gap:.75rem; padding:.75rem 1rem; border:1px solid var(--ac-mono-190); border-radius:.3125rem; background-color:var(--ac-mono-190); color:#fff; font-family:var(--ac-font); font-size:1rem; font-weight:500; line-height:1.5; letter-spacing:-.01em; text-align:center; text-decoration:none; cursor:pointer; transition-property:none} #site-nav .button.is-secondary, #site-cta .button.is-secondary{background-color:var(--ac-white); color:var(--ac-mono-190); border-color:var(--ac-borders)} #site-nav .button.is-small-nav{padding:.5rem; font-size:.875rem; font-weight:400} #site-nav .button:hover, #site-cta .button:hover{border-color:var(--ac-mono-180); background-color:var(--ac-white); opacity:.8; color:var(--ac-mono-190)} #site-nav .button.is-secondary:hover, #site-cta .button.is-secondary:hover{border-color:var(--ac-mono-180); color:var(--ac-mono-180)} #site-nav .button:active, #site-cta .button:active{opacity:.65} @media (prefers-reduced-motion: reduce){ #site-nav *, #site-cta *, #site-footer *{transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important} } @media only screen and (min-width:1512px){ #site-nav .navbar_component{font-size:16px} } @media only screen and (max-width:767px){ #site-nav .navbar_component{font-size:9px} } @media (max-width:1440px) and (min-width:991px){ #site-nav .navbar_container{padding-left:1.5%; padding-right:1.5%} } @media (max-width:1130px) and (min-width:991px){ #site-nav .navbar_left{gap:1rem} #site-nav .navbar_menu-link{gap:.5rem} } @media (max-width:991px){ #site-nav .navbar_component{min-height:5rem} #site-nav .navbar_container{gap:2rem} #site-nav .bg_container_padding{display:none} #site-nav .navbar_menu{display:none; position:absolute; top:100%; left:0; right:0; width:100%; min-width:200px; z-index:1; flex-direction:column; gap:2.5rem; background-color:var(--ac-white); text-align:center} #site-nav .navbar_link-dropdown, #site-nav .navbar_dropdown-toggle, #site-nav .navbar_link{text-align:left} #site-nav .navbar_component.is-menu-open .navbar_menu{display:block} #site-nav .button:hover{border-color:var(--ac-mono-190); background-color:var(--ac-mono-190); opacity:1; color:var(--ac-white)} #site-nav .button.is-secondary:hover{background-color:var(--ac-white); color:var(--ac-mono-190); border-color:#E5E5E5} #site-nav .navbar_menu-link{display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:.5rem; padding:1rem 3%; max-height:calc(100dvh - 5rem); overflow:scroll} #site-nav .navbar_link-dropdown-wrap{display:block; width:100%} #site-nav .navbar_link-dropdown{flex-direction:column; justify-content:flex-start; align-items:stretch; width:100%} #site-nav .navbar_menu-cta{margin-top:.5rem} #site-nav .navbar_menu-button{display:block; margin-left:1rem} #site-nav .navbar_dropdown-toggle{margin-left:0; margin-right:0; padding:.75rem 1rem} #site-nav .navbar_link{display:flex; padding:.75rem 1rem} #site-nav .navbar_dropdown-toggle:hover{background-color:transparent} #site-nav .navbar_dropdown-content{position:static; overflow:clip; left:auto; min-width:auto; max-width:100%; padding-top:.5rem} #site-nav .navbar_dropdown-content.is-platform, #site-nav .navbar_dropdown-content.is-platform-v1, #site-nav .navbar_dropdown-content.is-resources{min-width:auto; left:auto} #site-nav .navbar_dropdown-content.is-visible{filter:drop-shadow(0 8.74px 26.22px rgba(0,0,0,.1))} #site-nav .navbar_dropdown-layout{box-shadow:none} } @media (max-width:767px){ #site-nav .navbar_menu{filter:drop-shadow(0 50px 30px rgba(0,0,0,.05))} #site-nav .navbar_dropdown-content.is-platform, #site-nav .navbar_dropdown-content.is-platform-v1{min-width:0} #site-nav .navbar_dropdown-layout.is-wide{flex-direction:column} #site-nav .navbar_dropdown-layout.is-platform{display:flex; flex-direction:column} #site-nav .navbar_dropdown-list.is-highlighted{border-left:none; border-top:1px solid var(--ac-borders); margin-top:1rem; padding-left:0} } @media (max-width:479px){ #site-nav .navbar_container{gap:.5rem} #site-nav .navbar_menu-cta{padding-left:.25rem} #site-nav .hide-mobile-portrait{display:none} #site-nav .navbar_menu-cta-mobile{display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; gap:1rem; padding:.313rem} #site-nav .navbar_menu-link{padding-left:2%; padding-right:2%} #site-nav .navbar_dropdown-layout.is-wide, #site-nav .navbar_dropdown-layout.is-platform{gap:0} #site-nav .button.is-small-nav{padding-left:.75rem; padding-right:.75rem} } @media (width < 992px){ body:has(#site-nav .navbar_component.is-menu-open){overflow:hidden} } /* ===== from layout-new.css ===== */ /* ===== from theme.css ===== */ html[data-style="new"] #site-nav .button, html[data-style="new"] #site-cta .button{font-family:var(--font-text); font-weight:var(--font-weight-medium); letter-spacing:0; border-radius:var(--radius-button-squared); background-color:var(--button-dark); border-color:var(--button-dark)} html[data-style="new"] #site-nav .button.is-small-nav{font-weight:var(--font-weight-medium)} html[data-style="new"] #site-nav .button.is-secondary, html[data-style="new"] #site-cta .button.is-secondary{background-color:var(--white); border-color:var(--border); color:var(--button-dark)} @media (hover:hover){ html[data-style="new"] #site-nav .button:hover, html[data-style="new"] #site-cta .button:hover{background-color:#3A3937 !important; border-color:#3A3937 !important; color:#fff !important; opacity:1 !important; transition:background-color .15s ease, border-color .15s ease, color .15s ease} html[data-style="new"] #site-nav .button.is-secondary:hover, html[data-style="new"] #site-cta .button.is-secondary:hover{background-color:#F2F2F2 !important; border-color:var(--border) !important; color:var(--button-dark) !important} } html[data-style="new"] #site-nav .button, html[data-style="new"] #site-cta .button{transition:background-color .15s ease, border-color .15s ease, color .15s ease, scale .15s cubic-bezier(.25,.46,.45,.94)} html[data-style="new"] #site-nav, html[data-style="new"] #site-cta, html[data-style="new"] #site-footer{--ac-font:var(--font-text)} html[data-style="new"] #site-nav, html[data-style="new"] #site-cta, html[data-style="new"] #site-footer{--ac-font-mono:var(--font-mono)} html[data-style="new"] #site-nav .navbar_menu-icon{gap:4px} html[data-style="new"] #site-nav .navbar_menu-icon i{width:18px; height:2px; border-radius:1px} html[data-style="new"] #site-nav .navbar_component.is-menu-open .navbar_menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)} html[data-style="new"] #site-nav .navbar_component.is-menu-open .navbar_menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)} html[data-style="new"] .abn{position:relative; font-family:var(--font-text); -webkit-font-smoothing:antialiased} html[data-style="new"] .abn *{box-sizing:border-box} html[data-style="new"] .abn__dropdown[hidden], html[data-style="new"] .abn__menu[hidden]{display:none !important} html[data-style="new"] #site-nav.has-abn{position:fixed; top:0; left:0; width:100%; z-index:1000} html[data-style="new"] .abn{--abn-scroll:0; --abn-bar-h:64px} html[data-style="new"] .abn__bar{position:relative; z-index:2; height:64px; background:transparent; border-bottom:0; isolation:isolate; transform:translate3d(0,0,0)} html[data-style="new"] .abn__bar::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:rgba(250,250,250,.85); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); opacity:var(--abn-scroll); transform:translate3d(0,0,0)} html[data-style="new"] .abn__wrap{position:relative; z-index:1; transform:translate3d(0,0,0)} html[data-style="new"] .abn__bar::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; pointer-events:none; background:rgba(229,229,229,.5); opacity:var(--abn-scroll)} html[data-style="new"] .abn.is-menu-open .abn__bar::before, html[data-style="new"] .abn.is-menu-open .abn__bar::after{opacity:1} html[data-style="new"] .abn__wrap{height:100%; display:flex; align-items:center; justify-content:space-between; padding-inline:max(32px, calc((100% - 1216px) / 2))} html[data-style="new"] .abn__brand{display:flex; align-items:center; flex:1 0 0; min-width:0} html[data-style="new"] .abn__logo{display:inline-flex; align-items:center; flex:0 0 auto; color:#201F1E; text-decoration:none} html[data-style="new"] .abn__logo svg, html[data-style="new"] .abn__logo img{height:26px; width:auto; display:block} html[data-style="new"] .abn__links{display:flex; align-items:center; gap:8px} html[data-style="new"] .abn__link{display:flex; align-items:center; padding:6px 12px; border:0; border-radius:5px; background:transparent; font:500 14px/20px var(--font-text); color:#72706E !important; text-decoration:none; white-space:nowrap; cursor:pointer; transition:background-color .1s cubic-bezier(.25,.46,.45,.94), color .1s cubic-bezier(.25,.46,.45,.94), scale .15s cubic-bezier(.25,.46,.45,.94)} html[data-style="new"] .abn__link.is-active{background:#ECECED; color:#191919 !important} @media (hover:hover){ html[data-style="new"] .abn__link:hover{background:#ECECED; color:#191919 !important} } html[data-style="new"] .abn__actions{display:flex; align-items:center; justify-content:flex-end; gap:20px; flex:1 0 0} html[data-style="new"] .abn__signin{font:500 14px/20px var(--font-text); color:#72706E !important; text-decoration:none; transition:color .15s ease} @media (hover:hover){ html[data-style="new"] .abn__signin:hover{color:#191919 !important} } html[data-style="new"] .abn__cta{display:inline-flex; align-items:center; justify-content:center; padding:8px 18px; border-radius:5px; background:#201F1E; color:#fff !important; font:500 14px/20px var(--font-text); text-decoration:none; white-space:nowrap; transition:background-color .15s cubic-bezier(.25,.46,.45,.94), scale .15s cubic-bezier(.25,.46,.45,.94)} @media (hover:hover){ html[data-style="new"] .abn__cta:hover{background-color:#3A3937; color:#fff !important} } html[data-style="new"] .abn__burger{display:none} html[data-style="new"] .abn__dropdown{position:absolute; left:0; right:0; top:64px; z-index:1; padding:8px max(32px, calc((100% - 1216px) / 2)) 0} html[data-style="new"] .abn__viewport{position:relative; width:100%; overflow:hidden; background:#fff; border:1px solid transparent; border-radius:16px; box-shadow:0 0 0 1px rgba(0,0,0,.06), 0 25px 60px rgba(34,46,65,.11); transform-origin:50% 0; opacity:0; transform:scale(.98); transition:opacity .18s cubic-bezier(.25,.46,.45,.94), transform .18s cubic-bezier(.25,.46,.45,.94), height .2s cubic-bezier(.25,.46,.45,.94)} html[data-style="new"] .abn__viewport.no-trans{transition:none} html[data-style="new"] .abn__viewport.is-in{opacity:1; transform:none} html[data-style="new"] .abn__viewport.is-out{transition-duration:.12s, .12s, .2s} html[data-style="new"] .abn__panel{position:absolute; left:12px; right:12px; top:12px; display:none; flex-direction:column} html[data-style="new"] .abn__panel.is-active, html[data-style="new"] .abn__panel[data-motion]{display:flex} html[data-style="new"] .abn__panel[data-motion]{pointer-events:none} html[data-style="new"] .abn__panel.is-active[data-motion]{pointer-events:auto} html[data-style="new"] .abn__panel[data-motion="fade-in"]{animation:abnFadeIn .16s cubic-bezier(.25,.46,.45,.94) both} html[data-style="new"] .abn__panel[data-motion="from-end"]{animation:abnFadeIn .16s cubic-bezier(.25,.46,.45,.94) both, abnFromEnd .22s cubic-bezier(.16,1,.3,1) both} html[data-style="new"] .abn__panel[data-motion="from-start"]{animation:abnFadeIn .16s cubic-bezier(.25,.46,.45,.94) both, abnFromStart .22s cubic-bezier(.16,1,.3,1) both} html[data-style="new"] .abn__panel[data-motion="to-start"]{animation:abnFadeOut .12s cubic-bezier(.25,.46,.45,.94) both, abnToStart .22s cubic-bezier(.16,1,.3,1) both} html[data-style="new"] .abn__panel[data-motion="to-end"]{animation:abnFadeOut .12s cubic-bezier(.25,.46,.45,.94) both, abnToEnd .22s cubic-bezier(.16,1,.3,1) both} html[data-style="new"] .abn__panel[data-motion="fade-in"] .abn__item{animation:abnRow .2s cubic-bezier(.25,.46,.45,.94) both} html[data-style="new"] .abn__panel[data-motion="fade-in"] .abn__item:nth-child(2){animation-delay:30ms} html[data-style="new"] .abn__panel[data-motion="fade-in"] .abn__item:nth-child(3){animation-delay:60ms} html[data-style="new"] .abn__panel[data-motion="fade-in"] .abn__item:nth-child(4){animation-delay:90ms} html[data-style="new"] .abn__panel[data-motion="fade-in"] .abn__item:nth-child(5){animation-delay:120ms} @keyframes abnRow{ from{ opacity:0; translate:0 4px } to{ opacity:1; translate:0 0 } } @keyframes abnFadeIn{ from{ opacity:0 } to{ opacity:1 } } @keyframes abnFadeOut{ from{ opacity:1 } to{ opacity:0 } } @keyframes abnFromEnd{ from{ translate:16px 0 } to{ translate:0 0 } } @keyframes abnFromStart{ from{ translate:-16px 0 } to{ translate:0 0 } } @keyframes abnToStart{ from{ translate:0 0 } to{ translate:-16px 0 } } @keyframes abnToEnd{ from{ translate:0 0 } to{ translate:16px 0 } } html[data-style="new"] .abn__cols{display:flex; align-items:stretch} html[data-style="new"] .abn__col{flex:1 0 0; display:flex; flex-direction:column; gap:0; padding:13px 20px 0} html[data-style="new"] .abn__col > .abn__eyebrow{margin-bottom:11px} html[data-style="new"] .abn__divider{flex:0 0 1px; background:#E5E5E5; margin:0} html[data-style="new"] .abn__eyebrow{font:500 12px/16px var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:#72706E} /* 9 Sep: the system eyebrow size (12/16) */ html[data-style="new"] .abn__item{position:relative; z-index:1; display:flex; flex-direction:column; gap:3px; text-decoration:none; color:#191919 !important; padding:11px 20px; margin:0 -20px; border-radius:10px} html[data-style="new"] .abn__col:first-child{padding-right:33px} html[data-style="new"] .abn__divider + .abn__col{padding-left:33px} html[data-style="new"] .abn__col{position:relative} html[data-style="new"] .abn__hi{position:absolute; left:0; top:0; z-index:0; width:0; height:0; pointer-events:none; border-radius:10px; background:rgba(25,25,25,.05); opacity:0; transition:opacity .1s ease, transform .18s cubic-bezier(.2,.7,.2,1), width .18s cubic-bezier(.2,.7,.2,1), height .18s cubic-bezier(.2,.7,.2,1)} html[data-style="new"] .abn__hi.is-on{opacity:1} html[data-style="new"] .abn__hi.no-trans{transition:opacity .1s ease} html[data-style="new"] .abn__item-h{display:inline-flex; align-items:center; gap:8px; font:500 15px/20px var(--font-text); color:#191919 !important} html[data-style="new"] .abn__item-p{font:400 13px/18px var(--font-text); color:#72706E !important; max-width:none; transition:color .15s ease} @media (hover:hover){ html[data-style="new"] .abn__item:hover .abn__item-p{color:#38383C !important} } html[data-style="new"] .abn__badge{display:inline-flex; align-items:center; padding:2px 8px; border-radius:5px; background:#201F1E; font:600 10px/14px var(--font-text); color:#fff !important; letter-spacing:0; text-transform:none; vertical-align:middle} html[data-style="new"] .abn__foot{display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 20px; margin-top:13px; border-radius:10px; background:#FAFAFA; text-decoration:none; transition:background-color .15s ease} @media (hover:hover){ html[data-style="new"] .abn__foot:hover{background:#F2F2F2} } html[data-style="new"] .abn__foot-t{font:500 14px/20px var(--font-text); color:#191919 !important} html[data-style="new"] .abn__foot-l{display:inline-flex; align-items:center; font:500 14px/20px var(--font-text); color:#3074D9 !important; white-space:nowrap} html[data-style="new"] .abn__arrow{width:16px; height:16px; margin-left:6px; flex:0 0 auto; overflow:visible; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round} html[data-style="new"] .abn__arrow-line{opacity:0; transition:opacity .15s cubic-bezier(.215,.61,.355,1)} html[data-style="new"] .abn__arrow-tip{transition:transform .15s cubic-bezier(.215,.61,.355,1)} @media (hover:hover){ html[data-style="new"] .abn__foot:hover .abn__arrow-line{opacity:1} html[data-style="new"] .abn__foot:hover .abn__arrow-tip{transform:translateX(4.5px)} } @media (prefers-reduced-motion: reduce){ html[data-style="new"] .abn__arrow-line, html[data-style="new"] .abn__arrow-tip{transition:none} } @media (max-width:1023px){ html[data-style="new"] .abn__bar{height:64px} html[data-style="new"] .abn__wrap{padding-inline:32px} html[data-style="new"] .abn__links, html[data-style="new"] .abn__signin, html[data-style="new"] .abn__dropdown{display:none !important} html[data-style="new"] .abn__actions{gap:20px; flex:0 0 auto} html[data-style="new"] .abn__cta{padding:7px 14px; font-size:13px; line-height:18px} html[data-style="new"] .abn__burger{display:grid; place-items:center; width:44px; height:44px; margin-right:-12px; padding:0; border:0; border-radius:0; background:transparent; color:#191919; cursor:pointer} html[data-style="new"] .abn__burger:focus-visible{outline:2px solid #6D78D5; outline-offset:-4px; border-radius:5px} html[data-style="new"] .abn__bars{display:block; overflow:visible} html[data-style="new"] .abn__bars rect{transform-origin:center; transition:transform 160ms cubic-bezier(.25,.46,.45,.94)} html[data-style="new"] .abn__bar1{transform:translateY(-3px)} html[data-style="new"] .abn__bar2{transform:translateY(3px)} html[data-style="new"] .abn.is-menu-open .abn__bar1{transform:rotate(45deg)} html[data-style="new"] .abn.is-menu-open .abn__bar2{transform:rotate(-45deg)} html[data-style="new"].abn-lock, html[data-style="new"].abn-lock body{overflow:hidden !important} html[data-style="new"] .abn__menu{position:fixed; left:0; right:0; top:64px; z-index:58; display:block; height:calc(100vh - 64px); height:calc(100dvh - 64px); background:rgba(250,250,250,.94); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); opacity:0; transition:opacity 180ms cubic-bezier(.25,.46,.45,.94); will-change:opacity} html[data-style="new"] .abn.is-menu-open .abn__menu{opacity:1} html[data-style="new"] .abn__cta{transition:opacity 180ms cubic-bezier(.25,.46,.45,.94), filter 180ms cubic-bezier(.25,.46,.45,.94), background-color .15s ease} html[data-style="new"] .abn.is-menu-open .abn__cta{opacity:0; filter:blur(8px); pointer-events:none} html[data-style="new"] .abn.is-menu-open .abn__mgroup{animation:abnRow .22s cubic-bezier(.25,.46,.45,.94) both} html[data-style="new"] .abn.is-menu-open .abn__mgroup:nth-child(2){animation-delay:35ms} html[data-style="new"] .abn.is-menu-open .abn__mgroup:nth-child(3){animation-delay:70ms} html[data-style="new"] .abn.is-menu-open .abn__mgroup:nth-child(4){animation-delay:105ms} html[data-style="new"] .abn.is-menu-open .abn__mgroup:nth-child(5){animation-delay:140ms} html[data-style="new"] .abn.is-menu-open .abn__mgroup:nth-child(6){animation-delay:175ms} html[data-style="new"] .abn.is-menu-open .abn__mgroup:nth-child(7){animation-delay:210ms} html[data-style="new"] .abn__menu-scroll{height:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:32px 32px calc(40px + env(safe-area-inset-bottom)); box-sizing:border-box} html[data-style="new"] .abn__mgroup{display:flex; flex-direction:column; align-items:flex-start; margin-bottom:31px} html[data-style="new"] .abn__mgroup:last-of-type{margin-bottom:0} html[data-style="new"] .abn__mlabel{font:510 14px/21px var(--font-text); color:#72706E; margin-bottom:21px; letter-spacing:0; text-transform:none} html[data-style="new"] .abn__mlink{display:inline-flex; align-items:center; gap:8px; margin-bottom:12px; font:510 24px/32px var(--font-text); color:#191919 !important; text-decoration:none; letter-spacing:-0.01em; transition:color .15s ease} html[data-style="new"] .abn__mlink:last-child{margin-bottom:0} html[data-style="new"] .abn__mlink{position:relative} html[data-style="new"] .abn__mlink.is-current{padding-left:20px; font-weight:640} html[data-style="new"] .abn__mlink.is-current::before{content:""; position:absolute; left:4px; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:currentColor; transition:background-color .15s ease} @media (hover:hover){ html[data-style="new"] .abn__mlink:hover{color:#72706E !important} } html[data-style="new"] .abn__mlink .abn__badge{height:20px; font-size:12px; line-height:18px; padding:1px 7px; border-radius:5px; display:inline-flex; align-items:center} html[data-style="new"] .abn__menu-actions{display:flex; flex-direction:column; gap:10px; padding:0} html[data-style="new"] .abn__menu-actions .abn__btn--primary{margin-top:10px} html[data-style="new"] .abn__btn{display:flex; align-items:center; justify-content:center; height:48px; border-radius:5px; border:1px solid #E5E5E5; font:500 15px/20px var(--font-text); text-decoration:none; transition:background-color .15s cubic-bezier(.25,.46,.45,.94), scale .15s cubic-bezier(.25,.46,.45,.94)} html[data-style="new"] .abn__btn--secondary{background:#fff; color:#201F1E !important} @media (hover:hover){ html[data-style="new"] .abn__btn--secondary:hover{background:#F2F2F2} } html[data-style="new"] .abn__btn--primary{background:#201F1E; border-color:#201F1E; color:#fff !important} @media (hover:hover){ html[data-style="new"] .abn__btn--primary:hover{background:#3A3937; border-color:#3A3937} } } @media (max-width:767px){ html[data-style="new"] .abn__bar{height:60px} html[data-style="new"] .abn{--abn-bar-h:60px} html[data-style="new"] .abn__wrap{padding-inline:24px} html[data-style="new"] .abn__menu{top:60px; height:calc(100vh - 60px); height:calc(100dvh - 60px)} html[data-style="new"] .abn__actions{gap:12px} html[data-style="new"] .abn__menu-scroll{padding:32px 24px calc(40px + env(safe-area-inset-bottom))} html[data-style="new"] .abn__btn--secondary{display:none} } @media (prefers-reduced-motion: reduce){ html[data-style="new"] .abn__viewport, html[data-style="new"] .abn__panel, html[data-style="new"] .abn__menu, html[data-style="new"] .abn__cta, html[data-style="new"] .abn__bars rect{animation:none !important; transition:none !important} } html[data-style="new"] .abn__cta:active, html[data-style="new"] .hero__demo:active, html[data-style="new"] .abn__link:active, html[data-style="new"] .ab-lb__btn:active, html[data-style="new"] .ab-lb__close:active, html[data-style="new"] .abn__btn:active, html[data-style="new"] .hero__play:active, html[data-style="new"] .abn__burger:active, html[data-style="new"] #site-cta .button:active{scale:.96} html[data-style="new"] .abn__burger{transition:scale .15s cubic-bezier(.25,.46,.45,.94)} html[data-style="new"] .abn__cta, html[data-style="new"] .abn__btn, html[data-style="new"] .abn__burger, html[data-style="new"] .abn__trigger{user-select:none} html[data-style="new"] .step__h, html[data-style="new"] .tk__h2, html[data-style="new"] #site-cta h2, html[data-style="new"] #stage .hdg, html[data-style="new"] .tk__tile-title, html[data-style="new"] .abn__item-h{text-wrap:balance} html[data-style="new"] .hero__deck, html[data-style="new"] .step__p, html[data-style="new"] .tk__tile-body, html[data-style="new"] #stage .dk, html[data-style="new"] .abn__item-p, html[data-style="new"] #site-cta p{text-wrap:pretty} html[data-style="new"] .abn__link{padding:10px 12px} html[data-style="new"] .abn__cta{padding:10px 18px} html[data-style="new"] .abn__signin, html[data-style="new"] .ab-lb__btn, html[data-style="new"] #site-footer .footer_link, html[data-style="new"] #site-footer .footer_legal-link{position:relative} html[data-style="new"] .abn__signin::after, html[data-style="new"] .ab-lb__close::after, html[data-style="new"] .ab-lb__btn::after{content:""; position:absolute; inset:-4px} html[data-style="new"] .abn__signin::after{inset:-10px -8px} html[data-style="new"] .abn__bar{padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right)} html[data-style="new"] .abn__menu-scroll{padding-left:calc(var(--kit-gutter) + env(safe-area-inset-left)); padding-right:calc(var(--kit-gutter) + env(safe-area-inset-right))} @media (prefers-reduced-motion: reduce){ html[data-style="new"] .abn__hi, html[data-style="new"] #stage-chat .wk-tiles::after, html[data-style="new"] .ab-lb__btn svg{transition:none !important} html[data-style="new"] .abn__panel[data-motion="fade-in"] .abn__item, html[data-style="new"] .abn.is-menu-open .abn__mgroup{animation:none !important} } html[data-style="new"] .abn__logo svg, html[data-style="new"] #site-footer .footer_logo-link svg{overflow:visible} @media (max-width:1023px){ html[data-style="new"] .abn:not(.is-menu-open) .abn__menu{transition-duration:120ms} } @media (prefers-reduced-motion: reduce){ html[data-style="new"] .abn__bars rect{transition:none} }