/* Example 5 only. Existing pages and their shared assets are unchanged. */
/* Inter in two parts (3 Oct 2026): the 116 KB Latin file every English page
   needs, and the 353 KB complete file only for other scripts. One 353 KB
   download used to sit in front of the hero on every phone visit. */
@font-face {
  font-family: "TalkGraph Inter";
  src: url("/fonts/InterVariable-latin-complete.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0300-0303, U+0305-0307, U+0309-0328, U+032A-036F, U+0370-052F, U+1D00-1FFF, U+20A0-20AB, U+20AD-20C0, U+2100-2121, U+2123-218F, U+2200-2211, U+2213-2214, U+2216-22FF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "TalkGraph Inter";
  src: url("/fonts/InterVariable-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-21FF, U+2212, U+2215, U+2300-23FF, U+25A0-25FF, U+2600-27BF, U+FEFF, U+FFFD;
}
.tg-best-of { font-family: Rubik, Arial, sans-serif; }
.tg-best-of .sh { background: transparent; }
.tg-best-of .sh[data-over-film="false"] { background: rgba(7,11,20,.96); }
.tg-best-of .shNav .mobile-app-link { display: none; }
.tg-best-of .shRight { gap: 24px; }
.tg-best-of .tg-film { --film-travel: 55svh; }
.tg-best-of .tg-film-copy { opacity: 1; transform: none; pointer-events: auto; max-width: 650px; }
.tg-best-of .tg-film-copy h1 { font-size: clamp(44px,4.8vw,68px); }
.tg-best-of .tg-film-copy > .landing_heroBody__r34Ky { max-width: 470px; margin: 26px 0 0; font-size: 17px; line-height: 1.8; color: #c2cbd8; }
.tg-best-of .tg-film-copy > .best-trial-note { max-width: 370px; margin: 18px 0 0; font: 400 12px/1.75 Rubik,sans-serif; color: #99a6b7; }
.tg-best-of .tg-film-copy .landing_actions__0lSei { justify-content: flex-start; margin-top: 28px; gap: 24px; }
.tg-best-of .tg-film-copy .landing_secondary__Q6hDt { border: 0; border-radius: 0; padding-inline: 0; background: transparent; }
.tg-best-of .tg-film-shade { background: linear-gradient(90deg,rgba(7,11,20,.88),rgba(7,11,20,.65) 32%,rgba(7,11,20,.08) 70%),linear-gradient(0deg,#070b14 0%,rgba(7,11,20,.12) 25%,transparent 68%); }
.tg-best-of .review-hero-overlay .tg-film-content { padding: 96px 0 108px; }
.tg-best-of .review-scroll-label { color: #b7c4cf; }
.tg-best-of .review-scroll-link { min-height: 48px; }
.tg-best-of .review-scroll-track { height: 1px; }
.tg-best-of .landing_section__OdSlB { padding-top: 72px; padding-bottom: 72px; }
.tg-best-of .landing_heading__JkNMf { max-width: 780px; }
.tg-best-of .review-product-demo { padding-top: 58px; }
.tg-best-of .review-proof .intro { max-width: 730px; }
.tg-best-of .review-proof .intro > p { margin-top: 18px; line-height: 1.8; }
.tg-best-of .review-demo-frame { margin-top: 30px; }
.tg-best-of .review-demo-tools { margin-top: 24px; }
.tg-best-of .review-demo-replay { background: #0c111b; }
.tg-best-of .review-recall { margin-top: 28px; padding-top: 22px; }
.tg-best-of .review-recall > p { font: 400 13px/1.8 Rubik,sans-serif; color: #98a2b3; margin: 0; }
.tg-best-of .review-recall a { font-size: 13px; }
.tg-best-of .review-brain-product { margin-top: 28px; }
.tg-best-of .review-brain-sources { margin-top: 14px; }
.best-agent-example { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; margin-top: 34px; }
.best-agent-request { max-width: 455px; }
.best-eyebrow { color: #8b99ab; font: 400 12px/1.6 Rubik,sans-serif; display: block; margin-bottom: 17px; }
.best-agent-request h3 { margin-bottom: 15px; }
.best-agent-request p { font: 400 15px/1.8 Rubik,sans-serif; }
.best-agent-request blockquote { margin: 23px 0 18px; font: 500 19px/1.65 'Plus Jakarta Sans',sans-serif; color: #e6eaf2; }
.best-agent-request a { display: inline-block; padding: 10px 0; color: #34d399; font: 400 13px/1.6 Rubik,sans-serif; }
.best-agent-brief { border: 1px solid #26323f; background: #0d1420; border-radius: 12px; padding: 24px 28px; }
.best-brief-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid #24303d; color: #e6eaf2; font: 500 14px/1.6 Rubik,sans-serif; }
.best-brief-heading small { color: #8fa0b3; font-size: 10px; font-weight: 400; }
.best-agent-brief dl { margin: 22px 0; display: grid; gap: 20px; }
.best-agent-brief dt { font: 400 11px/1.7 Rubik,sans-serif; color: #34d399; margin-bottom: 5px; }
.best-agent-brief dd { margin: 0; font: 400 14px/1.7 Rubik,sans-serif; color: #d2dbe5; }
.tg-best-of .best-agent-brief > p { padding-top: 17px; border-top: 1px solid #24303d; font: 400 12px/1.8 Rubik,sans-serif; color: #91a0b3; }
.tg-best-of .review-workflow { gap: 42px; margin-top: 36px; padding-top: 28px; align-items: flex-start; }
.tg-best-of .review-workflow > div { max-width: 760px; }
.tg-best-of .review-workflow > a { padding: 8px 0; font-size: 12px; white-space: normal; }
.tg-best-of .review-workflow p { font-size: 14px; }
.tg-best-of .review-workflow-label { color: #9cabbd; font-size: 11px; }
.best-workflow-details { margin-top: 8px; }
.best-workflow-details summary { cursor: pointer; padding: 10px 0; color: #34d399; font: 400 12px/1.7 Rubik,sans-serif; }
.tg-best-of .best-workflow-details p { font-size: 12px; color: #98a2b3; max-width: 640px; }
.tg-best-of .usecases { gap: 25px; margin-top: 32px; }
.tg-best-of .review-proof .usecase { padding: 22px 0 0; border: 0; border-top: 1px solid #29323e; border-radius: 0; background: transparent; }
.tg-best-of .review-proof .usecase:hover { border-color: #34d399; }
.tg-best-of .review-enterprise { border-top: 1px solid rgba(255,255,255,.08); padding-top: 50px; padding-bottom: 50px; }
.tg-best-of .review-enterprise .landing_heading__JkNMf { font-size: clamp(25px,3vw,34px); line-height: 1.3; }
.tg-best-of .landing_ownershipBand__sJONM { margin-top: 30px; }
.tg-best-of .landing_final__9zSU5 { padding-top: 72px; padding-bottom: 70px; }
.tg-best-of .landing_final__9zSU5 h2 { margin-inline: auto; }
.tg-best-of a:focus-visible, .tg-best-of button:focus-visible, .tg-best-of summary:focus-visible { outline: 2px solid #34d399; outline-offset: 5px; }
/* The inherited document already has header-aware scroll-padding. */
.tg-best-of section[id] { scroll-margin-top: 0; }
.tg-best-of .shLink { min-height: 44px; display: inline-flex; align-items: center; }
@media(max-width:1020px) { .tg-best-of .shRight { gap: 14px; } .tg-best-of .best-app-link { font-size: 12px; } }
@media(max-width:860px) {
  .tg-best-of .tg-film { --film-travel: 35svh; }
  .tg-best-of .best-app-link { display: none; }
  .tg-best-of .shNav .mobile-app-link { display: inline-flex; }
  .tg-best-of .review-hero-overlay .tg-film-content { padding: max(142px,calc(var(--tg-nav-height,64px) + 55px)) 0 95px; }
  .tg-best-of .tg-film-copy { max-width: 540px; }
  .tg-best-of .tg-film-copy h1 { font-size: clamp(36px,8.5vw,58px); }
  .tg-best-of .tg-film-copy > .landing_heroBody__r34Ky { max-width: 400px; margin-top: 22px; font-size: 16px; line-height: 1.75; }
  .tg-best-of .tg-film-copy > .best-trial-note { max-width: 320px; margin-top: 18px; font-size: 11px; }
  .tg-best-of .tg-film-copy .landing_actions__0lSei { gap: 24px; margin-top: 25px; }
  .tg-best-of .tg-film-copy a { min-height: 46px; display: inline-flex; align-items: center; }
  .tg-best-of .tg-film-shade { background: linear-gradient(0deg,#070b14 0%,rgba(7,11,20,.05) 30%,rgba(7,11,20,.52) 54%,rgba(7,11,20,.75) 75%,rgba(7,11,20,.48) 100%); }
  .tg-best-of .review-scroll-caption { gap: 10px; flex-wrap: wrap; }
  .tg-best-of .review-scroll-label { font-size: 11px; }
  .tg-best-of .review-scroll .statsCounter { font-size: 9px; }
  .tg-best-of .landing_section__OdSlB { padding-top: 50px; padding-bottom: 50px; }
  .tg-best-of .review-product-demo { padding-top: 40px; }
  .tg-best-of .review-proof .intro > p { font-size: 15px; }
  .tg-best-of .review-recall { align-items: flex-start; gap: 15px; }
  .best-agent-example { grid-template-columns: 1fr; gap: 24px; margin-top: 26px; }
  .best-agent-request { max-width: none; }
  .best-agent-request blockquote { font-size: 18px; }
  .best-agent-brief { padding: 23px; }
  .tg-best-of .review-workflow { flex-direction: column; gap: 12px; }
  .tg-best-of .review-proof .usecases { gap: 28px 22px; }
  .tg-best-of .landing_ownershipBand__sJONM { margin-top: 15px; }
  .tg-best-of .review-enterprise { padding-block: 40px; }
}
@media(max-height:700px) and (min-height:601px) {
  .tg-best-of .review-hero-overlay .tg-film-content { padding-top: 100px; padding-bottom: 100px; }
  .tg-best-of .tg-film-copy h1 { font-size: clamp(34px,4.4vw,50px); }
  .tg-best-of .tg-film-copy > .landing_heroBody__r34Ky { margin-top: 18px; font-size: 15px; }
  .tg-best-of .tg-film-copy .landing_actions__0lSei { margin-top: 20px; }
}
@media(max-height:600px) {
  .tg-best-of .tg-film[data-still] { height: auto !important; min-height: 540px; }
  .tg-best-of .tg-film[data-still] .tg-film-stage { height: auto; min-height: 540px; position: relative; }
  .tg-best-of .tg-film[data-still] .review-hero-overlay { position: relative; min-height: 540px; height: auto; }
  .tg-best-of .review-hero-overlay .tg-film-content { padding: 104px 0 110px; }
  .tg-best-of .tg-film-copy h1 { font-size: 36px; }
  .tg-best-of .tg-film-copy > .landing_heroBody__r34Ky { margin-top: 18px; font-size: 15px; max-width: 490px; }
  .tg-best-of .tg-film-copy .landing_actions__0lSei { margin-top: 18px; }
}
@media(prefers-reduced-motion:reduce) { .tg-best-of * { scroll-behavior: auto !important; transition: none !important; } }

/* One genuine body family, rather than the saved snapshot's partial Rubik fonts.
   Only this property overrides its many inherited font shorthands. Headings,
   the wordmark and the actual embedded app retain their existing type. */
.tg-best-of { --tg-body-font: "TalkGraph Inter", ui-sans-serif, system-ui, sans-serif; font-family: var(--tg-body-font); }
.tg-best-of :is(p,button,summary,dt,dd,figcaption,small,.shLink,.shCta,.landing_primary___U_uh,.landing_secondary__Q6hDt,.best-eyebrow,.best-brief-heading,.review-workflow-label,.review-scroll-label,.statsCounter,.card-source,.review-demo-controls,.review-demo-tools,.review-brain-toolbar,.best-agent-request>a,.review-workflow>a,.landing_footer__OamDV) {
  font-family: var(--tg-body-font) !important;
  font-optical-sizing: auto;
}
.tg-best-of :is(.intro>p,.landing_heroBody__r34Ky,.review-enterprise p) { letter-spacing: -.015em; }
.tg-best-of .review-proof .intro>p { color: #adb8c8; }
.tg-best-of .best-thinking-note { max-width: 900px; margin-top: 22px; color: #98a7b9; font-size: 13px; line-height: 1.85; }
.tg-best-of .best-thinking-note a { color: #b6c7d7; text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; }
.tg-best-of .sh { grid-template-columns: auto minmax(0,1fr) auto; gap: 26px; }
.tg-best-of .shNav { gap: 20px; }
.tg-best-of .shNav>.shLink,.tg-best-of .best-product-menu>summary { font-size: 12px; font-weight: 500; white-space: nowrap; }
.best-product-menu { position: relative; }
.tg-best-of .best-product-menu>summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 7px; }
.best-product-menu>summary::-webkit-details-marker { display: none; }
.best-product-menu>summary svg { width: 12px; height: 12px; }
.best-product-menu[open]>summary svg { transform: rotate(180deg); }
.best-product-links { position: absolute; top: calc(100% + 8px); left: -18px; min-width: 282px; padding: 8px; border: 1px solid #273340; border-radius: 12px; background: #0d1420; box-shadow: 0 16px 44px rgba(0,0,0,.3); }
.best-product-links a { display: block; padding: 12px; border-radius: 7px; text-decoration: none; font-family: var(--tg-body-font); }
.best-product-links a:hover { background: #15212d; }
.best-product-links span { display: block; color: #e3eaf2; font-size: 13px; font-weight: 500; }
.best-product-links small { display: block; margin-top: 4px; font-size: 11px; line-height: 1.6; color: #8fa0b5; }
@media(max-width:1100px) {
  .tg-best-of .sh { grid-template-columns: minmax(0,1fr) auto; gap: 12px; }
  .tg-best-of .shRight { grid-column: 2; }
  .tg-best-of .shBurger { display: inline-flex; }
  .tg-best-of .shNav { display: none; }
  .tg-best-of .shNav.open { display: flex; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 22px 18px; background: #0d1420; border-bottom: 1px solid #273340; max-height: calc(100svh - var(--tg-nav-height,72px)); overflow-y: auto; overscroll-behavior: contain; }
  .tg-best-of .shNav.open>.shLink,.tg-best-of .best-product-menu>summary { padding: 10px 8px; min-height: 44px; font-size: 14px; }
  .best-product-menu { margin-bottom: 6px; padding-bottom: 8px; border-bottom: 1px solid #273340; }
  .best-product-links { position: static; min-width: 0; padding: 0 0 3px 8px; border: 0; border-radius: 0; box-shadow: none; }
  .best-product-links a { padding: 10px 8px; min-height: 44px; }
  .best-product-links small { display: none; }
  .tg-best-of .shNav .mobile-app-link { display: inline-flex; }
  .tg-best-of .best-app-link { display: none; }
}
@media(max-width:520px) {
  .tg-best-of .shRight { gap: 12px; }
  .tg-best-of .best-thinking-note { font-size: 12px; line-height: 1.85; }
  .tg-best-of .best-thinking-note a { display: inline-block; margin-top: 7px; }
}
