/* ───────────────────── DESIGN TOKENS ───────────────────── */
  .foundable-reference-body[data-theme="dark"]{
    /* Foundable brand — DARK mode */
    --obsidian:    #1A1F2C;
    --slate:       #232838;
    --slate-2:     #2A3043;
    --bone:        #1A1F2C; /* page bg = friendlier dark navy */
    --bone-2:      #232838; /* elevated surface = lifted dark */
    --stone:       #2D3240;
    --stone-2:     #1F232E;
    --paper:       #232838; /* card surface */
    --off-black:   #2A3043; /* "dark surface" = more elevated */
    --graphite:    #2D3240;

    --ink:         #F3F4F6; /* primary text = bone */
    --ink-70:      rgba(243,244,246,.70);
    --ink-55:      rgba(243,244,246,.55);
    --ink-35:      rgba(243,244,246,.35);
    --ink-12:      rgba(243,244,246,.12);
    --ink-08:      rgba(243,244,246,.08);
    --ink-04:      rgba(243,244,246,.04);

    /* Brand accents — Cobalt / Aqua / Lime */
    --cobalt:      #2763FF;
    --cobalt-2:    #1B4FE0;
    --cobalt-soft: #E6EEFF;
    --aqua:        #00E5C7;
    --aqua-2:      #00B89E;
    --aqua-soft:   #DAFFF6;
    --lime:        #C6FF3D;
    --lime-2:      #A8E018;
    --lime-soft:   #F2FFD6;

    /* Semantic aliases used widely across the file. */
    --indigo:      var(--cobalt);
    --indigo-2:    var(--cobalt-2);
    --indigo-soft: var(--cobalt-soft);
    --mint:        var(--aqua);
    --mint-2:      var(--aqua-2);
    --mint-soft:   var(--aqua-soft);

    --brand-gradient: linear-gradient(95deg, var(--cobalt) 0%, var(--aqua) 55%, var(--lime) 100%);
    --brand-gradient-soft: linear-gradient(135deg, rgba(39,99,255,.10) 0%, rgba(0,229,199,.10) 60%, rgba(198,255,61,.10) 100%);
  }

  .foundable-public-nav-host,.foundable-public-nav-host *,.foundable-public-nav-host *::before,.foundable-public-nav-host *::after{box-sizing:border-box;margin:0;padding:0}
  html[data-marketing-public-route]{scroll-behavior:smooth}
  .foundable-reference-body{
    font-family:var(--font-jakarta), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color:var(--ink);
    background:var(--bone);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-feature-settings:"ss01","ss02","cv11";
  }
  .foundable-public-nav-host::selection,.foundable-public-nav-host *::selection{ background:var(--cobalt); color:#fff }

  /* ───────── Inline brand mark (3 stacked blocks) ───────── */
  .fmark{display:inline-block;flex-shrink:0;line-height:0;}
  .fmark svg{display:block;width:100%;height:100%;}
  .fmark .blk{filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));}
  .fmark.on-dark .blk{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));}
  .logo-wordmark{
    font-family:var(--font-jakarta), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink);
  }

  /* ───────────────────── NAV ───────────────────── */
  nav.top{
    position:fixed;top:0;left:0;right:0;z-index:100;padding:6px 18px;
    transition:background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease, border-color .25s ease, padding .25s ease;
    border-bottom:1px solid transparent;
  }
  nav.top.scrolled{
    padding-top:8px;padding-bottom:8px;
    background:transparent;
    border-bottom-color:transparent;
  }
  .nav-inner{
    max-width:1320px;margin:0 auto;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 10px;gap:16px;
    border:1px solid transparent;border-radius:18px;
    transition:background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease, border-color .25s ease, padding .25s ease;
  }
  nav.top.scrolled .nav-inner{
    padding:6px 10px 6px 18px;
    background:rgba(13,16,26,.78);
    border-color:var(--ink-08);
    box-shadow:0 14px 40px rgba(0,0,0,.22);
    backdrop-filter:blur(14px) saturate(140%);
    -webkit-backdrop-filter:blur(14px) saturate(140%);
  }
  .nav-logo{display:flex;align-items:baseline;gap:1px;text-decoration:none;color:var(--ink);font-size:22px;}  .nav-logo .fmark{height:28px;width:auto;display:inline-block;line-height:0;align-self:baseline;}
  .nav-logo .fmark img{height:100%;width:auto;display:block;}

  .nav-logo .wm{
    font-family:var(--font-jakarta), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--ink);
    line-height:1;
  }
  /* unified pill cluster on the right — holds nav links + lang + sign-in */
  .nav-cluster{
    position:relative;
    display:inline-flex;align-items:center;gap:0;
    background:linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.03) 100%);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(32px) saturate(160%) brightness(1.05);
    -webkit-backdrop-filter:blur(32px) saturate(160%) brightness(1.05);
    border-radius:14px;
    padding:4px;
    box-shadow:
      0 1.5px 0 rgba(255,255,255,.18) inset,
      0 -1px 0 rgba(255,255,255,.05) inset,
      0 0 0 1px rgba(255,255,255,.06) inset,
      0 14px 38px rgba(0,0,0,.45);
  }
  /* Specular highlight — a soft white smear catches "light" on the upper-left */
  .nav-cluster::before{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:
      radial-gradient(120% 80% at 50% -20%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 60%),
      radial-gradient(60% 50% at 10% 0%,    rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 70%);
    mix-blend-mode:screen;opacity:.9;
  }
  .nav-cluster a,
  .nav-cluster button{
    font-family:var(--font-jakarta), sans-serif;
    font-size:13px;font-weight:500;letter-spacing:-.005em;
    color:var(--ink);text-decoration:none;
    background:transparent;border:0;cursor:pointer;
    padding:6px 12px;border-radius:9px;
    display:inline-flex;align-items:center;gap:6px;
    transition:color .15s ease, background .15s ease;
    white-space:nowrap;
  }
  .nav-cluster a:hover,
  .nav-cluster button:hover{ color:var(--ink); background:rgba(255,255,255,.06); }
  .nav-cluster .divider{
    width:1px;height:18px;background:rgba(255,255,255,.10);margin:0 4px;
  }
  .nav-cluster .nav-lang svg{ opacity:.7; }
  .nav-live{ width:7px;height:7px;border-radius:50%;background:#F4212E;
             box-shadow:0 0 0 3px rgba(244,33,46,.22); animation:livepulse 2.2s ease-in-out infinite; }
  @keyframes livepulse{ 0%,100%{opacity:1} 50%{opacity:.5} }
  /* Sign-in: ghost/secondary card button (dark) */
  .nav-cluster .signin-btn{
    background:rgba(255,255,255,.05);
    color:var(--ink);
    font-weight:600;
    padding:7px 14px;
    margin-left:4px;
    border-radius:9px;
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
    transition:transform .15s ease, background .2s ease;
  }
  .nav-cluster .signin-btn:hover{
    color:var(--ink);
    background:rgba(255,255,255,.10);
    transform:translateY(-1px);
  }

  /* Primary CTA — gradient pill */
  .nav-cluster .nav-cta{
    background:linear-gradient(95deg, #2763FF 0%, #00E5C7 100%);
    color:#fff;
    font-weight:600;
    padding:7px 14px;
    margin-left:6px;
    border-radius:9px;
    box-shadow:0 1px 0 rgba(255,255,255,.16) inset, 0 6px 18px rgba(39,99,255,.28);
    transition:transform .15s ease, box-shadow .2s ease;
  }
  .nav-cluster .nav-cta:hover{
    color:#fff;
    background:linear-gradient(95deg, #2763FF 0%, #00E5C7 100%);
    transform:translateY(-1px);
    box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 10px 26px rgba(39,99,255,.40);
  }

  /* Theme toggle inside nav cluster */
  .nav-theme{
    background:transparent;border:0;cursor:pointer;
    padding:6px 8px;border-radius:9px;
    color:var(--ink);
    display:inline-flex;align-items:center;justify-content:center;
    text-decoration:none;
    transition:color .15s ease, background .15s ease;
  }
  .nav-theme:hover{ color:var(--ink); background:var(--ink-04); }
  .nav-theme svg{display:block;}

  /* scrolled state: dissolve the pill — items sit flat in the header */
  nav.top.scrolled .nav-cluster{
    background:transparent;
    border-color:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  nav.top.scrolled .nav-cluster::before{ opacity:0; }

  /* ───────────────────── HERO ───────────────────── */
  .hero{
    position:relative;
    min-height:100vh;
    padding:22vh 24px 0;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
    overflow:visible;
    isolation:isolate;
  }
  /* the pixel-cloud canvas. dot mask + edge fade are applied by sky.js inline. */
  .foundable-reference-body .hero canvas.aurora-canvas{
    position:absolute;inset:0;width:100%;height:100%;
    z-index:0;
  }
  /* a flat background colour the dots show against (between-dot gap colour) */
  .hero::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:
      radial-gradient(50% 50% at 20% 20%, rgba(39,99,255,.20), transparent 65%),
      radial-gradient(50% 40% at 80% 10%, rgba(0,229,199,.16), transparent 70%),
      radial-gradient(60% 40% at 60% 70%, rgba(198,255,61,.10), transparent 70%),
      linear-gradient(180deg, #11141B 0%, #15181F 60%, #15181F 100%);
  }
  /* soft fade so the hero blends into the next section without a hard cut */
  .hero::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,
      rgba(21,24,31,0)    0%,
      rgba(21,24,31,.55) 60%,
      var(--bone)        100%);
  }

  .hero-content{
    position:relative;z-index:2;
    width:100%;max-width:920px;
    display:flex;flex-direction:column;align-items:center;text-align:center;
  }
  /* Dark-mode legibility — softens the aurora directly behind the headline */
  .hero-content::before{
    content:"";
    position:absolute;
    inset:-80px -180px -60px;
    z-index:-1;
    background:radial-gradient(55% 70% at 50% 55%,
      rgba(6,10,22,0.78) 0%,
      rgba(6,10,22,0.55) 45%,
      rgba(6,10,22,0.20) 70%,
      transparent 88%);
    pointer-events:none;
    filter:blur(8px);
  }
  .hero h1{
    text-shadow:0 1px 32px rgba(0,0,0,0.55), 0 1px 2px rgba(0,0,0,0.4);
  }
  .hero-sub{ color:rgba(255,255,255,0.74) !important; }
  .hero-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(20,24,33,.55);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 24px rgba(0,0,0,.35);
    backdrop-filter:blur(14px) saturate(150%);
    padding:6px 14px 6px 8px;
    border-radius:999px;
    font-size:13px;font-weight:500;color:var(--ink-70);letter-spacing:-.005em;
  }
  .hero-eyebrow .pill{
    background:var(--off-black);color:#fff;
    font-size:11px;font-weight:600;letter-spacing:.03em;
    padding:3px 8px;border-radius:999px;
    display:inline-flex;align-items:center;gap:5px;
  }
  .hero-eyebrow .pill .dot{width:6px;height:6px;border-radius:50%;background:var(--mint);}

  .hero h1{
    margin:20px 0 0;
    font-family:var(--font-jakarta), sans-serif;
    font-weight:700;font-size:64px;line-height:1;letter-spacing:-.04em;
    color:var(--ink);
    max-width:920px;
    text-wrap:balance;
  }
  .hero-sub{
    margin:18px 0 0;
    font-size:18px;line-height:1.5;letter-spacing:-.005em;
    color:var(--ink-70);
    text-wrap:balance;
  }
  .hero-sub strong{
    font-weight:600;
    background:linear-gradient(95deg, #2763FF 0%, #00E5C7 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero h1 em{
    font-style:normal;
  }

  /* hero chatbox */
  .hero-chatbox{
    margin-top:56px;
    width:100%;max-width:720px;height:137px;
    display:flex;flex-direction:column;
    background:rgba(20,24,33,.65);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(22px) saturate(140%);
    border-radius:18px;
    box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 28px 70px rgba(0,0,0,.55), 0 8px 22px rgba(0,0,0,.35);
    padding:8px;
    text-align:left;
    position:relative;
  }
  .hero-chatbox textarea{flex:1 1 auto;}
  .hero-chatbox textarea{
    width:100%;min-height:44px;resize:none;outline:0;
    background:transparent;border:0;
    padding:14px 16px 4px 16px;
    font:400 17px/1.5 var(--font-jakarta), sans-serif;letter-spacing:-.01em;
    color:var(--ink);
    position:relative;z-index:1;
  }
  .hero-chatbox textarea::placeholder{ color:var(--ink-35); }
  /* Typewriter overlay sits behind the textarea — visible only when empty */
  .hero-chatbox .tw-overlay{
    position:absolute;left:16px;right:16px;top:14px;
    pointer-events:none;
    font:400 17px/1.5 var(--font-jakarta), sans-serif;letter-spacing:-.01em;
    color:var(--ink-55);
    transition:opacity .2s ease;
    z-index:0;
  }
  .hero-chatbox .tw-overlay .tw-caret{
    display:inline-block;width:2px;height:1.05em;vertical-align:-3px;
    margin-left:1px;background:currentColor;
    animation:twblink 1.05s steps(1,end) infinite;
  }
  .hero-chatbox.is-active .tw-overlay,
  .hero-chatbox.has-content .tw-overlay{ opacity:0; }
  @keyframes twblink{ 50%{opacity:0;} }
  .hero-chatbox-toolbar{
    display:flex;align-items:center;gap:4px;
    padding:6px 8px 8px;
    }
  .hero-chatbox-toolbar .tool{
    width:34px;height:34px;border:0;cursor:pointer;border-radius:10px;
    background:transparent;color:var(--ink-55);
    display:inline-flex;align-items:center;justify-content:center;
    transition:color .15s ease, background .15s ease, transform .15s ease;
  }
  .hero-chatbox-toolbar .tool:hover{
    color:var(--ink);background:var(--ink-04);
  }
  .hero-chatbox-toolbar .tool.mic{ margin-left:auto; }
  .hero-chatbox-toolbar .send{ margin-left:0; }
  .hero-chatbox-toolbar .tool svg{display:block;}
  .hero-chatbox-toolbar .send{
    width:36px;height:36px;border:0;border-radius:10px;cursor:pointer;
    background:linear-gradient(135deg, #2763FF 0%, #00E5C7 100%);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
    box-shadow:0 6px 22px rgba(39,99,255,.32), 0 0 0 1px rgba(255,255,255,.10) inset;
  }
  .hero-chatbox-toolbar .send:hover{ transform:translateY(-1px); filter:brightness(1.05); }
  .hero-chatbox .chips{
    display:flex;flex-wrap:wrap;gap:6px;
    padding:0 6px 8px;
  }
  .hero-chatbox .chip{
    display:inline-flex;align-items:center;gap:6px;
    font:500 12px/1 var(--font-jakarta), sans-serif;
    color:var(--ink-70);
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    padding:7px 10px;border-radius:999px;cursor:pointer;
    transition:background .15s, color .15s;
  }
  .hero-chatbox .chip:hover{ color:var(--ink); background:rgba(255,255,255,.10); }
  .hero-chatbox .chip svg{opacity:.5}

  .hero-connect{
    display:inline-flex;align-items:center;gap:10px;
    margin-top:24px;
    font-size:13px;font-weight:500;color:var(--ink-70);
    background:rgba(255,255,255,.5);
    border:1px solid rgba(255,255,255,.7);
    backdrop-filter:blur(8px);
    padding:8px 14px 8px 10px;border-radius:999px;
    text-decoration:none;
    transition:color .2s, box-shadow .2s, background .2s;
  }
  .hero-connect:hover{ color:var(--ink); background:rgba(255,255,255,.7); box-shadow:0 4px 14px rgba(11,11,13,.08); }
  .hero-connect svg{flex-shrink:0}
  .hero-connect .chev{opacity:.4}

  /* trust marks */
  .hero-trust{
    margin-top:48px;
    display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;
    font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-55);
  }
  .hero-trust .label{ font-weight:600; color:var(--ink-70); }
  .hero-trust .wordmark{
    font-weight:600;font-size:15px;letter-spacing:-.01em;text-transform:none;
    color:var(--ink-70);
    opacity:.85;
  }

  /* ───────────────────── shared section title kit ───────────────────── */
  .foundable-public-nav-host section{ position:relative; }
  .container{ max-width:1240px;margin:0 auto;padding:0 28px; }
  .section-eyebrow{
    display:none; /* removed per user direction — keep style for future  use */
    align-items:center;gap:8px;
    font-size:12px;font-weight:600;color:var(--indigo);letter-spacing:.12em;text-transform:uppercase;
  }
  .section-eyebrow .e-mark{width:6px;height:6px;border-radius:1px;background:var(--indigo);}
  .section-heading{
    font-weight:700;font-size:56px;line-height:1.04;letter-spacing:-.035em;color:var(--ink);
    margin:14px 0 0;text-wrap:balance;
  }
  .section-heading em{
    font-style:normal;
  }
  .section-sub strong{
    font-weight:600;
    background:linear-gradient(95deg, #2763FF 0%, #00E5C7 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .section-sub{
    font-size:18px;color:var(--ink-70);line-height:1.55;letter-spacing:-.01em;
    margin-top:16px;max-width:600px;
    text-wrap:pretty;
  }

  /* ───────────────────── SECTION: COMMAND CARD ───────────────────── */
  .command{
    padding:110px 24px 30px;
    display:flex;flex-direction:column;align-items:center;
    text-align:center;
  }
  .command .section-heading{ max-width:680px; }
  .command-card{
    margin-top:56px;
    width:100%;max-width:920px;
    background:var(--paper);
    border-radius:20px;
    box-shadow:
      0 1px 0 rgba(255,255,255,.6) inset,
      0 30px 60px rgba(11,11,13,.10),
      0 6px 20px rgba(11,11,13,.06);
    overflow:hidden;
    border:1px solid var(--ink-08);
  }
  .cc-bar{
    display:flex;align-items:center;gap:8px;
    padding:12px 16px;
    background:var(--stone-2);
    border-bottom:1px solid var(--ink-08);
  }
  .cc-dot{width:11px;height:11px;border-radius:50%;}
  .cc-dot.r{background:#FF6058}
  .cc-dot.y{background:#FFBE2E}
  .cc-dot.g{background:#28C840}
  .cc-url{
    flex:1;margin-left:14px;height:26px;border-radius:8px;
    background:rgba(255,255,255,.04);border:1px solid var(--ink-08);
    display:flex;align-items:center;gap:8px;padding:0 10px;
    font:500 12px/1 var(--font-mono), monospace;color:var(--ink-55);
  }
  .cc-url svg{flex-shrink:0;opacity:.5}
  .cc-url .path{color:var(--ink-70)}
  .cc-body{
    min-height:320px;
    padding:48px 32px;
    background:
      radial-gradient(60% 100% at 50% 0%, rgba(39,99,255,.18), transparent 60%),
      linear-gradient(180deg, #1B1F28 0%, #15181F 100%);
    display:flex;align-items:center;justify-content:center;
    position:relative;
  }
  .cc-input{
    position:relative;width:100%;max-width:620px;text-align:left;
  }
  .cc-textarea{
    width:100%;min-height:128px;resize:none;outline:0;
    background:var(--paper);border:1px solid var(--ink-12);
    border-radius:14px;
    padding:18px 60px 18px 18px;
    font:400 15px/1.55 var(--font-jakarta), sans-serif;
    color:var(--ink);
    box-shadow:0 1px 2px rgba(11,11,13,.04), 0 12px 32px rgba(11,11,13,.06);
  }
  .cc-textarea::placeholder{ color:var(--ink-35); }
  .cc-send{
    position:absolute;right:14px;bottom:14px;
    width:34px;height:34px;border:0;border-radius:10px;cursor:pointer;
    background:var(--off-black);color:#fff;
    display:flex;align-items:center;justify-content:center;
    transition:transform .15s ease;
  }
  .cc-send:hover{ transform:translateY(-1px); }
  .cc-chips{
    margin-top:14px;display:flex;flex-wrap:wrap;gap:6px;
  }
  .cc-chip{
    display:inline-flex;align-items:center;gap:6px;
    font:500 12px/1 var(--font-jakarta), sans-serif;
    color:var(--ink-70);
    background:rgba(255,255,255,.04);
    border:1px solid var(--ink-08);
    padding:7px 10px;border-radius:999px;cursor:pointer;
    transition:background .15s, color .15s;
  }
  .cc-chip:hover{ color:var(--ink); background:rgba(255,255,255,.08); }
  .cc-chip svg{opacity:.6}
  .cc-cursor{
    position:absolute;right:-12px;bottom:-22px;
    width:24px;height:24px;
    pointer-events:none;
    transform:rotate(-8deg);
  }

  /* ───────────────────── SECTION: HOW IT WORKS ───────────────────── */
  .how{
    padding:140px 24px 80px;
    text-align:center;
  }
  .how-head{ display:flex;flex-direction:column;align-items:center; }
  
  .how-card{
    background:var(--paper);border:1px solid var(--ink-08);
    border-radius:20px;
    padding:0 0 32px;
    overflow:hidden;
    text-align:left;
    display:flex;flex-direction:column;
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .how-card:hover{ transform:translateY(-3px); box-shadow:0 18px 40px rgba(11,11,13,.08); }
  .how-card-visual{
    height:200px;
    background:linear-gradient(180deg, #1F232E 0%, #1B1F28 100%);
    border-bottom:1px solid var(--ink-08);
    position:relative;overflow:hidden;
    display:flex;align-items:center;justify-content:center;
  }
  .how-card-body{ padding:24px 28px 0; }
  
  .how-card h3{
    font-weight:600;font-size:22px;line-height:1.25;letter-spacing:-.02em;color:var(--ink);
    margin-bottom:10px;
  }
  .how-card p{
    font-size:14px;line-height:1.6;color:var(--ink-70);
  }

  /* Step 1 — chat box visual */
  .v-chat{
    width:86%;max-width:280px;
    height:260px;
    overflow:hidden;
    display:flex;flex-direction:column;justify-content:flex-start;gap:10px;
  }
  .v-msg{display:flex;align-items:flex-end;gap:8px;max-width:100%;}
  .v-msg.user{justify-content:flex-end;}
  .v-bubble{
    padding:9px 13px;border-radius:14px;
    font:500 12.5px/1.4 var(--font-jakarta), sans-serif;letter-spacing:-.005em;
    box-shadow:0 4px 14px rgba(21,24,31,.10);
    max-width:84%;
  }
  .v-msg.user .v-bubble{
    background:linear-gradient(95deg, #2763FF 0%, #00E5C7 100%);color:#fff;
    border-bottom-right-radius:4px;
  }
  .v-bubble-wrap{display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
  .v-sender{
    font:600 11px/1 var(--font-jakarta), sans-serif;
    color:var(--ink-55);letter-spacing:-.005em;
    padding:0;
  }
  .v-msg.bot .v-bubble{
    background:#232732;color:var(--ink);
    border:1px solid rgba(255,255,255,.08);
    border-bottom-left-radius:4px;
    display:flex;align-items:center;gap:8px;
    min-height:32px;
    padding:8px 12px;
  }
  .v-bot-avatar{
    display:inline-flex;align-items:center;justify-content:center;
    width:auto;height:24px;color:var(--ink);flex-shrink:0;
  }
  .v-bot-avatar svg{width:100%;height:100%;}
  .v-bot-avatar img{display:block;height:100%;width:auto;}
  .v-dots{display:inline-flex;gap:3px;align-items:center;}
  .v-dots span{
    width:5px;height:5px;border-radius:50%;background:var(--ink-35);
    animation:vdot 1.2s infinite ease-in-out;
  }
  .v-dots span:nth-child(2){animation-delay:.15s;}
  .v-dots span:nth-child(3){animation-delay:.30s;}
  @keyframes vdot{
    0%,80%,100%{transform:translateY(0);opacity:.35;}
    40%        {transform:translateY(-3px);opacity:1;}
  }
  .v-stack{
    display:grid;grid-template-columns:60px 1fr 60px;gap:18px;align-items:center;
    width:80%;
  }
  .v-stack .col{display:flex;flex-direction:column;gap:8px;}
  .v-block{
    border-radius:8px;background:#232732;border:1px solid rgba(255,255,255,.06);
    height:46px;
    box-shadow:0 4px 12px rgba(0,0,0,.35);
    padding:8px;
  }
  .v-block .line{height:4px;border-radius:2px;background:rgba(255,255,255,.12);margin-bottom:5px;}
  .v-block .line.dark{background:#F3F4F6;}
  .v-block .line.indigo{background:#2763FF;}
  .v-block .line.short{width:60%}
  .v-block.solid-i{background:#2763FF; border-color:transparent}
  .v-block.solid-m{background:#00E5C7; border-color:transparent}
  .v-stack .plus{
    font:300 28px/1 var(--font-jakarta), sans-serif;color:var(--ink-35);text-align:center;
  }
  .v-chart{
    width:80%;max-width:260px;background:#232732;border:1px solid rgba(255,255,255,.08);border-radius:12px;
    padding:16px;box-shadow:0 8px 20px rgba(0,0,0,.4);
  }
  .v-chart-head{
    display:flex;align-items:center;justify-content:space-between;font:500 11px/1 var(--font-jakarta), sans-serif;color:var(--ink-55);
    margin-bottom:12px;
  }
  .v-chart-live{display:inline-flex;align-items:center;gap:6px;color:var(--mint-2);font-weight:600;}
  .v-chart-live .dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(0,229,199,.22);animation:livepulse 2s infinite;}
  .v-bars{ display:flex;align-items:flex-end;gap:6px;height:60px; }
  .v-bars .b{flex:1;border-radius:3px 3px 0 0;background:var(--ink-12);}
  .v-bars .b.m{background:var(--ink-35)}
  .v-bars .b.h{background:#F3F4F6}
  .v-bars .b.i{background:#C6FF3D}

  /* ───────────────────── SECTION: INTEGRATIONS ───────────────────── */
  .integ{
    padding:90px 24px 80px;
  }
  .integ-inner{
    max-width:1180px;margin:0 auto;
    background:var(--paper);
    border:1px solid var(--ink-08);
    border-radius:24px;
    padding:48px 48px 44px;
    box-shadow:0 18px 50px rgba(0,0,0,.30);
    display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:center;
  }
  .integ-left h3 em{
    font-style:normal;
  }
  .integ-left h3{
    font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.025em;color:var(--ink);
    margin:14px 0 12px;
    text-wrap:balance;
  }
  .integ-left p{
    font-size:15px;color:var(--ink-70);line-height:1.6;letter-spacing:-.005em;
    max-width:380px;
  }
  .integ-link{
    margin-top:18px;display:inline-flex;align-items:center;gap:6px;
    font:600 13px/1 var(--font-jakarta), sans-serif;color:var(--ink);text-decoration:none;
    padding:9px 14px;border-radius:999px;background:var(--ink-04);
    transition:background .15s ease, transform .15s ease;
  }
  .integ-link:hover{ background:var(--ink-08); transform:translateY(-1px); }
  .integ-grid{
    display:grid;grid-template-columns:repeat(6, 1fr);gap:10px;
  }
  .integ-cell{
    aspect-ratio:1/1;
    border:1px solid var(--ink-08);
    border-radius:14px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    background:#232732;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .integ-cell:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(11,14,20,.07);
    border-color:var(--ink-12);
  }
  .integ-cell .glyph{
    width:34px;height:34px;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    color:#fff;
  }
  .integ-cell .glyph svg{display:block;}
  .integ-cell .nm{
    font:500 11.5px/1 var(--font-jakarta), sans-serif;color:var(--ink-70);letter-spacing:-.005em;
  }

  /* ───────────────────── SECTION: COMPARISON ───────────────────── */
  .compare{
    padding:90px 24px 80px;
  }
  .compare-head{ text-align:center;display:flex;flex-direction:column;align-items:center; }
  .compare-tabs{
    margin:24px auto 0;display:inline-flex;align-items:center;
    background:#232732;border:1px solid var(--ink-08);border-radius:999px;padding:5px;
    box-shadow:0 8px 24px rgba(21,24,31,.10);
  }
  .compare-tab{
    border:0;background:transparent;
    font:500 13.5px/1 var(--font-jakarta), sans-serif;letter-spacing:-.005em;
    color:var(--ink-55);padding:9px 18px;border-radius:999px;cursor:pointer;
    transition:color .2s, background .2s;
    white-space:nowrap;
  }
  .compare-tab:hover{ color:var(--ink); }
  .compare-tab.active{
    background:var(--off-black);color:#fff;
    box-shadow:0 4px 14px rgba(11,14,20,.22);
  }
  .compare-grid{
    margin:32px auto 0;max-width:1080px;
    display:grid;grid-template-columns:1fr 1fr;gap:18px;
  }
  .compare-col{
    min-height:460px;
    border-radius:22px;
    padding:28px 28px 26px;
    position:relative;overflow:hidden;
    border:1px solid var(--ink-08);
    background:var(--paper);
    display:flex;flex-direction:column;
  }
  .compare-col.us{
    background:linear-gradient(180deg, #232732 0%, #1B1F28 100%);color:#fff;
    border-color:rgba(255,255,255,.10);
    box-shadow:
      0 20px 50px rgba(11,14,20,.10),
      0 0 0 1px rgba(39,99,255,.10) inset;
    isolation:isolate;
  }
  .compare-col.us::before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(50% 70% at 100% 0%,  rgba(39,99,255,.18), transparent 65%),
      radial-gradient(50% 70% at 0% 100%, rgba(0,229,199,.16), transparent 65%),
      radial-gradient(50% 60% at 60% 110%, rgba(198,255,61,.14), transparent 65%);
  }
  .compare-col.them{
    background:var(--paper);
    color:var(--ink);
  }
  .compare-col .cmp-head{
    display:flex;align-items:center;gap:20px;
    min-height:96px;
    margin-bottom:8px;
  }
  .compare-col .cmp-title{
    font:700 28px/1.15 var(--font-jakarta), sans-serif;letter-spacing:-.02em;color:var(--ink);
  }
  /* Inline F-mark + wordmark inside compare titles — same vocabulary as nav */
  .cmp-fbrand{display:inline-flex;align-items:baseline;gap:1px;vertical-align:baseline;margin-left:.18em;}
  .cmp-fmark{height:1.25em;width:auto;display:inline-block;line-height:0;align-self:baseline;}
  .cmp-fmark img{height:100%;width:auto;display:block;}
  .cmp-fwm{font-weight:700;letter-spacing:-.02em;margin-left:-.02em;}

  .cmp-pill{
    align-self:flex-start;
    margin:2px 0 18px;
    padding:8px 14px;
    font:500 13px/1 var(--font-jakarta), sans-serif;letter-spacing:-.005em;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:var(--ink-70);
  }
  .cmp-pill.us{
    background:rgba(39,99,255,.20);
    color:#9EB7FF;
    box-shadow:0 0 0 1px rgba(39,99,255,.30) inset;
  }

  .compare-list{ list-style:none;display:flex;flex-direction:column;gap:8px; }
  .compare-list li{
    display:flex;align-items:flex-start;gap:12px;
    padding:14px 16px;
    font-size:13.5px;line-height:1.45;letter-spacing:-.005em;
    color:var(--ink);
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
  }
  .compare-col.them .compare-list li{ background:rgba(255,255,255,.04); }
  .compare-list .ico{
    width:20px;height:20px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
    margin-top:1px;
    background:linear-gradient(135deg, #2763FF 0%, #00E5C7 100%);
    color:#fff;
  }
  .compare-col.them .compare-list .ico{
    background:rgba(39,99,255,.14);
    color:var(--indigo);
  }

  
  /* Comparison: ✗ icon on competitor column */
  .compare-list .ico.ico-x{
    background:var(--ink-08);
    color:var(--ink-55);
  }
  .compare-col.them .compare-list .ico{
    background:var(--ink-08);
    color:var(--ink-55);
  }

  .compare-panel{display:none}
  .compare-panel.active{display:contents}

  /* ───────────────────── SECTION: BUILT FOR ───────────────────── */
  .built{
    padding:140px 24px 100px;
  }
  .built-head{ text-align:center; display:flex;flex-direction:column;align-items:center; }
  .built-tabs{
    margin:32px auto 0;
    display:inline-flex;align-items:center;gap:0;
    background:#232732;border:1px solid var(--ink-08);
    border-radius:999px;padding:5px;
    box-shadow:0 8px 24px rgba(11,11,13,.06);
  }
  .built-tab{
    border:0;background:transparent;
    font:500 14px/1 var(--font-jakarta), sans-serif;letter-spacing:-.005em;
    color:var(--ink-55);padding:10px 22px;border-radius:999px;cursor:pointer;
    transition:color .2s, background .2s;
  }
  .built-tab:hover{ color:var(--ink); }
  .built-tab.active{
    background:var(--off-black);color:#fff;
    box-shadow:0 4px 14px rgba(11,11,13,.22);
  }
  .built-carousel{
    margin-top:60px;
    display:flex;align-items:center;justify-content:center;gap:24px;
    perspective:1400px;
  }
  .built-card{
    background:#232732;border:1px solid var(--ink-08);border-radius:14px;overflow:hidden;flex-shrink:0;
    box-shadow:0 18px 50px rgba(11,11,13,.10);
    transition:transform .4s ease, opacity .4s ease;
  }
  .built-card.center{ width:460px;z-index:2; }
  .built-card.side{ width:340px;z-index:1;opacity:.78; }
  .built-card.left{ transform:perspective(1400px) rotateY(10deg) scale(.92);transform-origin:right center; }
  .built-card.right{ transform:perspective(1400px) rotateY(-10deg) scale(.92);transform-origin:left center; }
  .bc-bar{
    display:flex;align-items:center;gap:6px;padding:10px 14px;
    background:#1B1F28;border-bottom:1px solid var(--ink-08);
  }
  .bc-bar .d{width:10px;height:10px;border-radius:50%;}
  .bc-bar .d.r{background:#FF6058}.bc-bar .d.y{background:#FFBE2E}.bc-bar .d.g{background:#28C840}
  .bc-bar .url{flex:1;margin-left:6px;height:20px;background:#fff;border-radius:5px;border:1px solid var(--ink-08);}

  /* mock 1 - SaaS dark */
  .bc-mock-a{
    background:linear-gradient(160deg, #0B0B0D 0%, #1B1A2A 100%);
    color:#fff;
    padding:28px 28px 30px;
    min-height:280px;
    display:flex;flex-direction:column;justify-content:space-between;gap:16px;
  }
  .bc-brand{font:600 14px/1 var(--font-jakarta), sans-serif;letter-spacing:-.005em;display:flex;align-items:center;gap:8px;}
  .bc-brand .logo-dot{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg, var(--indigo) 0%, var(--mint) 100%);}
  .bc-mock-a h4{
    font:700 26px/1.1 var(--font-jakarta), sans-serif;letter-spacing:-.025em;
  }
  .bc-mock-a h4 .accent{
    background:linear-gradient(90deg, var(--indigo) 0%, var(--mint) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .bc-mock-a p{font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.55;}
  .bc-mock-a .btn{
    align-self:flex-start;
    background:var(--indigo);color:#fff;border:0;font:600 12px/1 var(--font-jakarta), sans-serif;
    padding:10px 16px;border-radius:8px;cursor:pointer;
  }

  /* mock 2 - DTC light  */
  .bc-mock-b{
    background:linear-gradient(180deg, #FBF8F3 0%, #F1EDE5 100%);
    padding:28px 26px 30px;
    min-height:240px;
    display:flex;flex-direction:column;gap:14px;
  }
  .bc-mock-b .tagchip{
    align-self:flex-start;font:700 10px/1 var(--font-jakarta), sans-serif;letter-spacing:.10em;
    color:var(--mint-2);background:var(--mint-soft);padding:5px 8px;border-radius:6px;text-transform:uppercase;
  }
  .bc-mock-b h4{font:700 22px/1.2 var(--font-jakarta), sans-serif;color:#1a1a1a;letter-spacing:-.025em;}
  .bc-mock-b .row{display:flex;align-items:center;gap:8px;font:500 12px/1 var(--font-jakarta), sans-serif;color:#7a6a55;}
  .bc-mock-b .row .star{color:#D9A441;font-size:14px;}
  .bc-mock-b .cta-row{display:flex;gap:8px;margin-top:auto;}
  .bc-mock-b .btn{background:#1a1a1a;color:#fff;border:0;font:600 11.5px/1 var(--font-jakarta), sans-serif;padding:9px 14px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;}
  .bc-mock-b .btn.ghost{background:transparent;color:#1a1a1a;border:1px solid rgba(0,0,0,.18);}

  /* mock 3 - course / coach  */
  .bc-mock-c{
    background:linear-gradient(165deg, #E6EEFF 0%, #DAFFF6 60%, #F2FFD6 100%);
    padding:26px 24px 28px;
    min-height:220px;
    display:flex;flex-direction:column;gap:10px;
  }
  .bc-mock-c .brand{font:600 13px/1 var(--font-jakarta), sans-serif;color:var(--indigo-2);display:flex;align-items:center;gap:6px;}
  .bc-mock-c h4{font:700 20px/1.2 var(--font-jakarta), sans-serif;color:#1a1a1a;letter-spacing:-.025em;}
  .bc-mock-c p{font-size:12px;color:#544c7a;line-height:1.5}
  .bc-mock-c .btn{
    align-self:flex-start;margin-top:auto;
    background:#1a1a1a;color:#fff;font:600 11px/1 var(--font-jakarta), sans-serif;
    padding:9px 14px;border-radius:6px;border:0;letter-spacing:.04em;
  }

  /* AD MOCKS (state 2) - same .built-card frame but no browser bar */
  .ad-frame{
    aspect-ratio: 1 / 1;
    overflow:hidden;border-radius:14px;display:flex;flex-direction:column;
  }
  .ad-a{
    background:linear-gradient(160deg, #1a1a1a 0%, #2a2a2a 100%);
    color:#fff;padding:32px;justify-content:space-between;
  }
  .ad-a .tag{font:700 11px/1 var(--font-jakarta), sans-serif;color:var(--mint);letter-spacing:.10em;text-transform:uppercase;}
  .ad-a h4{font:700 36px/1.05 var(--font-jakarta), sans-serif;letter-spacing:-.03em;margin-top:14px;}
  .ad-a .foot{display:flex;justify-content:space-between;align-items:center;font:500 12px/1 var(--font-jakarta), sans-serif;color:rgba(255,255,255,.55)}
  .ad-a .cta{background:var(--mint);color:#0a1a14;padding:10px 16px;border-radius:8px;font-weight:700;}
  .ad-b{
    background:linear-gradient(180deg, #FFE9D9 0%, #FFB89A 100%);
    color:#2a1810;padding:28px;justify-content:flex-end;position:relative;
  }
  .ad-b .badge{position:absolute;top:24px;left:24px;background:#fff;color:#2a1810;font:700 11px/1 var(--font-jakarta), sans-serif;padding:7px 10px;border-radius:6px;letter-spacing:.08em;text-transform:uppercase;}
  .ad-b h4{font:700 30px/1.05 var(--font-jakarta), sans-serif;letter-spacing:-.03em;}
  .ad-b p{font-size:13px;margin-top:8px;opacity:.7;}
  .ad-c{
    background:linear-gradient(180deg, var(--indigo) 0%, var(--indigo-2) 100%);
    color:#fff;padding:28px;justify-content:space-between;
  }
  .ad-c .small{font:700 11px/1 var(--font-jakarta), sans-serif;letter-spacing:.10em;opacity:.7;text-transform:uppercase;}
  .ad-c h4{font:700 32px/1.05 var(--font-jakarta), sans-serif;letter-spacing:-.03em;}
  .ad-c .cta{background:#fff;color:var(--indigo-2);padding:10px 16px;border-radius:8px;font-weight:700;align-self:flex-start;}

  /* VIDEO MOCKS (state 3) */
  .vid-frame{
    aspect-ratio: 9 / 16;
    background:#1B1F28;border-radius:14px;overflow:hidden;
    display:flex;flex-direction:column;justify-content:flex-end;
    position:relative;color:#fff;
    padding:18px;
  }
  .vid-frame .play{
    position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);
    width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--off-black);
    display:flex;align-items:center;justify-content:center;
  }
  .vid-frame.a{background:linear-gradient(170deg, #15181F 0%, #2763FF 50%, #00E5C7 100%);}
  .vid-frame.b{background:linear-gradient(170deg, #15181F 0%, #1F2330 100%);}
  .vid-frame.c{background:linear-gradient(170deg, #00E5C7 0%, #C6FF3D 100%);}
  .vid-cap{font:600 15px/1.25 var(--font-jakarta), sans-serif;letter-spacing:-.01em;}
  .vid-cap small{display:block;font:500 11px/1.4 var(--font-jakarta), sans-serif;opacity:.7;margin-top:6px;}

  /* ───────────────────── SECTION: WALL OF LOVE ───────────────────── */
  .wall{
    padding:140px 0 40px;
    background:var(--paper);
    position:relative;overflow:hidden;
  }
  .wall::before, .wall::after{
    content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none;
  }
  .wall::before{ left:0;  background:linear-gradient(90deg, var(--paper) 0%, transparent 100%); }
  .wall::after { right:0; background:linear-gradient(-90deg, var(--paper) 0%, transparent 100%); }
  .wall-head{text-align:center;padding:0 24px;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;}
  .wall-badge{
    margin-top:24px;display:inline-flex;align-items:center;gap:12px;
    background:#232732;border:1px solid var(--ink-08);border-radius:999px;
    padding:8px 18px 8px 8px;box-shadow:0 4px 14px rgba(11,11,13,.05);
  }
  .wall-avatars{display:flex;}
  .wall-avatars .av{
    width:28px;height:28px;border-radius:50%;border:2px solid #15181F;margin-left:-8px;
    background:linear-gradient(135deg, var(--indigo), var(--mint));
    display:flex;align-items:center;justify-content:center;
    font:600 11px/1 var(--font-jakarta), sans-serif;color:#fff;
  }
  .wall-avatars .av:first-child{margin-left:0}
  .wall-avatars .av.a{background:linear-gradient(135deg, #2763FF, #6E94FF);}
  .wall-avatars .av.b{background:linear-gradient(135deg, #00E5C7, #00B89E);}
  .wall-avatars .av.c{background:linear-gradient(135deg, #15181F, #2C313E);}
  .wall-avatars .av.d{background:linear-gradient(135deg, #C6FF3D, #A8E018); color:#15181F;}
  .wall-badge-text{font:500 13px/1 var(--font-jakarta), sans-serif;color:var(--ink-70);display:flex;align-items:center;gap:4px;}
  .wall-badge-text strong{color:var(--ink);font-weight:700;}
  .wall-badge-text .star{color:#FFB626;}

  .wall-marquee-wrap{display:flex;flex-direction:column;gap:18px;overflow:hidden;}
  .wall-row{display:flex;gap:18px;width:max-content;padding:0 12px;}
  .wall-row.r1{animation:wallLeft 60s linear infinite;}
  .wall-row.r2{animation:wallRight 70s linear infinite;}
  @keyframes wallLeft{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
  @keyframes wallRight{ from{transform:translateX(-50%)} to{transform:translateX(0)} }
  .wall-row:hover{ animation-play-state:paused; }
  .wall-card{
    background:#232732;border:1px solid var(--ink-08);border-radius:14px;
    padding:22px;width:340px;flex-shrink:0;
    box-shadow:0 2px 8px rgba(11,11,13,.04);
  }
  .wall-card .head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
  .wall-card .head .av{
    width:38px;height:38px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;font:600 14px/1 var(--font-jakarta), sans-serif;
    flex-shrink:0;
  }
  .wall-card .name{font:600 14px/1.1 var(--font-jakarta), sans-serif;color:var(--ink);}
  .wall-card .role{font-size:12px;color:var(--ink-55);margin-top:3px;}
  .wall-card .quote{font-size:13.5px;color:var(--ink-70);line-height:1.6;}

  /* ───────────────────── SECTION: FAQ ───────────────────── */
  .faq{
    padding:80px 24px 60px;
  }
  .faq .head{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;}
  .faq-list{max-width:760px;margin:0 auto;}
  .faq-item{
    border-bottom:1px solid var(--ink-08);
  }
  .faq-item:first-child{border-top:1px solid var(--ink-08);}
  .faq-item .q{
    width:100%;background:transparent;border:0;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:22px 4px;
    text-align:left;
  }
  .faq-item .q h4{font:600 16px/1.4 var(--font-jakarta), sans-serif;color:var(--ink);letter-spacing:-.01em;}
  .faq-item .icon{
    width:28px;height:28px;border-radius:50%;
    background:var(--ink-04);
    display:inline-flex;align-items:center;justify-content:center;
    transition:transform .3s ease, background .25s ease, color .25s ease;
    color:var(--ink-70);
    flex-shrink:0;
  }
  .faq-item.open .icon{
    transform:rotate(180deg);
    background:linear-gradient(135deg, #2763FF, #00E5C7);
    color:#fff;
  }
  .faq-item .a{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);
  }
  .faq-item.open .a{
    grid-template-rows:1fr;
  }
  .faq-item .a > .a-inner{
    overflow:hidden;
    font-size:14.5px;color:var(--ink-70);line-height:1.7;
    padding:0 4px;
  }
  .faq-item.open .a > .a-inner{
    padding:0 4px 24px;
  }

  /* ───────────────────── CTA BAND ───────────────────── */
  .cta-band{
    padding:60px 24px 40px;
  }
  .cta-band-inner{
    max-width:1180px;margin:0 auto;
    background:linear-gradient(160deg, #1B1F28 0%, #15181F 100%);
    border-radius:24px;
    padding:48px 56px;
    color:#fff;
    position:relative;overflow:hidden;
    isolation:isolate;
  }
  .cta-band-inner::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:
      radial-gradient(55% 70% at 95% 5%,  rgba(39,99,255,.65), transparent 60%),
      radial-gradient(45% 65% at 55% 100%, rgba(0,229,199,.55), transparent 60%),
      radial-gradient(45% 55% at 5% 70%,  rgba(198,255,61,.45), transparent 65%);
  }
  .cta-band h2{
    font:700 56px/1.04 var(--font-jakarta), sans-serif;letter-spacing:-.035em;
    max-width:680px;
  }
  .cta-band h2 em{font-style:normal;color:#fff;}
  .cta-band p{font-size:18px;color:rgba(255,255,255,.7);margin-top:18px;max-width:520px;line-height:1.55;}
  .cta-band-buttons{margin-top:32px;display:flex;gap:10px;flex-wrap:wrap;}
  .cta-band .btn-w{
    background:#fff;color:var(--off-black);border:0;border-radius:14px;
    font:600 15px/1 var(--font-jakarta), sans-serif;padding:16px 26px;cursor:pointer;text-decoration:none;
    display:inline-flex;align-items:center;gap:8px;
  }
  .cta-band .btn-w:hover{background:#eee;}
  .cta-band .btn-g{
    background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:14px;
    font:600 15px/1 var(--font-jakarta), sans-serif;padding:16px 26px;cursor:pointer;text-decoration:none;
    display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(6px);
  }
  .cta-band .btn-g:hover{background:rgba(255,255,255,.15);}

  
  /* CTA chatbox layout — two-column with chat box on the right */
  .cta-band-inner{ display:grid; grid-template-columns: 1.05fr 1fr; gap:64px; align-items:center; }
  .cta-left{ display:flex; flex-direction:column; gap:6px; }
  .cta-band-inner h2{ font:700 44px/1.06 var(--font-jakarta), sans-serif; letter-spacing:-.03em; max-width:none; }
  .cta-band-inner p{ font-size:16px; color:var(--ink-70); margin-top:8px; max-width:none; line-height:1.55; }
  .cta-chatbox{
    width:100%; display:flex; flex-direction:column;
    background:rgba(20,24,33,.55);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(22px) saturate(140%);
    -webkit-backdrop-filter:blur(22px) saturate(140%);
    border-radius:18px;
    box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 22px 60px rgba(0,0,0,.45), 0 6px 20px rgba(0,0,0,.30);
    padding:0;
  }
  .cta-chatbox textarea{
    width:100%; min-height:88px; resize:none; outline:0;
    background:transparent; border:0;
    padding:18px 18px 4px 18px;
    font:400 16px/1.5 var(--font-jakarta), sans-serif; letter-spacing:-.01em;
    color:var(--ink);
  }
  .cta-chatbox textarea::placeholder{ color:rgba(255,255,255,.45); }
  .cta-chatbox-toolbar{ display:flex; align-items:center; gap:4px; padding:6px 8px 8px; }
  .cta-chatbox-toolbar .tool{
    width:34px; height:34px; border:0; cursor:pointer; border-radius:10px;
    background:transparent; color:rgba(255,255,255,.55);
    display:inline-flex; align-items:center; justify-content:center;
    transition:color .15s ease, background .15s ease;
  }
  .cta-chatbox-toolbar .tool:hover{ color:#fff; background:rgba(255,255,255,.06); }
  .cta-chatbox-toolbar .tool.mic{ margin-left:auto; }
  .cta-chatbox-toolbar .send{
    width:36px; height:36px; border:0; border-radius:10px; cursor:pointer;
    background:linear-gradient(135deg, #2763FF 0%, #00E5C7 100%);
    color:#fff; display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 22px rgba(39,99,255,.32), 0 0 0 1px rgba(255,255,255,.10) inset;
    transition:transform .15s ease, filter .15s ease;
  }
  .cta-chatbox-toolbar .send:hover{ transform:translateY(-1px); filter:brightness(1.05); }
  @media (max-width:780px){
    .cta-band-inner{ grid-template-columns:1fr; gap:36px; }
  }

  /* ───────────────────── FOOTER ───────────────────── */
  .foundable-public-nav-host footer{
    background:#1A1F2C;
    padding:60px 36px 48px;
  }
  .footer-inner{ max-width:1240px;margin:0 auto; }
  .footer-top{
    display:grid;grid-template-columns:1.6fr repeat(4, 1fr);gap:56px;align-items:baseline;
    padding-bottom:64px;
  }
  .footer-brand{display:flex;flex-direction:column;gap:28px;align-items:flex-start;}
  .footer-brand .social{display:flex;gap:8px;}
  .footer-brand .social a{
    width:32px;height:32px;border-radius:8px;border:1px solid var(--ink-08);
    display:flex;align-items:center;justify-content:center;color:var(--ink-55);
    text-decoration:none;transition:color .15s, background .15s, border-color .15s;
  }
  .footer-brand .social a:hover{color:var(--ink);background:var(--ink-04);border-color:var(--ink-12);}
  .footer-brand .row{display:flex;align-items:baseline;gap:1px;font-size:26px;}
  .footer-brand .fmark{width:auto;height:34px;display:inline-block;line-height:0;align-self:baseline;}
  .footer-brand .fmark img{display:block;height:100%;width:auto;}
  .footer-brand .name{
    font-family:var(--font-jakarta), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--ink);margin-left:-.02em;
  }
  .footer-brand .copy{font-size:12px;color:var(--ink-55);letter-spacing:-.005em;}
  .footer-col h5{
    font:600 13px/1 var(--font-jakarta), sans-serif;color:var(--ink);
    margin-bottom:18px;letter-spacing:-.01em;
  }
  .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:18px;}
  .footer-col ul a{font-size:13.5px;color:var(--ink-55);text-decoration:none;transition:color .15s;}
  .footer-col ul a:hover{color:var(--ink);}
    
  
  /* Chat conversation animation (step 1 visual) */
  .v-chat .v-msg{ opacity:0; transform:translateY(6px); transition:opacity .3s ease, transform .3s ease; }
  .v-msg.thinking{ padding:4px 6px; }
  .v-thinking{
    font:500 13px/1.4 var(--font-jakarta), sans-serif;
    letter-spacing:-.005em;
    padding:2px 0;
    background:linear-gradient(90deg, var(--ink-35) 0%, var(--ink) 50%, var(--ink-35) 100%);
    background-size:200% 100%;
    -webkit-background-clip:text;background-clip:text;color:transparent;
    animation:vshimmer 1.8s linear infinite;
  }
  @keyframes vshimmer{ 0%{ background-position:100% 0; } 100%{ background-position:-100% 0; } }
  .v-chat .v-msg.show{ opacity:1; transform:translateY(0); }
  .v-bubble.streamed{
    max-width:260px;
    font:500 13px/1.5 var(--font-jakarta), sans-serif;
    letter-spacing:-.005em;
    text-align:left;
    color:var(--ink);
    min-height:0;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .v-stream{display:inline; white-space:normal;}
  .v-stream::after{
    content:'▍';
    display:inline-block;
    margin-left:1px;
    color:var(--ink-35);
    animation:vcaret 1s steps(1,end) infinite;
  }
  .v-stream.done::after{ display:none; }
  @keyframes vcaret{ 50%{opacity:0;} }

  
  
  /* Step 3 — Get your first customers: live signup feed */
  .v-live{
    width:88%;max-width:330px;
    background:var(--paper);
    border:1px solid var(--ink-08);
    border-radius:14px;
    padding:14px 14px 12px;
    box-shadow:0 10px 28px rgba(11,14,20,.06);
    font-family:var(--font-jakarta), sans-serif;
  }
  .v-live-bar{
    display:flex;align-items:center;justify-content:space-between;
    padding-bottom:11px;margin-bottom:10px;
    border-bottom:1px solid var(--ink-08);
  }
  .v-live-brand{
    display:inline-flex;align-items:center;gap:8px;
    font:600 12.5px/1 var(--font-jakarta), sans-serif;color:var(--ink);
    letter-spacing:-.005em;
  }
  .v-live-dot{
    width:7px;height:7px;border-radius:50%;
    background:#00E5C7;
    box-shadow:0 0 0 3px rgba(0,229,199,.22);
    animation:livepulse 1.8s ease-in-out infinite;
  }
  .v-live-stat{
    font:600 11.5px/1 var(--font-jakarta), sans-serif;
    color:var(--ink-55);letter-spacing:-.005em;
  }
  .v-live-stat strong{ color:var(--ink);font-weight:700; }

  .v-live-feed{
    position:relative;
    height:152px;
    overflow:hidden;
  }
  .v-toast{
    display:flex;align-items:center;gap:10px;
    padding:8px 4px;
    transition:transform .5s cubic-bezier(.4,0,.2,1), opacity .35s ease;
    opacity:0;transform:translateY(-8px);
  }
  .v-toast.show{ opacity:1;transform:translateY(0); }
  .v-toast.leaving{ opacity:0;transform:translateY(8px); }
  .v-toast-avatar{
    width:26px;height:26px;border-radius:50%;flex-shrink:0;
    display:inline-flex;align-items:center;justify-content:center;
    font:700 10px/1 var(--font-jakarta), sans-serif;color:#fff;
    letter-spacing:.02em;
  }
  .v-toast-text{
    flex:1;min-width:0;
    font:500 12px/1.3 var(--font-jakarta), sans-serif;
    color:var(--ink);letter-spacing:-.005em;
  }
  .v-toast-text .name{ font-weight:600; }
  .v-toast-text .action{ color:var(--ink-55); }
  .v-toast-time{
    font:500 11px/1 var(--font-jakarta), sans-serif;
    color:var(--ink-35);letter-spacing:-.005em;flex-shrink:0;
  }


  /* Step 2 — Ted builds it: deploy progress card */
  .v-build{
    width:88%;max-width:320px;
    background:var(--paper);
    border:1px solid var(--ink-08);
    border-radius:14px;
    padding:16px 16px 14px;
    box-shadow:0 10px 28px rgba(11,14,20,.06);
    font-family:var(--font-jakarta), sans-serif;
  }
  .v-build-bar{
    display:flex;align-items:center;justify-content:space-between;
    padding-bottom:12px;margin-bottom:10px;
    border-bottom:1px solid var(--ink-08);
  }
  .v-build-brand{
    display:inline-flex;align-items:center;gap:8px;
    font:600 12.5px/1 var(--font-jakarta), sans-serif;color:var(--ink);
    letter-spacing:-.005em;
  }
  .v-build-dot{
    width:8px;height:8px;border-radius:50%;
    background:linear-gradient(135deg, #2763FF 0%, #00E5C7 100%);
    box-shadow:0 0 0 3px rgba(39,99,255,.14);
  }
  .v-build-status{
    font:700 10.5px/1 var(--font-jakarta), sans-serif;
    letter-spacing:.10em;text-transform:uppercase;
    color:var(--ink-55);
    padding:5px 8px;border-radius:5px;
    background:var(--ink-04);
    transition:color .25s ease, background .25s ease;
  }
  .v-build-status.live{
    color:#00B89E;background:rgba(0,229,199,.12);
  }
  .v-build-list{
    list-style:none;display:flex;flex-direction:column;gap:8px;
    margin:0;padding:0;
  }
  .v-build-item{
    display:flex;align-items:center;gap:10px;
    font:500 12px/1.2 var(--font-jakarta), sans-serif;
    color:var(--ink-55);
    letter-spacing:-.005em;
    transition:color .35s ease;
  }
  .v-build-tick{
    width:14px;height:14px;border-radius:50%;flex-shrink:0;
    border:1.5px solid var(--ink-12);
    background:transparent;
    display:inline-flex;align-items:center;justify-content:center;
    position:relative;
    transition:background .35s ease, border-color .35s ease;
  }
  .v-build-tick::after{
    content:"";
    width:6px;height:3px;
    border-left:1.5px solid #fff;
    border-bottom:1.5px solid #fff;
    transform:rotate(-45deg) scale(0);
    transform-origin:center;
    transition:transform .25s cubic-bezier(.6,1.8,.6,1);
    margin-top:-1px;
  }
  .v-build-item.done{ color:var(--ink); }
  .v-build-item.done .v-build-tick{
    background:linear-gradient(135deg, #2763FF 0%, #00E5C7 100%);
    border-color:transparent;
  }
  .v-build-item.done .v-build-tick::after{ transform:rotate(-45deg) scale(1); }

  /* ───── HOW carousel ───── */
  .how-carousel{ position:relative; max-width:980px; margin:64px auto 0; }
  .how-viewport{
    overflow:hidden; border-radius:24px;
    border:1px solid var(--ink-08);
    background:var(--paper);
    box-shadow:0 18px 50px rgba(11,11,13,.08);
  }
  .how-track{
    display:flex;
    transition:transform .55s cubic-bezier(.4,0,.2,1);
    will-change:transform;
  }
  .how-card{
    flex:0 0 100%; background:transparent; border:0; border-radius:0;
    padding:0; overflow:hidden; box-shadow:none;
    transition:opacity .35s ease;
  }
  .how-card:hover{ transform:none; box-shadow:none; }
  .how-card-inner{
    display:grid; grid-template-columns:1.05fr 1fr; min-height:380px;
  }
  .how-card-visual{
    height:auto; min-height:380px;
    border-right:1px solid var(--ink-08);
    border-bottom:0;
  }
  .how-card-body{
    padding:56px 56px 56px 56px;
    display:flex; flex-direction:column; justify-content:center; gap:18px;
    text-align:left;
  }
  .how-counter{ display:none; }
  .how-card h3{
    font-weight:700; font-size:34px; line-height:1.1; letter-spacing:-.025em;
    color:var(--ink); margin:0;
  }
  .how-card p{
    font-size:16px; line-height:1.6; color:var(--ink-70);
    max-width:380px; margin:0;
  }
  .how-scroll{ position:relative; }
  .how-pin{
    position:sticky; top:90px;
    display:flex; flex-direction:column; align-items:center;
    gap:96px;
  }
  .how-pin .how-head{ margin:0; }
  .how-pin .how-carousel{ margin-top:0; }
  .how-nav{
    display:flex; justify-content:center; align-items:center; gap:20px;
    margin-top:28px;
  }
  .how-arrow{ display:none; }
  .how-dots{ display:flex; gap:8px; align-items:center; }
  .how-dot{
    width:8px; height:8px; border-radius:50%;
    background:var(--ink-12); border:0; padding:0; cursor:pointer;
    transition:background .25s ease, width .25s ease, border-radius .25s ease;
  }
  .how-dot.active{
    background:var(--ink); width:22px; border-radius:4px;
  }
  @media (max-width:780px){
    .how-card-inner{ grid-template-columns:1fr; min-height:0; }
    .how-card-visual{ min-height:240px; border-right:0; border-bottom:1px solid var(--ink-08); }
    .how-card-body{ padding:32px; }
    .how-card h3{ font-size:26px; }
  }

  /* ───────────────────── RESPONSIVE ───────────────────── */
  @media (max-width:980px){
    .nav-cluster{display:none}
    .hero{padding:120px 20px 60px;}
    .hero h1{font-size:54px;letter-spacing:-.035em;}
    .hero-sub{font-size:16px;}
    .hero-ctas{flex-direction:column;width:100%;max-width:340px;}
    .hero-btn{min-width:0;width:100%;padding:16px 24px;}
    .section-heading{font-size:36px;}
    .how-carousel{max-width:100%;}
    .built-card.side{display:none;}
    .built-card.center{width:100%;max-width:480px;}
    .footer-top{grid-template-columns:1fr 1fr;gap:32px}
    .cta-band-inner{padding:52px 28px;}
    .cta-band h2{font-size:36px;}
    .integ-inner{grid-template-columns:1fr;gap:32px;padding:36px 28px;}
    .integ-grid{grid-template-columns:repeat(4, 1fr);}
    .compare-grid{grid-template-columns:1fr;}
    .compare-tabs{flex-wrap:wrap;}
  }

  /* Giant footer wordmark — its own band, below everything else */
  .footer-giant{
    margin-top:100px;
    width:100%;
    pointer-events:none;
    user-select:none;
    display:flex;align-items:flex-end;justify-content:center;
    line-height:.78;
    font-family:var(--font-jakarta), sans-serif;
    font-weight:900;letter-spacing:-.055em;
    font-size:clamp(96px, 18vw, 280px);
    background:linear-gradient(95deg, rgba(39,99,255,.40) 0%, rgba(0,229,199,.40) 55%, rgba(255,255,255,.28) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-stroke:0;
    filter:none;
    text-shadow:none;
    white-space:nowrap;
    overflow:hidden;
    mask-image:linear-gradient(180deg, #000 0%, #000 75%, transparent 100%);
    -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 75%, transparent 100%);
  }
  .footer-giant .fmark-big{
    display:inline-block;height:.78em;width:auto;align-self:baseline;line-height:0;margin-right:.01em;
  }
  .footer-giant .fmark-big img{display:block;height:100%;width:auto;}

  html[data-marketing-public-route],
  body[data-marketing-public-route],
  .foundable-reference-body {
    overflow-x: clip;
    overflow-y: visible;
    overscroll-behavior-y: none;
  }

  html.foundable-mobile-menu-locked,
  body.foundable-mobile-menu-locked {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none;
  }

  html[data-marketing-public-route] {
    scroll-behavior: auto !important;
  }

  html[data-marketing-public-route] {
    background: var(--landing-viewport-canvas, var(--route-canvas, #bbd3ec)) !important;
    background-color: var(--landing-viewport-background, #bbd3ec) !important;
  }

  body[data-marketing-public-route] {
    background: transparent !important;
    background-color: transparent !important;
  }

  .foundable-reference-body .hero-eyebrow.hero-official-identity {
    display: inline-flex;
    max-width: min(92vw, 560px);
    justify-content: center;
    flex-wrap: wrap;
    line-height: 1.25;
  }

  .foundable-reference-body .hero-official-identity-domain {
    color: var(--ink);
    font-weight: 700;
  }

  .foundable-reference-body .hero-official-identity-owner {
    white-space: nowrap;
  }

  .foundable-reference-body .integ-grid[data-integration-icon-grid-root] {
    min-height: 278px;
  }

  .foundable-reference-body .integ {
    padding-top: 112px;
    padding-bottom: 92px;
  }

  .foundable-reference-body .integ-inner {
    max-width: 1180px;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    grid-template-columns: minmax(260px, .82fr) minmax(0, 1.58fr);
    gap: 52px;
    align-items: center;
  }

  .foundable-reference-body .integ-left h3 {
    max-width: 460px;
    margin: 0;
    font-size: 56px;
    line-height: 1.04;
    letter-spacing: -.035em;
  }

  .foundable-reference-body .integ-left p {
    max-width: 390px;
    margin-top: 18px;
    font-size: 18px;
    line-height: 1.5;
  }

  .foundable-reference-body .integ-link {
    margin-top: 24px;
  }

  .foundable-reference-body .integ-grid {
    background: var(--paper, #fff);
    border: 1px solid var(--ink-08);
    border-radius: 24px;
    box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 18px 50px rgba(11,14,20,.05);
    padding: 28px;
  }

  .foundable-reference-body[data-theme="dark"] .integ-grid {
    box-shadow: 0 18px 50px rgba(0,0,0,.30);
  }

  .foundable-reference-body .brand-glyph {
    background: var(--brand-bg);
    color: var(--brand-fg, #fff);
    border: 1px solid color-mix(in srgb, var(--brand-fg, #fff) 14%, transparent);
    box-shadow:
      0 1px 0 rgba(255,255,255,.12) inset,
      0 12px 28px rgba(11,14,20,.16);
  }

  .foundable-reference-body[data-theme="light"] .brand-glyph {
    background: var(--brand-bg-light, var(--brand-bg));
    color: var(--brand-fg-light, var(--brand-fg, #fff));
    border-color: rgba(11,14,20,.10);
    box-shadow:
      0 1px 0 rgba(255,255,255,.84) inset,
      0 10px 24px rgba(11,14,20,.08);
  }

  .foundable-reference-body[data-theme="dark"] .brand-glyph {
    background: var(--brand-bg-dark, var(--brand-bg));
    color: var(--brand-fg-dark, var(--brand-fg, #fff));
    border-color: rgba(255,255,255,.09);
  }

  .foundable-reference-body .brand-icon {
    display: block;
    width: 22px;
    height: 22px;
    color: currentColor;
  }

  .foundable-reference-body .brand-icon-native-color {
    color: initial;
  }

  .foundable-reference-body .brand-icon-figma {
    width: 16px;
    height: 24px;
  }

  @media (max-width: 980px) {
    .foundable-reference-body .integ-inner {
      grid-template-columns: 1fr;
      gap: 32px;
    }

    .foundable-reference-body .integ-left {
      max-width: 720px;
    }

    .foundable-reference-body .integ-left h3 {
      max-width: 680px;
      font-size: 48px;
    }
  }

  @media (max-width: 640px) {
    .foundable-reference-body .integ {
      padding-top: 84px;
      padding-bottom: 68px;
    }

    .foundable-reference-body .integ-left h3 {
      font-size: 38px;
      line-height: 1.08;
    }

    .foundable-reference-body .integ-left p {
      font-size: 16px;
    }

    .foundable-reference-body .integ-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      min-height: 0;
      padding: 14px;
      border-radius: 20px;
    }
  }

  html[data-landing-anchor-transition] .foundable-reference-body[data-route="home"] {
    opacity: 0;
  }

  .foundable-reference-body {
    background: var(--landing-viewport-canvas, var(--route-canvas, #bbd3ec)) !important;
    background-color: var(--landing-viewport-background, #bbd3ec) !important;
    transition: opacity 160ms ease;
  }

  .foundable-reference-body .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  html[data-marketing-public-theme="dark"] {
    background: var(--landing-viewport-canvas, var(--route-canvas, radial-gradient(52% 38% at 16% 24%, rgba(0,229,199,0.38), rgba(0,229,199,0) 62%), radial-gradient(44% 32% at 78% 13%, rgba(39,99,255,0.32), rgba(39,99,255,0) 68%), radial-gradient(54% 34% at 58% 52%, rgba(198,255,61,0.16), rgba(198,255,61,0) 70%), radial-gradient(70% 46% at 52% 86%, rgba(0,229,199,0.16), rgba(0,229,199,0) 72%), linear-gradient(180deg,#070b16 0%,#08101f 54%,#0b1322 100%))) !important;
    background-color: var(--landing-viewport-background, #070b16) !important;
  }

  body[data-marketing-public-theme="dark"] {
    background: transparent !important;
    background-color: transparent !important;
  }

  html[data-marketing-public-theme="light"] {
    background: var(--landing-viewport-canvas, var(--route-canvas, #bbd3ec)) !important;
    background-color: var(--landing-viewport-background, #bbd3ec) !important;
  }

  body[data-marketing-public-theme="light"] {
    background: transparent !important;
    background-color: transparent !important;
  }

  html[data-marketing-public-route="pricing"] {
    scroll-behavior: auto !important;
  }

  html[data-marketing-public-route],
  body[data-marketing-public-route] {
    scrollbar-color: rgba(139, 148, 170, .62) transparent;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    -ms-overflow-style: auto;
  }

  html[data-marketing-public-theme="dark"],
  body[data-marketing-public-theme="dark"] {
    color-scheme: dark;
    scrollbar-color: rgba(82, 96, 128, .76) #080c18;
  }

  .foundable-reference-body section {
    scroll-margin-top: 96px;
  }

  .foundable-reference-body .compare,
  .foundable-reference-body .built,
  .foundable-reference-body .wall,
  .foundable-reference-body .faq {
    box-sizing: border-box;
    min-height: calc(100svh - 72px);
  }

  .foundable-reference-body .compare,
  .foundable-reference-body .built,
  .foundable-reference-body .wall,
  .foundable-reference-body .faq {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  html[data-marketing-public-route]::-webkit-scrollbar,
  body[data-marketing-public-route]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  html[data-marketing-public-route]::-webkit-scrollbar-track,
  body[data-marketing-public-route]::-webkit-scrollbar-track {
    background: transparent;
  }

  html[data-marketing-public-theme="dark"]::-webkit-scrollbar-track,
  body[data-marketing-public-theme="dark"]::-webkit-scrollbar-track {
    background: #080c18;
  }

  html[data-marketing-public-route]::-webkit-scrollbar-thumb,
  body[data-marketing-public-route]::-webkit-scrollbar-thumb {
    background: rgba(139, 148, 170, .62);
    border: 3px solid transparent;
    border-radius: 999px;
    background-clip: content-box;
  }

  html[data-marketing-public-route]::-webkit-scrollbar-thumb:hover,
  body[data-marketing-public-route]::-webkit-scrollbar-thumb:hover {
    background: rgba(179, 188, 210, .82);
    background-clip: content-box;
  }

  html[data-marketing-public-theme="dark"]::-webkit-scrollbar-thumb,
  body[data-marketing-public-theme="dark"]::-webkit-scrollbar-thumb {
    background: rgba(82, 96, 128, .76);
    border-color: #080c18;
    background-clip: content-box;
  }

  html[data-marketing-public-theme="dark"]::-webkit-scrollbar-thumb:hover,
  body[data-marketing-public-theme="dark"]::-webkit-scrollbar-thumb:hover {
    background: rgba(112, 128, 164, .9);
    background-clip: content-box;
  }

  .foundable-reference-body .how {
    padding-top: 104px;
    padding-bottom: 0;
  }

  .foundable-reference-body .hero {
    box-sizing: border-box;
    height: 100vh;
    height: 100lvh;
    min-height: 100svh;
    min-height: 100lvh;
    overflow: visible;
    padding-bottom: 0;
    z-index: 1;
  }

  .foundable-reference-body[data-theme="dark"] .hero::before {
    background:
      radial-gradient(52% 34% at 18% 28%, rgba(0, 229, 199, .18), transparent 64%),
      radial-gradient(44% 28% at 82% 12%, rgba(39, 99, 255, .16), transparent 68%),
      radial-gradient(62% 40% at 70% 88%, rgba(0, 229, 199, .10), transparent 72%),
      linear-gradient(180deg, #070b16 0%, #08101f 54%, #0b1322 100%);
  }

  .foundable-reference-body[data-theme="light"] .hero::before {
    background: #bbd3ec;
  }

  .foundable-reference-body[data-theme="dark"] .hero canvas.aurora-canvas {
    background:
      radial-gradient(52% 38% at 16% 24%, rgba(0, 229, 199, .38), transparent 62%),
      radial-gradient(44% 32% at 78% 13%, rgba(39, 99, 255, .32), transparent 68%),
      radial-gradient(54% 34% at 58% 52%, rgba(198, 255, 61, .16), transparent 70%),
      radial-gradient(70% 46% at 52% 86%, rgba(0, 229, 199, .16), transparent 72%),
      linear-gradient(180deg, #070b16 0%, #08101f 54%, #0b1322 100%);
  }

  .foundable-reference-body[data-theme="light"] .hero canvas.sky-canvas {
    background: #bbd3ec;
  }

  .foundable-reference-body canvas.aurora-canvas,
  .foundable-reference-body canvas.sky-canvas {
    backface-visibility: hidden;
    contain: layout paint size;
    pointer-events: none !important;
    touch-action: none;
    transform: translateZ(0);
    user-select: none;
    will-change: transform;
  }

  .foundable-reference-body .hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30vh;
    height: 30lvh;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      180deg,
      transparent 0%,
      color-mix(in srgb, var(--bone) 38%, transparent) 74%,
      var(--bone) 100%
    );
  }

  
  .foundable-reference-body .pricing-route {
    min-height: 100svh;
    min-height: 100lvh;
    background: var(--bone);
  }

  .foundable-reference-body .pricing-hero {
    position: relative;
    display: flex;
    min-height: 78svh;
    align-items: center;
    overflow: hidden;
    padding: 142px 24px 92px;
    color: var(--ink);
    isolation: isolate;
  }

  .foundable-reference-body .pricing-hero canvas.sky-canvas,
  .foundable-reference-body .pricing-hero canvas.aurora-canvas {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
  }

  .foundable-reference-body .pricing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
      linear-gradient(
        180deg,
        #BBD3EC 0%,
        #CFE2F2 55%,
        #DAE6F2 86%,
        var(--bone) 100%
      );
  }

  .foundable-reference-body[data-theme="dark"] .pricing-hero::before {
    background:
      radial-gradient(50% 50% at 20% 20%, rgba(39, 99, 255, .20), transparent 65%),
      radial-gradient(50% 40% at 80% 10%, rgba(0, 229, 199, .16), transparent 70%),
      radial-gradient(60% 40% at 60% 70%, rgba(198, 255, 61, .10), transparent 70%),
      linear-gradient(
        180deg,
        #11141B 0%,
        #15181F 58%,
        color-mix(in srgb, #15181F 72%, var(--bone)) 82%,
        var(--bone) 100%
      );
  }

  .foundable-reference-body .pricing-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 180px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(243, 244, 246, 0) 0%, var(--bone) 100%);
  }

  .foundable-reference-body .pricing-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
  }

  .foundable-reference-body .pricing-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: var(--ink-70);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .foundable-reference-body .pricing-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: linear-gradient(135deg, var(--cobalt), var(--aqua));
  }

  .foundable-reference-body .pricing-hero h1 {
    max-width: 880px;
    margin: 0;
    color: var(--ink);
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
    text-wrap: balance;
  }

  .foundable-reference-body .pricing-hero-copy {
    max-width: 620px;
    margin: 24px 0 0;
    color: var(--ink-70);
    font-size: 19px;
    line-height: 1.55;
    text-wrap: pretty;
  }

  .foundable-reference-body .pricing-plans {
    padding: 72px 24px 96px;
  }

  .foundable-reference-body .pricing-section-head {
    display: grid;
    width: min(100%, 1180px);
    grid-template-columns: 0.95fr 1fr;
    gap: 36px;
    align-items: end;
    margin: 0 auto 32px;
  }

  .foundable-reference-body .pricing-section-head h2,
  .foundable-reference-body .pricing-included-copy h2,
  .foundable-reference-body .pricing-fine-print h2 {
    margin: 0;
    color: var(--ink);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.08;
    text-wrap: balance;
  }

  .foundable-reference-body .pricing-section-head p,
  .foundable-reference-body .pricing-included-copy p,
  .foundable-reference-body .pricing-fine-print p {
    margin: 0;
    color: var(--ink-70);
    font-size: 16px;
    line-height: 1.65;
  }

  .foundable-reference-body .pricing-plan-grid {
    display: grid;
    width: min(100%, 1180px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0 auto;
  }

  .foundable-reference-body .pricing-plan-card {
    position: relative;
    display: flex;
    min-height: 620px;
    flex-direction: column;
    border: 1px solid var(--ink-08);
    border-radius: 8px;
    padding: 28px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(250, 250, 251, .9) 100%),
      var(--bone-2);
    box-shadow: 0 18px 54px rgba(11, 14, 20, .06);
  }

  .foundable-reference-body[data-theme="dark"] .pricing-plan-card {
    background:
      linear-gradient(180deg, rgba(31, 35, 48, .82) 0%, rgba(20, 24, 33, .92) 100%),
      var(--slate);
    border-color: rgba(255, 255, 255, .08);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .18);
  }

  .foundable-reference-body .pricing-plan-card.is-featured {
    border-color: rgba(39, 99, 255, .28);
    box-shadow:
      0 30px 90px rgba(39, 99, 255, .13),
      0 12px 36px rgba(0, 184, 158, .08);
  }

  .foundable-reference-body .pricing-plan-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--ink-55);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .foundable-reference-body .pricing-plan-topline strong {
    border: 1px solid rgba(0, 184, 158, .18);
    border-radius: 999px;
    padding: 5px 9px;
    color: var(--mint-2);
    background: rgba(0, 229, 199, .1);
    font-size: 12px;
    text-transform: none;
  }

  .foundable-reference-body .pricing-plan-card h3 {
    margin: 26px 0 0;
    color: var(--ink);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.08;
  }

  .foundable-reference-body .pricing-plan-detail {
    min-height: 80px;
    margin: 12px 0 0;
    color: var(--ink-70);
    font-size: 15px;
    line-height: 1.6;
  }

  .foundable-reference-body .pricing-plan-price {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    margin-top: 34px;
  }

  .foundable-reference-body .pricing-plan-price span {
    color: var(--ink);
    font-size: 56px;
    font-weight: 700;
    line-height: .96;
  }

  .foundable-reference-body .pricing-plan-price small {
    padding-bottom: 6px;
    color: var(--ink-55);
    font-size: 15px;
    font-weight: 600;
  }

  .foundable-reference-body .pricing-plan-billing {
    min-height: 22px;
    margin: 8px 0 0;
    color: var(--cobalt);
    font-size: 13px;
    font-weight: 700;
  }

  .foundable-reference-body .pricing-plan-button,
  .foundable-reference-body .pricing-fine-print a {
    display: inline-flex;
    height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    margin-top: 24px;
    color: #fff;
    background: linear-gradient(95deg, var(--cobalt) 0%, var(--aqua-2) 100%);
    box-shadow: 0 14px 34px rgba(39, 99, 255, .2);
    font-size: 14px;
    font-weight: 700;
    transition: transform 150ms ease, box-shadow 180ms ease;
  }

  .foundable-reference-body .pricing-plan-button:hover,
  .foundable-reference-body .pricing-fine-print a:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 18px 42px rgba(39, 99, 255, .25);
  }

  .foundable-reference-body .pricing-feature-list {
    display: grid;
    gap: 13px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
  }

  .foundable-reference-body .pricing-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--ink-70);
    font-size: 14px;
    line-height: 1.45;
  }

  .foundable-reference-body .pricing-feature-list .check {
    flex: 0 0 auto;
    margin-top: 1px;
    color: var(--mint-2);
  }

  .foundable-reference-body .pricing-feature-intro {
    display: block;
    color: var(--ink);
    font-weight: 700;
  }

  .foundable-reference-body .pricing-feature-intro span {
    display: inline-flex;
    border-radius: 999px;
    padding: 7px 10px;
    background: var(--ink-04);
    color: var(--ink);
  }

  .foundable-reference-body .pricing-included {
    position: relative;
    z-index: 2;
    border-top: 1px solid var(--ink-08);
    border-bottom: 1px solid var(--ink-08);
    padding: 84px 24px;
    background: color-mix(in srgb, var(--bone-2) 72%, var(--paper));
  }

  .foundable-reference-body[data-theme="dark"] .pricing-included {
    background: color-mix(in srgb, var(--slate) 88%, #000);
  }

  .foundable-reference-body .pricing-included-inner {
    display: grid;
    width: min(100%, 1180px);
    grid-template-columns: .82fr 1.18fr;
    gap: 42px;
    align-items: start;
    margin: 0 auto;
  }

  .foundable-reference-body .pricing-included .pricing-eyebrow {
    color: var(--cobalt);
  }

  .foundable-reference-body .pricing-included-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .foundable-reference-body .pricing-included-grid article {
    min-height: 220px;
    border: 1px solid var(--ink-08);
    border-radius: 8px;
    padding: 22px;
    background: var(--paper);
  }

  .foundable-reference-body .pricing-included-grid h3 {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    font-weight: 700;
  }

  .foundable-reference-body .pricing-included-grid h3 a {
    color: inherit;
    text-decoration: none;
  }

  .foundable-reference-body .pricing-included-grid h3 a:hover {
    color: var(--cobalt);
  }

  .foundable-reference-body .pricing-included-grid p {
    margin: 14px 0 0;
    color: var(--ink-70);
    font-size: 14px;
    line-height: 1.6;
  }

  .foundable-reference-body .pricing-credits {
    border-top: 1px solid var(--ink-08);
    padding: 88px 24px 96px;
    background: color-mix(in srgb, var(--bone-2) 72%, var(--paper));
  }

  .foundable-reference-body[data-theme="dark"] .pricing-credits {
    background: color-mix(in srgb, var(--slate) 88%, #000);
  }

  .foundable-reference-body .pricing-credits-inner {
    display: grid;
    width: min(100%, 1180px);
    grid-template-columns: .9fr 1.1fr;
    gap: 42px;
    align-items: start;
    margin: 0 auto;
  }

  .foundable-reference-body .pricing-credits-copy h2 {
    margin: 0;
    color: var(--ink);
    font-size: 44px;
    font-weight: 700;
    line-height: 1.08;
    text-wrap: balance;
  }

  .foundable-reference-body .pricing-credits-copy p:last-child {
    margin: 18px 0 0;
    color: var(--ink-70);
    font-size: 16px;
    line-height: 1.65;
  }

  .foundable-reference-body .pricing-credit-grid {
    display: grid;
    gap: 12px;
  }

  .foundable-reference-body .pricing-credit-grid article {
    position: relative;
    overflow: hidden;
    min-height: 154px;
    border: 1px solid var(--ink-08);
    border-radius: 8px;
    padding: 22px;
    background:
      linear-gradient(135deg, rgba(39, 99, 255, .08), rgba(0, 229, 199, .06) 52%, transparent 100%),
      var(--paper);
  }

  .foundable-reference-body[data-theme="dark"] .pricing-credit-grid article {
    background:
      linear-gradient(135deg, rgba(39, 99, 255, .16), rgba(0, 229, 199, .10) 52%, transparent 100%),
      color-mix(in srgb, var(--slate-2) 78%, #000);
    border-color: rgba(255, 255, 255, .09);
  }

  .foundable-reference-body .pricing-credit-grid h3 {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    font-weight: 700;
  }

  .foundable-reference-body .pricing-credit-grid p {
    margin: 12px 0 0;
    color: var(--ink-70);
    font-size: 14px;
    line-height: 1.6;
  }

  .foundable-reference-body .pricing-fine-print {
    display: flex;
    width: min(100%, 1180px);
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin: 0 auto;
    padding: 76px 24px 88px;
  }

  .foundable-reference-body .pricing-fine-print div {
    max-width: 700px;
  }

  .foundable-reference-body .pricing-fine-print p {
    margin-top: 14px;
  }

  .foundable-reference-body .pricing-fine-print a {
    flex: 0 0 auto;
    min-width: 190px;
    margin-top: 0;
    padding: 0 20px;
  }

  .foundable-reference-body section[id] {
    scroll-margin-top: 112px;
  }

  .foundable-reference-body .nav-cluster a.nav-active,
  .foundable-reference-body .nav-cluster .nav-pricing.active,
  .foundable-reference-body .nav-cluster .nav-pricing[aria-current="page"] {
    color: var(--ink);
    background: var(--ink-08);
  }

  .foundable-reference-body .mobile-nav-actions {
    display: none;
  }

  .foundable-reference-body .mobile-menu-toggle,
  .foundable-reference-body .mobile-nav-cta {
    display: none;
  }

  .foundable-reference-body .hero-copy-mobile {
    display: none;
  }

  
  .foundable-reference-body .how-pin {
    top: 128px;
    gap: 88px;
  }

  .foundable-reference-body .how-carousel {
    width: min(100%, 1040px);
    max-width: calc(100vw - 72px);
  }

  .foundable-reference-body .how-viewport {
    --step-angle: 135deg;
    --step-angle2: 315deg;
    --step-c1: rgba(39, 99, 255, .24);
    --step-c2: rgba(39, 99, 255, .10);
    --step-c3: rgba(15, 18, 28, .30);
    --step-c4: rgba(39, 99, 255, .10);
    position: relative;
    isolation: isolate;
    background:
      linear-gradient(
        var(--step-angle),
        var(--step-c1) 0%,
        var(--step-c2) 55%,
        var(--step-c3) 100%
      ),
      var(--paper);
    transition: background .8s ease;
    border-radius: 26px;
    border-color: color-mix(in srgb, var(--ink) 14%, transparent);
    box-shadow:
      0 26px 70px rgba(0, 0, 0, .16),
      0 1px 0 rgba(255, 255, 255, .08) inset;
  }

  .foundable-reference-body .how-viewport::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(
      var(--step-angle2),
      var(--step-c4) 0%,
      transparent 70%
    );
    opacity: .7;
    animation: howBreath 14s ease-in-out infinite alternate;
  }

  .foundable-reference-body .how-track {
    position: relative;
    z-index: 1;
  }

  .foundable-reference-body .how-card-visual {
    background: transparent !important;
  }

  .foundable-reference-body .how-card-inner {
    min-height: 428px;
  }

  .foundable-reference-body .how-card-visual {
    min-height: 428px;
  }

  .foundable-reference-body .how-card-body {
    padding-top: 64px;
    padding-bottom: 78px;
  }

  .foundable-reference-body[data-theme="light"] .how-carousel[data-step="0"] .how-viewport {
    --step-angle: 135deg;
    --step-angle2: 315deg;
    --step-c1: rgba(39, 99, 255, .16);
    --step-c2: rgba(39, 99, 255, .07);
    --step-c3: rgba(15, 18, 28, .06);
    --step-c4: rgba(39, 99, 255, .08);
  }

  .foundable-reference-body[data-theme="light"] .how-carousel[data-step="1"] .how-viewport {
    --step-angle: 120deg;
    --step-angle2: 300deg;
    --step-c1: rgba(0, 229, 199, .16);
    --step-c2: rgba(39, 99, 255, .08);
    --step-c3: rgba(15, 18, 28, .06);
    --step-c4: rgba(0, 229, 199, .08);
  }

  .foundable-reference-body[data-theme="light"] .how-carousel[data-step="2"] .how-viewport {
    --step-angle: 150deg;
    --step-angle2: 330deg;
    --step-c1: rgba(198, 255, 61, .14);
    --step-c2: rgba(0, 229, 199, .09);
    --step-c3: rgba(15, 18, 28, .06);
    --step-c4: rgba(198, 255, 61, .08);
  }

  .foundable-reference-body[data-theme="dark"] .how-carousel[data-step="0"] .how-viewport {
    --step-angle: 135deg;
    --step-angle2: 315deg;
    --step-c1: rgba(39, 99, 255, .28);
    --step-c2: rgba(39, 99, 255, .10);
    --step-c3: rgba(15, 18, 28, .30);
    --step-c4: rgba(39, 99, 255, .10);
  }

  .foundable-reference-body[data-theme="dark"] .how-carousel[data-step="1"] .how-viewport {
    --step-angle: 120deg;
    --step-angle2: 300deg;
    --step-c1: rgba(0, 229, 199, .26);
    --step-c2: rgba(39, 99, 255, .12);
    --step-c3: rgba(15, 18, 28, .30);
    --step-c4: rgba(0, 229, 199, .12);
  }

  .foundable-reference-body[data-theme="dark"] .how-carousel[data-step="2"] .how-viewport {
    --step-angle: 150deg;
    --step-angle2: 330deg;
    --step-c1: rgba(198, 255, 61, .20);
    --step-c2: rgba(0, 229, 199, .14);
    --step-c3: rgba(15, 18, 28, .30);
    --step-c4: rgba(198, 255, 61, .10);
  }

  @keyframes howBreath {
    from { opacity: .7; }
    to { opacity: 1; }
  }

  .foundable-reference-body .built {
    position: relative;
    isolation: isolate;
    padding-top: 96px;
    padding-bottom: 96px;
    overflow: hidden;
  }

  .foundable-reference-body .built::before {
    display: none;
  }

  .foundable-reference-body[data-theme="dark"] .built::before {
    display: none;
  }

  .foundable-reference-body .built::after {
    display: none;
  }

  .foundable-reference-body[data-theme="dark"] .built::after {
    display: none;
  }

  .foundable-reference-body .built canvas.built-sky-canvas {
    display: none;
  }

  .foundable-reference-body[data-theme="light"] .built canvas.built-sky-canvas {
    background: #bbd3ec;
  }

  .foundable-reference-body[data-theme="dark"] .built canvas.built-sky-canvas {
    background: #080c18;
  }

  .foundable-reference-body .built .built-head {
    position: relative;
    z-index: 2;
  }

  .foundable-reference-body .built .built-tabs {
    display: none;
  }

  .foundable-reference-body .built-showcase {
    position: relative;
    width: min(1220px, calc(100vw - 32px));
    height: 500px;
    margin: 54px auto 0;
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
  }

  .foundable-reference-body .built-showcase:active {
    cursor: grabbing;
  }

  .foundable-reference-body .built-showcase:focus {
    outline: none;
  }

  .foundable-reference-body .built-showcase:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--cobalt) 68%, #fff);
    outline-offset: 8px;
  }

  .foundable-reference-body[data-theme="dark"] .built-showcase:focus-visible {
    outline-color: color-mix(in srgb, var(--aqua) 72%, #fff);
  }

  .foundable-reference-body .built-card {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 560px;
    height: 360px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 22px;
    background: rgba(13, 18, 28, .92);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .04) inset;
    transform: translate(-50%, -50%) scale(.5);
    transform-origin: center;
    transition:
      transform .7s cubic-bezier(.22, 1, .36, 1),
      opacity .45s ease,
      visibility .45s ease,
      filter .45s ease;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .foundable-reference-body[data-theme="light"] .built-card {
    border-color: rgba(11, 14, 20, .10);
    background: rgba(250, 250, 251, .96);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .70) inset;
  }

  .foundable-reference-body .built-card[data-position="center"],
  .foundable-reference-body .built-card[data-position="left"],
  .foundable-reference-body .built-card[data-position="right"] {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .foundable-reference-body .built-card[data-position="center"] {
    z-index: 3;
    transform: translate(-50%, -50%) scale(1);
  }

  .foundable-reference-body .built-card[data-position="left"] {
    z-index: 2;
    transform: translate(calc(-50% - 440px), -50%) scale(.72);
    opacity: .78;
    cursor: pointer;
    filter: saturate(.94) brightness(.9);
  }

  .foundable-reference-body .built-card[data-position="right"] {
    z-index: 2;
    transform: translate(calc(-50% + 440px), -50%) scale(.72);
    opacity: .78;
    cursor: pointer;
    filter: saturate(.94) brightness(.9);
  }

  .foundable-reference-body .built-card[data-position="hidden"] {
    z-index: 1;
    transform: translate(-50%, -50%) scale(.5);
    visibility: hidden;
    opacity: 0;
  }

  .foundable-reference-body .built-browser-bar {
    position: relative;
    z-index: 2;
    height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px 0 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    background: rgba(9, 13, 22, .96);
  }

  .foundable-reference-body[data-theme="light"] .built-browser-bar {
    border-bottom-color: rgba(11, 14, 20, .08);
    background: rgba(244, 246, 250, .96);
  }

  .foundable-reference-body .built-dots {
    display: inline-flex;
    gap: 6px;
    flex: 0 0 auto;
  }

  .foundable-reference-body .built-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
  }

  .foundable-reference-body .built-dot.red { background: #ff5f57; }
  .foundable-reference-body .built-dot.yellow { background: #febc2e; }
  .foundable-reference-body .built-dot.green { background: #28c840; }

  .foundable-reference-body .built-url {
    position: relative;
    min-width: 0;
    flex: 1 1 auto;
    height: 26px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    color: rgba(247, 249, 255, .78);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    font: 500 12px/1 var(--font-jakarta), sans-serif;
    letter-spacing: -.01em;
    cursor: inherit;
  }

  .foundable-reference-body[data-theme="light"] .built-url {
    border-color: rgba(11, 14, 20, .10);
    background: rgba(255, 255, 255, .86);
    color: rgba(11, 14, 20, .66);
  }

  .foundable-reference-body .built-card[data-position="center"] .built-url {
    cursor: pointer;
  }

  .foundable-reference-body .built-lock {
    flex: 0 0 auto;
    opacity: .58;
  }

  .foundable-reference-body .built-domain {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .foundable-reference-body .built-preview {
    position: relative;
    height: calc(100% - 42px);
    overflow: hidden;
    background: #fff;
  }

  .foundable-reference-body .built-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    background: #fff;
    user-select: none;
    pointer-events: none;
  }

  .foundable-reference-body .built-card[data-position="left"] .built-preview,
  .foundable-reference-body .built-card[data-position="right"] .built-preview {
    pointer-events: none;
  }

  .foundable-reference-body .built-reference-strip {
    position: relative;
    z-index: 4;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: min(920px, calc(100vw - 32px));
    margin: 18px auto 0;
  }

  .foundable-reference-body .built-reference {
    min-width: 0;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
    color: rgba(247, 249, 255, .62);
    cursor: pointer;
    padding: 0 12px;
    font: 600 12px/1 var(--font-jakarta), sans-serif;
    letter-spacing: -.01em;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
  }

  .foundable-reference-body .built-reference:hover {
    color: rgba(247, 249, 255, .9);
    background: rgba(255, 255, 255, .075);
    transform: translateY(-1px);
  }

  .foundable-reference-body .built-reference.is-active {
    color: #fff;
    border-color: rgba(0, 229, 199, .35);
    background: rgba(39, 99, 255, .18);
  }

  .foundable-reference-body[data-theme="light"] .built-reference {
    border-color: rgba(11, 14, 20, .10);
    background: rgba(255, 255, 255, .76);
    color: rgba(11, 14, 20, .58);
  }

  .foundable-reference-body[data-theme="light"] .built-reference:hover {
    color: rgba(11, 14, 20, .82);
    background: #fff;
  }

  .foundable-reference-body[data-theme="light"] .built-reference.is-active {
    color: var(--ink);
    border-color: rgba(39, 99, 255, .28);
    background: rgba(39, 99, 255, .10);
  }

  .foundable-reference-body .wall {
    padding-top: 104px;
    padding-bottom: 72px;
  }

  .foundable-reference-body .wall-badge {
    display: none;
  }

  .foundable-reference-body .wall-marquee-wrap {
    width: 100%;
    margin-top: 54px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  }

  .foundable-reference-body .wall-row {
    display: flex;
    width: max-content;
    gap: 20px;
    animation: wallLeft 80s linear infinite;
    will-change: transform;
  }

  .foundable-reference-body .wall-row:hover {
    animation-play-state: paused;
  }

  .foundable-reference-body .wall-row.r2 {
    display: none;
  }

  @keyframes wallLeft {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }

  .foundable-reference-body .wall-card {
    width: 380px;
    min-height: 240px;
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 24px;
    border: 1px solid var(--ink-08);
    border-radius: 16px;
    background: rgba(255, 255, 255, .72);
    box-shadow: none;
  }

  .foundable-reference-body[data-theme="dark"] .wall-card {
    border-color: rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .045);
    box-shadow: none;
  }

  .foundable-reference-body .wall-card .quote {
    margin: 0;
    color: var(--ink-70);
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -.01em;
  }

  .foundable-reference-body .wall-person {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
  }

  .foundable-reference-body .wall-avatar {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: 700 12px/1 var(--font-jakarta), sans-serif;
    letter-spacing: .03em;
  }

  .foundable-reference-body .wall-avatar.a {
    background: #2763FF;
    color: #fff;
  }

  .foundable-reference-body .wall-avatar.b {
    background: #00E5C7;
    color: #15181F;
  }

  .foundable-reference-body .wall-avatar.c {
    background: #15181F;
    color: #fff;
  }

  .foundable-reference-body .wall-avatar.d {
    background: #C6FF3D;
    color: #15181F;
  }

  .foundable-reference-body .wall-name {
    color: var(--ink);
    font-size: 17px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.02em;
  }

  .foundable-reference-body .wall-caption {
    margin-top: 4px;
    color: var(--ink-55);
    font-size: 13px;
    line-height: 1.25;
  }

  .foundable-reference-body .wall-caption strong {
    color: var(--ink);
    font-weight: 700;
  }

  .foundable-reference-body .integ {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  .foundable-reference-body .cta-band {
    padding-top: 124px;
    padding-bottom: 88px;
    position: relative;
    z-index: 4;
    isolation: isolate;
    background: transparent;
  }

  .foundable-reference-body .cta-band-inner {
    position: relative;
    z-index: 2;
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .foundable-reference-body footer {
    --landing-footer-bottom-bleed: 0px;
    --landing-footer-tail-color: #f7fbff;
    padding-top: 112px;
    padding-bottom: 104px;
  }

  .foundable-reference-body footer {
    position: relative;
    z-index: 2;
    isolation: isolate;
    overflow: visible;
    background: var(--landing-footer-bleed-background, #bbd3ec) !important;
    box-shadow: 0 90px 0 var(--landing-footer-tail-color, #f7fbff);
    overflow-anchor: none;
  }

  .foundable-reference-body > :where(nav, section, footer) {
    position: relative;
    z-index: 1;
  }

  .foundable-reference-body[data-theme="light"] footer {
    --landing-footer-secondary-text: rgba(11, 14, 20, .80);
    --landing-footer-secondary-icon: rgba(11, 14, 20, .76);
    --landing-footer-bleed-background:
      radial-gradient(94% 52% at 72% 92%, rgba(255, 255, 255, .74), rgba(255, 255, 255, 0) 72%),
      linear-gradient(180deg, #bbd3ec 0%, #d8e7f5 58%, #f7fbff 100%);
  }

  .foundable-reference-body[data-theme="dark"] footer {
    --landing-footer-secondary-text: rgba(243, 244, 246, .78);
    --landing-footer-secondary-icon: rgba(243, 244, 246, .74);
    --landing-footer-tail-color: #142743;
    --landing-footer-bleed-background:
      radial-gradient(92% 48% at 72% 100%, rgba(0, 229, 199, .16), rgba(0, 229, 199, 0) 72%),
      radial-gradient(82% 46% at 12% 92%, rgba(39, 99, 255, .16), rgba(39, 99, 255, 0) 72%),
      linear-gradient(180deg, #080c18 0%, #101a2d 70%, #142743 100%);
  }

  .foundable-reference-body footer .footer-top {
    padding-bottom: 0;
  }

  .foundable-reference-body footer .footer-brand .footer-product-line {
    display: block;
    margin-top: 8px;
    max-width: 220px;
    line-height: 1.35;
  }

  .foundable-reference-body footer .footer-col ul a,
  .foundable-reference-body footer .footer-brand .copy {
    color: var(--landing-footer-secondary-text, var(--ink-70));
  }

  .foundable-reference-body footer .social {
    gap: 22px;
  }

  .foundable-reference-body footer .social a {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--landing-footer-secondary-icon, var(--landing-footer-secondary-text, var(--ink-70)));
    opacity: .88;
  }

  .foundable-reference-body footer .social a:hover {
    background: transparent !important;
    color: var(--ink);
    opacity: 1;
  }

  .foundable-reference-body footer .social a svg {
    width: 18px;
    height: 18px;
    display: block;
  }

  .foundable-reference-body footer .social a[aria-label="LinkedIn"] svg {
    width: 20px;
    height: 20px;
  }

  @media (max-width: 720px) {
    .foundable-reference-body footer .footer-top {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 44px 34px;
      align-items: start;
    }

    .foundable-reference-body footer .footer-brand {
      grid-column: 1 / -1;
      max-width: 280px;
      gap: 22px;
    }

    .foundable-reference-body footer .footer-brand .footer-product-line {
      max-width: 240px;
    }
  }

  .foundable-reference-body footer .footer-inner,
  .foundable-reference-body footer .footer-giant {
    position: relative;
    z-index: 2;
  }

  .foundable-reference-body footer canvas.footer-cloud-canvas {
    position: absolute;
    left: 50%;
    top: -360px;
    bottom: calc(var(--landing-footer-bottom-bleed) * -1);
    z-index: 0;
    width: 100vw;
    height: calc(100% + 360px + var(--landing-footer-bottom-bleed));
    transform: translateX(-50%);
    opacity: .82;
    pointer-events: none;
  }

  .foundable-reference-body[data-theme="light"] footer canvas.footer-cloud-canvas {
    background: #bbd3ec;
  }

  .foundable-reference-body[data-theme="dark"] footer canvas.footer-cloud-canvas {
    background: #101a2d;
    opacity: .76;
  }

  .foundable-reference-body[data-theme="dark"] footer::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 34%;
    bottom: calc(var(--landing-footer-bottom-bleed) * -1);
    z-index: 1;
    display: block;
    width: 100vw;
    transform: translateX(-50%);
    pointer-events: none;
    background: linear-gradient(
      180deg,
      rgba(8, 12, 24, 0) 0%,
      rgba(8, 12, 24, .24) 48%,
      rgba(16, 26, 45, .36) 100%
    );
  }

  .foundable-reference-body footer::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -360px;
    bottom: calc(var(--landing-footer-bottom-bleed) * -1);
    z-index: 1;
    width: 100vw;
    height: calc(100% + 360px + var(--landing-footer-bottom-bleed));
    transform: translateX(-50%);
    pointer-events: none;
    background: linear-gradient(
      180deg,
      var(--bone) 0%,
      color-mix(in srgb, var(--bone) 45%, transparent) 11%,
      transparent 24%,
      transparent 100%
    );
  }

  .foundable-reference-body .faq-list {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .foundable-reference-body .faq-item {
    background: transparent;
    border: 1px solid var(--ink-08);
    border-radius: 12px;
    overflow: hidden;
    transition:
      border-color .25s ease,
      background .25s ease,
      box-shadow .3s ease;
  }

  .foundable-reference-body .faq-item:hover {
    border-color: var(--ink-18, rgba(11, 14, 20, .18));
  }

  .foundable-reference-body .faq-item.open {
    background: var(--faq-open-bg, rgba(11, 14, 20, .02));
    box-shadow: var(--faq-open-shadow, 0 8px 24px rgba(11, 11, 13, .04));
  }

  .foundable-reference-body .faq-item .q {
    width: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    text-align: left;
  }

  .foundable-reference-body .faq-item .q:hover,
  .foundable-reference-body .faq-item .q:focus,
  .foundable-reference-body .faq-item .q:focus-visible {
    outline: 0;
    box-shadow: none;
  }

  .foundable-reference-body .faq-item .q h4 {
    margin: 0;
    font: 600 15px/1.4 var(--font-jakarta), sans-serif;
    color: var(--ink);
    letter-spacing: -0.01em;
  }

  .foundable-reference-body .faq-item .icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2763FF 0%, #00E5C7 100%);
    box-shadow:
      0 6px 18px rgba(39, 99, 255, .26),
      0 1px 0 rgba(255, 255, 255, .22) inset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s ease, color .25s ease;
    color: #fff;
    flex-shrink: 0;
  }

  .foundable-reference-body .faq-item.open .icon {
    transform: rotate(180deg);
    color: #fff;
  }

  .foundable-reference-body .faq-item .a {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateZ(0);
    will-change: height, opacity;
    transition:
      height .36s cubic-bezier(.25, .9, .25, 1),
      opacity .18s ease;
  }

  .foundable-reference-body .faq-item.open .a {
    opacity: 1;
  }

  .foundable-reference-body .faq-item .a > .a-inner {
    padding: 0 22px 20px;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--ink-70);
    transform: translate3d(0, -4px, 0);
    transition: transform .36s cubic-bezier(.25, .9, .25, 1);
  }

  .foundable-reference-body .faq-item.open .a > .a-inner {
    transform: translate3d(0, 0, 0);
  }

  .foundable-reference-body[data-theme="light"] {
    background: var(--landing-viewport-canvas, var(--route-canvas, #bbd3ec)) !important;
    background-color: var(--landing-viewport-background, #bbd3ec) !important;
    --ink-18: rgba(11, 14, 20, .18);
    --faq-open-bg: rgba(11, 14, 20, .02);
    --faq-open-shadow: 0 8px 24px rgba(11, 11, 13, .04);
  }

  .foundable-reference-body[data-theme="dark"] {
    background: var(--landing-viewport-canvas, var(--route-canvas, radial-gradient(52% 38% at 16% 24%, rgba(0,229,199,0.38), rgba(0,229,199,0) 62%), radial-gradient(44% 32% at 78% 13%, rgba(39,99,255,0.32), rgba(39,99,255,0) 68%), radial-gradient(54% 34% at 58% 52%, rgba(198,255,61,0.16), rgba(198,255,61,0) 70%), radial-gradient(70% 46% at 52% 86%, rgba(0,229,199,0.16), rgba(0,229,199,0) 72%), linear-gradient(180deg,#070b16 0%,#08101f 54%,#0b1322 100%))) !important;
    background-color: var(--landing-viewport-background, #070b16) !important;
    --ink-18: rgba(255, 255, 255, .18);
    --faq-open-bg: rgba(255, 255, 255, .04);
    --faq-open-shadow: 0 8px 24px rgba(0, 0, 0, .30);
  }

  .foundable-reference-body .compare-tab.active,
  .foundable-reference-body .built-tab.active {
    background: linear-gradient(95deg, #2763FF 0%, #00E5C7 100%);
    color: #fff;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .18) inset,
      0 8px 22px rgba(39, 99, 255, .38),
      0 0 0 1px rgba(255, 255, 255, .08);
  }

  .foundable-reference-body .compare-tab.active:hover,
  .foundable-reference-body .built-tab.active:hover {
    color: #fff;
    background: linear-gradient(95deg, #2763FF 0%, #00E5C7 100%);
  }

  .foundable-reference-body nav.top.scrolled {
    padding-top: 8px;
    padding-bottom: 8px;
    background: transparent;
    border-bottom-color: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  @media (min-width: 721px) {
    .foundable-reference-body nav.top .nav-inner {
      width: min(1120px, calc(100vw - 36px));
      max-width: none;
      justify-content: space-between;
      gap: 40px;
      transition:
        background .32s cubic-bezier(.22, .61, .36, 1),
        box-shadow .32s cubic-bezier(.22, .61, .36, 1),
        border-color .32s cubic-bezier(.22, .61, .36, 1),
        padding .32s cubic-bezier(.22, .61, .36, 1),
        gap .32s cubic-bezier(.22, .61, .36, 1);
    }

    .foundable-reference-body nav.top.scrolled .nav-inner {
      width: fit-content;
      max-width: calc(100vw - 36px);
      justify-content: flex-start;
      gap: 18px;
    }
  }

  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-inner {
    padding: 6px 10px 6px 18px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(12, 16, 24, .94) 0%, rgba(7, 10, 16, .94) 100%);
    border-color: rgba(255, 255, 255, .08);
    box-shadow:
      0 16px 42px rgba(0, 0, 0, .34);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-inner {
    padding: 6px 10px 6px 18px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(248, 251, 255, .97) 0%, rgba(240, 246, 252, .94) 100%);
    border-color: rgba(11, 14, 20, .10);
    box-shadow:
      0 16px 42px rgba(11, 14, 20, .11),
      inset 0 1px 0 rgba(255, 255, 255, .76);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .foundable-reference-body nav.top.scrolled .nav-cluster {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .foundable-reference-body nav.top .nav-cluster,
  .foundable-reference-body nav.top.scrolled .nav-cluster {
    isolation: isolate;
    overflow: hidden;
    background-clip: padding-box;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform: none;
  }

  .foundable-reference-body nav.top .nav-cluster::before,
  .foundable-reference-body nav.top.scrolled .nav-cluster::before {
    display: none;
    z-index: 0;
  }

  .foundable-reference-body nav.top .nav-cluster > *,
  .foundable-reference-body nav.top.scrolled .nav-cluster > * {
    position: relative;
    z-index: 1;
  }

  .foundable-reference-body[data-theme="dark"] nav.top:not(.scrolled) .nav-cluster {
    background: linear-gradient(180deg, #111827 0%, #0b1220 100%);
    border-color: rgba(255, 255, 255, .13);
    box-shadow:
      0 1.5px 0 rgba(255, 255, 255, .10) inset,
      0 -1px 0 rgba(255, 255, 255, .04) inset,
      0 14px 34px rgba(0, 0, 0, .24);
  }

  .foundable-reference-body[data-theme="light"] nav.top:not(.scrolled) .nav-cluster {
    background: linear-gradient(180deg, #eef6fd 0%, #e2edf8 100%);
    border-color: rgba(255, 255, 255, .92);
    box-shadow:
      0 1.5px 0 rgba(255, 255, 255, .98) inset,
      0 -1px 0 rgba(11, 14, 20, .04) inset,
      0 14px 34px rgba(45, 85, 130, .16);
  }

  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster a,
  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster button,
  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-theme {
    color: #fff;
  }

  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster a,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster button,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-theme {
    color: var(--ink);
  }

  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster a:hover,
  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster button:hover,
  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-theme:hover {
    background: rgba(255, 255, 255, .08);
  }

  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster a:hover,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster button:hover,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-theme:hover {
    background: var(--ink-04);
  }

  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster .divider {
    background: rgba(255, 255, 255, .12);
  }

  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .divider {
    background: var(--ink-08);
  }

  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster .signin-btn {
    background: #1a2433;
    border-color: rgba(199, 216, 238, .22);
    color: #fff;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .10) inset,
      0 -1px 0 rgba(0, 0, 0, .18) inset,
      0 8px 18px rgba(0, 0, 0, .22);
  }

  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster .signin-btn:hover {
    background: #223044;
    border-color: rgba(199, 216, 238, .30);
  }

  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .signin-btn {
    background: #d9e5f1;
    border-color: rgba(83, 109, 138, .28);
    color: #0b0e14;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .70) inset,
      0 -1px 0 rgba(11, 14, 20, .03) inset,
      0 8px 18px rgba(45, 85, 130, .10);
  }

  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .signin-btn:hover {
    background: #cfdeeb;
    border-color: rgba(83, 109, 138, .34);
  }

  .foundable-reference-body nav.top.scrolled .nav-cluster::before {
    opacity: 0;
  }

  .foundable-reference-body .nav-cluster .nav-cta,
  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster .nav-cta,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-cta {
    position: relative;
    color: #171717;
    background: transparent;
    border-color: rgba(255, 255, 255, .22);
    box-shadow: none;
    isolation: isolate;
    transform: none;
  }

  .foundable-reference-body .nav-cluster .signin-btn,
  .foundable-reference-body .nav-cluster .nav-cta {
    min-height: 40px;
    height: 40px;
    padding-block: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    contain: paint;
    background-clip: padding-box;
    clip-path: inset(0 round 9px);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    backface-visibility: hidden;
  }

  .foundable-reference-body .nav-cluster .signin-btn {
    min-width: 78px;
    padding-inline: 16px;
    transition: color .15s ease, background .2s ease, box-shadow .2s ease;
  }

  .foundable-reference-body[data-theme="dark"] nav.top:not(.scrolled) .nav-cluster .signin-btn {
    background: #1a2433;
    border-color: rgba(199, 216, 238, .22);
    color: #fff;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .10) inset,
      0 -1px 0 rgba(0, 0, 0, .18) inset,
      0 8px 18px rgba(0, 0, 0, .22);
  }

  .foundable-reference-body[data-theme="dark"] nav.top:not(.scrolled) .nav-cluster .signin-btn:hover {
    background: #223044;
    border-color: rgba(199, 216, 238, .30);
  }

  .foundable-reference-body[data-theme="light"] nav.top:not(.scrolled) .nav-cluster .signin-btn {
    background: #d9e5f1;
    border-color: rgba(83, 109, 138, .28);
    color: #0b0e14;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .70) inset,
      0 -1px 0 rgba(11, 14, 20, .03) inset,
      0 8px 18px rgba(45, 85, 130, .10);
  }

  .foundable-reference-body[data-theme="light"] nav.top:not(.scrolled) .nav-cluster .signin-btn:hover {
    background: #cfdeeb;
    border-color: rgba(83, 109, 138, .34);
  }

  .foundable-reference-body .nav-cluster .nav-cta {
    min-width: 104px;
    padding-inline: 16px;
    transition: color .15s ease, background .15s ease, box-shadow .2s ease;
  }

  .foundable-reference-body .nav-cluster .nav-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: rgba(252, 251, 248, .96);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .28) inset;
    pointer-events: none;
  }

  .foundable-reference-body[data-theme="light"] .nav-cluster .nav-cta,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-cta {
    color: #fcfbf8;
    -webkit-text-fill-color: #fcfbf8;
    border-color: rgba(23, 23, 23, .16);
  }

  .foundable-reference-body[data-theme="light"] .nav-cluster .nav-cta::before,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-cta::before {
    background: #171717;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .18) inset,
      0 10px 24px rgba(11, 14, 20, .18);
  }

  .foundable-reference-body .nav-cluster .nav-cta:hover,
  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster .nav-cta:hover,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-cta:hover {
    color: #171717;
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  .foundable-reference-body .nav-cluster .nav-cta:hover::before,
  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster .nav-cta:hover::before,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-cta:hover::before {
    background: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .36) inset;
  }

  .foundable-reference-body[data-theme="light"] .nav-cluster .nav-cta:hover,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-cta:hover {
    color: #fcfbf8;
    -webkit-text-fill-color: #fcfbf8;
  }

  .foundable-reference-body[data-theme="light"] .nav-cluster .nav-cta:hover::before,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-cta:hover::before {
    background: #171717;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .24) inset,
      0 14px 30px rgba(11, 14, 20, .24);
  }

  .foundable-reference-body .nav-cluster .signin-btn:hover,
  .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster .signin-btn:hover,
  .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .signin-btn:hover {
    transform: none;
  }

  @media (max-width: 980px) {
    .foundable-reference-body nav.top {
      padding-right: 10px;
      padding-left: 10px;
    }

    .foundable-reference-body nav.top .nav-inner,
    .foundable-reference-body nav.top.scrolled .nav-inner {
      gap: 10px;
      padding-right: 8px;
      padding-left: 10px;
    }

    .foundable-reference-body .nav-logo {
      flex: 0 0 auto;
    }

    .foundable-reference-body nav.top .nav-cluster,
    .foundable-reference-body nav.top.scrolled .nav-cluster {
      display: inline-flex;
      max-width: calc(100vw - 150px);
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scrollbar-width: none;
    }

    .foundable-reference-body .nav-cluster::-webkit-scrollbar {
      display: none;
    }

    .foundable-reference-body .nav-cluster a,
    .foundable-reference-body .nav-cluster button {
      padding-right: 10px;
      padding-left: 10px;
    }

    .foundable-reference-body .nav-theme {
      flex: 0 0 auto;
      width: 32px;
      padding-right: 0;
      padding-left: 0;
    }
  }

  html.lenis,
  html.lenis body {
    height: auto;
  }

  html.lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }

  html.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  html.lenis.lenis-stopped {
    overflow: clip;
  }

  .foundable-reference-body[data-theme="light"] .compare-col.us {
    background: #fff;
    color: var(--ink);
    border-color: var(--ink-08);
    box-shadow:
      0 20px 50px rgba(11, 14, 20, .10),
      0 0 0 1px rgba(39, 99, 255, .10) inset;
  }

  .foundable-reference-body[data-theme="light"] .compare-col.us .cmp-title,
  .foundable-reference-body[data-theme="light"] .compare-col.us .cmp-title * {
    color: var(--ink);
  }

  .foundable-reference-body[data-theme="light"] .compare-col.us .compare-list li {
    background: #fff;
    color: var(--ink);
    border: 1px solid var(--ink-08);
  }

  .foundable-reference-body[data-theme="light"] .compare-col.us .compare-list .ico {
    background: linear-gradient(135deg, #2763ff 0%, #00e5c7 100%);
    color: #fff;
  }

  .foundable-reference-body[data-theme="light"] .cta-band-inner {
    background: #fff;
    color: var(--ink);
    border: 1px solid rgba(11, 14, 20, .08);
    box-shadow:
      0 20px 50px rgba(11, 14, 20, .10),
      0 0 0 1px rgba(39, 99, 255, .10) inset;
  }

  .foundable-reference-body[data-theme="light"] .cta-band-inner::before {
    background:
      radial-gradient(58% 76% at 96% 0%, rgba(39, 99, 255, .30), transparent 62%),
      radial-gradient(50% 72% at 58% 104%, rgba(0, 229, 199, .26), transparent 62%),
      radial-gradient(48% 62% at 4% 78%, rgba(198, 255, 61, .24), transparent 66%);
  }

  .foundable-reference-body[data-theme="light"] .cta-band h2 {
    color: var(--ink);
  }

  .foundable-reference-body .cta-band h2 em {
    font-style: normal;
    background: linear-gradient(95deg, #2763FF 0%, #00E5C7 58%, #9AFB3D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--ink) !important;
    -webkit-text-fill-color: var(--ink);
  }

  .foundable-reference-body .shimmer {
    --shimmer-step: 46ms;
    --shimmer-duration: 820ms;
  }

  .foundable-reference-body .shimmer .ch {
    color: var(--ink);
    animation: none;
  }

  .foundable-reference-body .shimmer.played .ch:not(.cta-em-ch) {
    animation: chShimmer var(--shimmer-duration) ease both;
    animation-delay: calc(var(--i) * var(--shimmer-step));
  }

  .foundable-reference-body .cta-band h2.shimmer em {
    font-style: normal;
    background: linear-gradient(95deg, #2763FF 0%, #00E5C7 58%, #9AFB3D 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--ink) !important;
    -webkit-text-fill-color: var(--ink);
  }

  .foundable-reference-body .cta-band h2.shimmer em .ch {
    color: var(--ink);
    -webkit-text-fill-color: var(--ink);
    animation: none;
  }

  .foundable-reference-body .cta-band h2.shimmer.played em .ch {
    animation: chReveal var(--shimmer-duration) ease both;
    animation-delay: calc(var(--i) * var(--shimmer-step));
  }

  .foundable-reference-body .cta-band h2.shimmer.revealed em,
  .foundable-reference-body .cta-band h2.shimmer.revealed em .ch {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
  }

  @keyframes chShimmer {
    0%,
    100% {
      color: var(--ink);
    }
    45% {
      color: var(--c);
    }
  }

  @keyframes chReveal {
    0% {
      color: var(--ink);
      -webkit-text-fill-color: var(--ink);
    }
    100% {
      color: transparent;
      -webkit-text-fill-color: transparent;
    }
  }

  @supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .foundable-reference-body .cta-band h2.shimmer em,
    .foundable-reference-body .cta-band h2.shimmer em .ch,
    .foundable-reference-body .cta-band h2.shimmer.revealed em,
    .foundable-reference-body .cta-band h2.shimmer.revealed em .ch {
      color: var(--ink) !important;
      -webkit-text-fill-color: currentColor;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .foundable-reference-body .shimmer.played .ch:not(.cta-em-ch),
    .foundable-reference-body .cta-band h2.shimmer.played em .ch {
      animation: none;
    }

    .foundable-reference-body .cta-band h2.shimmer em,
    .foundable-reference-body .cta-band h2.shimmer em .ch {
      color: transparent !important;
      -webkit-text-fill-color: transparent;
    }
  }

  .foundable-reference-body[data-theme="light"] .cta-band p {
    color: var(--ink-70);
  }

  .foundable-reference-body[data-theme="light"] .cta-chatbox {
    background: rgba(255, 255, 255, .72);
    border-color: rgba(11, 14, 20, .08);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .85) inset,
      0 22px 60px rgba(11, 14, 20, .10),
      0 6px 20px rgba(11, 14, 20, .06);
  }

  .foundable-reference-body[data-theme="light"] .cta-chatbox textarea {
    color: var(--ink);
  }

  .foundable-reference-body[data-theme="light"] .cta-chatbox textarea::placeholder {
    color: var(--ink-55);
  }

  .foundable-reference-body[data-theme="light"] .cta-chatbox-toolbar .tool {
    color: var(--ink-55);
  }

  .foundable-reference-body[data-theme="light"] .cta-chatbox-toolbar .tool:hover {
    color: var(--ink);
    background: var(--ink-04);
  }

  .foundable-reference-body .hero-chatbox .tw-overlay {
    top: 22px;
  }

  .foundable-reference-body .hero-chatbox .tool[data-locked="true"],
  .foundable-reference-body .cta-chatbox .tool[data-locked="true"] {
    background: rgba(11, 14, 20, .07) !important;
    color: rgba(11, 14, 20, .44);
    cursor: pointer !important;
    opacity: .78;
  }

  .foundable-reference-body .hero-chatbox .tool[data-locked="true"]:hover,
  .foundable-reference-body .cta-chatbox .tool[data-locked="true"]:hover,
  .foundable-reference-body .hero-chatbox .tool[data-locked="true"]:focus-visible,
  .foundable-reference-body .cta-chatbox .tool[data-locked="true"]:focus-visible {
    color: rgba(11, 14, 20, .5);
    background: rgba(11, 14, 20, .10) !important;
    transform: none;
  }

  .foundable-reference-body .hero-chatbox .tool.mic.is-listening,
  .foundable-reference-body .cta-chatbox .tool.mic.is-listening {
    color: var(--ink);
    background: var(--ink-08);
    box-shadow:
      0 0 0 3px color-mix(in srgb, var(--ink) 10%, transparent),
      0 1px 0 rgba(255, 255, 255, .38) inset;
    opacity: 1;
  }

  .foundable-reference-body[data-theme="dark"] .hero-chatbox .tool.mic.is-listening,
  .foundable-reference-body[data-theme="dark"] .cta-chatbox .tool.mic.is-listening {
    color: #fcfbf8;
    background: rgba(255, 255, 255, .14);
    box-shadow:
      0 0 0 3px rgba(255, 255, 255, .08),
      0 1px 0 rgba(255, 255, 255, .10) inset;
  }

  .foundable-reference-body .landing-chat-lockout-popover,
  .foundable-reference-body .landing-chat-status {
    position: absolute;
    top: calc(100% + 10px);
    left: 8px;
    z-index: 7;
    max-width: min(360px, calc(100% - 16px));
    border: 1px solid var(--ink-08);
    border-radius: 10px;
    background: color-mix(in srgb, var(--paper) 94%, #fff);
    color: var(--ink);
    box-shadow:
      0 18px 45px rgba(11, 14, 20, .14),
      0 1px 0 rgba(255, 255, 255, .72) inset;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease;
  }

  .foundable-reference-body .landing-chat-lockout-popover.is-visible,
  .foundable-reference-body .landing-chat-status.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .foundable-reference-body .landing-chat-lockout-popover {
    display: grid;
    gap: 10px;
    padding: 12px;
  }

  .foundable-reference-body .landing-chat-lockout-popover p,
  .foundable-reference-body .landing-chat-status {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0;
  }

  .foundable-reference-body .landing-chat-lockout-popover p {
    margin: 0;
    color: var(--ink-70);
  }

  .foundable-reference-body .landing-chat-lockout-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .foundable-reference-body .landing-chat-lockout-actions button {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ink-08);
    border-radius: 8px;
    padding: 0 12px;
    color: var(--ink);
    background: rgba(255, 255, 255, .72);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
  }

  .foundable-reference-body .landing-chat-lockout-actions button[data-auth-action="signup"] {
    border-color: transparent;
    min-width: 93px;
    height: 32px;
    min-height: 32px;
    border-radius: 8px;
    padding: 0 10px;
    color: #1c1c1c;
    background: rgba(252, 251, 248, .96);
    box-shadow: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.015em;
  }

  .foundable-reference-body .landing-chat-status {
    width: fit-content;
    padding: 9px 11px;
    color: var(--ink-70);
  }

  .foundable-reference-body .landing-chat-status[data-tone="error"] {
    border-color: rgba(244, 33, 46, .18);
    color: #b4232b;
    background: #fff4f4;
  }

  .foundable-reference-body[data-theme="dark"] .hero-chatbox .tool[data-locked="true"],
  .foundable-reference-body[data-theme="dark"] .cta-chatbox .tool[data-locked="true"] {
    color: rgba(252, 251, 248, .52);
    background: rgba(255, 255, 255, .08) !important;
    opacity: .9;
  }

  .foundable-reference-body[data-theme="dark"] .hero-chatbox .tool[data-locked="true"]:hover,
  .foundable-reference-body[data-theme="dark"] .cta-chatbox .tool[data-locked="true"]:hover,
  .foundable-reference-body[data-theme="dark"] .hero-chatbox .tool[data-locked="true"]:focus-visible,
  .foundable-reference-body[data-theme="dark"] .cta-chatbox .tool[data-locked="true"]:focus-visible {
    color: rgba(252, 251, 248, .62);
    background: rgba(255, 255, 255, .12) !important;
  }

  .foundable-reference-body[data-theme="dark"] .landing-chat-lockout-popover,
  .foundable-reference-body[data-theme="dark"] .landing-chat-status {
    border-color: rgba(255, 255, 255, .12);
    background: #111824;
    color: #f7f9ff;
    box-shadow:
      0 20px 55px rgba(0, 0, 0, .36),
      0 1px 0 rgba(255, 255, 255, .06) inset;
  }

  .foundable-reference-body[data-theme="dark"] .landing-chat-lockout-popover p,
  .foundable-reference-body[data-theme="dark"] .landing-chat-status {
    color: rgba(247, 249, 255, .72);
  }

  .foundable-reference-body[data-theme="dark"] .landing-chat-lockout-actions button {
    border-color: rgba(255, 255, 255, .12);
    color: #f7f9ff;
    background: rgba(255, 255, 255, .07);
  }

  .foundable-reference-body[data-theme="dark"] .landing-chat-lockout-actions button[data-auth-action="signup"] {
    border-color: transparent;
    color: #1c1c1c;
    background: rgba(252, 251, 248, .96);
  }

  .foundable-reference-body[data-theme="light"] .landing-chat-lockout-actions button[data-auth-action="signup"] {
    color: #fcfbf8;
    background: rgba(0, 0, 0, .88);
  }

  .foundable-reference-body[data-theme="dark"] .landing-chat-status[data-tone="error"] {
    border-color: rgba(255, 105, 116, .24);
    color: #ffb3ba;
    background: rgba(80, 18, 28, .86);
  }

  .foundable-reference-body[data-theme="dark"] .compare-col.us {
    background: linear-gradient(180deg, #232732 0%, #1b1f28 100%);
    color: #fff;
    border-color: rgba(255, 255, 255, .10);
    box-shadow:
      0 20px 60px rgba(0, 0, 0, .55),
      0 0 0 1px rgba(39, 99, 255, .12) inset;
  }

  .foundable-reference-body[data-theme="dark"] .compare-col.us .cmp-title,
  .foundable-reference-body[data-theme="dark"] .compare-col.us .cmp-title * {
    color: #fff;
  }

  .foundable-reference-body[data-theme="dark"] .compare-col.us .compare-list li {
    background: rgba(255, 255, 255, .04);
    color: #fff;
    border-color: rgba(255, 255, 255, .08);
  }

  .foundable-reference-body[data-theme="dark"] .compare-col.us .compare-list .ico {
    background: #fff;
    color: #0b0e14;
  }

  @media (max-width: 780px) {
    .foundable-reference-body section[id] {
      scroll-margin-top: 118px;
    }

    .foundable-reference-body .compare,
    .foundable-reference-body .built,
    .foundable-reference-body .wall,
    .foundable-reference-body .faq,
    .foundable-reference-body .cta-band {
      min-height: auto;
    }

    .foundable-reference-body .compare,
    .foundable-reference-body .built,
    .foundable-reference-body .wall,
    .foundable-reference-body .faq,
    .foundable-reference-body .cta-band {
      display: block;
    }

    .foundable-reference-body .hero {
      height: 100vh;
      height: 100lvh;
      min-height: 100svh;
      min-height: 100lvh;
    }

    .foundable-reference-body .built,
    .foundable-reference-body .wall {
      padding-top: 84px;
      padding-bottom: 66px;
    }

    .foundable-reference-body .wall {
      min-height: auto;
    }

    .foundable-reference-body .integ,
    .foundable-reference-body .compare,
    .foundable-reference-body .faq {
      padding-top: 82px;
      padding-bottom: 66px;
    }

    .foundable-reference-body .wall-card {
      width: 320px;
      flex-basis: 320px;
      min-height: 250px;
    }

    .foundable-reference-body .wall-marquee-wrap {
      margin-top: 36px;
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 2%, #000 98%, transparent 100%);
      mask-image: linear-gradient(90deg, transparent 0%, #000 2%, #000 98%, transparent 100%);
    }

    .foundable-reference-body .built-showcase {
      width: min(100%, calc(100vw - 24px));
      height: 360px;
      margin-top: 36px;
    }

    .foundable-reference-body .built-card {
      width: min(420px, calc(100vw - 36px));
      height: 270px;
      border-radius: 18px;
    }

    .foundable-reference-body .built-card[data-position="center"] {
      transform: translate(-50%, -50%) scale(.9);
    }

    .foundable-reference-body .built-card[data-position="left"] {
      transform: translate(calc(-50% - 250px), -50%) scale(.58);
    }

    .foundable-reference-body .built-card[data-position="right"] {
      transform: translate(calc(-50% + 250px), -50%) scale(.58);
    }

    .foundable-reference-body .built-reference-strip {
      margin-top: 10px;
      gap: 6px;
    }

    .foundable-reference-body .built-reference {
      height: 32px;
      padding: 0 10px;
      font-size: 11px;
    }

    .foundable-reference-body .cta-band {
      padding-top: 72px;
      padding-bottom: 36px;
    }

    .foundable-reference-body .cta-band-inner {
      padding-top: 52px;
      padding-bottom: 52px;
    }

    .foundable-reference-body footer {
      --landing-footer-bottom-bleed: 0px;
      padding-top: 72px;
      padding-bottom: 72px;
    }

    .foundable-reference-body footer canvas.footer-cloud-canvas {
      top: -240px;
      height: calc(100% + 240px + var(--landing-footer-bottom-bleed));
    }

    .foundable-reference-body footer::after {
      top: -140px;
      height: calc(100% + 140px);
    }

    .foundable-reference-body .section-heading,
    .foundable-reference-body .cta-band h2 {
      font-size: 38px;
      line-height: 1.05;
      letter-spacing: 0;
    }

    .foundable-reference-body .funnel-head h2 {
      font-size: 38px;
      line-height: 1.05;
      letter-spacing: 0;
    }

    .foundable-reference-body .section-sub,
    .foundable-reference-body .cta-band p {
      font-size: 16px;
      line-height: 1.52;
    }

    .foundable-reference-body .how {
      padding: 84px 18px 64px;
    }

    .foundable-reference-body .how-scroll {
      height: auto !important;
    }

    .foundable-reference-body .how-pin {
      position: relative;
      top: auto;
      gap: 34px;
      width: 100%;
    }

    .foundable-reference-body .how-viewport {
      overflow: visible;
      height: auto;
      border-radius: 18px;
      background: transparent !important;
    }

    .foundable-reference-body .how-viewport::before,
    .foundable-reference-body .how-nav {
      display: none;
    }

    .foundable-reference-body .how-track {
      display: grid;
      gap: 14px;
      transform: none !important;
    }

    .foundable-reference-body .how-card {
      width: 100%;
      overflow: hidden;
      border-radius: 22px;
      transform: none !important;
    }

    .foundable-reference-body .how-card:hover {
      transform: none;
    }

    .foundable-reference-body .how-card-inner {
      grid-template-columns: 1fr;
      min-height: 0;
    }

    .foundable-reference-body .how-card-visual {
      min-height: clamp(210px, 58vw, 248px);
      height: auto;
      padding: 18px;
      align-items: center;
      justify-content: center;
      border-right: 0;
      border-bottom: 1px solid var(--ink-08);
      background:
        radial-gradient(72% 64% at 20% 12%, rgba(39, 99, 255, .18), transparent 72%),
        radial-gradient(60% 58% at 86% 18%, rgba(0, 229, 199, .14), transparent 72%),
        linear-gradient(180deg, color-mix(in srgb, var(--paper) 92%, #2763FF), var(--paper)) !important;
    }

    .foundable-reference-body .how-card:nth-child(2) .how-card-visual {
      background:
        radial-gradient(68% 60% at 18% 16%, rgba(0, 229, 199, .18), transparent 72%),
        radial-gradient(64% 58% at 84% 18%, rgba(198, 255, 61, .12), transparent 74%),
        linear-gradient(180deg, color-mix(in srgb, var(--paper) 92%, #00E5C7), var(--paper)) !important;
    }

    .foundable-reference-body .how-card:nth-child(3) .how-card-visual {
      background:
        radial-gradient(70% 62% at 18% 15%, rgba(39, 99, 255, .16), transparent 72%),
        radial-gradient(66% 60% at 84% 18%, rgba(198, 255, 61, .14), transparent 74%),
        linear-gradient(180deg, color-mix(in srgb, var(--paper) 92%, #C6FF3D), var(--paper)) !important;
    }

    .foundable-reference-body .how-card-visual > * {
      max-width: 100%;
    }

    .foundable-reference-body .how-card-visual .v-chat {
      width: min(100%, 260px);
      height: 206px;
      justify-content: center;
    }

    .foundable-reference-body .how-card-visual .v-msg {
      opacity: 1;
      transform: none;
    }

    .foundable-reference-body .how-card-visual .v-msg.bot .v-bubble:empty::before {
      content: "I'll turn that into an audience, offer, and launch brief.";
    }

    .foundable-reference-body .how-card-visual .v-build,
    .foundable-reference-body .how-card-visual .v-live {
      width: min(100%, 292px);
      max-width: 292px;
    }

    .foundable-reference-body .how-card-visual .v-live-feed {
      height: 120px;
    }

    .foundable-reference-body .how-card-body {
      gap: 12px;
      padding: 24px 24px 28px;
    }

    .foundable-reference-body .how-card-body h3 {
      font-size: 24px;
      line-height: 1.08;
    }

    .foundable-reference-body .how-card-body p {
      font-size: 15px;
      line-height: 1.55;
    }

    .foundable-reference-body .pricing-hero {
      min-height: 72svh;
      padding: 112px 18px 66px;
    }

    .foundable-reference-body .pricing-hero h1 {
      font-size: 42px;
      line-height: 1.04;
    }

    .foundable-reference-body .pricing-hero-copy {
      margin-top: 18px;
      font-size: 16px;
    }

    .foundable-reference-body .pricing-plans,
    .foundable-reference-body .pricing-included,
    .foundable-reference-body .pricing-credits {
      padding-right: 18px;
      padding-left: 18px;
    }

    .foundable-reference-body .pricing-included {
      padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
    }

    .foundable-reference-body .pricing-section-head,
    .foundable-reference-body .pricing-plan-grid,
    .foundable-reference-body .pricing-included-inner,
    .foundable-reference-body .pricing-included-grid,
    .foundable-reference-body .pricing-credits-inner {
      grid-template-columns: 1fr;
    }

    .foundable-reference-body .pricing-included-grid article:last-child {
      scroll-margin-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
    }

    .foundable-reference-body .pricing-section-head h2,
    .foundable-reference-body .pricing-included-copy h2,
    .foundable-reference-body .pricing-credits-copy h2,
    .foundable-reference-body .pricing-fine-print h2 {
      font-size: 32px;
    }

    .foundable-reference-body .pricing-plan-card {
      min-height: 0;
      padding: 22px;
    }

    .foundable-reference-body .pricing-plan-detail {
      min-height: 0;
    }

    .foundable-reference-body .pricing-plan-price span {
      font-size: 46px;
    }

    .foundable-reference-body .pricing-credits {
      padding-top: 58px;
      padding-bottom: 68px;
    }

    .foundable-reference-body .pricing-fine-print {
      align-items: flex-start;
      flex-direction: column;
      padding: 60px 18px 68px;
    }

    .foundable-reference-body .pricing-fine-print a {
      width: 100%;
    }

    .foundable-reference-body .compare-tabs {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      width: calc(100vw - 48px);
      max-width: 342px;
      margin-right: auto;
      margin-left: auto;
      overflow: visible;
      white-space: normal;
    }

    .foundable-reference-body .built-tabs {
      display: flex;
      flex-wrap: nowrap !important;
      justify-content: flex-start;
      width: calc(100vw - 48px);
      max-width: 342px;
      margin-right: auto;
      margin-left: auto;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      white-space: nowrap;
    }

    .foundable-reference-body .compare-tabs::-webkit-scrollbar,
    .foundable-reference-body .built-tabs::-webkit-scrollbar {
      display: none;
    }

    .foundable-reference-body .compare-tab {
      width: 100%;
      min-width: 0;
      min-height: 44px;
      justify-content: center;
      padding: 0 6px;
      text-align: center;
      white-space: normal;
      font-size: 0;
      line-height: 1;
    }

    .foundable-reference-body .compare-tab::after {
      font-size: 12px;
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: 0;
    }

    .foundable-reference-body .compare-tab[data-cmp="chat"]::after {
      content: "Chat tools";
    }

    .foundable-reference-body .compare-tab[data-cmp="builders"]::after {
      content: "App builders";
    }

    .foundable-reference-body .compare-tab[data-cmp="agencies"]::after {
      content: "Agencies";
    }

    .foundable-reference-body .built-tab {
      flex: 0 0 auto;
      min-height: 44px;
      scroll-snap-align: center;
    }

    .foundable-reference-body .hero-chatbox-toolbar .tool,
    .foundable-reference-body .cta-chatbox-toolbar .tool {
      width: 44px;
      height: 44px;
      min-width: 44px;
      min-height: 44px;
    }

    .foundable-reference-body .integ-link,
    .foundable-reference-body .built-card .btn {
      min-height: 44px;
      align-items: center;
    }

    .foundable-reference-body footer .social a {
      width: 40px;
      height: 40px;
      min-width: 40px;
      min-height: 40px;
    }

    .foundable-reference-body footer .footer-col a {
      display: inline-flex;
      min-height: 32px;
      align-items: center;
    }

    .foundable-reference-body .compare-grid {
      gap: 12px;
    }

    .foundable-reference-body .compare-col {
      min-height: 0;
      padding: 18px;
    }

    .foundable-reference-body .cmp-title {
      font-size: 16px;
      line-height: 1.25;
    }

    .foundable-reference-body .compare-list {
      gap: 8px;
      margin-top: 14px;
    }

    .foundable-reference-body .compare-list li {
      align-items: flex-start;
      gap: 9px;
      padding: 10px;
      font-size: 13px;
      line-height: 1.42;
    }

    .foundable-reference-body .wall-marquee-wrap {
      display: block;
      width: 100%;
      margin-top: 30px;
      overflow: hidden;
      overflow-y: hidden;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      -webkit-mask-image: none;
      mask-image: none;
    }

    .foundable-reference-body .wall-marquee-wrap::-webkit-scrollbar {
      display: none;
    }

    .foundable-reference-body .wall-row {
      width: max-content;
      padding-left: 18px;
      transform: translateX(0);
      animation: wallLeft 92s linear infinite !important;
    }

    .foundable-reference-body .wall-row.r2 {
      display: none;
    }

    .foundable-reference-body .wall-card {
      width: min(78vw, 300px);
      flex-basis: min(78vw, 300px);
      min-height: 204px;
      padding: 20px;
      scroll-snap-align: none;
    }

    .foundable-reference-body[data-theme="dark"] .wall-card {
      border-color: rgba(255, 255, 255, .14);
      background: rgba(255, 255, 255, .065);
    }

    .foundable-reference-body .wall .section-heading {
      filter: none;
      opacity: 1;
    }

    .foundable-reference-body .wall .section-sub {
      filter: none;
      opacity: 1;
    }

    .foundable-reference-body[data-theme="dark"] .wall .section-sub {
      color: rgba(243, 244, 246, .78);
    }

    .foundable-reference-body[data-theme="dark"] .wall-card .quote {
      color: rgba(243, 244, 246, .76);
    }

    .foundable-reference-body[data-theme="dark"] .wall-caption {
      color: rgba(243, 244, 246, .62);
    }

    .foundable-reference-body .faq-item .q {
      min-height: 58px;
      padding: 16px;
    }

    .foundable-reference-body .faq-item .q h4 {
      font-size: 15px;
      line-height: 1.35;
    }

    .foundable-reference-body .cta-band-inner {
      width: calc(100vw - 48px);
      padding: 28px 20px;
      border-radius: 18px;
    }

    .foundable-reference-body .cta-chatbox {
      height: 138px;
      min-height: 138px;
      border-radius: 24px;
      padding: 10px;
    }
  }

  @media (max-width: 720px) {
    .foundable-reference-body nav.top {
      padding: 10px 12px 0;
    }

    .foundable-reference-body nav.top .nav-inner,
    .foundable-reference-body nav.top.scrolled .nav-inner {
      position: relative;
      flex-wrap: nowrap;
      gap: 10px;
      align-items: center;
      padding: 8px;
      border-radius: 18px;
    }

    .foundable-reference-body .nav-logo {
      display: inline-flex;
      flex: 1 1 auto;
      min-width: 0;
      min-height: 44px;
      align-items: center;
    }

    .foundable-reference-body .nav-logo .wm {
      font-size: 20px;
      line-height: 1;
    }

    .foundable-reference-body .nav-logo .fmark {
      align-self: center;
      height: 20px;
    }

    .foundable-reference-body .mobile-nav-actions {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 8px;
      margin-left: auto;
    }

    .foundable-reference-body .mobile-nav-cta {
      display: inline-flex;
      height: 44px;
      align-items: center;
      justify-content: center;
      border-radius: 11px;
      padding: 0 18px;
      color: #fff;
      background: linear-gradient(95deg, #2763FF 0%, #00E5C7 100%);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, .18) inset,
        0 8px 22px rgba(39, 99, 255, .34);
      font-size: 13px;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
    }

    .foundable-reference-body .mobile-menu-toggle {
      display: inline-flex;
      width: 44px;
      height: 44px;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--ink-08);
      border-radius: 11px;
      background: var(--ink-04);
      color: var(--ink);
      cursor: pointer;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset;
    }

    .foundable-reference-body .mobile-menu-toggle svg {
      width: 18px;
      height: 18px;
    }

    .foundable-reference-body[data-theme="dark"] .mobile-menu-toggle {
      border-color: rgba(255, 255, 255, .13);
      background: rgba(255, 255, 255, .08);
      color: #fff;
    }

    .foundable-reference-body .mobile-menu-toggle svg path {
      transition: opacity .16s ease, transform .2s ease;
      transform-origin: center;
    }

    .foundable-reference-body nav.top.mobile-menu-open .mobile-menu-toggle svg path:nth-child(1) {
      transform: translateY(5px) rotate(45deg);
    }

    .foundable-reference-body nav.top.mobile-menu-open .mobile-menu-toggle svg path:nth-child(2) {
      opacity: 0;
      transform: scaleX(.4);
    }

    .foundable-reference-body nav.top.mobile-menu-open .mobile-menu-toggle svg path:nth-child(3) {
      transform: translateY(-5px) rotate(-45deg);
    }

    .foundable-reference-body nav.top .nav-cluster,
    .foundable-reference-body nav.top.scrolled .nav-cluster {
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      left: 0;
      display: grid;
      width: auto;
      max-width: none;
      min-width: 0;
      gap: 4px;
      padding: 10px;
      border-radius: 18px;
      opacity: 0;
      transform: translateY(-8px) scale(.985);
      transform-origin: top center;
      pointer-events: none;
      visibility: hidden;
      transition: opacity .18s ease, transform .2s ease, visibility .2s ease;
      overflow: hidden;
      z-index: 4;
      background: linear-gradient(180deg, rgba(12, 16, 24, .96) 0%, rgba(7, 10, 16, .96) 100%);
      border-color: rgba(255, 255, 255, .13);
      box-shadow:
        0 1.5px 0 rgba(255, 255, 255, .10) inset,
        0 24px 70px rgba(0, 0, 0, .42);
      backdrop-filter: blur(20px) saturate(155%);
      -webkit-backdrop-filter: blur(20px) saturate(155%);
    }

    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster {
      background: linear-gradient(180deg, rgba(248, 251, 255, .98) 0%, rgba(240, 246, 252, .96) 100%);
      border-color: rgba(11, 14, 20, .10);
      box-shadow:
        0 1.5px 0 rgba(255, 255, 255, .96) inset,
        0 24px 70px rgba(11, 14, 20, .16);
    }

    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster,
    .foundable-reference-body nav.top.scrolled.mobile-menu-open .nav-cluster {
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: auto;
      visibility: visible;
    }

    .foundable-reference-body nav.top .nav-cluster a,
    .foundable-reference-body nav.top .nav-cluster button,
    .foundable-reference-body nav.top.scrolled .nav-cluster a,
    .foundable-reference-body nav.top.scrolled .nav-cluster button {
      width: 100%;
      min-height: 42px;
      justify-content: flex-start;
      padding: 0 12px;
      border-radius: 12px;
      color: #fff;
      font-size: 14px;
      font-weight: 650;
    }

    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster a,
    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster button,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster a,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster button {
      color: var(--ink);
    }

    .foundable-reference-body .nav-cluster .nav-cta {
      display: none;
    }

    .foundable-reference-body .nav-theme {
      width: 100%;
      min-width: 0;
    }

    .foundable-reference-body .nav-theme::after {
      margin-left: 8px;
      font-size: 14px;
      font-weight: 650;
    }

    .foundable-reference-body[data-theme="dark"] .nav-theme::after {
      content: "Light mode";
    }

    .foundable-reference-body[data-theme="light"] .nav-theme::after {
      content: "Dark mode";
    }

    .foundable-reference-body .hero {
      height: auto;
      min-height: 100svh;
      min-height: 100lvh;
      padding-top: 128px;
      padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px));
    }

    .foundable-reference-body .pricing-hero {
      min-height: 82svh;
      padding-top: 136px;
    }
  }

  @media (max-width: 430px) {
    .foundable-reference-body nav.top {
      padding-right: 8px;
      padding-left: 8px;
    }

    .foundable-reference-body .nav-cluster {
      gap: 4px;
    }

    .foundable-reference-body .nav-cluster a,
    .foundable-reference-body .nav-cluster button {
      font-size: 14px;
    }

    .foundable-reference-body .nav-cluster .signin-btn {
      padding-right: 12px;
      padding-left: 12px;
    }

    .foundable-reference-body .hero h1,
    .foundable-reference-body .pricing-hero h1 {
      word-break: normal;
      overflow-wrap: anywhere;
    }

    .foundable-reference-body .hero h1 {
      font-size: 48px;
      line-height: 1.02;
    }
  }

  @media (max-width: 780px) {
    .foundable-reference-body .hero-chatbox-toolbar .tool,
    .foundable-reference-body .cta-chatbox-toolbar .tool,
    .foundable-reference-body .hero-chatbox-toolbar .send,
    .foundable-reference-body .cta-chatbox-toolbar .send {
      width: 44px !important;
      height: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
      border-radius: 14px;
    }

    .foundable-reference-body .hero-chatbox,
    .foundable-reference-body .cta-chatbox {
      overflow: visible;
    }

    .foundable-reference-body .cta-chatbox {
      height: 144px;
      min-height: 144px;
    }

    .foundable-reference-body .hero-chatbox textarea,
    .foundable-reference-body .cta-chatbox textarea {
      min-height: 66px;
    }

    .foundable-reference-body .hero-chatbox-toolbar,
    .foundable-reference-body .cta-chatbox-toolbar {
      min-height: 56px;
      align-items: center;
      gap: 6px;
      padding: 0 10px 10px;
    }

    .foundable-reference-body .integ-link,
    .foundable-reference-body .built-card .btn {
      display: inline-flex;
      min-height: 44px !important;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
    }

    .foundable-reference-body footer .social a {
      width: 44px !important;
      height: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
    }

    .foundable-reference-body footer .footer-col a {
      display: inline-flex;
      min-width: 44px;
      min-height: 44px;
      align-items: center;
    }
  }

  @media (max-width: 720px) {
    .foundable-reference-body nav.top {
      --landing-mobile-nav-height: calc(64px + env(safe-area-inset-top, 0px));
      --landing-mobile-nav-left-inset: 16px;
      --landing-mobile-nav-right-inset: 8px;
      --landing-mobile-menu-height: 100dvh;
      --landing-mobile-menu-bottom-clearance: max(10px, calc(env(safe-area-inset-bottom, 0px) - 22px));
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      padding:
        calc(12px + env(safe-area-inset-top, 0px))
        var(--landing-mobile-nav-right-inset)
        0
        var(--landing-mobile-nav-left-inset);
    }

    .foundable-reference-body nav.top.scrolled {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      height: var(--landing-mobile-nav-height);
      padding:
        calc(12px + env(safe-area-inset-top, 0px))
        var(--landing-mobile-nav-right-inset)
        0
        var(--landing-mobile-nav-left-inset);
      background: transparent;
      transform: translateZ(0);
    }

    .foundable-reference-body nav.top .nav-inner,
    .foundable-reference-body nav.top.scrolled .nav-inner {
      padding: 0;
      gap: 4px;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    .foundable-reference-body[data-theme="dark"] nav.top.mobile-menu-open .nav-inner,
    .foundable-reference-body[data-theme="dark"] nav.top.scrolled.mobile-menu-open .nav-inner,
    .foundable-reference-body[data-theme="light"] nav.top.mobile-menu-open .nav-inner,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled.mobile-menu-open .nav-inner {
      padding: 0;
      gap: 4px;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      transition: none;
    }

    .foundable-reference-body .nav-logo {
      position: relative;
      z-index: 96;
      width: auto;
      height: 24px;
      min-height: 24px;
      flex: 0 0 auto;
      align-self: center;
      gap: 0;
      align-items: center;
    }

    .foundable-reference-body .nav-logo .wm {
      font-size: 28.5px;
      font-weight: 900;
      letter-spacing: -.035em;
      line-height: 24px;
    }

    .foundable-reference-body .nav-logo .fmark {
      height: 24px;
      align-self: center;
    }

    .foundable-reference-body .mobile-nav-actions {
      gap: 4px;
      position: relative;
      z-index: 96;
    }

    .foundable-reference-body .mobile-nav-cta {
      width: auto;
      min-width: 104px;
      height: 40px;
      min-height: 40px;
      padding: 0 14px;
      border: 0;
      border-radius: 10px;
      background: rgba(252, 251, 248, .96);
      color: #1c1c1c;
      box-shadow: none;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: -.015em;
    }

    .foundable-reference-body[data-theme="light"] .mobile-nav-cta {
      background: rgba(0, 0, 0, .88);
      color: #fcfbf8;
      -webkit-text-fill-color: #fcfbf8;
    }

    .foundable-reference-body .mobile-menu-toggle,
    .foundable-reference-body[data-theme="dark"] .mobile-menu-toggle {
      position: relative;
      z-index: 97;
      width: 40px;
      height: 40px;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: var(--ink);
      box-shadow: none;
      pointer-events: auto;
      touch-action: manipulation;
    }

    .foundable-reference-body[data-theme="dark"] .mobile-menu-toggle {
      color: #fff;
    }

    .foundable-reference-body .mobile-menu-toggle svg {
      position: absolute;
      inset: 8px;
      width: 24px;
      height: 24px;
      transition: opacity 100ms ease-out, transform 100ms ease-out;
    }

    .foundable-reference-body .mobile-menu-toggle svg path {
      opacity: 1 !important;
      transform: none !important;
    }

    .foundable-reference-body .mobile-menu-toggle .menu-icon {
      opacity: 1;
      transform: scale(1);
      transition-delay: 100ms;
    }

    .foundable-reference-body .mobile-menu-toggle .menu-close-icon {
      opacity: 0;
      transform: scale(.5);
    }

    .foundable-reference-body nav.top.mobile-menu-open .mobile-menu-toggle .menu-icon {
      opacity: 0;
      transform: scale(.5);
      transition-delay: 0ms;
    }

    .foundable-reference-body nav.top.mobile-menu-open .mobile-menu-toggle .menu-close-icon {
      opacity: 1;
      transform: scale(1);
      transition-delay: 100ms;
    }

    .foundable-reference-body nav.top.mobile-menu-open {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      height: var(--landing-mobile-nav-height);
      background: transparent;
      transition-duration: 350ms;
      transition-timing-function: cubic-bezier(.33, 1, .68, 1);
    }

    .foundable-reference-body nav.top.scrolled.mobile-menu-open {
      height: var(--landing-mobile-nav-height);
      padding:
        calc(12px + env(safe-area-inset-top, 0px))
        var(--landing-mobile-nav-right-inset)
        0
        var(--landing-mobile-nav-left-inset);
    }

    .foundable-reference-body[data-theme="light"] nav.top.mobile-menu-open {
      background: transparent;
    }

    .foundable-reference-body .funnel-scroll {
      height: auto !important;
    }

    .foundable-reference-body .funnel-pin {
      position: relative;
      top: auto;
      display: block;
      height: auto;
      min-height: 0;
      overflow: visible;
      padding: 88px 18px 72px;
    }

    .foundable-reference-body .funnel-stage,
    .foundable-reference-body .funnel-field {
      display: none;
    }

    .foundable-reference-body .funnel-head {
      position: relative;
      top: auto;
      left: auto;
      width: min(100%, 560px);
      margin: 0 auto 28px;
      transform: none !important;
    }

    .foundable-reference-body .funnel-chat {
      position: relative;
      top: auto;
      left: auto;
      width: min(100%, 468px);
      margin: 0 auto;
      opacity: 1 !important;
      transform: none !important;
    }

    .foundable-reference-body .funnel-chat .fc-window {
      height: auto;
      max-height: none;
    }

    .foundable-reference-body .funnel-chat .fc-body {
      overflow: visible;
    }

    .foundable-reference-body .funnel-chat .fc-user,
    .foundable-reference-body .funnel-chat .fc-resp,
    .foundable-reference-body .funnel-chat .fc-build,
    .foundable-reference-body .funnel-chat .fc-cust {
      display: block;
    }

    .foundable-reference-body .funnel-chat .fc-worked {
      display: inline-flex;
    }

    .foundable-reference-body .funnel-chat .fc-tools {
      display: flex;
    }

    .foundable-reference-body nav.top .nav-cluster,
    .foundable-reference-body nav.top.scrolled .nav-cluster {
      position: fixed;
      inset: 0;
      display: none;
      width: auto;
      max-width: none;
      min-width: 0;
      height: 100vh;
      height: 100dvh;
      height: var(--landing-mobile-menu-height);
      max-height: 100lvh;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-template-rows: repeat(5, 48px) minmax(0, 1fr) 44px;
      column-gap: 12px;
      row-gap: 0;
      padding:
        calc(var(--landing-mobile-nav-height) + 4px)
        16px
        var(--landing-mobile-menu-bottom-clearance);
      border: 0;
      border-radius: 0;
      opacity: 1;
      transform: none;
      pointer-events: none;
      visibility: hidden;
      overflow: hidden;
      overscroll-behavior: contain;
      z-index: 90;
      background: transparent;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      transition: visibility 0s linear 0s;
      will-change: auto;
    }

    .foundable-reference-body nav.top .nav-cluster::before,
    .foundable-reference-body nav.top.scrolled .nav-cluster::before {
      display: none;
    }

    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster {
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster,
    .foundable-reference-body nav.top.scrolled.mobile-menu-open .nav-cluster {
      display: grid;
      opacity: 1;
      transform: none;
      pointer-events: auto;
      visibility: visible;
      background: #272725;
      transition-delay: 0s;
    }

    .foundable-reference-body[data-theme="light"] nav.top.mobile-menu-open .nav-cluster,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled.mobile-menu-open .nav-cluster {
      background: #f5f2ec;
    }

    .foundable-reference-body nav.top .nav-cluster a,
    .foundable-reference-body nav.top .nav-cluster button,
    .foundable-reference-body nav.top.scrolled .nav-cluster a,
    .foundable-reference-body nav.top.scrolled .nav-cluster button {
      grid-column: 1 / -1;
      width: 100%;
      min-height: 48px;
      justify-content: space-between;
      padding: 10px 0 9px;
      border: 0;
      border-bottom: 1px solid rgba(252, 251, 248, .12);
      border-radius: 0;
      color: #fcfbf8;
      background: transparent;
      box-shadow: none;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 28px;
      opacity: 0;
      transform: translateY(-4px);
      transition:
        opacity 220ms ease,
        transform 260ms cubic-bezier(.22, 1, .36, 1),
        color 160ms ease,
        background 160ms ease;
    }

    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster a,
    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster button,
    .foundable-reference-body nav.top.scrolled.mobile-menu-open .nav-cluster a,
    .foundable-reference-body nav.top.scrolled.mobile-menu-open .nav-cluster button {
      opacity: 1;
      transform: none;
    }

    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster a:nth-child(1),
    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster button:nth-child(1) {
      transition-delay: 35ms, 35ms, 0ms, 0ms;
    }

    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster a:nth-child(2),
    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster button:nth-child(2) {
      transition-delay: 55ms, 55ms, 0ms, 0ms;
    }

    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster a:nth-child(3),
    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster button:nth-child(3) {
      transition-delay: 75ms, 75ms, 0ms, 0ms;
    }

    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster a:nth-child(4),
    .foundable-reference-body nav.top.mobile-menu-open .nav-cluster button:nth-child(4) {
      transition-delay: 95ms, 95ms, 0ms, 0ms;
    }

    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster a,
    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster button,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster a,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster button {
      color: #171717;
      border-bottom-color: rgba(23, 23, 23, .14);
    }

    .foundable-reference-body nav.top .nav-cluster a.nav-active,
    .foundable-reference-body nav.top .nav-cluster .nav-pricing.active,
    .foundable-reference-body nav.top .nav-cluster .nav-pricing[aria-current="page"],
    .foundable-reference-body nav.top.scrolled .nav-cluster a.nav-active,
    .foundable-reference-body nav.top.scrolled .nav-cluster .nav-pricing.active,
    .foundable-reference-body nav.top.scrolled .nav-cluster .nav-pricing[aria-current="page"] {
      background: transparent;
      color: #fcfbf8;
    }

    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster a.nav-active,
    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster .nav-pricing.active,
    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster .nav-pricing[aria-current="page"],
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster a.nav-active,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-pricing.active,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-pricing[aria-current="page"] {
      background: transparent;
      color: #171717;
    }

    .foundable-reference-body nav.top .nav-cluster .signin-btn,
    .foundable-reference-body nav.top.scrolled .nav-cluster .signin-btn {
      grid-column: 1;
      grid-row: 7;
      height: 44px;
      min-height: 44px;
      margin: 0 !important;
      padding: 0 12px;
      border: 0;
      border-bottom: 0;
      border-radius: 12px;
      justify-content: center;
      background: transparent;
      box-shadow: none;
      font-size: 16px;
      line-height: 24px;
    }

    .foundable-reference-body[data-theme="dark"] nav.top .nav-cluster .signin-btn,
    .foundable-reference-body[data-theme="dark"] nav.top.scrolled .nav-cluster .signin-btn {
      border: 0;
      border-bottom: 0;
      color: #fcfbf8;
      background: transparent;
      box-shadow: none;
    }

    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster .signin-btn,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .signin-btn {
      border: 0;
      border-bottom: 0;
      color: #171717;
      background: transparent;
      box-shadow: none;
    }

    .foundable-reference-body nav.top .nav-cluster .nav-cta,
    .foundable-reference-body nav.top.scrolled .nav-cluster .nav-cta {
      grid-column: 2;
      grid-row: 7;
      display: inline-flex;
      height: 44px;
      min-height: 44px;
      margin: 0 !important;
      padding: 0 12px;
      border-bottom: 0;
      border-radius: 12px;
      justify-content: center;
      background: rgba(252, 251, 248, .96);
      color: #1c1c1c;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }

    .foundable-reference-body[data-theme="light"] nav.top .nav-cluster .nav-cta,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled .nav-cluster .nav-cta {
      background: #171717;
      color: #fcfbf8;
      -webkit-text-fill-color: #fcfbf8;
    }

    .foundable-reference-body[data-theme="dark"] nav.top.mobile-menu-open .nav-cluster .nav-cta,
    .foundable-reference-body[data-theme="dark"] nav.top.scrolled.mobile-menu-open .nav-cluster .nav-cta {
      background: rgba(252, 251, 248, .96);
      color: #1c1c1c;
      box-shadow: none;
    }

    .foundable-reference-body[data-theme="dark"] nav.top.mobile-menu-open .nav-cluster .nav-cta::before,
    .foundable-reference-body[data-theme="dark"] nav.top.scrolled.mobile-menu-open .nav-cluster .nav-cta::before {
      display: none;
    }

    .foundable-reference-body[data-theme="light"] nav.top.mobile-menu-open .nav-cluster .nav-cta,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled.mobile-menu-open .nav-cluster .nav-cta {
      background: #0b0e14;
      color: #fcfbf8;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, .16) inset,
        0 12px 26px rgba(11, 14, 20, .20);
    }

    .foundable-reference-body[data-theme="light"] nav.top.mobile-menu-open .nav-cluster .nav-cta::before,
    .foundable-reference-body[data-theme="light"] nav.top.scrolled.mobile-menu-open .nav-cluster .nav-cta::before {
      display: none;
    }

    .foundable-reference-body .hero {
      height: 100vh;
      height: 100lvh;
      min-height: 100svh;
      min-height: 100lvh;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      padding: 20svh 24px calc(24svh + env(safe-area-inset-bottom, 0px));
    }

    .foundable-reference-body .hero::after {
      display: block;
      height: 36svh;
      background: linear-gradient(
        180deg,
        transparent 0%,
        color-mix(in srgb, var(--bone) 18%, transparent) 42%,
        color-mix(in srgb, var(--bone) 72%, transparent) 78%,
        var(--bone) 100%
      );
    }

    .foundable-reference-body .hero-content {
      height: auto;
      max-width: none;
      width: 100%;
    }

    .foundable-reference-body .hero-eyebrow,
    .foundable-reference-body .hero-trust {
      display: none;
    }

    .foundable-reference-body .hero-eyebrow.hero-official-identity {
      display: inline-flex;
      gap: 6px;
      margin-bottom: 14px;
      padding: 6px 10px 6px 8px;
      font-size: 12px;
    }

    .foundable-reference-body .hero-copy-desktop {
      display: none;
    }

    .foundable-reference-body .hero-copy-mobile {
      display: inline;
    }

    .foundable-reference-body .hero h1 {
      width: min(100%, 371px);
      margin: 0;
      color: var(--ink);
      font-size: 29px;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 1.04;
      text-wrap: balance;
      overflow-wrap: normal;
      white-space: normal;
    }

    .foundable-reference-body .hero-sub {
      width: min(100%, 300px);
      margin-top: 8px;
      color: var(--ink-55);
      font-size: 17px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 1.25;
      text-wrap: wrap;
    }

    .foundable-reference-body[data-theme="dark"] .hero h1 {
      color: rgb(252, 251, 248);
    }

    .foundable-reference-body[data-theme="dark"] .hero .hero-sub {
      color: rgba(252, 251, 248, .64) !important;
    }

    .foundable-reference-body .hero-chatbox {
      width: min(100%, calc(100vw - 48px));
      height: 150px;
      min-height: 150px;
      margin-top: 43.25px;
      gap: 8px;
      border-radius: 28px;
      padding: 12px;
      background: #f5f2ec;
      border: 1px solid rgba(11, 14, 20, .12);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, .82) inset,
        0 0 0 1px rgba(11, 14, 20, .08),
        0 22px 70px rgba(39, 99, 255, .20);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    .foundable-reference-body[data-theme="dark"] .hero-chatbox {
      background: #272725;
      border-color: rgba(255, 255, 255, .08);
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, .88),
        0 20px 25px -5px rgba(0, 0, 0, .10),
        0 8px 10px -6px rgba(0, 0, 0, .10);
    }

    .foundable-reference-body .hero-chatbox textarea {
      flex: 0 0 80px;
      height: 80px;
      min-height: 80px;
      padding: 8px;
      color: rgba(11, 14, 20, .74);
      font-size: 15.5px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 21.5px;
    }

    .foundable-reference-body[data-theme="dark"] .hero-chatbox textarea {
      color: rgba(252, 251, 248, .92);
    }

    .foundable-reference-body .hero-chatbox .tw-overlay {
      top: 20px;
      right: 20px;
      left: 20px;
      color: rgba(11, 14, 20, .55);
      font-size: 15.5px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 21.5px;
    }

    .foundable-reference-body[data-theme="dark"] .hero-chatbox .tw-overlay {
      color: rgba(197, 193, 186, .96);
    }

    .foundable-reference-body .hero-chatbox .tw-caret {
      display: none;
    }

    .foundable-reference-body .hero-chatbox-toolbar {
      min-height: 36px;
      gap: 4px;
      padding: 0;
    }

    .foundable-reference-body .hero-chatbox-toolbar .tool,
    .foundable-reference-body .hero-chatbox-toolbar .send {
      width: 36px !important;
      height: 36px !important;
      min-width: 36px !important;
      min-height: 36px !important;
      border-radius: 999px;
    }

    .foundable-reference-body .hero-chatbox-toolbar .tool {
      color: rgba(11, 14, 20, .56);
      background: rgba(255, 255, 255, .42);
      border: 0;
    }

    .foundable-reference-body[data-theme="dark"] .hero-chatbox-toolbar .tool {
      color: #fcfbf8;
      background: rgba(255, 255, 255, .08);
      border: 0;
      opacity: .5;
    }

    .foundable-reference-body .hero-chatbox-toolbar .tool.mic {
      margin-left: auto;
      background: transparent;
      border-color: transparent;
    }

    .foundable-reference-body .hero-chatbox-toolbar .tool.mic.is-listening {
      background: rgba(255, 255, 255, .42);
      opacity: 1;
    }

    .foundable-reference-body[data-theme="dark"] .hero-chatbox-toolbar .tool.mic.is-listening {
      background: rgba(255, 255, 255, .14);
      opacity: 1;
    }

    .foundable-reference-body .hero-chatbox-toolbar .send {
      margin-left: 4px;
      color: #171717;
      background: rgba(252, 251, 248, .96);
      opacity: .5;
      box-shadow: none;
      filter: none;
    }

    .foundable-reference-body .hero-chatbox.has-content .hero-chatbox-toolbar .send,
    .foundable-reference-body .cta-chatbox.has-content .cta-chatbox-toolbar .send {
      background: #fcfbf8;
      opacity: 1;
      box-shadow:
        0 0 0 1px rgba(255, 255, 255, .55),
        0 0 18px rgba(255, 255, 255, .32);
      filter: drop-shadow(0 0 10px rgba(252, 251, 248, .26));
    }

    .foundable-reference-body .hero-chatbox-toolbar .send svg {
      transform: none;
    }

    .foundable-reference-body .cta-chatbox {
      background: #f5f2ec;
      border: 1px solid rgba(11, 14, 20, .12);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, .82) inset,
        0 0 0 1px rgba(11, 14, 20, .08),
        0 18px 52px rgba(39, 99, 255, .12);
    }

    .foundable-reference-body[data-theme="dark"] .cta-chatbox {
      background: #272725;
      border-color: rgba(255, 255, 255, .08);
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, .82),
        0 18px 38px rgba(0, 0, 0, .18);
    }

    .foundable-reference-body .cta-chatbox textarea {
      min-height: 72px;
      padding: 8px;
      color: rgba(11, 14, 20, .74);
      font-size: 15.5px;
      font-weight: 400;
      line-height: 21.5px;
    }

    .foundable-reference-body[data-theme="dark"] .cta-chatbox textarea {
      color: rgba(252, 251, 248, .92);
    }

    .foundable-reference-body .cta-chatbox-toolbar {
      min-height: 36px;
      gap: 4px;
      padding: 0;
    }

    .foundable-reference-body .cta-chatbox-toolbar .tool,
    .foundable-reference-body .cta-chatbox-toolbar .send {
      width: 36px !important;
      height: 36px !important;
      min-width: 36px !important;
      min-height: 36px !important;
      border-radius: 999px;
    }

    .foundable-reference-body .cta-chatbox-toolbar .tool {
      color: rgba(11, 14, 20, .56);
      background: rgba(255, 255, 255, .42);
      border: 0;
    }

    .foundable-reference-body[data-theme="dark"] .cta-chatbox-toolbar .tool {
      color: #fcfbf8;
      background: rgba(255, 255, 255, .08);
      border: 0;
      opacity: .5;
    }

    .foundable-reference-body .cta-chatbox-toolbar .tool.mic {
      background: transparent;
      border-color: transparent;
    }

    .foundable-reference-body .cta-chatbox-toolbar .tool.mic.is-listening {
      background: rgba(255, 255, 255, .42);
      opacity: 1;
    }

    .foundable-reference-body[data-theme="dark"] .cta-chatbox-toolbar .tool.mic.is-listening {
      background: rgba(255, 255, 255, .14);
      opacity: 1;
    }

    .foundable-reference-body .cta-chatbox-toolbar .send {
      margin-left: 4px;
      color: #171717;
      background: rgba(252, 251, 248, .96);
      opacity: .5;
      box-shadow: none;
      filter: none;
    }

    .foundable-reference-body .cta-chatbox .landing-chat-lockout-popover,
    .foundable-reference-body .cta-chatbox .landing-chat-status {
      top: auto;
      bottom: calc(100% + 10px);
      left: 8px;
      max-width: min(360px, calc(100% - 16px));
      transform: translateY(4px);
    }

    .foundable-reference-body .cta-chatbox .landing-chat-lockout-popover.is-visible,
    .foundable-reference-body .cta-chatbox .landing-chat-status.is-visible {
      transform: translateY(0);
    }
  }

  @media (max-width: 374px) {
    .foundable-reference-body .hero h1 {
      font-size: 27px;
    }
  }

  @media (max-width: 340px) {
    .foundable-reference-body .hero h1 {
      font-size: 25px;
    }
  }

  @media (min-width: 781px) {
    .foundable-reference-body .hero-chatbox {
      padding: 8px;
    }
  }

  .foundable-reference-body :where(.nav-logo, .cmp-fbrand, .cm-foundable-word, footer .footer-brand .row) {
    --foundable-wordmark-size: 31.5px;
    --foundable-wordmark-mark-height: 38.3px;
    --foundable-wordmark-gap: 3.5px;
    --foundable-wordmark-shift-y: -1.8px;
    --foundable-wordmark-ratio: 4.616279;
    --foundable-wordmark-image: url("/landing/foundable-wordmark-dark.png");
    display: inline-block;
    position: relative;
    width: calc(var(--foundable-wordmark-mark-height) * var(--foundable-wordmark-ratio));
    height: var(--foundable-wordmark-mark-height);
    flex: 0 0 auto;
    overflow: hidden;
    background-image: var(--foundable-wordmark-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: var(--ink);
    line-height: 0;
    transform: translateY(var(--foundable-wordmark-shift-y));
  }

  .foundable-reference-body[data-theme="dark"] :where(.nav-logo, .cmp-fbrand, .cm-foundable-word, footer .footer-brand .row) {
    --foundable-wordmark-image: url("/landing/foundable-wordmark-light.png");
  }

  .foundable-reference-body[data-theme="light"] :where(.nav-logo, .cmp-fbrand, .cm-foundable-word, footer .footer-brand .row) {
    --foundable-wordmark-image: url("/landing/foundable-wordmark-dark.png");
  }

  .foundable-reference-body .nav-logo {
    --foundable-wordmark-size: 18.9px;
    --foundable-wordmark-mark-height: 23px;
    --foundable-wordmark-gap: 2.1px;
    --foundable-wordmark-shift-y: -1.08px;
  }

  .foundable-reference-body .cmp-fbrand,
  .foundable-reference-body .cm-foundable-word {
    --foundable-wordmark-size: 16px;
    --foundable-wordmark-mark-height: 19.5px;
    --foundable-wordmark-gap: 2px;
    --foundable-wordmark-shift-y: -0.9px;
    color: inherit;
  }

  .foundable-reference-body footer .footer-brand .row {
    --foundable-wordmark-size: 28px;
    --foundable-wordmark-mark-height: 34px;
    --foundable-wordmark-gap: 3px;
    --foundable-wordmark-shift-y: -1.55px;
  }

  .foundable-reference-body :where(.nav-logo .fmark, .cmp-fbrand .cmp-fmark, .cm-foundable-mark, footer .footer-brand .row .fmark) {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    line-height: 0;
    opacity: 0;
    pointer-events: none;
  }

  .foundable-reference-body :where(.nav-logo .fmark img, .cmp-fbrand .cmp-fmark img, .cm-foundable-mark img, footer .footer-brand .row .fmark img) {
    display: block;
    width: auto;
    height: 100%;
    max-width: none;
  }

  .foundable-reference-body :where(.nav-logo .wm, .cmp-fbrand .cmp-fwm, .cm-foundable-name, footer .footer-brand .name) {
    display: block;
    position: absolute;
    inset: 0;
    color: currentColor;
    font-family: var(--font-jakarta), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: var(--foundable-wordmark-size);
    font-weight: 900;
    letter-spacing: .009em;
    line-height: .86;
    margin: 0;
    transform: none;
    opacity: 0;
    pointer-events: none;
  }

  @media (max-width: 720px) {
    .foundable-reference-body .nav-logo {
      --foundable-wordmark-size: 17.7px;
      --foundable-wordmark-mark-height: 21.6px;
      --foundable-wordmark-gap: 1.95px;
      --foundable-wordmark-shift-y: -0.99px;
      height: 24px;
      min-height: 24px;
    }
  }

  @media (max-width: 374px) {
    .foundable-reference-body .nav-logo {
      --foundable-wordmark-size: 14.85px;
      --foundable-wordmark-mark-height: 18.15px;
      --foundable-wordmark-gap: 1.65px;
      --foundable-wordmark-shift-y: -0.81px;
      height: 21.6px;
      min-height: 21.6px;
    }
  }