/* ABDflow direct-site design system — matched to book-demo / contact */

    :root {
      --black: #05070b;
      --black-2: #0c1018;
      --black-3: #151a24;
      --white: #ffffff;
      --paper: #f5f7fa;
      --paper-2: #eaf0f7;
      --ink: #111827;
      --muted: #607087;
      --muted-dark: #a5afbf;
      --blue: #0878ff;
      --blue-deep: #0752c7;
      --cyan: #1dc9e8;
      --orange: #f57c38;
      --green: #16a77a;
      --violet: #8b6ee8;
      --line: rgba(17, 24, 39, .12);
      --line-dark: rgba(255, 255, 255, .12);
      --shadow: 0 24px 60px rgba(17, 35, 67, .12);
      --shadow-dark: 0 28px 80px rgba(0, 0, 0, .38);
      --max: 1380px;
      --header: 82px;
      --ease: cubic-bezier(.22, .75, .2, 1);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 88px; }
    body {
      margin: 0;
      background: var(--black);
      color: var(--white);
      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
      line-height: 1.5;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    body.menu-open, body.modal-open { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    button { color: inherit; }
    img, svg { display: block; max-width: 100%; }
    ::selection { background: var(--blue); color: #fff; }
    :focus-visible { outline: 3px solid #65afff; outline-offset: 4px; }

    .container { width: min(calc(100% - 64px), var(--max)); margin: 0 auto; }
    .section { padding: 132px 0; position: relative; }
    .section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 430px); gap: 54px; align-items: end; margin-bottom: 58px; }
    .eyebrow { margin: 0 0 18px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .eyebrow.light { color: #67b5ff; }
    .section-title { margin: 0; font-size: 72px; line-height: .98; letter-spacing: 0; font-weight: 700; }
    .section-intro { margin: 0; color: var(--muted); font-size: 18px; line-height: 1.6; }
    .dark .section-intro { color: var(--muted-dark); }
    .section-copy { max-width: 850px; }

    .btn {
      min-height: 52px;
      padding: 0 22px;
      border: 1px solid transparent;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      font-size: 14px;
      font-weight: 750;
      cursor: pointer;
      transition: transform .25s var(--ease), background .25s, border-color .25s, box-shadow .25s;
    }
    .btn svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    .btn:hover { transform: translateY(-3px); }
    .btn-blue { background: var(--blue); color: #fff; box-shadow: 0 14px 32px rgba(8, 120, 255, .3); }
    .btn-blue:hover { background: var(--blue-deep); }
    .btn-dark { background: var(--black); color: #fff; }
    .btn-dark:hover { background: var(--blue); }
    .btn-light { background: #fff; color: var(--black); }
    .btn-light:hover { box-shadow: 0 14px 32px rgba(255, 255, 255, .14); }
    .btn-ghost-dark { border-color: rgba(255, 255, 255, .28); background: rgba(5, 7, 11, .58); color: #fff; backdrop-filter: blur(16px); }
    .btn-ghost-dark:hover { border-color: rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .1); }
    .btn-outline { border-color: var(--line); color: var(--ink); background: rgba(255, 255, 255, .72); }
    .btn-outline:hover { border-color: var(--ink); }

    .site-header {
      position: fixed;
      inset: 0 0 auto;
      height: var(--header);
      z-index: 100;
      display: flex;
      align-items: center;
      background: rgba(5, 7, 11, .76);
      border-bottom: 1px solid rgba(255, 255, 255, .1);
      backdrop-filter: blur(18px) saturate(130%);
      transition: height .3s var(--ease), background .3s, box-shadow .3s;
    }
    .site-header.scrolled { height: 68px; background: rgba(5, 7, 11, .92); box-shadow: 0 12px 36px rgba(0, 0, 0, .28); }
    .header-inner { width: min(calc(100% - 48px), 1480px); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
    .brand { display: flex; align-items: center; gap: 11px; min-width: max-content; }
    .brand img { width: 38px; height: 38px; object-fit: contain; filter: drop-shadow(0 8px 15px rgba(8, 120, 255, .35)); }
    .brand-text { color: #fff; font-size: 20px; line-height: .92; font-weight: 800; }
    .brand-text small { display: block; margin-top: 5px; color: #aeb7c5; font-size: 8px; line-height: 1; letter-spacing: .12em; text-transform: uppercase; }
    .nav-links { display: flex; align-items: center; gap: 28px; margin-left: auto; }
    .nav-links a { color: #c7ced9; font-size: 13px; font-weight: 700; transition: color .2s; }
    .nav-links a:hover { color: #fff; }
    .header-actions { display: flex; align-items: center; gap: 10px; }
    .icon-button {
      width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255, 255, 255, .24); border-radius: 50%;
      background: rgba(255, 255, 255, .04); display: grid; place-items: center; cursor: pointer; transition: .25s;
    }
    .icon-button:hover { color: #fff; background: var(--blue); border-color: var(--blue); transform: translateY(-2px); }
    .icon-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
    .header-cta { min-height: 44px; padding-inline: 18px; }
    .menu-button { display: none; }

    .mobile-menu {
      position: fixed;
      inset: 0;
      z-index: 90;
      padding: 112px 24px 36px;
      background: rgba(5, 7, 11, .98);
      opacity: 0;
      visibility: hidden;
      transition: .3s;
      overflow: auto;
    }
    .mobile-menu.open { opacity: 1; visibility: visible; }
    .mobile-menu nav { display: grid; width: min(100%, 620px); margin: 0 auto; border-top: 1px solid var(--line-dark); }
    .mobile-menu a { padding: 19px 4px; border-bottom: 1px solid var(--line-dark); font-size: 30px; line-height: 1.1; font-weight: 700; display: flex; justify-content: space-between; }
    .mobile-menu a span { color: #697384; font-size: 12px; }

    .search-modal {
      position: fixed; inset: 0; z-index: 150; padding: 24px; display: grid; place-items: center;
      background: rgba(5, 7, 11, .86); backdrop-filter: blur(20px); opacity: 0; visibility: hidden; transition: .25s;
    }
    .search-modal.open { opacity: 1; visibility: visible; }
    .search-panel { width: min(760px, 100%); background: #fff; color: var(--ink); border-radius: 8px; padding: 34px; box-shadow: var(--shadow-dark); }
    .search-top { display: flex; gap: 12px; }
    .search-top input { width: 100%; border: 0; border-bottom: 2px solid var(--ink); padding: 10px 0 16px; outline: 0; font-size: 32px; font-weight: 700; }
    .search-results { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 24px; }
    .search-results a { padding: 14px; border: 1px solid var(--line); border-radius: 6px; font-size: 14px; font-weight: 700; }
    .search-results a:hover { background: var(--blue); border-color: var(--blue); color: #fff; }

    .hero {
      min-height: 920px;
      position: relative;
      display: flex;
      align-items: flex-end;
      overflow: hidden;
      background: #06090e;
      padding: 150px 0 78px;
      isolation: isolate;
    }
    .hero-media { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; object-position: 72% center; transform: scale(1.02); }
    .hero::before {
      content: ""; position: absolute; inset: 0; z-index: -2;
      background: linear-gradient(90deg, rgba(3, 5, 8, .98) 0%, rgba(3, 5, 8, .9) 38%, rgba(3, 5, 8, .45) 68%, rgba(3, 5, 8, .36) 100%);
    }
    .hero::after {
      content: ""; position: absolute; inset: auto 0 0; height: 46%; z-index: -1;
      background: linear-gradient(0deg, rgba(5, 7, 11, .96), transparent);
    }
    .hero-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr); gap: 54px; align-items: end; }
    .hero-copy { max-width: 920px; }
    .hero .eyebrow { color: #76b9ff; }
    .hero h1 { margin: 0; max-width: 870px; font-size: 96px; line-height: .94; letter-spacing: 0; font-weight: 730; }
    .hero h1 span { color: #4b95ff; }
    .hero-lede { max-width: 760px; margin: 28px 0 0; color: #c3cad5; font-size: 21px; line-height: 1.55; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
    .hero-proof {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      margin-top: 34px;
      border: 1px solid rgba(255, 255, 255, .17);
      background: rgba(5, 7, 11, .48);
      backdrop-filter: blur(18px);
    }
    .hero-proof span { min-height: 54px; display: grid; place-items: center; padding: 9px; color: #dbe2ed; border-right: 1px solid rgba(255, 255, 255, .17); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; text-align: center; }
    .hero-proof span:last-child { border-right: 0; }
    .hero-side { align-self: end; display: grid; gap: 12px; margin-bottom: 1px; }
    .hero-side-image {
      position: relative; aspect-ratio: 1.55; border: 1px solid rgba(255, 255, 255, .2); overflow: hidden;
      background: #0c111b; box-shadow: var(--shadow-dark); transform: translateY(0);
    }
    .hero-side-image img { width: 100%; height: 100%; object-fit: cover; }
    .hero-side-copy { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #c7d0dc; font-size: 12px; }
    .live-dot { display: inline-flex; align-items: center; gap: 7px; color: #73e0ba; font-weight: 750; }
    .live-dot::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #35d39b; box-shadow: 0 0 0 5px rgba(53, 211, 155, .12); }

    .ticker { height: 58px; background: var(--blue); color: #fff; overflow: hidden; display: flex; align-items: center; }
    .ticker-track { display: flex; width: max-content; animation: ticker 28s linear infinite; }
    .ticker-track span { display: flex; align-items: center; gap: 28px; padding-right: 28px; white-space: nowrap; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
    .ticker-track i { width: 5px; height: 5px; border-radius: 50%; background: #fff; opacity: .65; }
    @keyframes ticker { to { transform: translateX(-50%); } }

    .core { background: var(--paper); color: var(--ink); }
    .core-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
    .core-card {
      min-height: 560px; grid-column: span 6; border: 1px solid var(--line); border-radius: 8px;
      background: #fff; overflow: hidden; display: grid; grid-template-rows: auto 1fr; box-shadow: 0 12px 32px rgba(22, 48, 85, .06);
      transition: transform .35s var(--ease), box-shadow .35s var(--ease);
    }
    .core-card:hover { transform: translateY(-7px); box-shadow: var(--shadow); }
    .core-card.abdleads {
      background: #05070b;
      color: #f7fbff;
      border-color: rgba(255, 255, 255, .12);
      box-shadow: 0 24px 70px rgba(0, 0, 0, .28), 0 0 42px rgba(75, 124, 255, .09);
    }
    .core-card.flowties {
      background: #f5f2e9;
      border: 2px solid #111;
      color: #111;
      box-shadow: 8px 8px 0 rgba(17, 17, 17, .18);
    }
    .core-card.flowties:hover { box-shadow: 12px 12px 0 #111; transform: translate(-4px, -4px); }
    .core-card-copy { padding: 38px 40px 26px; position: relative; z-index: 2; }
    .core-card .product-label { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
    .core-card.abdleads .product-label { color: #8deaff; }
    .core-card.abdleads h3 { color: #8beaff; text-shadow: 0 0 22px rgba(89, 230, 255, .25); }
    .core-card.abdleads h3 span { color: #f3fbff; }
    .core-card.flowties .product-label {
      display: inline-flex;
      width: max-content;
      padding: 7px 9px;
      border: 2px solid #111;
      background: #efff3e;
      color: #111;
      font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
      font-size: 10px;
    }
    .core-card h3 { margin: 10px 0 14px; font-size: 48px; line-height: 1; letter-spacing: 0; }
    .core-card p { margin: 0; max-width: 630px; color: var(--muted); font-size: 16px; }
    .core-card.abdleads p { color: #8d99aa; }
    .text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--blue); font-size: 14px; font-weight: 800; }
    .core-card.abdleads .text-link {
      min-height: 43px;
      padding: 0 15px;
      border: 1px solid rgba(137, 219, 255, .2);
      border-radius: 7px;
      background: linear-gradient(135deg, #77e9ff, #4f90ff 52%, #6f68ff);
      color: #04101a;
      box-shadow: 0 12px 28px rgba(75, 124, 255, .2);
    }
    .core-card.flowties .text-link {
      min-height: 43px;
      padding: 0 14px;
      border: 2px solid #111;
      background: #efff3e;
      color: #111;
      transition: transform .2s, box-shadow .2s;
    }
    .core-card.flowties .text-link:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 #111; }
    .text-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; }
    .core-visual { position: relative; min-height: 300px; overflow: hidden; }
    .core-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
    .screenshot-fade::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }
    .abdlead-workspace {
      position: absolute;
      inset: 8px 28px 0;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, .11);
      border-radius: 8px 8px 0 0;
      background: #080c12;
      color: #f7fbff;
      box-shadow: 0 26px 60px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .05);
      overflow: hidden;
    }
    .abdlead-workspace::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .14;
      pointer-events: none;
      background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    .abdlead-appbar { position: relative; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 13px; padding-bottom: 11px; color: #8d99aa; font-size: 9px; }
    .abdlead-brand { display: flex; align-items: center; gap: 8px; color: #f3fbff; font-size: 12px; font-weight: 800; }
    .abdlead-brand i {
      position: relative;
      width: 25px;
      height: 25px;
      border-radius: 8px;
      background: linear-gradient(145deg, #b7f8ff, #55bfff 48%, #4767ff);
      box-shadow: 0 0 18px rgba(77, 173, 255, .28);
    }
    .abdlead-brand i::before, .abdlead-brand i::after { content: ""; position: absolute; width: 10px; height: 4px; border-radius: 8px; background: #07101c; }
    .abdlead-brand i::before { left: 6px; top: 6px; transform: rotate(-34deg); }
    .abdlead-brand i::after { right: 5px; bottom: 6px; transform: rotate(34deg); }
    .abdlead-online { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
    .abdlead-online::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #66f2b0; box-shadow: 0 0 9px rgba(102, 242, 176, .75); }
    .abdlead-progress { position: relative; height: 3px; margin-bottom: 10px; border-radius: 3px; background: rgba(255, 255, 255, .07); overflow: hidden; }
    .abdlead-progress i { display: block; width: 14.28%; height: 100%; background: linear-gradient(90deg, #4b7cff, #59e6ff); box-shadow: 0 0 12px rgba(89, 230, 255, .5); }
    .abdlead-stage {
      position: relative;
      min-height: 210px;
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, .09);
      border-radius: 8px;
      background: rgba(13, 18, 27, .78);
    }
    .abdlead-stage small { color: #6f7e92; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .abdlead-stage h4 { margin: 8px 0 5px; font-size: 17px; line-height: 1.1; }
    .abdlead-stage p { margin: 0; color: #657185; font-size: 9px; }
    .abdlead-select { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px; margin-top: 14px; padding: 10px; border: 1px solid rgba(255, 255, 255, .11); border-radius: 7px; background: rgba(255, 255, 255, .035); }
    .abdlead-select-icon { width: 32px; height: 32px; border-radius: 7px; background: linear-gradient(145deg, rgba(91, 211, 255, .16), rgba(78, 98, 255, .12)); color: #8ce9ff; display: grid; place-items: center; }
    .abdlead-select-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
    .abdlead-select span small { display: block; margin-bottom: 2px; color: #657185; font-size: 7px; }
    .abdlead-select span strong { display: block; color: #e9f4ff; font-size: 10px; }
    .abdlead-select > svg { width: 14px; height: 14px; fill: none; stroke: #758295; stroke-width: 2; }
    .abdlead-stages { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-top: 12px; }
    .abdlead-stages span { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .07); }
    .abdlead-stages span:first-child { background: #59e6ff; box-shadow: 0 0 8px rgba(89, 230, 255, .6); }
    .flowties-visual { min-height: 300px; padding: 0 28px 28px; display: grid; grid-template-rows: auto 1fr; }
    .flowties-toolbar {
      min-height: 47px;
      padding: 0 12px;
      border: 2px solid #111;
      border-bottom: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      background: #111;
      color: #fff;
      font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
      font-size: 9px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .flowties-toolbar strong { color: #efff3e; font-weight: 700; }
    .flow-tool-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid #111; border-left: 2px solid #111; }
    .flow-tool {
      min-height: 105px;
      padding: 13px;
      border: 0;
      border-right: 2px solid #111;
      border-bottom: 2px solid #111;
      background: #fff;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: transform .18s, background .18s, box-shadow .18s;
    }
    .flow-tool:nth-child(1) { background: #efff3e; }
    .flow-tool:nth-child(2) { background: #2457ff; color: #fff; }
    .flow-tool:nth-child(4) { background: #ff6448; }
    .flow-tool:hover { z-index: 2; background: #efff3e; color: #111; transform: translate(-3px, -3px); box-shadow: 4px 4px 0 #111; }
    .flow-tool small { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 8px; text-transform: uppercase; }
    .flow-tool strong { font-size: 13px; line-height: 1.05; }

    .flagships { background: var(--black); color: #fff; border-top: 1px solid var(--line-dark); }
    .flagship-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
    

/* Homepage quiet chrome + mega menu */
/* Quiet light header: existing navigation, new visual treatment. */
    :root { --header: 64px; }
    .site-header {
      height: var(--header); color: #101215; background: rgba(244, 244, 241, .88);
      border-bottom: 1px solid rgba(16, 18, 21, .1); backdrop-filter: blur(20px) saturate(130%);
      box-shadow: none;
    }
    .site-header.scrolled { height: 58px; background: rgba(250, 250, 247, .94); box-shadow: 0 10px 34px rgba(16, 18, 21, .08); }
    .header-inner { width: calc(100% - 28px); max-width: none; display: grid; grid-template-columns: 1fr auto 1fr; gap: 22px; }
    .brand { gap: 10px; color: #101215; }
    .brand-logo-wrap { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(16,18,21,.08); border-radius: 9px; background: #fff; box-shadow: 0 3px 12px rgba(16,18,21,.06); overflow: hidden; }
    .brand img { width: 29px; height: 29px; filter: none; }
    .brand-text { color: #101215; font-family: Manrope, sans-serif; font-size: 15px; letter-spacing: 0; }
    .brand-text small { margin-top: 3px; color: #777b82; font-family: "DM Sans", sans-serif; font-size: 7px; }
    .nav-links { height: 36px; margin: 0; padding: 3px; gap: 2px; border: 1px solid rgba(16,18,21,.08); border-radius: 999px; background: rgba(255,255,255,.58); box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }
    .nav-links a { min-width: 58px; height: 28px; display: grid; place-items: center; padding: 0 10px; border-radius: 999px; color: #62666d; font-size: 11px; font-weight: 650; }
    .nav-links a:hover { color: #101215; background: #fff; box-shadow: 0 2px 9px rgba(16,18,21,.08); }
    .nav-links a::after { display: none; }
    .header-actions { justify-self: end; }
    .site-header .icon-button { width: 36px; height: 36px; color: #101215; border-color: rgba(16,18,21,.1); background: rgba(255,255,255,.52); }
    .site-header .icon-button:hover { color: #fff; background: var(--blue); border-color: var(--blue); }
    .site-header .header-cta { min-height: 36px; padding: 0 15px; color: #fff; background: #101215; border: 0; box-shadow: 0 5px 15px rgba(16,18,21,.15); font-size: 11px; }
    .site-header .header-cta:hover { color: #fff; background: var(--blue); }
    .mobile-menu { padding-top: 90px; color: #101215; background: rgba(247,247,244,.98); }
    .mobile-menu nav { border-color: rgba(16,18,21,.1); }
    .mobile-menu a { color: #101215; border-color: rgba(16,18,21,.1); }
    .mobile-menu a span { color: #7b8088; }

    /* Full-width navigation discovery system. */
    .nav-links .nav-trigger {
      min-width: 76px; height: 28px; padding: 0 9px 0 11px; border: 0; border-radius: 999px;
      display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: #62666d;
      background: transparent; font-size: 11px; font-weight: 650; cursor: pointer;
      transition: color .25s ease, background .25s ease, box-shadow .25s ease;
    }
    .nav-links .nav-trigger svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .25s var(--ease); }
    .nav-links .nav-trigger:hover,
    .nav-links .nav-trigger[aria-expanded="true"] { color: #101215; background: #fff; box-shadow: 0 2px 9px rgba(16,18,21,.08); }
    .nav-links .nav-trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
    .mega-scrim { position: fixed; z-index: 88; inset: var(--header) 0 0; background: rgba(9,16,28,.2); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
    .mega-scrim.open { opacity: 1; visibility: visible; }
    .mega-shell {
      position: fixed; z-index: 99; top: var(--header); right: 0; left: 0; color: #101215;
      background: rgba(250,250,247,.98); border-top: 1px solid rgba(16,18,21,.06); border-bottom: 1px solid rgba(16,18,21,.1);
      box-shadow: 0 28px 64px rgba(14,27,48,.14); backdrop-filter: blur(28px) saturate(130%);
      opacity: 0; visibility: hidden; transform: translateY(-12px); transform-origin: top;
      transition: opacity .25s ease, visibility .25s ease, transform .35s var(--ease);
    }
    .mega-shell.open { opacity: 1; visibility: visible; transform: none; }
    .site-header.scrolled + .mega-scrim { inset: 58px 0 0; }
    .site-header.scrolled ~ .mega-shell { top: 58px; }
    .mega-panel { display: none; width: min(calc(100% - 48px),1540px); max-height: calc(100svh - var(--header) - 24px); margin: 0 auto; padding: 25px 0 30px; overflow: auto; }
    .mega-panel.active { display: block; animation: megaIn .35s var(--ease) both; }
    @keyframes megaIn { from { opacity: 0; transform: translateY(-7px); } }
    .mega-top { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,420px) auto; align-items: center; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(16,18,21,.09); }
    .mega-heading span { display: block; margin-bottom: 2px; color: #777d86; font-size: 9px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
    .mega-heading strong { font-family: Manrope,sans-serif; font-size: 22px; letter-spacing: 0; }
    .mega-search { height: 42px; display: flex; align-items: center; gap: 9px; padding: 0 13px; border: 1px solid rgba(16,18,21,.11); border-radius: 12px; background: #fff; box-shadow: 0 5px 17px rgba(16,18,21,.045); }
    .mega-search:focus-within { border-color: rgba(23,105,255,.55); box-shadow: 0 0 0 3px rgba(23,105,255,.1); }
    .mega-search svg { width: 16px; height: 16px; flex: 0 0 auto; color: #727982; fill: none; stroke: currentColor; stroke-width: 2; }
    .mega-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: #101215; background: transparent; font-size: 12px; }
    .mega-search kbd { padding: 2px 6px; border: 1px solid rgba(16,18,21,.1); border-radius: 5px; color: #8a9098; background: #f6f6f3; font: 9px/1.4 "DM Sans",sans-serif; }
    .mega-view-all { min-height: 42px; padding: 0 16px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; color: #fff; background: #101215; font-size: 11px; font-weight: 700; transition: transform .25s var(--ease), background .25s ease; }
    .mega-view-all:hover { transform: translateY(-2px); background: #1769ff; }
    .mega-view-all svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
    .mega-product-grid { display: grid; grid-template-columns: .78fr .9fr 1.35fr; gap: clamp(28px,4vw,68px); padding-top: 24px; }
    .mega-group { min-width: 0; }
    .mega-group[hidden] { display: none; }
    .mega-group-title { margin: 0 0 11px; color: #7a8088; font-size: 9px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
    .mega-links { display: grid; gap: 3px; }
    .mega-links.two-column { grid-template-columns: 1fr 1fr; column-gap: 18px; }
    .mega-product-link { min-width: 0; padding: 9px 8px; border-radius: 10px; display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 10px; transition: background .22s ease, transform .25s var(--ease); }
    .mega-product-link[hidden], .mobile-product-link[hidden] { display: none !important; }
    .mega-product-link:hover { background: #fff; transform: translateX(3px); box-shadow: 0 7px 20px rgba(16,18,21,.05); }
    .mega-product-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: var(--item-color,#1769ff); background: color-mix(in srgb,var(--item-color,#1769ff) 11%,white); font-weight: 750; font-size: 11px; }
    .mega-product-icon svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; }
    .mega-product-icon img { width: 25px; height: 25px; object-fit:contain; }
    .mega-product-copy { min-width: 0; }
    .mega-product-copy strong { display: block; overflow: hidden; font-size: 12px; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; }
    .mega-product-copy span { display: block; overflow: hidden; margin-top: 3px; color: #7b8189; font-size: 9px; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; }
    .mega-product-link > svg { width: 13px; height: 13px; color: #a2a7ad; fill: none; stroke: currentColor; stroke-width: 2; opacity: 0; transform: translateX(-4px); transition: .22s ease; }
    .mega-product-link:hover > svg { opacity: 1; transform: none; }
    .mega-empty { display: none; padding: 26px 0 4px; color: #727981; font-size: 13px; text-align: center; }
    .mega-empty.visible { display: block; }
    .mega-solutions-grid { display: grid; grid-template-columns: repeat(3,1fr) .9fr; gap: 34px; padding-top: 25px; }
    .mega-solution-group h3 { margin: 0 0 13px; color: #7a8088; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
    .mega-solution-link { padding: 9px 0; display: block; border-bottom: 1px solid rgba(16,18,21,.07); }
    .mega-solution-link strong { display: block; font-size: 13px; }
    .mega-solution-link span { display: block; margin-top: 3px; color: #7a8088; font-size: 9px; }
    .mega-solution-link:hover strong { color: #1769ff; }
    .mega-callout { padding: 22px; border-radius: 18px; color: #fff; background: #101a2b; }
    .mega-callout span { color: #83b4ff; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
    .mega-callout h3 { margin: 18px 0 10px; font-family: Manrope,sans-serif; font-size: 24px; line-height: 1.05; }
    .mega-callout p { margin: 0 0 18px; color: #aeb8c8; font-size: 10px; line-height: 1.5; }
    .mega-callout a { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; }
    .mega-callout a:hover { color: #75b4ff; }

    .mobile-nav-shell { display: grid; width: min(100%,680px); margin: 0 auto; gap: 16px; }
    .mobile-menu .mobile-menu-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-bottom: 13px; border-bottom: 1px solid rgba(16,18,21,.1); }
    .mobile-menu .mobile-menu-head span { color: #7b8189; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .mobile-menu .mobile-menu-head strong { display: block; margin-top: 2px; font-family: Manrope,sans-serif; font-size: 23px; }
    .mobile-product-search { height: 46px; padding: 0 14px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(16,18,21,.1); border-radius: 12px; background: #fff; }
    .mobile-product-search svg { width: 17px; height: 17px; color: #747b84; fill: none; stroke: currentColor; stroke-width: 2; }
    .mobile-product-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; font-size: 13px; }
    .mobile-menu details { border-bottom: 1px solid rgba(16,18,21,.1); }
    .mobile-menu summary { min-height: 56px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font-size: 18px; font-weight: 700; }
    .mobile-menu summary::-webkit-details-marker { display: none; }
    .mobile-menu summary svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .25s ease; }
    .mobile-menu details[open] summary svg { transform: rotate(45deg); }
    .mobile-product-groups { display: grid; gap: 17px; padding: 4px 0 20px; }
    .mobile-product-group[hidden] { display: none; }
    .mobile-product-group h3 { margin: 0 0 5px; color: #7b8189; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
    .mobile-product-links { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
    .mobile-menu a.mobile-product-link { min-width: 0; padding: 10px; border: 1px solid rgba(16,18,21,.08); border-radius: 10px; display: block; background: rgba(255,255,255,.55); font-size: 12px; line-height: 1.25; }
    .mobile-menu a.mobile-product-link strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .mobile-menu a.mobile-product-link span { display: block; margin-top: 3px; color: #7b8189; font-size: 9px; }
    .mobile-menu a.mobile-product-link:hover { color: #fff; background: #1769ff; border-color: #1769ff; }
    .mobile-menu a.mobile-product-link:hover span { color: rgba(255,255,255,.72); }
    .mobile-solutions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 4px 0 20px; }
    .mobile-menu a.mobile-solution-link { min-width: 0; padding: 12px; border: 1px solid rgba(16,18,21,.08); border-radius: 10px; display: block; font-size: 12px; line-height: 1.25; }
    .mobile-menu a.mobile-solution-link span { display: block; margin-top: 4px; color: #7b8189; font-size: 9px; }
    .mobile-menu .mobile-direct { display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; border: 0; }
    .mobile-menu a.mobile-direct-link { min-height: 45px; padding: 0 13px; border: 1px solid rgba(16,18,21,.09); border-radius: 11px; align-items: center; font-size: 13px; }
    .mobile-menu a.mobile-direct-link span { font-size: 9px; }
    .mobile-menu a.mobile-direct-link [data-auth-label] { font-size: 13px; }
    .mobile-menu a.mobile-start { color: #fff; background: #101215; }
    .mobile-search-empty { display: none; padding: 14px; color: #777e87; text-align: center; font-size: 12px; }
    .mobile-search-empty.visible { display: block; }

    @media(max-width:1080px){.mega-shell,.mega-scrim{display:none}.mobile-menu{padding:82px 16px 24px}.mobile-menu nav{width:auto;margin:0;border:0}.mobile-product-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:520px){.mobile-product-links,.mobile-solutions{grid-template-columns:1fr}.mobile-menu .mobile-direct{grid-template-columns:1fr 1fr}.mobile-menu .mobile-menu-head strong{font-size:20px}}

    

/* Content shell for sparse direct pages */

/* Direct site content shell — matches contact/book-demo content language */
body.direct-site {
  background: #f4f4f1 !important;
  color: #111827 !important;
}
body.direct-site.menu-open,
body.direct-site.modal-open { overflow: hidden; }

.direct-shell {
  width: min(calc(100% - 32px), 1120px);
  margin: 0 auto;
  padding: calc(var(--header, 64px) + 48px) 0 72px;
}
.direct-kicker {
  margin: 0 0 14px;
  color: #1769ff;
  font: 800 11px/1 "JetBrains Mono", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.direct-shell h1 {
  margin: 0 0 16px;
  max-width: 16ch;
  font-family: Manrope, sans-serif;
  font-size: clamp(2.6rem, 6vw, 4.4rem);
  line-height: .98;
  letter-spacing: -.03em;
  font-weight: 700;
  color: #101215;
}
.direct-shell > p,
.direct-lede {
  margin: 0 0 28px;
  max-width: 62ch;
  color: #607087;
  font-size: 17px;
  line-height: 1.65;
}
.direct-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 0 36px;
}
.direct-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.direct-card {
  min-height: 200px;
  padding: 24px;
  border: 1px solid rgba(16,18,21,.1);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(16,18,21,.05);
}
.direct-card span {
  display: inline-block;
  color: #1769ff;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.direct-card h2,
.direct-card h3 {
  margin: 28px 0 10px;
  font-family: Manrope, sans-serif;
  font-size: 22px;
  letter-spacing: -.02em;
  color: #101215;
}
.direct-card p {
  margin: 0;
  color: #667085;
  line-height: 1.65;
  font-size: 14px;
}
.direct-panel {
  padding: 28px;
  border: 1px solid rgba(16,18,21,.1);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(16,18,21,.05);
}
.direct-panel h2 {
  margin: 0 0 12px;
  font-family: Manrope, sans-serif;
  font-size: clamp(1.6rem, 3vw, 2rem);
}
.direct-panel p, .direct-panel li {
  color: #5b6575;
  line-height: 1.7;
}
.direct-list {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
.direct-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid rgba(16,18,21,.1);
  border-radius: 14px;
  background: #fbfcfd;
  color: #101215;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: .2s ease;
}
.direct-list a:hover {
  border-color: rgba(23,105,255,.35);
  background: #edf3ff;
  color: #0b4dc7;
}
.direct-legal {
  max-width: 820px;
}
.direct-legal h2 {
  margin: 28px 0 10px;
  font-family: Manrope, sans-serif;
  font-size: 1.35rem;
}
.direct-legal p, .direct-legal li {
  color: #5b6575;
  line-height: 1.75;
}
@media (max-width: 900px) {
  .direct-grid { grid-template-columns: 1fr; }
  .direct-shell { padding-top: calc(var(--header, 64px) + 28px); }
  .direct-shell h1 { max-width: none; }
}

/* Hide competing page chrome when shared chrome is active */
body.direct-site > nav.shell,
body.direct-site > header.site-header:not([data-abd-chrome="1"]),
body.direct-site > header.auth-header,
body.direct-site > header.entry-header,
body.direct-site .auth-header,
body.direct-site .legal-nav,
body.direct-site > .mobile-panel,
body.direct-site > .mobile-menu:not(#mobileMenu),
body.direct-site > footer.shell,
body.direct-site > footer.site-footer,
body.direct-site > footer.footer:not([data-abd-chrome="1"]),
body.direct-site > footer:not(.footer) {
  display: none !important;
}


/* Icon safety from book-demo/contact */
/* Icon safety: prevent Lucide/SVG blow-up from max-width:100% rules */
    .demo-page svg,
    .demo-page .lucide,
    .site-header svg,
    .site-header .lucide,
    .mobile-menu svg,
    .mobile-menu .lucide,
    .mega-shell svg,
    .mega-shell .lucide,
    .search-modal svg,
    .footer svg {
      max-width: 28px !important;
      max-height: 28px !important;
      flex: 0 0 auto !important;
      overflow: visible !important;
    }
    .demo-interest label i svg,
    .demo-interest label i .lucide,
    .demo-interest label svg {
      width: 15px !important;
      height: 15px !important;
      max-width: 15px !important;
      max-height: 15px !important;
      fill: none !important;
      stroke: currentColor !important;
      stroke-width: 1.8 !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
    }
    .demo-interest label i {
      width: 31px !important;
      height: 31px !important;
      min-width: 31px !important;
      min-height: 31px !important;
      display: grid !important;
      place-items: center !important;
      overflow: hidden !important;
    }
    .demo-mini-icon,
    .demo-result-icon {
      display: grid !important;
      place-items: center !important;
      overflow: hidden !important;
    }
    .demo-mini-icon svg,
    .demo-mini-icon .lucide,
    .demo-result-icon svg,
    .demo-result-icon .lucide {
      width: 18px !important;
      height: 18px !important;
      max-width: 18px !important;
      max-height: 18px !important;
    }
    .demo-hero-arrow svg,
    .demo-back svg,
    .demo-next svg,
    .demo-submit svg,
    .demo-mini-link svg,
    .btn svg {
      width: 17px !important;
      height: 17px !important;
      max-width: 17px !important;
      max-height: 17px !important;
      fill: none !important;
      stroke: currentColor !important;
      stroke-width: 2 !important;
    }
    .icon-button svg,
    .icon-button .lucide {
      width: 18px !important;
      height: 18px !important;
      max-width: 18px !important;
      max-height: 18px !important;
    }
    .mega-product-icon {
      width: 32px !important;
      height: 32px !important;
      overflow: hidden !important;
    }
    .mega-product-icon svg,
    .mega-product-icon .lucide {
      width: 15px !important;
      height: 15px !important;
      max-width: 15px !important;
      max-height: 15px !important;
    }
    .nav-trigger svg {
      width: 12px !important;
      height: 12px !important;
      max-width: 12px !important;
      max-height: 12px !important;
    }
    .brand img {
      width: 38px !important;
      height: 38px !important;
      max-width: 38px !important;
      max-height: 38px !important;
      object-fit: contain !important;
    }
    .brand-logo-wrap img {
      width: 29px !important;
      height: 29px !important;
      max-width: 29px !important;
      max-height: 29px !important;
    }

  

body.direct-site .site-header,
#header[data-abd-chrome="1"] {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 100200 !important;
  display: flex !important;
}


/* Force light direct-site surfaces over any inherited dark body rules */
body.direct-site {
  background: #f4f4f1 !important;
  color: #111827 !important;
}
body.direct-site .site-header[data-abd-chrome="1"],
body.direct-site #header[data-abd-chrome="1"] {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 100200 !important;
  height: var(--header, 64px) !important;
  display: flex !important;
  align-items: center !important;
  color: #101215 !important;
  background: rgba(244,244,241,.94) !important;
  border-bottom: 1px solid rgba(16,18,21,.1) !important;
  backdrop-filter: blur(20px) saturate(130%);
}
body.direct-site .site-header[data-abd-chrome="1"].scrolled {
  height: 58px !important;
  background: rgba(250,250,247,.96) !important;
  box-shadow: 0 10px 34px rgba(16,18,21,.08) !important;
}
/* —— Homepage-standard footer (source of truth: index.html) —— */
body.direct-site footer.footer[data-abd-chrome="1"],
body.direct-site footer.footer,
footer.footer[data-abd-chrome="1"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: #050914 !important;
  color: #fff !important;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
  padding: 72px 0 28px !important;
  box-sizing: border-box !important;
}
body.direct-site footer.footer .container,
footer.footer[data-abd-chrome="1"] .container {
  width: min(calc(100% - 64px), var(--max, 1380px)) !important;
  max-width: var(--max, 1380px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
}
body.direct-site .footer-top,
footer.footer[data-abd-chrome="1"] .footer-top {
  display: grid !important;
  grid-template-columns: 1.5fr repeat(4, .62fr) !important;
  gap: 38px !important;
  align-items: start !important;
}
body.direct-site .footer-brand,
footer.footer[data-abd-chrome="1"] .footer-brand {
  min-width: 0 !important;
}
body.direct-site .footer-brand .brand,
footer.footer[data-abd-chrome="1"] .footer-brand .brand {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: max-content !important;
  color: #fff !important;
}
body.direct-site .footer .brand-text,
footer.footer[data-abd-chrome="1"] .brand-text {
  color: #fff !important;
  font-size: 20px !important;
  line-height: .92 !important;
  font-weight: 800 !important;
}
body.direct-site .footer .brand-text small,
footer.footer[data-abd-chrome="1"] .brand-text small {
  display: block !important;
  margin-top: 5px !important;
  color: #aeb7c5 !important;
  font-size: 8px !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
body.direct-site .footer .brand img,
footer.footer[data-abd-chrome="1"] .brand img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  object-fit: contain !important;
  filter: none !important;
}
body.direct-site .footer-brand p,
footer.footer[data-abd-chrome="1"] .footer-brand p {
  max-width: 400px !important;
  margin: 24px 0 !important;
  color: #939fb0 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}
body.direct-site .footer-locations,
footer.footer[data-abd-chrome="1"] .footer-locations {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 20px !important;
  color: #c2cad5 !important;
  font-size: 11px !important;
}
body.direct-site .footer-col,
footer.footer[data-abd-chrome="1"] .footer-col {
  min-width: 0 !important;
}
body.direct-site .footer-col h4,
footer.footer[data-abd-chrome="1"] .footer-col h4 {
  margin: 0 0 17px !important;
  color: #748094 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
}
body.direct-site .footer-col a,
footer.footer[data-abd-chrome="1"] .footer-col a {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 9px 0 !important;
  color: #c2cad5 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: color .2s ease, transform .2s ease !important;
}
body.direct-site .footer-col a:hover,
footer.footer[data-abd-chrome="1"] .footer-col a:hover {
  color: #fff !important;
  transform: translateX(4px);
}
body.direct-site .footer-bottom,
footer.footer[data-abd-chrome="1"] .footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  margin-top: 58px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
  color: #758094 !important;
  font-size: 10px !important;
}
body.direct-site .footer-legal,
footer.footer[data-abd-chrome="1"] .footer-legal {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
}
body.direct-site .footer-legal a,
footer.footer[data-abd-chrome="1"] .footer-legal a {
  color: #758094 !important;
  text-decoration: none !important;
}
body.direct-site .footer-legal a:hover,
footer.footer[data-abd-chrome="1"] .footer-legal a:hover {
  color: #fff !important;
}
body.direct-site .back-top,
footer.footer[data-abd-chrome="1"] .back-top {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 auto !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: background .2s ease, border-color .2s ease !important;
}
body.direct-site .back-top:hover,
footer.footer[data-abd-chrome="1"] .back-top:hover {
  background: #0878ff !important;
  border-color: #0878ff !important;
  color: #fff !important;
}
body.direct-site .back-top svg,
body.direct-site .back-top .lucide,
footer.footer[data-abd-chrome="1"] .back-top svg,
footer.footer[data-abd-chrome="1"] .back-top .lucide {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  display: block !important;
}

@media (max-width: 1180px) {
  body.direct-site .footer-top,
  footer.footer[data-abd-chrome="1"] .footer-top {
    grid-template-columns: 1.4fr repeat(2, 1fr) !important;
  }
  body.direct-site .footer-brand,
  footer.footer[data-abd-chrome="1"] .footer-brand {
    grid-row: span 2 !important;
  }
}

@media (max-width: 640px) {
  body.direct-site footer.footer[data-abd-chrome="1"],
  body.direct-site footer.footer,
  footer.footer[data-abd-chrome="1"] {
    padding: 56px 0 24px !important;
  }
  body.direct-site footer.footer .container,
  footer.footer[data-abd-chrome="1"] .container {
    width: min(calc(100% - 28px), var(--max, 1380px)) !important;
  }
  body.direct-site .footer-top,
  footer.footer[data-abd-chrome="1"] .footer-top {
    grid-template-columns: 1fr 1fr !important;
    gap: 34px 24px !important;
  }
  body.direct-site .footer-brand,
  footer.footer[data-abd-chrome="1"] .footer-brand {
    grid-column: span 2 !important;
    grid-row: auto !important;
  }
  body.direct-site .footer-bottom,
  footer.footer[data-abd-chrome="1"] .footer-bottom {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 16px !important;
  }
  body.direct-site .footer-legal,
  footer.footer[data-abd-chrome="1"] .footer-legal {
    grid-column: 1 / 3 !important;
  }
  body.direct-site .footer .brand-text small,
  footer.footer[data-abd-chrome="1"] .brand-text small {
    display: none !important;
  }
}

body.direct-site svg,
body.direct-site .lucide {
  max-width: 28px !important;
  max-height: 28px !important;
  flex: 0 0 auto !important;
}
body.direct-site .btn svg {
  width: 17px !important;
  height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;
}
body.direct-site .mega-product-icon svg,
body.direct-site .mega-product-icon .lucide {
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
}
body.direct-site .icon-button svg {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
}
body.direct-site .brand img {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  object-fit: contain !important;
}
body.direct-site footer.footer .brand img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
}