:root{
      --font--primary-family: Roboto, Arial, sans-serif;
      --font--secondary-family: "Instrument Sans", Arial, sans-serif;

      --swatch--text-brand: #191a1d;
      --swatch--text-black-40: #191a1d66;
      --swatch--text-black-60: #191a1d99;
      --swatch--text-black-80: #191a1dcc;
      --swatch--bg-white: #ffffff;
      --swatch--bg-light-grey: #f6f7f8;
      --swatch--bg-grey: #282a2e;
      --swatch--bg-brand: #191a1d;

      --swatch--accent-blue: #8ed0fd;

      --border--black-10: #0000001a;
      --border--white-10: #ffffff1a;
      --border--white-30: #ffffff4d;
      --border-width--main: 1.5px;

      --letter-spacing--0em: 0em;
      --letter-spacing--0-01em: -.01em;
      --letter-spacing--0-04em: -.04em;

      --line-height--1-1em: 1.1em;
      --line-height--1-3em: 1.3em;
      --line-height--1-5em: 1.5em;
      --line-height--1-7em: 1.7em;

      --size--1rem: 1rem;
      --size--1-25rem: 1.25rem;
      --size--1-5rem: 1.5rem;

      --size--2-5rem: 2.5rem;
      --size--3-5rem: 3.5rem;
      --size--4-5rem: 4.5rem;
      --size--5-5rem: 5.5rem;

      --max-width--main: 90rem;
      --padding-horizontal--main: clamp(1rem, 4.5vw, 3rem);
      --section-pad-y: clamp(4rem, 3.142rem + 4.29vw, 7rem);

      --header-height: 78px;

      --text--font-family: var(--font--secondary-family);
      --text--font-size: var(--size--1rem);
      --text--line-height: var(--line-height--1-7em);
      --text--letter-spacing: var(--letter-spacing--0em);
      --text--font-weight: 400;

      --_button---primary--bg: white;
      --_button---primary--bg-hover: #f6f7f8;
      --_button---primary--text: #191a1d;

      --_button---secondary--bg: #191a1d;
      --_button---secondary--bg-hover: #282a2e;
      --_button---secondary--text: white;

      --radius--round: 100vw;
      --radius-lg: 22px;
      --radius-xl: 28px;

      --shadow-sm: 0 1px 0 rgba(0,0,0,.06), 0 12px 30px rgba(0,0,0,.06);
      --shadow-md: 0 1px 0 rgba(0,0,0,.08), 0 18px 50px rgba(0,0,0,.09);

      --focus-ring: rgba(76,125,255,.65);
    }

    @supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)){
      :root{
        --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem);
        --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem);
        --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);
        --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem);
      }
    }

    *{ box-sizing:border-box; }
    html{ -webkit-text-size-adjust:100%; font-size:16px; }
    body{
      margin:0;
      font-family: var(--text--font-family);
      color: var(--swatch--text-brand);
      font-size: var(--text--font-size);
      line-height: var(--text--line-height);
      letter-spacing: var(--text--letter-spacing);
      font-weight: var(--text--font-weight);
      -webkit-font-smoothing: antialiased;
      background: var(--swatch--bg-white);
    }

    h1,h2,h3,h4,h5,h6,p,label,blockquote{ margin:0; }
    a{ color:inherit; text-decoration:none; }
    button{ font:inherit; color:inherit; }
    [hidden]{ display:none !important; }
    img{ max-width:100%; height:auto; }

    .container{
      width: min(var(--max-width--main), calc(100% - (var(--padding-horizontal--main) * 2)));
      margin: 0 auto;
    }

    .skip{
      position:absolute;
      left:-999px;
      top:0;
      padding:.75rem 1rem;
      background:#fff;
      border: var(--border-width--main) solid var(--border--black-10);
      border-radius: var(--radius--round);
      box-shadow: var(--shadow-sm);
      z-index:999;
    }
    .skip:focus{ left: 1rem; top: 1rem; }

    .srOnly{
      position:absolute;
      width:1px; height:1px;
      padding:0; margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
    }

    :where(section[id]){ scroll-margin-top: calc(var(--header-height) + 18px); }

    :where(a, button, summary, input, textarea, select):focus-visible{
      outline: 3px solid var(--focus-ring);
      outline-offset: 3px;
    }

    .h_2_52_400_b_s{
      font-family: var(--font--secondary-family);
      color: var(--swatch--text-brand);
      font-size: var(--size--3-5rem);
      line-height: var(--line-height--1-1em);
      letter-spacing: var(--letter-spacing--0-04em);
      font-weight: 400;
      text-transform: none;
    }

    .h_display_section{
      font-family: var(--font--secondary-family);
      color: var(--swatch--text-brand);
      font-size: var(--size--4-5rem);
      line-height: var(--line-height--1-1em);
      letter-spacing: var(--letter-spacing--0-04em);
      font-weight: 400;
    }

    .muted{ color: var(--swatch--text-black-60); }
    .muted40{ color: var(--swatch--text-black-40); }
    .accentBlue{ color: var(--swatch--accent-blue); }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.6rem;
      padding: .95rem 1.35rem;
      border-radius: var(--radius--round);
      border: var(--border-width--main) solid var(--border--black-10);
      font-size: 1rem;
      font-weight: 500;
      line-height: 1;
      cursor:pointer;
      user-select:none;
      transition: background .15s ease, color .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease;
      background: transparent;
    }
    .btn:active{ transform: translateY(1px); }

    .btn.primary{
      background: var(--_button---primary--bg);
      color: var(--_button---primary--text);
    }
    .btn.primary:hover{ background: var(--_button---primary--bg-hover); }

    .btn.secondary{
      background: var(--_button---secondary--bg);
      color: var(--_button---secondary--text);
      border-color: var(--border--black-10);
    }
    .btn.secondary:hover{ background: var(--_button---secondary--bg-hover); }

    header{
      position: sticky;
      top:0;
      z-index:50;
      background: rgba(255,255,255,.96);
      border-bottom: var(--border-width--main) solid var(--border--black-10);
    }
    .headerInner{ position:relative; }

    .nav{
      height: var(--header-height);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 1.25rem;
    }
    .brand{
      display:flex;
      align-items:center;
      font-family: var(--font--secondary-family);
      font-size: clamp(1.14rem, 1.08rem + .3vw, 1.3rem);
      line-height: 1;
      font-weight: 500;
      letter-spacing: -.02em;
    }
    .dot{
      width: 10px; height: 10px; border-radius: 999px;
      background: radial-gradient(circle at 30% 30%, #ffd6a5, #ff8f5b 45%, #5a2c1b 100%);
      box-shadow: 0 0 0 8px rgba(255,143,91,.12);
    }

    .navlinks{
      display:flex;
      gap: 1.4rem;
      align-items:center;
      font-size: 1rem;
      color: var(--swatch--text-black-40);
      list-style:none;
      margin:0;
      padding:0;
    }
    .navlinks a:hover{ color: var(--swatch--text-black-60); }

    .navActions{
      display:flex;
      gap: .9rem;
      align-items:center;
    }

    .mobileNav{
      position:absolute;
      left:0; right:0;
      top: calc(var(--header-height) + 10px);
      padding: .85rem;
      border: var(--border-width--main) solid var(--border--black-10);
      border-radius: 18px;
      background: rgba(255,255,255,.98);
      box-shadow: var(--shadow-sm);
    }
    .mobileNav ul{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap: .35rem;
    }
    .mobileNav a{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: .9rem 1rem;
      border-radius: 14px;
      color: var(--swatch--text-brand);
      font-family: var(--font--secondary-family);
      letter-spacing: var(--letter-spacing--0-01em);
    }
    .mobileNav a:hover{ background: var(--swatch--bg-light-grey); }
    .mobileNav .mobileMeta{ color: var(--swatch--text-black-60); font-size: .95rem; }

    .section{ padding: var(--section-pad-y) 0; }
    .center{ text-align:center; }
    .subtext{
      margin-top: 1.1rem;
      font-size: 1.15rem;
      line-height: 1.7em;
      color: var(--swatch--text-black-60);
      max-width: 76ch;
      margin-inline:auto;
    }

    .diagramCard{
      margin-top: 2rem;
      border: 0;
      border-radius: 0;
      overflow: visible;
      box-shadow: none;
      background: transparent;
    }
    .diagramTop{
      display:block;
      position:relative;
      padding: 0;
      background: transparent;
      line-height: 1;
    }
    .jobsChartCard{
      width: min(980px, 100%);
      margin-inline: auto;
      background: transparent;
      border-radius: 0;
      box-shadow: none;
      padding: 12px 0 10px;
      position: relative;
      overflow: visible;
    }
    .jobsChartHeader{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 16px;
      padding: 0 0 14px;
    }
    .jobsChartTitle{
      margin:0;
      font-size: 34px;
      letter-spacing: -0.03em;
      font-weight: 800;
      line-height: 1.1;
      font-family: var(--font--secondary-family);
      color: #0b1220;
    }
    .jobsChartPill{
      display:inline-flex;
      align-items:center;
      gap: 10px;
      padding: 10px 14px;
      border-radius: 14px;
      background: rgba(2, 233, 118, .10);
      border: 1px solid rgba(2, 233, 118, .18);
      color: rgba(11,18,32,.80);
      font-weight: 700;
      user-select: none;
      font-family: var(--font--secondary-family);
      font-size: 1rem;
      letter-spacing: -.01em;
    }
    .jobsChartPill .dot{
      width: 12px;
      height: 12px;
      border-radius: 999px;
      background: linear-gradient(135deg, #36ff8a, #00e676);
      box-shadow: 0 0 0 4px rgba(54,255,138,.14);
    }
    .jobsChartWrap{
      position: relative;
      height: clamp(180px, 22vw, 260px);
      border-radius: 0;
      padding: 0;
      overflow: visible;
      background: transparent;
      width: 100%;
      margin-left: 0;
    }
    .jobsChartWrap::before{
      content:none;
    }
    .jobsChartWrap::after{
      content:none;
    }
    #jobsChart{
      position:relative;
      z-index:1;
      width: 100%;
      height: 100%;
    }
    #services .chart-tooltip{
      position:absolute;
      z-index: 5;
      width: 300px;
      max-width: min(300px, calc(100vw - 64px));
      padding: 14px 14px 12px;
      border-radius: 22px;
      color: #eafff3;
      background: linear-gradient(135deg, rgba(14, 65, 38, .98), rgba(8, 28, 18, .98));
      box-shadow:
        0 30px 70px rgba(2, 6, 23, .28),
        0 10px 24px rgba(2, 6, 23, .18);
      border: 1px solid rgba(54,255,138,.16);
      transform: translateZ(0);
      opacity: 0;
      pointer-events: none;
      font-family: var(--font--secondary-family);
    }
    #services .chart-tooltip.show{
      opacity: 1;
      transition: opacity 420ms cubic-bezier(.2, .9, .2, 1);
    }
    #services .chart-tooltip::after{
      content:"";
      position:absolute;
      width: 16px;
      height: 16px;
      left: var(--arrow-x, 50%);
      bottom: -8px;
      transform: translateX(-50%) rotate(45deg);
      background: linear-gradient(135deg, rgba(14, 65, 38, .98), rgba(8, 28, 18, .98));
      border-right: 1px solid rgba(54,255,138,.10);
      border-bottom: 1px solid rgba(54,255,138,.10);
    }
    #services .tt-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    #services .tt-date{
      font-weight:800;
      letter-spacing:-0.02em;
      font-size:18px;
      opacity:.95;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    #services .tt-dots{
      display:flex;
      gap:8px;
      opacity:.55;
      flex:0 0 auto;
    }
    #services .tt-dots i{
      width:8px;
      height:8px;
      border-radius:999px;
      background:rgba(234,255,243,.8);
      display:block;
    }
    #services .tt-value{
      font-size:34px;
      line-height:1.06;
      letter-spacing:-0.04em;
      font-weight:900;
      margin:0 0 10px;
      color:#fff;
    }
    #services .tt-bottom{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
    }
    #services .tt-label{
      font-size:15px;
      color:rgba(234,255,243,.78);
      font-weight:700;
    }
    #services .tt-change{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-weight:900;
      color: #36ff8a;
      font-size:15px;
      white-space:nowrap;
    }
    #services .tt-change .badge{
      width:30px;
      height:30px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background: rgba(54,255,138,.14);
      border: 1px solid rgba(54,255,138,.22);
      color:#eafff3;
      font-weight:900;
    }
    @media (max-width: 920px){
      .jobsChartCard{
        padding: 8px 0 10px;
      }
      .jobsChartTitle{ font-size: 28px; }
      .jobsChartWrap{ height: clamp(170px, 28vw, 220px); }
      #services .chart-tooltip{
        width: min(280px, calc(100vw - 52px));
      }
      #services .tt-value{ font-size: 30px; }
    }
    @media (max-width: 620px){
      .jobsChartHeader{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
      }
      .jobsChartPill{
        align-self: flex-start;
        padding: 8px 11px;
        font-size: .92rem;
      }
      .jobsChartWrap{
        height: clamp(160px, 44vw, 200px);
      }
      #services .chart-tooltip{
        width: min(240px, calc(100vw - 44px));
        padding: 12px 12px 10px;
      }
      #services .tt-date{ font-size: 16px; }
      #services .tt-value{ font-size: 26px; }
      #services .tt-label,
      #services .tt-change{ font-size: 13px; }
    }
    .diagramBottom{
      border-top: var(--border-width--main) solid var(--border--black-10);
      padding: 1.6rem 1.8rem 1.8rem;
      text-align: left;
    }

    .featureRow{
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: clamp(1rem, 2vw, 1.25rem);
      align-items:start;
    }
    .feat{
      --feat-accent: #334155;
      --feat-tint: rgba(51, 65, 85, .15);
      display:flex;
      flex-direction:column;
      align-items:stretch;
      text-align:left;
      gap: .9rem;
      min-height: 100%;
      padding: 1.15rem 1.15rem 1.1rem;
      border: 1px solid rgba(15,23,42,.1);
      border-radius: 20px;
      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
      box-shadow: 0 1px 0 rgba(15,23,42,.04), 0 12px 28px rgba(15,23,42,.06);
      transition: border-color .2s ease, box-shadow .2s ease;
      position: relative;
      overflow: hidden;
    }
    .feat::before{
      content: "";
      position: absolute;
      top: -78px;
      right: -78px;
      width: 180px;
      height: 180px;
      border-radius: 999px;
      background: radial-gradient(circle at center, var(--feat-tint) 0%, transparent 72%);
      pointer-events: none;
      z-index: 0;
    }
    .feat > *{
      position: relative;
      z-index: 1;
    }
    .featTop{
      display:block;
    }
    .feat h4{
      flex: 1 1 auto;
      min-width: 0;
      font-family: var(--font--secondary-family);
      font-weight: 600;
      font-size: 1.22rem;
      letter-spacing: var(--letter-spacing--0-01em);
      line-height: 1.2;
      margin: 0;
      text-wrap: balance;
      color: #0f172a;
    }
    .feat p{
      margin: 0;
      font-size: 1.05rem;
      line-height: 1.6;
      color: var(--swatch--text-black-80);
      text-wrap: pretty;
      hyphens: none;
      min-height: 0;
      flex: 1 1 auto;
    }
    .featCta{
      display:inline-flex;
      align-items:center;
      gap: .6rem;
      align-self: flex-start;
      margin-top: auto;
      padding-top: 1.55rem;
      font-family: var(--font--secondary-family);
      font-size: 1.08rem;
      letter-spacing: 0;
      text-transform: none;
      color: #0b1220;
      text-decoration: none;
      line-height: 1;
    }
    .featCta > span:first-child{
      display: inline-flex;
      align-items: center;
      min-height: 2rem;
      font-family: var(--font--primary-family);
      font-weight: 900;
      letter-spacing: -.01em;
      line-height: 1.05;
    }
    .featArrow{
      display: inline-flex;
      width: 2rem;
      height: 2rem;
      border-radius: 999px;
      align-items: center;
      justify-content: center;
      border: 1.5px solid rgba(15,23,42,.28);
      background: #f8fafc;
      color: #0f172a;
      transform: translateY(1px);
      transition: transform .2s ease, color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
      flex: 0 0 auto;
    }
    .featCta:hover .featArrow,
    .featCta:focus-visible .featArrow{
      transform: translateX(3px) translateY(1px);
      color: #020617;
      border-color: rgba(2,6,23,.6);
      background: #ffffff;
      box-shadow: 0 0 0 2px rgba(2,6,23,.08);
    }
    .featCta:focus-visible{
      border-radius: 999px;
      outline-offset: 4px;
    }
    .feat-maps{ --feat-tint: rgba(37,99,235,.18); }
    .feat-seo{ --feat-tint: rgba(15,118,110,.17); }
    .feat-lsa{ --feat-tint: rgba(15,155,95,.17); }
    .feat-facebook{ --feat-tint: rgba(29,78,216,.17); }

    .dark{ background: var(--swatch--bg-brand); color: white; }
    .metricsGrid{
      display:grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 2rem;
      align-items:start;
      padding-bottom: 3rem;
    }
    .metricsText h2{ color:white; }
    .metricsText p{
      margin-top: 1rem;
      color: rgba(255,255,255,.72);
      font-size: 1.15rem;
      line-height: 1.7em;
      max-width: 60ch;
    }
    .kpis{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
      margin-top: .6rem;
    }
    .kpi{
      border: var(--border-width--main) solid var(--border--white-10);
      border-radius: 18px;
      padding: 1.25rem;
      background: rgba(255,255,255,.03);
    }
    .kpi .label{
      color: rgba(255,255,255,.65);
      font-size: 1rem;
      margin-bottom: .65rem;
      font-family: var(--font--secondary-family);
      letter-spacing: var(--letter-spacing--0-01em);
    }
    .kpi .value{
      font-family: var(--font--secondary-family);
      font-weight: 400;
      font-size: 1.7rem;
      letter-spacing: var(--letter-spacing--0-01em);
      color:white;
    }
    .mapBand{
      border-top: var(--border-width--main) solid var(--border--white-10);
      padding: 4.5rem 0 5.5rem;
      position:relative;
      overflow:hidden;
      text-align:center;
    }
    .mapBand::before{
      content:"";
      position:absolute;
      left:0; right:0; bottom:-18px;
      height: 260px;
      background-image: url("../img/decor/map-band-lines.svg");
      background-size: cover;
      background-position:center bottom;
      pointer-events:none;
    }
    .mapBand h3{
      font-family: var(--font--secondary-family);
      font-weight: 400;
      letter-spacing: var(--letter-spacing--0-01em);
      font-size: 1.35rem;
      color: rgba(255,255,255,.92);
      position:relative;
    }
    .mapBand p{
      margin-top: .85rem;
      font-size: 1.05rem;
      color: rgba(255,255,255,.64);
      max-width: 74ch;
      margin-inline:auto;
      position:relative;
    }

    .quoteIcon{
      width: 44px; height: 44px;
      border-radius: 999px;
      border: var(--border-width--main) solid var(--border--black-10);
      display:grid; place-items:center;
      margin: 0 auto 1.2rem;
      background:#fff;
      box-shadow: 0 1px 0 rgba(0,0,0,.03);
    }
    blockquote{
      font-family: var(--font--secondary-family);
      font-weight: 400;
      letter-spacing: var(--letter-spacing--0-04em);
      line-height: var(--line-height--1-1em);
      font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2.1rem);
      text-align:center;
      color: var(--swatch--text-brand);
    }
    .quoteBy{
      margin-top: 1.2rem;
      text-align:center;
      color: var(--swatch--text-black-60);
      font-size: 1.05rem;
    }
    .quoteBy b{ color: var(--swatch--text-brand); font-weight: 600; }

    body[data-page="home"] .quoteSection{
      background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
      border-top: var(--border-width--main) solid var(--border--black-10);
    }
    body[data-page="home"] #process{
      background: linear-gradient(180deg, #f8fbff 0%, #ffffff 72%);
      border-top: var(--border-width--main) solid var(--border--black-10);
    }
    body[data-page="home"] #faq{
      background: linear-gradient(180deg, #f8faff 0%, #fcfdff 100%);
      border-top: var(--border-width--main) solid var(--border--black-10);
    }

    .integrations{
      background:
        radial-gradient(900px 520px at 10% 30%, rgba(99,102,241,.10), transparent 60%),
        radial-gradient(900px 520px at 90% 30%, rgba(34,197,94,.10), transparent 60%),
        #fff;
      border-top: var(--border-width--main) solid var(--border--black-10);
      padding-top: clamp(2.8rem, 2.35rem + 1.5vw, 3.9rem);
      padding-bottom: clamp(3.1rem, 2.55rem + 1.7vw, 4.3rem);
    }
    .section#process{
      padding-top: clamp(2.8rem, 2.35rem + 1.35vw, 3.8rem);
    }
    .intGrid{
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-template-areas:
        "text logos"
        "cta .";
      column-gap: clamp(2.2rem, 3.6vw, 4.2rem);
      row-gap: clamp(1.85rem, 2.25vw, 2.55rem);
      align-items: center;
    }
    .intText{
      grid-area: text;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content: center;
      text-align: left;
      width: min(640px, 100%);
      max-width: none;
      margin-inline: auto;
      padding-right: 0;
    }
    .integrations .h_display_section{
      margin: 0;
      font-size: clamp(2.45rem, 1.92rem + 2vw, 3.9rem);
      line-height: 1.03;
      letter-spacing: -.03em;
      font-weight: 500;
      max-width: 11.5ch;
      text-wrap: balance;
    }
    .intText p{
      margin-top: 1.2rem;
      font-size: clamp(1.08rem, 1rem + .32vw, 1.22rem);
      line-height: 1.6em;
      color: var(--swatch--text-black-60);
      max-width: 42ch;
      text-wrap: pretty;
    }
    .intButtonWrap{
      grid-area: cta;
      width: min(640px, 100%);
      margin-inline: auto;
      display:flex;
      justify-content:flex-start;
      align-self: start;
    }
    .intButtonWrap .btn{
      margin-top: 0;
    }
    .tileGrid{
      grid-area: logos;
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: clamp(1rem, 1.35vw, 1.5rem) clamp(1rem, 1.6vw, 1.7rem);
      justify-items:center;
      align-items:center;
      align-content:center;
      list-style:none;
      margin: clamp(.7rem, .95vw, 1.15rem) 0 0;
      padding:0;
      height:auto;
      width: min(760px, 100%);
      margin-inline: auto;
      align-self: center;
    }
    .tile{
      width: min(132px, 100%);
      height: 110px;
      border-radius: 20px;
      border: var(--border-width--main) solid var(--border--black-10);
      background: rgba(255,255,255,.86);
      box-shadow: 0 1px 0 rgba(0,0,0,.03);
      display:grid;
      grid-template-rows: auto auto;
      place-content:center;
      justify-items:center;
      gap: .5rem;
      padding: .78rem .6rem .7rem;
    }
    .tileGrid .tile:nth-child(n+5){
      transform: translateY(10px);
    }
    .tileLogo{
      width: 36px;
      height: 36px;
      display: block;
      object-fit: contain;
      border-radius: 8px;
      image-rendering: auto;
    }
    .tileName{
      font-family: var(--font--secondary-family);
      font-size: .82rem;
      line-height: 1.15;
      letter-spacing: -.01em;
      color: var(--swatch--text-brand);
      font-weight: 550;
      text-align: center;
      text-wrap: balance;
    }

    .mock{
      margin-top: 2rem;
      border-radius: var(--radius-xl);
      border: var(--border-width--main) solid var(--border--black-10);
      box-shadow: var(--shadow-md);
      background:#fff;
      overflow:hidden;
    }
    .mockTop{
      display:flex;
      align-items:center;
      gap: .8rem;
      padding: 1rem 1.2rem;
      border-bottom: var(--border-width--main) solid var(--border--black-10);
      background: linear-gradient(180deg, #fff, #f9fbff);
      font-family: var(--font--secondary-family);
      letter-spacing: var(--letter-spacing--0-01em);
    }
    .mockTitle{ color: var(--swatch--text-black-60); }
    .dots{ display:flex; gap:.45rem; }
    .dots span{ width:10px; height:10px; border-radius:999px; background:#e5e7eb; }

    .mockBody{
      display:grid;
      grid-template-columns: 1fr 280px;
      min-height: 280px;
    }
    .flow{
      padding: 1.4rem;
      position:relative;
      background: radial-gradient(900px 520px at 30% 10%, rgba(99,102,241,.10), transparent 60%), #fff;
    }
    .flowLine{
      position:absolute;
      left: 92px; top: 78px;
      width: 2px; height: 170px;
      border-radius:999px;
      background: linear-gradient(180deg, rgba(76,125,255,.35), rgba(76,125,255,.05));
    }
    .tabPanel{ position:relative; }
    .node{
      display:flex;
      align-items:center;
      gap:.7rem;
      padding: .85rem 1rem;
      border-radius: 999px;
      border: var(--border-width--main) solid var(--border--black-10);
      background: rgba(255,255,255,.94);
      box-shadow: 0 1px 0 rgba(0,0,0,.03);
      font-size: 1.05rem;
      font-family: var(--font--secondary-family);
      letter-spacing: var(--letter-spacing--0-01em);
      width: fit-content;
      max-width: 100%;
    }
    .node + .node{ margin-top: .85rem; }
    .node--indent1{ margin-left:16px; }
    .node--indent2{ margin-left:32px; }
    .node--indent3{ margin-left:48px; }

    .badgeNum{
      width: 22px; height: 22px;
      border-radius: 7px;
      display:grid; place-items:center;
      font-size: .9rem;
      font-weight: 600;
      color:#1d4ed8;
      background: linear-gradient(180deg, #dbeafe, #eff6ff);
      border: 1px solid rgba(59,130,246,.18);
      flex: 0 0 auto;
    }

    .tabs{
      border-left: var(--border-width--main) solid var(--border--black-10);
      background: #fbfcff;
      padding: 1.2rem;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap: .9rem;
    }
    .tabs [role="tab"]{
      text-align:left;
      border: var(--border-width--main) solid var(--border--black-10);
      background:#fff;
      border-radius: 18px;
      padding: .95rem 1rem;
      font-size: 1.05rem;
      font-family: var(--font--secondary-family);
      letter-spacing: var(--letter-spacing--0-01em);
      font-weight: 400;
      cursor:pointer;
      transition: box-shadow .15s ease, border-color .15s ease, transform .12s ease;
    }
    .tabs [role="tab"][aria-selected="true"]{
      border-color: rgba(76,125,255,.45);
      box-shadow: 0 18px 36px rgba(76,125,255,.14);
    }

    #case{
      background:
        radial-gradient(132% 148% at 0% 12%, #f2f0ff 0%, #edf2ff 46%, #ffffff 86%),
        linear-gradient(96deg, #f3f1ff 0%, #edf3ff 58%, #e8f2ff 100%);
    }
    .dashPreview{
      border: var(--border-width--main) solid rgba(17, 24, 39, .16);
      border-radius: 28px;
      background: #ffffff;
      box-shadow: 0 16px 36px rgba(15, 23, 42, .09);
      padding: clamp(.95rem, .8rem + .65vw, 1.38rem);
      max-width: 1020px;
      margin: clamp(.95rem, .75rem + .65vw, 1.35rem) auto 0;
      text-align: left;
    }
    .dashHead{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .dashHeading{
      font-family: var(--font--secondary-family);
      font-weight: 600;
      letter-spacing: -.02em;
      font-size: clamp(1.68rem, 1.46rem + .74vw, 2.22rem);
      color: #111827;
      line-height: 1;
    }
    .dashSearch{
      min-width: min(300px, 100%);
      max-width: 320px;
      border: 1.5px solid rgba(17, 24, 39, .28);
      border-radius: 14px;
      padding: .68rem .86rem;
      background: #ffffff;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: .7rem;
      color: rgba(17, 24, 39, .68);
      font-family: var(--font--secondary-family);
      font-size: clamp(1rem, .94rem + .16vw, 1.14rem);
      letter-spacing: -.01em;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
    }
    .dashSearch svg{
      width: 24px;
      height: 24px;
      flex: 0 0 auto;
      color: rgba(17, 24, 39, .58);
    }

    .dashGrid{
      display:grid;
      grid-template-columns: minmax(280px, 1fr) minmax(0, 1.45fr);
      gap: .88rem;
    }
    .dashCard{
      border: 1.5px solid rgba(17, 24, 39, .16);
      border-radius: 24px;
      background: #ffffff;
      box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
      padding: clamp(1rem, .86rem + .45vw, 1.35rem);
    }
    .dashCardTitle{
      font-family: var(--font--secondary-family);
      font-weight: 600;
      letter-spacing: -.02em;
      color: #111827;
      font-size: clamp(1.22rem, 1.1rem + .35vw, 1.55rem);
      line-height: 1.1;
    }

    .dashSummaryBody{
      margin-top: .9rem;
      display:grid;
      grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
      align-items:center;
      gap: .75rem;
    }
    .dashLegend{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap: .72rem;
    }
    .dashLegend li{
      display:flex;
      align-items:center;
      gap:.62rem;
      justify-content:flex-start;
      color: #1f2937;
      font-family: var(--font--secondary-family);
      font-size: clamp(.98rem, .93rem + .12vw, 1.06rem);
      letter-spacing: -.01em;
    }
    .dashLegendName{
      margin-right: 0;
    }
    .dashLegend i{
      width: 15px;
      height: 15px;
      border-radius: 999px;
      display:block;
      box-shadow: 0 0 0 6px rgba(66, 133, 244, .14);
      flex: 0 0 auto;
    }
    .dashLegend .dotGoogle{ background: #4285f4; }
    .dashLegend .dotSeo{
      background: #34a853;
      box-shadow: 0 0 0 6px rgba(52, 168, 83, .2);
    }
    .dashLegend .dotAds{
      background: #fbbc05;
      box-shadow: 0 0 0 6px rgba(251, 188, 5, .2);
    }
    .dashLegend .dotFb{
      background: #ea4335;
      box-shadow: 0 0 0 6px rgba(234, 67, 53, .2);
    }

    .dashDonut{
      width: min(220px, 100%);
      margin-left: auto;
    }
    .dashDonutChart{
      width: 100%;
      aspect-ratio: 1 / 1;
      max-width: 220px;
      margin: 0 auto;
      border-radius: 999px;
      position: relative;
      background: conic-gradient(
        #4285f4 0 72%,
        #34a853 72% 90%,
        #fbbc05 90% 96%,
        #ea4335 96% 100%
      );
      box-shadow: inset 0 0 0 1px rgba(17, 24, 39, .08), 0 8px 20px rgba(15, 23, 42, .08);
    }
    .dashDonutChart::before{
      content: "72%";
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      font-family: var(--font--secondary-family);
      font-size: clamp(1.08rem, 1.02rem + .24vw, 1.28rem);
      line-height: 1;
      font-weight: 650;
      letter-spacing: -.02em;
      color: #1f2937;
      z-index: 2;
    }
    .dashDonutChart::after{
      content: "";
      position: absolute;
      inset: 28%;
      border-radius: 999px;
      background: #ffffff;
      box-shadow: inset 0 0 0 1px rgba(17, 24, 39, .08);
    }

    .dashSalesTop{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.9rem;
      margin-bottom: .55rem;
    }
    .dashRange{
      display:inline-flex;
      align-items:center;
      gap:.38rem;
      color:#111827;
      font-family: var(--font--secondary-family);
      font-size: clamp(.94rem, .9rem + .12vw, 1.05rem);
      letter-spacing:-.01em;
      white-space: nowrap;
    }
    .dashRange span{
      font-size: 1.22em;
      transform: translateY(-1px);
      opacity: .8;
    }
    .dashChartWrap{
      display:grid;
      grid-template-columns: 64px 1fr;
      gap:.55rem;
      align-items:stretch;
      min-height: 250px;
    }
    .dashYAxis{
      display:grid;
      grid-template-rows: repeat(4, 1fr);
      align-items:center;
      color: rgba(17, 24, 39, .68);
      font-family: var(--font--secondary-family);
      font-size: clamp(.92rem, .88rem + .12vw, 1.02rem);
      letter-spacing: -.01em;
      padding-top: .25rem;
      padding-bottom: 2.35rem;
    }
    .dashPlot{
      position:relative;
      min-height: 250px;
    }
    .dashValue{
      position:absolute;
      top: .36rem;
      left: 62%;
      transform: translateX(-50%);
      padding: .38rem .86rem;
      border-radius: 12px;
      background: rgba(17, 24, 39, .1);
      color: #111827;
      font-family: var(--font--secondary-family);
      font-weight: 650;
      letter-spacing: -.02em;
      font-size: clamp(1.18rem, 1.08rem + .24vw, 1.4rem);
      z-index: 2;
    }
    .dashSvg{
      position:absolute;
      inset: 2.45rem 0 2.45rem 0;
      width: 100%;
      height: calc(100% - 4.9rem);
      overflow: visible;
    }
    .dashAreaBack{ fill: rgba(66, 133, 244, .22); }
    .dashAreaMain{ fill: rgba(52, 168, 83, .22); }
    .dashLineBack{
      fill: none;
      stroke: rgba(66, 133, 244, .62);
      stroke-width: 4;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .dashLineMain{
      fill: none;
      stroke: #34a853;
      stroke-width: 5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .dashMonths{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      display:grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      color: rgba(17, 24, 39, .66);
      font-family: var(--font--secondary-family);
      font-size: clamp(.9rem, .86rem + .12vw, 1rem);
      letter-spacing: -.01em;
      text-align:center;
      padding: 0 .22rem;
    }

    .faqList{
      margin-top: 2rem;
      max-width: 980px;
      margin-inline:auto;
      display:grid;
      gap: .9rem;
    }
    details{
      border: var(--border-width--main) solid var(--border--black-10);
      border-radius: 22px;
      padding: 1.1rem 1.2rem;
      background:#fff;
    }
    summary{
      cursor:pointer;
      list-style:none;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap: 1rem;
      font-family: var(--font--secondary-family);
      font-weight: 400;
      letter-spacing: var(--letter-spacing--0-01em);
      font-size: 1.15rem;
    }
    summary::-webkit-details-marker{ display:none; }
    .answer{
      margin-top: .9rem;
      color: var(--swatch--text-black-60);
      font-size: 1.1rem;
      line-height: 1.7em;
      text-align:left;
    }

    .auditGrid{
      margin-top: 2.2rem;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      align-items:stretch;
      width: min(940px, 100%);
      margin-inline:auto;
      text-align:left;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 22px 54px rgba(0,0,0,.4);
    }
    .auditCard{
      border: 0;
      border-radius: 0;
      padding: clamp(1.35rem, 1.05rem + 1.25vw, 2.2rem);
      background: #ffffff;
    }
    .auditCard h3{
      font-family: var(--font--secondary-family);
      font-weight: 700;
      letter-spacing: var(--letter-spacing--0-01em);
      font-size: 1.45rem;
      color: #111827;
      margin-bottom: .72rem;
    }
    .auditCard p{
      color: #4b5563;
      font-size: 1.05rem;
      line-height: 1.65em;
    }
    .auditList{
      margin: 1.1rem 0 0;
      padding: 0;
      list-style: none;
      display:grid;
      gap: .7rem;
    }
    .auditList li{
      display:flex;
      gap:.7rem;
      align-items:flex-start;
      color: #1f2937;
      font-size: 1.05rem;
      line-height: 1.6em;
    }
    .auditList b{
      color: #0f172a;
      font-weight: 700;
    }
    .check{
      width: 22px; height: 22px;
      border-radius: 8px;
      background: #f3f4f6;
      border: 1px solid rgba(17,24,39,.18);
      display:grid; place-items:center;
      flex: 0 0 auto;
      margin-top: 2px;
    }
    .check path{
      stroke: #1f2937;
    }

    .formCard{
      border: 0;
      border-radius: 0;
      padding: clamp(1.35rem, 1.05rem + 1.25vw, 2.2rem);
      border-left: 1px solid rgba(17,24,39,.1);
      background:
        radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.72), rgba(255,255,255,0) 40%),
        #f7f7f8;
    }
    .formCardTitle{
      margin: 0 0 .7rem;
      font-family: var(--font--secondary-family);
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: -.01em;
      color: #111827;
      line-height: 1.2;
    }
    .formCard .mini{
      color: #374151;
      font-size: .98rem;
      line-height: 1.55em;
      margin-bottom: 1.2rem;
      max-width: 44ch;
    }
    .formCard .mini b{
      color: #111827;
      font-weight: 700;
    }
    .grid2{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: .9rem;
    }
    .field label{
      display:block;
      font-family: var(--font--secondary-family);
      letter-spacing: .05em;
      text-transform: uppercase;
      color: #111827;
      font-size: .77rem;
      font-weight: 700;
      margin-bottom: .52rem;
    }
    .field label[for="name"]::after,
    .field label[for="company"]::after,
    .field label[for="email"]::after{
      content: " *";
      color: #4b5563;
      font-weight: 700;
    }
    .field input, .field textarea, .field select{
      width:100%;
      border-radius: 0;
      border: 0;
      border-bottom: 1.5px solid rgba(17,24,39,.24);
      background: transparent;
      color: #111827;
      padding: .45rem 0 .7rem;
      font-size: 1.03rem;
      font-weight: 500;
      letter-spacing: -.01em;
      outline: none;
      transition: border-color .15s ease;
    }
    .field input::placeholder, .field textarea::placeholder{
      color: #6b7280;
      font-weight: 400;
    }
    .field textarea{
      min-height: 88px;
      resize: vertical;
    }
    .field input:focus, .field textarea:focus, .field select:focus{
      border-bottom-color: #111827;
    }
    .help{
      margin-top: .35rem;
      color: #4b5563;
      font-size: .86rem;
      font-weight: 500;
      line-height: 1.5em;
    }
    .formActions{
      margin-top: 1.15rem;
      display:flex;
      gap: .9rem;
      flex-wrap:wrap;
      align-items:center;
    }
    .formActions .btn.primary{
      border-color: rgba(17,24,39,.8);
      background: #111827;
      color: #ffffff;
      font-weight: 700;
      letter-spacing: -.01em;
    }
    .formActions .btn.primary:hover{
      background: #1f2937;
    }
    .formActions .btn.secondary{
      border-color: rgba(17,24,39,.28);
      background: transparent;
      color: #111827;
      font-weight: 600;
    }
    .formActions .btn.secondary:hover{
      border-color: rgba(17,24,39,.46);
      background: rgba(17,24,39,.04);
    }
    .fineprint{
      margin-top: .9rem;
      color: #6b7280;
      font-size: .87rem;
      font-weight: 500;
      line-height: 1.6em;
    }

    .cta{
      background: var(--swatch--bg-brand);
      color:white;
      border-top: var(--border-width--main) solid var(--border--white-10);
      position:relative;
      overflow:hidden;
    }
    .ctaInner{
      padding: 6rem 0;
      text-align:center;
    }
    .ctaInner h2{ color:white; }
    .ctaInner p{
      margin-top: 1.1rem;
      color: rgba(255,255,255,.72);
      font-size: 1.15rem;
      max-width: 78ch;
      margin-inline:auto;
    }

    footer{
      background: var(--swatch--bg-brand);
      color: rgba(255,255,255,.74);
      border-top: var(--border-width--main) solid var(--border--white-10);
      padding: 2.4rem 0 3rem;
      font-size: 1rem;
    }
    .fGrid{
      display:grid;
      grid-template-columns: 1.1fr 1fr 1fr 1fr;
      gap: 1.2rem;
    }
    footer h4{
      font-family: var(--font--secondary-family);
      font-weight: 400;
      letter-spacing: .12em;
      text-transform: uppercase;
      font-size: .9rem;
      color:white;
      margin-bottom: .9rem;
    }
    footer a{
      display:block;
      padding: .55rem 0;
      color: rgba(255,255,255,.68);
    }
    footer a:hover{ color:white; }
    .fDesc{
      margin-top: .55rem;
      color: rgba(255,255,255,.68);
      max-width: 44ch;
      line-height: 1.6em;
    }
    .fLine{
      margin-top: 1.4rem;
      padding-top: 1.1rem;
      border-top: var(--border-width--main) solid var(--border--white-10);
      display:flex;
      justify-content:space-between;
      flex-wrap:wrap;
      gap: 1rem;
      color: rgba(255,255,255,.54);
    }

    @media (max-width: 920px){
      .featureRow{ grid-template-columns: 1fr; }
    }

    @media (max-width: 980px){
      :root{
        --header-height: 70px;
        --section-pad-y: clamp(3.2rem, 2.6rem + 2.6vw, 5rem);
      }
      .nav{
        gap: .75rem;
      }
      .navlinks{
        display:none;
      }
      .navActions{
        margin-left:auto;
        gap: .55rem;
      }
      .navActions .btn.secondary{
        display:none;
      }
      #menuBtn{
        padding: .78rem .92rem;
      }
      .mobileNav{
        top: calc(var(--header-height) + 8px);
      }
      .subtext{
        font-size: 1.06rem;
      }
      .metricsGrid{ grid-template-columns: 1fr; }
      .integrations{
        padding-top: clamp(2.2rem, 1.9rem + 1.25vw, 2.8rem);
        padding-bottom: clamp(2.4rem, 2rem + 1.45vw, 3rem);
      }
      .section#process{
        padding-top: clamp(2.15rem, 1.75rem + 1.7vw, 2.9rem);
      }
      .intGrid{
        grid-template-columns: 1fr;
        grid-template-areas:
          "text"
          "logos"
          "cta";
        row-gap: 1.15rem;
      }
      .intText{
        width: 100%;
        max-width: none;
        margin-inline: auto;
        padding-right: 0;
        align-items: center;
        text-align: center;
      }
      .integrations .h_display_section{
        max-width: 12ch;
        font-size: clamp(2rem, 1.72rem + 1.4vw, 2.65rem);
      }
      .intText p{
        max-width: 46ch;
        font-size: clamp(1.06rem, 1rem + .35vw, 1.24rem);
        margin-inline: auto;
      }
      .intButtonWrap{
        width: 100%;
        margin-inline: auto;
        justify-content: center;
      }
      .intButtonWrap .btn{
        min-width: min(320px, 100%);
      }
      .tileGrid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        max-width: 560px;
        gap: .8rem;
        margin-top: .1rem;
        margin-inline: auto;
        padding: .85rem;
        border: 1px solid rgba(15,23,42,.1);
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,255,.86));
        box-shadow: 0 8px 22px rgba(15,23,42,.06);
        justify-items: stretch;
      }
      .tile{
        width: 100%;
        min-height: 100px;
        height: auto;
        border-radius: 16px;
        padding: .72rem .55rem;
      }
      .tileLogo{ width: 32px; height: 32px; }
      .tileName{ font-size: .84rem; }
      .tileGrid .tile:nth-child(n+5){
        transform: none;
      }
      .mockBody{ grid-template-columns: 1fr; }
      .tabs{
        border-left:0;
        border-top: var(--border-width--main) solid var(--border--black-10);
        flex-direction:row;
        flex-wrap:wrap;
        align-items: stretch;
      }
      .tabs [role="tab"]{
        flex: 1 1 calc(50% - .5rem);
      }
      .dashHead{
        flex-direction: column;
        align-items: stretch;
      }
      .dashSearch{
        min-width: 0;
        max-width: none;
      }
      .dashGrid{
        grid-template-columns: 1fr;
      }
      .dashSummaryBody{
        grid-template-columns: 1fr;
      }
      .dashDonut{
        margin: .2rem auto 0;
      }
      .dashChartWrap{
        grid-template-columns: 64px 1fr;
      }
      .dashValue{
        left: 58%;
      }
      .fGrid{ grid-template-columns: 1fr 1fr; }
      .auditGrid{
        grid-template-columns: 1fr;
        min-height: auto;
      }
      .formCard{
        border-left: 0;
        border-top: 1px solid rgba(17,24,39,.12);
      }
      .grid2{ grid-template-columns: 1fr; }
      .heroInner{
        padding: 1.1rem 1rem 1.2rem;
      }
      .policyInner{
        padding: 1.05rem 1.1rem;
      }
      .note{
        padding: .9rem 1rem;
      }
      .gbpmActions .btn{
        max-width: 100%;
      }
    }
    @media (max-width: 680px){
      :root{
        --header-height: 64px;
        --section-pad-y: clamp(2.9rem, 2.5rem + 2.2vw, 4.1rem);
      }
      .brand{ font-size: clamp(1.05rem, 1.01rem + .35vw, 1.16rem); }
      .kpis{ grid-template-columns: 1fr; }
      .mockTop{
        padding: .85rem 1rem;
      }
      .flow{
        padding: 1rem;
      }
      .flowLine{
        left: 68px;
        top: 70px;
        height: 180px;
      }
      .node{
        font-size: 1rem;
      }
      .node--indent1{ margin-left:8px; }
      .node--indent2{ margin-left:16px; }
      .node--indent3{ margin-left:24px; }
      .tabs{
        padding: .9rem;
        flex-direction: column;
      }
      .tabs [role="tab"]{
        width: 100%;
        flex: 1 1 auto;
      }
      .dashPreview{
        border-radius: 20px;
        padding: .9rem;
      }
      .dashHeading{
        font-size: clamp(1.55rem, 1.38rem + .85vw, 1.95rem);
      }
      .dashSearch{
        font-size: 1rem;
        padding: .68rem .86rem;
      }
      .dashSearch svg{
        width: 24px;
        height: 24px;
      }
      .dashCard{
        border-radius: 18px;
        padding: .9rem;
      }
      .dashSummaryBody{
        gap: .65rem;
      }
      .dashLegend li{
        font-size: .98rem;
      }
      .dashLegend i{
        width: 13px;
        height: 13px;
        box-shadow: 0 0 0 4px rgba(66, 133, 244, .14);
      }
      .dashDonut{
        width: min(220px, 100%);
      }
      .dashChartWrap{
        grid-template-columns: 52px 1fr;
        min-height: 250px;
      }
      .dashYAxis{
        font-size: .95rem;
        padding-bottom: 2.2rem;
      }
      .dashPlot{
        min-height: 250px;
      }
      .dashValue{
        top: .22rem;
        font-size: 1.2rem;
        padding: .28rem .62rem;
      }
      .dashMonths{
        font-size: .96rem;
      }
      .diagramBottom{ padding: 1.2rem 1rem 1.2rem; }
      .feat{
        padding: 1rem;
        border-radius: 18px;
      }
      .feat h4{ font-size: 1.12rem; }
      .feat p{ font-size: 1rem; }
      .featCta{ font-size: 1rem; letter-spacing: 0; padding-top: 1.3rem; }
      .featCta > span:first-child{ min-height: 1.9rem; font-weight: 900; }
      .intText{
        align-items: center;
        text-align: center;
      }
      .intText p{
        max-width: 40ch;
        margin-inline: auto;
      }
      .intButtonWrap{
        justify-content: center;
      }
      .intButtonWrap .btn{
        width: auto;
        min-width: min(280px, 100%);
      }
      .tileGrid{
        grid-template-columns: repeat(2, 1fr);
        max-width: none;
        padding: .68rem;
        border-radius: 18px;
        gap: .62rem;
      }
      .tile{
        min-height: 92px;
        border-radius: 14px;
        padding: .62rem .42rem;
      }
      .tileLogo{
        width: 28px;
        height: 28px;
      }
      .tileName{
        font-size: .77rem;
        line-height: 1.2;
      }
      .faqList{
        gap: .75rem;
      }
      details{
        border-radius: 18px;
        padding: .95rem 1rem;
      }
      summary{
        font-size: 1.02rem;
        align-items: flex-start;
      }
      .answer{
        font-size: 1rem;
      }
      .ctaInner{
        padding: 4.4rem 0;
      }
      .fGrid{
        grid-template-columns: 1fr;
      }
      .policy{
        border-radius: 22px;
      }
      .policyInner{
        padding: .95rem;
      }
      .toc a{
        align-items:flex-start;
      }
      .pSection{
        padding: 1.15rem 0;
      }
      .pSection h2{
        font-size: 1.32rem;
      }
      .pSection h3{
        font-size: 1.03rem;
      }
      .pSection p,
      .pSection ul,
      .pSection ol{
        font-size: 1rem;
        line-height: 1.68em;
      }
      .gbpmActions{
        gap: .6rem;
      }
      .gbpmActions .btn,
      .formActions .btn{
        width: 100%;
        justify-content: center;
      }
      .gbpmHeroAside li{
        padding: .58rem 0;
        line-height: 1.5em;
      }
    }
    @media (max-width: 980px){
      .integrations .intGrid{
        justify-items: center;
      }
      .integrations .intText{
        align-items: center;
        text-align: center;
      }
      .integrations .h_display_section,
      .integrations .intText p{
        margin-inline: auto;
      }
      .integrations .intButtonWrap{
        justify-content: center;
        align-self: center;
      }
      .integrations .intButtonWrap .btn{
        margin-inline: auto;
      }
    }
    @media (max-width: 680px){
      .integrations .intText{
        align-items: center;
        text-align: center;
      }
      .integrations .intText p{
        max-width: 40ch;
        margin-inline: auto;
      }
      .integrations .intButtonWrap{
        justify-content: center;
      }
      .integrations .intButtonWrap .btn{
        width: auto;
        min-width: min(280px, 100%);
      }
    }
    @media (min-width: 981px){
      .mobileNav{ display:none !important; }
      #menuBtn{ display:none; }
    }

    @media (prefers-reduced-motion: reduce){
      *, *::before, *::after{
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
      }
      .btn:active{ transform:none; }
    }
  

/* Privacy page additions */
body[data-page="privacy"],
body[data-page="terms"],
body[data-page="security"]{
  --section-pad-y: clamp(3.5rem, 2.642rem + 4.29vw, 6.5rem);
}
body[data-page="privacy"] .subtext,
body[data-page="terms"] .subtext,
body[data-page="security"] .subtext{
  max-width: 78ch;
  margin-inline: 0;
}

.hTitle{
  font-family: var(--font--secondary-family);
  color: var(--swatch--text-brand);
  font-size: var(--size--3-5rem);
  line-height: var(--line-height--1-1em);
  letter-spacing: var(--letter-spacing--0-04em);
  font-weight: 400;
}

.heroCard{
  margin-top: 2rem;
  border: var(--border-width--main) solid var(--border--black-10);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(900px 520px at 10% 20%, rgba(99,102,241,.08), transparent 60%),
    radial-gradient(900px 520px at 90% 20%, rgba(34,197,94,.08), transparent 60%),
    #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
  overflow:hidden;
}
.heroInner{
  padding: 1.4rem 1.4rem 1.5rem;
  display:flex;
  flex-wrap:wrap;
  gap: .8rem 1rem;
  align-items:center;
  justify-content:space-between;
  border-top: var(--border-width--main) solid var(--border--black-10);
}
.pillRow{
  display:flex;
  flex-wrap:wrap;
  gap: .6rem;
  align-items:center;
}
.pill{
  border: var(--border-width--main) solid var(--border--black-10);
  border-radius: 999px;
  padding: .55rem .85rem;
  background: rgba(255,255,255,.85);
  font-size: .98rem;
  color: var(--swatch--text-black-80);
}

.policyWrap{
  display:grid;
  grid-template-columns: 360px 1fr;
  gap: 1.4rem;
  margin-top: 1.4rem;
  align-items:start;
}
.toc{
  position: sticky;
  top: calc(var(--header-height) + 18px);
  border: var(--border-width--main) solid var(--border--black-10);
  border-radius: 24px;
  background:#fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
  overflow:hidden;
}
.tocHead{
  padding: 1.1rem 1.2rem;
  border-bottom: var(--border-width--main) solid var(--border--black-10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: .9rem;
}
.tocHead strong{
  font-weight: 600;
  letter-spacing: var(--letter-spacing--0-01em);
}
.tocBody{
  padding: .7rem;
  display:grid;
  gap: .25rem;
}
.toc a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: .8rem;
  padding: .75rem .85rem;
  border-radius: 16px;
  color: var(--swatch--text-brand);
}
.toc a:hover{ background: var(--swatch--bg-light-grey); }
.toc small{ color: var(--swatch--text-black-60); font-size: .95rem; }

.policy{
  border: var(--border-width--main) solid var(--border--black-10);
  border-radius: 28px;
  background:#fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
  overflow:hidden;
}
.policyInner{
  padding: 1.25rem 1.4rem;
}

.note{
  margin-top: 1rem;
  border: var(--border-width--main) solid var(--border--black-10);
  border-radius: 22px;
  padding: 1rem 1.1rem;
  background: linear-gradient(180deg, #fff, #f9fbff);
  color: var(--swatch--text-black-80);
}
.note b{ font-weight: 600; }

.pSection{
  padding: 1.4rem 0;
  border-top: var(--border-width--main) solid var(--border--black-10);
}
.pSection:first-child{ border-top: 0; padding-top: .2rem; }
.pSection h2{
  font-size: 1.55rem;
  line-height: 1.2;
  letter-spacing: var(--letter-spacing--0-01em);
  font-weight: 600;
}
.pSection h3{
  margin-top: 1rem;
  font-size: 1.15rem;
  line-height: 1.3;
  letter-spacing: var(--letter-spacing--0-01em);
  font-weight: 600;
  color: var(--swatch--text-brand);
}
.pSection p{
  margin-top: .75rem;
  color: var(--swatch--text-black-80);
  font-size: 1.05rem;
  line-height: 1.75em;
  max-width: 92ch;
}
.pSection ul, .pSection ol{
  margin: .8rem 0 0;
  padding-left: 1.25rem;
  color: var(--swatch--text-black-80);
  font-size: 1.05rem;
  line-height: 1.75em;
  max-width: 92ch;
}
.pSection li{ margin-top: .4rem; }
.pSection a{
  text-decoration: underline;
  text-decoration-color: rgba(25,26,29,.22);
  text-underline-offset: 3px;
}
.pSection a:hover{
  text-decoration-color: rgba(25,26,29,.5);
}

.miniGrid{
  margin-top: 1rem;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: .9rem;
  max-width: 92ch;
}
.miniCard{
  border: var(--border-width--main) solid var(--border--black-10);
  border-radius: 22px;
  padding: 1rem 1.1rem;
  background:#fff;
}
.miniCard .k{
  color: var(--swatch--text-black-60);
  font-size: .95rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: .35rem;
}
.miniCard .v{
  color: var(--swatch--text-brand);
  font-size: 1.05rem;
  line-height: 1.6em;
}

@media (max-width: 980px){
  .policyWrap{ grid-template-columns: 1fr; }
  .toc{ position: static; }
  .miniGrid{ grid-template-columns: 1fr; }
}






/* Google Business Profile Management page */
body[data-page="gbp-management"],
body[data-page="local-seo"],
body[data-page="local-services-ads"],
body[data-page="facebook-ads"]{
  --section-pad-y: clamp(4rem, 3.25rem + 3.2vw, 6.3rem);
}

.gbpmHero{
  border-top: var(--border-width--main) solid var(--border--black-10);
  background:
    radial-gradient(132% 148% at 0% 12%, #f2f0ff 0%, #edf2ff 46%, #ffffff 86%),
    linear-gradient(96deg, #f3f1ff 0%, #edf3ff 58%, #e8f2ff 100%);
}

.gbpmHeroGrid{
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
  gap: clamp(1.3rem, 2.8vw, 2.6rem);
  align-items: start;
}

.gbpmHeroCopy{
  text-align: left;
}

.gbpmHeroCopy .hTitle{
  font-size: clamp(2.55rem, 2.02rem + 2.15vw, 4.35rem);
  line-height: 1.04;
  letter-spacing: -.04em;
  font-weight: 600;
}

.gbpmHeroSub{
  margin: 1.05rem 0 0;
  font-family: var(--font--secondary-family);
  color: var(--swatch--text-brand);
  font-size: clamp(1.28rem, 1.18rem + .42vw, 1.64rem);
  line-height: 1.28;
  letter-spacing: -.01em;
  font-weight: 500;
}

.gbpmParagraph{
  margin: .9rem 0 0;
  max-width: 60ch;
  color: var(--swatch--text-black-60);
  font-size: 1.12rem;
  line-height: 1.72em;
}

.gbpmActions{
  margin-top: 1.28rem;
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
}

.gbpmHeroAside{
  margin-top: .42rem;
  padding-left: 1.35rem;
  border-left: 1px solid rgba(15,23,42,.14);
}

.gbpmHeroAside h3{
  font-family: var(--font--secondary-family);
  font-size: 1.2rem;
  line-height: 1.28;
  letter-spacing: -.01em;
  font-weight: 500;
  color: #0f172a;
}

.gbpmHeroAside p{
  margin-top: .48rem;
  color: var(--swatch--text-black-60);
  font-size: 1.03rem;
  line-height: 1.66em;
}

.gbpmHeroAside ul{
  list-style: none;
  margin: .88rem 0 0;
  padding: 0;
  border-top: 1px solid rgba(15,23,42,.12);
}

.gbpmHeroAside li{
  padding: .66rem 0;
  border-bottom: 1px solid rgba(15,23,42,.12);
  color: var(--swatch--text-black-80);
  font-size: 1rem;
  line-height: 1.56em;
}

.gbpmSection{
  border-top: var(--border-width--main) solid var(--border--black-10);
  background: #fff;
}

.gbpmAlt{
  background: var(--swatch--bg-light-grey);
}

.gbpmNarrow{
  max-width: 980px;
  margin-inline: auto;
  text-align: left;
}

.gbpmNarrow .h_2_52_400_b_s,
.gbpmSplit .h_2_52_400_b_s,
.gbpmBottomCta .h_2_52_400_b_s{
  font-size: clamp(2rem, 1.76rem + .95vw, 2.72rem);
  letter-spacing: -.02em;
}

.gbpmWorkGrid{
  margin-top: 1.32rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.8rem;
}

.gbpmWorkItem{
  padding-top: .95rem;
  border-top: 1px solid rgba(15,23,42,.12);
}

.gbpmWorkItemWide{
  grid-column: 1 / -1;
}

.gbpmWorkItem h3{
  font-family: var(--font--secondary-family);
  font-size: 1.2rem;
  line-height: 1.28;
  letter-spacing: -.01em;
  font-weight: 500;
  color: #0f172a;
}

.gbpmWorkItem p{
  margin-top: .48rem;
  color: var(--swatch--text-black-80);
  font-size: 1.02rem;
  line-height: 1.64em;
}

.lseoSearchList{
  margin-top: .65rem;
  padding-left: .95rem;
  border-left: 2px solid rgba(15,23,42,.16);
  color: var(--swatch--text-brand);
  font-family: var(--font--secondary-family);
  font-size: 1.05rem;
  line-height: 1.78em;
  letter-spacing: -.01em;
}

.lsaLineList{
  margin-top: .65rem;
  padding-left: .95rem;
  border-left: 2px solid rgba(15,23,42,.16);
  color: var(--swatch--text-brand);
  font-family: var(--font--secondary-family);
  font-size: 1.05rem;
  line-height: 1.78em;
  letter-spacing: -.01em;
}

.lseoSignalLine{
  margin-top: .5rem;
  color: var(--swatch--text-brand);
  font-family: var(--font--secondary-family);
  font-size: 1.04rem;
  line-height: 1.5em;
  letter-spacing: -.01em;
}

.lseoFactorGrid{
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.lseoFactorCard{
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 1px 0 rgba(15,23,42,.04), 0 10px 24px rgba(15,23,42,.06);
  padding: .95rem 1rem;
}

.lseoFactorCard h3{
  font-family: var(--font--secondary-family);
  font-size: 1.15rem;
  line-height: 1.28;
  letter-spacing: -.01em;
  font-weight: 500;
  color: #0f172a;
}

.lseoFactorCard p{
  margin-top: .42rem;
  color: var(--swatch--text-black-80);
  font-size: .98rem;
  line-height: 1.6em;
}

.lseoOutcomeLine{
  margin-top: .62rem;
  color: var(--swatch--text-brand);
  font-family: var(--font--secondary-family);
  font-size: 1.08rem;
  line-height: 1.64em;
  letter-spacing: -.01em;
}

.gbpmSplit{
  max-width: 1080px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.3rem, 2.8vw, 2.4rem);
  align-items: start;
}

.gbpmSteps{
  margin-top: 1.35rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.gbpmStepCard{
  border: 1px solid rgba(15,23,42,.1);
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 1px 0 rgba(15,23,42,.04), 0 12px 28px rgba(15,23,42,.06);
  padding: 1rem;
}

.gbpmStepLabel{
  margin: 0;
  color: var(--swatch--text-black-40);
  font-family: var(--font--secondary-family);
  font-size: .92rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gbpmStepCard h3{
  margin-top: .45rem;
  font-family: var(--font--secondary-family);
  font-size: 1.18rem;
  line-height: 1.28;
  letter-spacing: -.01em;
  font-weight: 500;
  color: #0f172a;
}

.gbpmStepCard p{
  margin-top: .45rem;
  color: var(--swatch--text-black-80);
  font-size: 1rem;
  line-height: 1.62em;
}

.gbpmSection .faqList{
  margin-top: 1.22rem;
  max-width: none;
}

.gbpmBottomCta .h_2_52_400_b_s{
  color: #fff;
}

.gbpmBottomLine{
  margin-top: 1rem;
  color: rgba(255,255,255,.74);
  font-size: 1.15rem;
  line-height: 1.62;
}

.gbpmActionsCenter{
  justify-content: center;
}

.gbpmOneLine{
  white-space: nowrap;
}

@media (max-width: 1100px){
  .gbpmHeroGrid,
  .lseoFactorGrid,
  .gbpmWorkGrid,
  .gbpmSplit,
  .gbpmSteps{
    grid-template-columns: 1fr;
  }

  .gbpmWorkItemWide{
    grid-column: auto;
  }

  .gbpmHeroAside{
    margin-top: .2rem;
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 860px){
  .gbpmOneLine{
    white-space: normal;
  }
}

@media (max-width: 680px){
  .gbpmHeroCopy .hTitle{
    font-size: clamp(2rem, 1.73rem + 1.2vw, 2.45rem);
  }

  .gbpmHeroSub{
    font-size: 1.12rem;
  }

  .gbpmNarrow .h_2_52_400_b_s,
  .gbpmSplit .h_2_52_400_b_s,
  .gbpmBottomCta .h_2_52_400_b_s{
    font-size: clamp(1.64rem, 1.5rem + .78vw, 1.95rem);
  }

  .gbpmParagraph,
  .lseoFactorCard p,
  .gbpmWorkItem p,
  .gbpmStepCard p,
  .gbpmBottomLine{
    font-size: 1rem;
  }

  .gbpmWorkItem h3,
  .lseoFactorCard h3,
  .gbpmStepCard h3{
    font-size: 1.08rem;
  }
}