
@font-face{font-family:"Nunito";src:url("/_assets/fonts/nunito-var.v1.woff2") format("woff2-variations"),url("/_assets/fonts/nunito-var.v1.woff2") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
/* r1052e (Egor): the site speaks the product's font, Nunito, everywhere */
:root{--font-ui:"Nunito",ui-rounded,system-ui,sans-serif}

/* ─────────────────────────────────────────────────────────────
   liaisone.com — the SHARED layer for every marketing page.
   Tokens, navigation, breadcrumb, hero, section rhythm, buttons,
   the banner and the big footer live here and nowhere else. Page
   specific work (a product page's stages, a blog article's prose)
   belongs in that page's own <style>, never in this file.
   The product app has its OWN stylesheets on liaisone.io; nothing
   here is shared with it, on purpose: marketing must never be able
   to break the app.
   ───────────────────────────────────────────────────────────── */
  :root{
    --bg:#1a1a19; --ink2:#232321; --surface:rgba(255,255,255,.04); --surface2:#2c2c2a;
    --line:#2e2e2c; --line2:#343432;
    --text:#f4f3ef; --text2:#c9c8c3; --text3:#a6a49d; --text4:#8a8a86;
    --accent:#007EF7;
    --stage:#dbe4f0;
    --font:"Nunito",ui-rounded,system-ui,sans-serif;
    --font-display:"Nunito",ui-rounded,system-ui,sans-serif;
  }
  /* r811 (Egor): the site in the light theme - the product's tokens
     (#F7F7F5 / #111417). The theme is chosen by the SYSTEM only: every page
     carries a one-line boot script that reads prefers-color-scheme and
     re-reads it on change / focus / visibility; the site never reads the
     app's lia_theme key (r809 - the outside of the product must not be
     coloured by a choice made inside it). The interface mocks stay light in
     both themes, as the README says; on a light page they get a hairline. */
  html[data-theme="light"]{
    --bg:#F7F7F5; --ink2:#FFFFFF; --surface:rgba(17,20,23,.045); --surface2:#F1F1EE;
    --line:#E3E2DD; --line2:#D2D1CB;
    --text:#111417; --text2:#3D4046; --text3:#5F6167; --text4:#8B8D93;
    --stage:#dbe4f0;
    color-scheme:light}
  html[data-theme="light"] .nav{background:rgba(247,247,245,.86)}
  html[data-theme="light"] .crumb{background:rgba(247,247,245,.9)}
  html[data-theme="light"] .ncol a:hover{background:#F1F1EE}
  html[data-theme="light"] .mnav__cta .solid{color:#fff}
  html[data-theme="light"] .ndrop__menu,html[data-theme="light"] .tmore__menu,html[data-theme="light"] .mcard{box-shadow:0 18px 40px -18px rgba(17,20,23,.22)}
  /* !important: the nav logo carries an inline display:block that would otherwise show both twins */
  html[data-theme="light"] .logo-dk{display:none!important}
  html:not([data-theme="light"]) .logo-lt{display:none!important}
  html[data-theme="light"] .btn--solid{color:#fff}
  html[data-theme="light"] .btn--solid:hover{background:#2A2D33;border-color:#2A2D33}
  @media (prefers-color-scheme: light){ html[data-theme="light"] * { scrollbar-color:#D2D1CB transparent } }
  html[data-theme="light"] *::-webkit-scrollbar-thumb,html[data-theme="light"] html::-webkit-scrollbar-thumb,html[data-theme="light"] body::-webkit-scrollbar-thumb{background-color:#D2D1CB}
  html[data-theme="light"] .lia-scrolling::-webkit-scrollbar-thumb,html[data-theme="light"] *::-webkit-scrollbar-thumb:hover{background-color:#B9B8B2}
  /* r811: the marker. Five strokes from the app (marker-1..5.svg), under a
     phrase of a heading, one per screen. Dark .62, light .42 - the sidebar's
     numbers. The span carries the text unchanged. */
  .mk{background-repeat:no-repeat;background-size:100% .88em;background-position:0 .18em;padding:0 .14em;margin:0 -.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .mk--1{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20d%3D%22M14.0%2016.0%20L24.5%2010.3%20L34.9%208.0%20L45.4%208.4%20L55.8%208.8%20L66.3%208.9%20L76.8%209.0%20L87.2%208.9%20L97.7%208.7%20L108.2%208.3%20L118.6%207.9%20L129.1%207.4%20L139.5%206.8%20L150.0%206.3%20L160.5%205.8%20L170.9%205.4%20L181.4%205.2%20L191.8%205.0%20L202.3%205.0%20L212.8%205.2%20L223.2%205.4%20L233.7%205.8%20L244.2%206.3%20L254.6%206.8%20L265.1%207.4%20L275.5%2010.6%20L286.0%2017.3%20Q%20295.0%2014.3%20295.0%2021.9%20Q%20295.0%2029.5%20286.0%2026.5%20L275.5%2032.6%20L265.1%2035.2%20L254.6%2035.2%20L244.2%2035.2%20L233.7%2035.4%20L223.2%2035.6%20L212.8%2035.8%20L202.3%2036.1%20L191.8%2036.4%20L181.4%2036.8%20L170.9%2037.2%20L160.5%2037.5%20L150.0%2037.8%20L139.5%2038.2%20L129.1%2038.4%20L118.6%2038.6%20L108.2%2038.7%20L97.7%2038.8%20L87.2%2038.8%20L76.8%2038.7%20L66.3%2038.5%20L55.8%2038.3%20L45.4%2038.0%20L34.9%2037.7%20L24.5%2034.6%20L14.0%2028.0%20A%206.0%206.0%200%200%201%2014.0%2016.0%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20opacity%3D%22.5%22%20d%3D%22M16.5%2019.6%20L27.1%2016.1%20L37.8%2014.5%20L48.4%2014.4%20L59.1%2014.3%20L69.8%2014.1%20L80.4%2013.8%20L91.1%2013.5%20L101.7%2013.2%20L112.4%2012.9%20L123.0%2012.6%20L133.7%2012.3%20L144.3%2012.2%20L155.0%2012.1%20L165.7%2012.1%20L176.3%2012.2%20L187.0%2012.4%20L197.6%2012.6%20L208.3%2012.9%20L218.9%2013.2%20L229.6%2013.5%20L240.2%2013.8%20L250.9%2014.1%20L261.6%2014.3%20L272.2%2014.4%20L282.9%2016.1%20L293.5%2019.7%20Q%20298.7%2017.9%20298.7%2023.1%20Q%20298.7%2028.2%20293.5%2026.4%20L282.9%2029.9%20L272.2%2031.4%20L261.6%2031.2%20L250.9%2031.0%20L240.2%2030.8%20L229.6%2030.6%20L218.9%2030.4%20L208.3%2030.2%20L197.6%2030.0%20L187.0%2029.8%20L176.3%2029.7%20L165.7%2029.6%20L155.0%2029.6%20L144.3%2029.6%20L133.7%2029.7%20L123.0%2029.8%20L112.4%2029.9%20L101.7%2030.1%20L91.1%2030.3%20L80.4%2030.5%20L69.8%2030.7%20L59.1%2031.0%20L48.4%2031.2%20L37.8%2031.3%20L27.1%2029.9%20L16.5%2026.4%20A%203.5%203.5%200%200%201%2016.5%2019.6%20Z%22%2F%3E%3C%2Fsvg%3E')}.mk--2{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20d%3D%22M12.2%2017.2%20L22.8%2013.0%20L33.4%2010.8%20L44.0%2010.4%20L54.6%209.7%20L65.2%208.9%20L75.8%208.0%20L86.4%207.2%20L97.0%206.4%20L107.6%205.9%20L118.2%205.6%20L128.8%205.5%20L139.4%205.8%20L150.0%206.4%20L160.6%207.3%20L171.2%208.5%20L181.8%209.8%20L192.4%2011.3%20L203.0%2012.8%20L213.6%2014.2%20L224.2%2015.5%20L234.8%2016.6%20L245.4%2017.4%20L256.0%2018.0%20L266.6%2018.2%20L277.2%2020.0%20L287.8%2024.0%20Q%20295.8%2028.1%20287.8%2032.2%20L277.2%2036.5%20L266.6%2038.3%20L256.0%2038.0%20L245.4%2037.5%20L234.8%2036.9%20L224.2%2036.2%20L213.6%2035.3%20L203.0%2034.4%20L192.4%2033.5%20L181.8%2032.5%20L171.2%2031.5%20L160.6%2030.5%20L150.0%2029.6%20L139.4%2028.8%20L128.8%2028.0%20L118.2%2027.4%20L107.6%2026.9%20L97.0%2026.6%20L86.4%2026.4%20L75.8%2026.3%20L65.2%2026.3%20L54.6%2026.5%20L44.0%2026.8%20L33.4%2027.1%20L22.8%2025.5%20L12.2%2021.5%20L%208.4%2019.4%20L%2012.2%2017.2%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20opacity%3D%22.5%22%20d%3D%22M15.4%2015.7%20L26.2%2012.8%20L36.9%2011.3%20L47.6%2010.9%20L58.4%2010.6%20L69.1%2010.4%20L79.9%2010.3%20L90.6%2010.4%20L101.3%2010.8%20L112.1%2011.3%20L122.8%2011.9%20L133.5%2012.8%20L144.3%2013.7%20L155.0%2014.7%20L165.7%2015.7%20L176.5%2016.7%20L187.2%2017.6%20L197.9%2018.4%20L208.7%2019.0%20L219.4%2019.4%20L230.1%2019.6%20L240.9%2019.7%20L251.6%2019.6%20L262.4%2019.3%20L273.1%2019.0%20L283.8%2019.7%20L294.6%2021.8%20Q%20299.2%2023.8%20294.6%2025.7%20L283.8%2028.2%20L273.1%2029.3%20L262.4%2029.4%20L251.6%2029.5%20L240.9%2029.6%20L230.1%2029.7%20L219.4%2029.8%20L208.7%2029.8%20L197.9%2029.8%20L187.2%2029.8%20L176.5%2029.6%20L165.7%2029.4%20L155.0%2029.1%20L144.3%2028.7%20L133.5%2028.3%20L122.8%2027.7%20L112.1%2027.1%20L101.3%2026.5%20L90.6%2025.8%20L79.9%2025.1%20L69.1%2024.4%20L58.4%2023.6%20L47.6%2023.0%20L36.9%2022.3%20L26.2%2020.6%20L15.4%2017.6%20L%2013.2%2016.6%20L%2015.4%2015.7%20Z%22%2F%3E%3C%2Fsvg%3E')}.mk--3{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20d%3D%22M14.4%2024.2%20L24.8%2016.3%20L35.3%2012.2%20L45.7%2011.0%20L56.1%209.9%20L66.6%209.0%20L77.0%208.2%20L87.4%207.6%20L97.8%207.2%20L108.3%207.0%20L118.7%207.0%20L129.1%207.0%20L139.6%207.1%20L150.0%207.3%20L160.4%207.4%20L170.9%207.5%20L181.3%207.5%20L191.7%207.3%20L202.2%206.9%20L212.6%206.3%20L223.0%205.6%20L233.4%204.7%20L243.9%203.6%20L254.3%202.5%20L264.7%201.2%20L275.2%203.0%20L285.6%208.4%20L%20291.4%2013.1%20L%20285.6%2017.9%20L275.2%2025.3%20L264.7%2029.3%20L254.3%2030.4%20L243.9%2031.7%20L233.4%2033.0%20L223.0%2034.5%20L212.6%2036.0%20L202.2%2037.4%20L191.7%2038.8%20L181.3%2040.2%20L170.9%2041.4%20L160.4%2042.5%20L150.0%2043.4%20L139.6%2044.1%20L129.1%2044.7%20L118.7%2045.0%20L108.3%2045.2%20L97.8%2045.2%20L87.4%2045.0%20L77.0%2044.8%20L66.6%2044.4%20L56.1%2044.0%20L45.7%2043.6%20L35.3%2043.3%20L24.8%2040.0%20L14.4%2033.2%20Q%204.8%2030.0%204.8%2028.7%20Q%204.8%2027.4%2014.4%2024.2%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20opacity%3D%22.5%22%20d%3D%22M16.7%2025.1%20L27.3%2020.5%20L38.0%2018.1%20L48.6%2017.6%20L59.3%2017.1%20L69.9%2016.8%20L80.5%2016.5%20L91.2%2016.3%20L101.8%2016.2%20L112.4%2016.1%20L123.1%2016.0%20L133.7%2015.8%20L144.4%2015.5%20L155.0%2015.2%20L165.6%2014.7%20L176.3%2014.2%20L186.9%2013.5%20L197.6%2012.7%20L208.2%2011.9%20L218.8%2011.0%20L229.5%2010.0%20L240.1%209.1%20L250.7%208.1%20L261.4%207.3%20L272.0%206.5%20L282.7%207.5%20L293.3%2010.7%20L%20296.6%2015.7%20L%20293.3%2020.6%20L282.7%2024.5%20L272.0%2026.2%20L261.4%2026.1%20L250.7%2026.2%20L240.1%2026.2%20L229.5%2026.4%20L218.8%2026.6%20L208.2%2026.9%20L197.6%2027.4%20L186.9%2027.9%20L176.3%2028.6%20L165.6%2029.4%20L155.0%2030.3%20L144.4%2031.2%20L133.7%2032.2%20L123.1%2033.3%20L112.4%2034.4%20L101.8%2035.5%20L91.2%2036.6%20L80.5%2037.6%20L69.9%2038.6%20L59.3%2039.5%20L48.6%2040.3%20L38.0%2040.9%20L27.3%2039.8%20L16.7%2036.4%20Q%2011.1%2034.5%2011.1%2030.7%20Q%2011.1%2027.0%2016.7%2025.1%20Z%22%2F%3E%3C%2Fsvg%3E')}.mk--4{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-1%200%20307%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20d%3D%22M8.8%2010.9%20L19.4%205.5%20L29.9%203.0%20L40.5%203.1%20L51.0%203.3%20L61.6%203.8%20L72.1%204.6%20L82.7%205.5%20L93.2%206.5%20L103.8%207.5%20L114.3%208.6%20L124.9%209.6%20L135.4%2010.4%20L146.0%2011.1%20L156.6%2011.5%20L167.1%2011.7%20L177.7%2011.7%20L188.2%2011.4%20L198.8%2010.9%20L209.3%2010.3%20L219.9%209.6%20L230.4%208.8%20L241.0%208.1%20L251.5%207.4%20L262.1%207.0%20L272.6%208.9%20L283.2%2013.8%20Q%20292.3%2020.5%20283.2%2027.1%20L272.6%2031.5%20L262.1%2033.1%20L251.5%2032.5%20L241.0%2032.0%20L230.4%2031.5%20L219.9%2031.1%20L209.3%2030.8%20L198.8%2030.6%20L188.2%2030.4%20L177.7%2030.4%20L167.1%2030.4%20L156.6%2030.5%20L146.0%2030.7%20L135.4%2030.9%20L124.9%2031.2%20L114.3%2031.5%20L103.8%2031.8%20L93.2%2032.1%20L82.7%2032.3%20L72.1%2032.5%20L61.6%2032.6%20L51.0%2032.7%20L40.5%2032.6%20L29.9%2032.5%20L19.4%2030.1%20L8.8%2024.8%20Q%20-0.3%2017.8%208.8%2010.9%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20opacity%3D%22.5%22%20d%3D%22M20.8%2019.3%20L31.5%2016.4%20L42.2%2015.3%20L52.9%2015.6%20L63.6%2016.0%20L74.3%2016.4%20L85.0%2016.8%20L95.7%2017.1%20L106.5%2017.4%20L117.2%2017.5%20L127.9%2017.5%20L138.6%2017.4%20L149.3%2017.1%20L160.0%2016.7%20L170.7%2016.1%20L181.4%2015.5%20L192.1%2014.8%20L202.8%2014.1%20L213.5%2013.4%20L224.3%2012.8%20L235.0%2012.3%20L245.7%2011.9%20L256.4%2011.6%20L267.1%2011.5%20L277.8%2011.5%20L288.5%2013.0%20L299.2%2016.1%20Q%20304.5%2020.0%20299.2%2023.8%20L288.5%2027.0%20L277.8%2028.5%20L267.1%2028.7%20L256.4%2028.9%20L245.7%2029.0%20L235.0%2029.0%20L224.3%2029.0%20L213.5%2028.9%20L202.8%2028.9%20L192.1%2028.8%20L181.4%2028.6%20L170.7%2028.5%20L160.0%2028.4%20L149.3%2028.3%20L138.6%2028.3%20L127.9%2028.3%20L117.2%2028.3%20L106.5%2028.4%20L95.7%2028.6%20L85.0%2028.8%20L74.3%2029.0%20L63.6%2029.3%20L52.9%2029.7%20L42.2%2030.0%20L31.5%2029.2%20L20.8%2026.7%20Q%2015.5%2023.0%2020.8%2019.3%20Z%22%2F%3E%3C%2Fsvg%3E')}.mk--5{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20d%3D%22M13.6%2012.3%20L24.1%207.1%20L34.6%205.1%20L45.1%205.8%20L55.6%206.5%20L66.1%207.2%20L76.6%207.9%20L87.0%208.6%20L97.5%209.1%20L108.0%209.6%20L118.5%2010.0%20L129.0%2010.4%20L139.5%2010.6%20L150.0%2010.8%20L160.5%2010.9%20L171.0%2011.0%20L181.5%2011.1%20L192.0%2011.1%20L202.5%2011.2%20L213.0%2011.4%20L223.4%2011.6%20L233.9%2011.9%20L244.4%2012.3%20L254.9%2012.7%20L265.4%2013.3%20L275.9%2016.5%20L286.4%2023.0%20A%205.6%205.6%200%200%201%20286.4%2035.6%20L275.9%2041.4%20L265.4%2043.8%20L254.9%2043.7%20L244.4%2043.4%20L233.9%2043.1%20L223.4%2042.7%20L213.0%2042.2%20L202.5%2041.6%20L192.0%2040.9%20L181.5%2040.2%20L171.0%2039.5%20L160.5%2038.7%20L150.0%2037.9%20L139.5%2037.1%20L129.0%2036.4%20L118.5%2035.6%20L108.0%2035.0%20L97.5%2034.3%20L87.0%2033.8%20L76.6%2033.3%20L66.1%2032.9%20L55.6%2032.6%20L45.1%2032.4%20L34.6%2032.2%20L24.1%2029.6%20L13.6%2023.7%20L%208.6%2018.0%20L%2013.6%2012.3%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.62%29%22%20opacity%3D%22.5%22%20d%3D%22M16.2%2015.8%20L26.9%2013.0%20L37.6%2012.0%20L48.3%2012.6%20L58.9%2013.1%20L69.6%2013.5%20L80.3%2013.9%20L91.0%2014.3%20L101.6%2014.6%20L112.3%2014.8%20L123.0%2015.0%20L133.7%2015.2%20L144.3%2015.4%20L155.0%2015.6%20L165.7%2015.8%20L176.3%2016.1%20L187.0%2016.4%20L197.7%2016.7%20L208.4%2017.1%20L219.0%2017.5%20L229.7%2018.0%20L240.4%2018.5%20L251.1%2019.1%20L261.7%2019.7%20L272.4%2020.3%20L283.1%2022.3%20L293.8%2026.2%20A%203.2%203.2%200%200%201%20293.8%2031.0%20L283.1%2034.1%20L272.4%2035.3%20L261.7%2035.0%20L251.1%2034.8%20L240.4%2034.6%20L229.7%2034.4%20L219.0%2034.3%20L208.4%2034.1%20L197.7%2034.0%20L187.0%2033.8%20L176.3%2033.6%20L165.7%2033.4%20L155.0%2033.2%20L144.3%2032.9%20L133.7%2032.5%20L123.0%2032.2%20L112.3%2031.7%20L101.6%2031.2%20L91.0%2030.7%20L80.3%2030.1%20L69.6%2029.5%20L58.9%2028.9%20L48.3%2028.3%20L37.6%2027.7%20L26.9%2025.5%20L16.2%2021.6%20L%2013.3%2018.7%20L%2016.2%2015.8%20Z%22%2F%3E%3C%2Fsvg%3E')}
  html[data-theme="light"] .mk--1{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20d%3D%22M14.0%2016.0%20L24.5%2010.3%20L34.9%208.0%20L45.4%208.4%20L55.8%208.8%20L66.3%208.9%20L76.8%209.0%20L87.2%208.9%20L97.7%208.7%20L108.2%208.3%20L118.6%207.9%20L129.1%207.4%20L139.5%206.8%20L150.0%206.3%20L160.5%205.8%20L170.9%205.4%20L181.4%205.2%20L191.8%205.0%20L202.3%205.0%20L212.8%205.2%20L223.2%205.4%20L233.7%205.8%20L244.2%206.3%20L254.6%206.8%20L265.1%207.4%20L275.5%2010.6%20L286.0%2017.3%20Q%20295.0%2014.3%20295.0%2021.9%20Q%20295.0%2029.5%20286.0%2026.5%20L275.5%2032.6%20L265.1%2035.2%20L254.6%2035.2%20L244.2%2035.2%20L233.7%2035.4%20L223.2%2035.6%20L212.8%2035.8%20L202.3%2036.1%20L191.8%2036.4%20L181.4%2036.8%20L170.9%2037.2%20L160.5%2037.5%20L150.0%2037.8%20L139.5%2038.2%20L129.1%2038.4%20L118.6%2038.6%20L108.2%2038.7%20L97.7%2038.8%20L87.2%2038.8%20L76.8%2038.7%20L66.3%2038.5%20L55.8%2038.3%20L45.4%2038.0%20L34.9%2037.7%20L24.5%2034.6%20L14.0%2028.0%20A%206.0%206.0%200%200%201%2014.0%2016.0%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20opacity%3D%22.5%22%20d%3D%22M16.5%2019.6%20L27.1%2016.1%20L37.8%2014.5%20L48.4%2014.4%20L59.1%2014.3%20L69.8%2014.1%20L80.4%2013.8%20L91.1%2013.5%20L101.7%2013.2%20L112.4%2012.9%20L123.0%2012.6%20L133.7%2012.3%20L144.3%2012.2%20L155.0%2012.1%20L165.7%2012.1%20L176.3%2012.2%20L187.0%2012.4%20L197.6%2012.6%20L208.3%2012.9%20L218.9%2013.2%20L229.6%2013.5%20L240.2%2013.8%20L250.9%2014.1%20L261.6%2014.3%20L272.2%2014.4%20L282.9%2016.1%20L293.5%2019.7%20Q%20298.7%2017.9%20298.7%2023.1%20Q%20298.7%2028.2%20293.5%2026.4%20L282.9%2029.9%20L272.2%2031.4%20L261.6%2031.2%20L250.9%2031.0%20L240.2%2030.8%20L229.6%2030.6%20L218.9%2030.4%20L208.3%2030.2%20L197.6%2030.0%20L187.0%2029.8%20L176.3%2029.7%20L165.7%2029.6%20L155.0%2029.6%20L144.3%2029.6%20L133.7%2029.7%20L123.0%2029.8%20L112.4%2029.9%20L101.7%2030.1%20L91.1%2030.3%20L80.4%2030.5%20L69.8%2030.7%20L59.1%2031.0%20L48.4%2031.2%20L37.8%2031.3%20L27.1%2029.9%20L16.5%2026.4%20A%203.5%203.5%200%200%201%2016.5%2019.6%20Z%22%2F%3E%3C%2Fsvg%3E')}html[data-theme="light"] .mk--2{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20d%3D%22M12.2%2017.2%20L22.8%2013.0%20L33.4%2010.8%20L44.0%2010.4%20L54.6%209.7%20L65.2%208.9%20L75.8%208.0%20L86.4%207.2%20L97.0%206.4%20L107.6%205.9%20L118.2%205.6%20L128.8%205.5%20L139.4%205.8%20L150.0%206.4%20L160.6%207.3%20L171.2%208.5%20L181.8%209.8%20L192.4%2011.3%20L203.0%2012.8%20L213.6%2014.2%20L224.2%2015.5%20L234.8%2016.6%20L245.4%2017.4%20L256.0%2018.0%20L266.6%2018.2%20L277.2%2020.0%20L287.8%2024.0%20Q%20295.8%2028.1%20287.8%2032.2%20L277.2%2036.5%20L266.6%2038.3%20L256.0%2038.0%20L245.4%2037.5%20L234.8%2036.9%20L224.2%2036.2%20L213.6%2035.3%20L203.0%2034.4%20L192.4%2033.5%20L181.8%2032.5%20L171.2%2031.5%20L160.6%2030.5%20L150.0%2029.6%20L139.4%2028.8%20L128.8%2028.0%20L118.2%2027.4%20L107.6%2026.9%20L97.0%2026.6%20L86.4%2026.4%20L75.8%2026.3%20L65.2%2026.3%20L54.6%2026.5%20L44.0%2026.8%20L33.4%2027.1%20L22.8%2025.5%20L12.2%2021.5%20L%208.4%2019.4%20L%2012.2%2017.2%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20opacity%3D%22.5%22%20d%3D%22M15.4%2015.7%20L26.2%2012.8%20L36.9%2011.3%20L47.6%2010.9%20L58.4%2010.6%20L69.1%2010.4%20L79.9%2010.3%20L90.6%2010.4%20L101.3%2010.8%20L112.1%2011.3%20L122.8%2011.9%20L133.5%2012.8%20L144.3%2013.7%20L155.0%2014.7%20L165.7%2015.7%20L176.5%2016.7%20L187.2%2017.6%20L197.9%2018.4%20L208.7%2019.0%20L219.4%2019.4%20L230.1%2019.6%20L240.9%2019.7%20L251.6%2019.6%20L262.4%2019.3%20L273.1%2019.0%20L283.8%2019.7%20L294.6%2021.8%20Q%20299.2%2023.8%20294.6%2025.7%20L283.8%2028.2%20L273.1%2029.3%20L262.4%2029.4%20L251.6%2029.5%20L240.9%2029.6%20L230.1%2029.7%20L219.4%2029.8%20L208.7%2029.8%20L197.9%2029.8%20L187.2%2029.8%20L176.5%2029.6%20L165.7%2029.4%20L155.0%2029.1%20L144.3%2028.7%20L133.5%2028.3%20L122.8%2027.7%20L112.1%2027.1%20L101.3%2026.5%20L90.6%2025.8%20L79.9%2025.1%20L69.1%2024.4%20L58.4%2023.6%20L47.6%2023.0%20L36.9%2022.3%20L26.2%2020.6%20L15.4%2017.6%20L%2013.2%2016.6%20L%2015.4%2015.7%20Z%22%2F%3E%3C%2Fsvg%3E')}html[data-theme="light"] .mk--3{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20d%3D%22M14.4%2024.2%20L24.8%2016.3%20L35.3%2012.2%20L45.7%2011.0%20L56.1%209.9%20L66.6%209.0%20L77.0%208.2%20L87.4%207.6%20L97.8%207.2%20L108.3%207.0%20L118.7%207.0%20L129.1%207.0%20L139.6%207.1%20L150.0%207.3%20L160.4%207.4%20L170.9%207.5%20L181.3%207.5%20L191.7%207.3%20L202.2%206.9%20L212.6%206.3%20L223.0%205.6%20L233.4%204.7%20L243.9%203.6%20L254.3%202.5%20L264.7%201.2%20L275.2%203.0%20L285.6%208.4%20L%20291.4%2013.1%20L%20285.6%2017.9%20L275.2%2025.3%20L264.7%2029.3%20L254.3%2030.4%20L243.9%2031.7%20L233.4%2033.0%20L223.0%2034.5%20L212.6%2036.0%20L202.2%2037.4%20L191.7%2038.8%20L181.3%2040.2%20L170.9%2041.4%20L160.4%2042.5%20L150.0%2043.4%20L139.6%2044.1%20L129.1%2044.7%20L118.7%2045.0%20L108.3%2045.2%20L97.8%2045.2%20L87.4%2045.0%20L77.0%2044.8%20L66.6%2044.4%20L56.1%2044.0%20L45.7%2043.6%20L35.3%2043.3%20L24.8%2040.0%20L14.4%2033.2%20Q%204.8%2030.0%204.8%2028.7%20Q%204.8%2027.4%2014.4%2024.2%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20opacity%3D%22.5%22%20d%3D%22M16.7%2025.1%20L27.3%2020.5%20L38.0%2018.1%20L48.6%2017.6%20L59.3%2017.1%20L69.9%2016.8%20L80.5%2016.5%20L91.2%2016.3%20L101.8%2016.2%20L112.4%2016.1%20L123.1%2016.0%20L133.7%2015.8%20L144.4%2015.5%20L155.0%2015.2%20L165.6%2014.7%20L176.3%2014.2%20L186.9%2013.5%20L197.6%2012.7%20L208.2%2011.9%20L218.8%2011.0%20L229.5%2010.0%20L240.1%209.1%20L250.7%208.1%20L261.4%207.3%20L272.0%206.5%20L282.7%207.5%20L293.3%2010.7%20L%20296.6%2015.7%20L%20293.3%2020.6%20L282.7%2024.5%20L272.0%2026.2%20L261.4%2026.1%20L250.7%2026.2%20L240.1%2026.2%20L229.5%2026.4%20L218.8%2026.6%20L208.2%2026.9%20L197.6%2027.4%20L186.9%2027.9%20L176.3%2028.6%20L165.6%2029.4%20L155.0%2030.3%20L144.4%2031.2%20L133.7%2032.2%20L123.1%2033.3%20L112.4%2034.4%20L101.8%2035.5%20L91.2%2036.6%20L80.5%2037.6%20L69.9%2038.6%20L59.3%2039.5%20L48.6%2040.3%20L38.0%2040.9%20L27.3%2039.8%20L16.7%2036.4%20Q%2011.1%2034.5%2011.1%2030.7%20Q%2011.1%2027.0%2016.7%2025.1%20Z%22%2F%3E%3C%2Fsvg%3E')}html[data-theme="light"] .mk--4{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-1%200%20307%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20d%3D%22M8.8%2010.9%20L19.4%205.5%20L29.9%203.0%20L40.5%203.1%20L51.0%203.3%20L61.6%203.8%20L72.1%204.6%20L82.7%205.5%20L93.2%206.5%20L103.8%207.5%20L114.3%208.6%20L124.9%209.6%20L135.4%2010.4%20L146.0%2011.1%20L156.6%2011.5%20L167.1%2011.7%20L177.7%2011.7%20L188.2%2011.4%20L198.8%2010.9%20L209.3%2010.3%20L219.9%209.6%20L230.4%208.8%20L241.0%208.1%20L251.5%207.4%20L262.1%207.0%20L272.6%208.9%20L283.2%2013.8%20Q%20292.3%2020.5%20283.2%2027.1%20L272.6%2031.5%20L262.1%2033.1%20L251.5%2032.5%20L241.0%2032.0%20L230.4%2031.5%20L219.9%2031.1%20L209.3%2030.8%20L198.8%2030.6%20L188.2%2030.4%20L177.7%2030.4%20L167.1%2030.4%20L156.6%2030.5%20L146.0%2030.7%20L135.4%2030.9%20L124.9%2031.2%20L114.3%2031.5%20L103.8%2031.8%20L93.2%2032.1%20L82.7%2032.3%20L72.1%2032.5%20L61.6%2032.6%20L51.0%2032.7%20L40.5%2032.6%20L29.9%2032.5%20L19.4%2030.1%20L8.8%2024.8%20Q%20-0.3%2017.8%208.8%2010.9%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20opacity%3D%22.5%22%20d%3D%22M20.8%2019.3%20L31.5%2016.4%20L42.2%2015.3%20L52.9%2015.6%20L63.6%2016.0%20L74.3%2016.4%20L85.0%2016.8%20L95.7%2017.1%20L106.5%2017.4%20L117.2%2017.5%20L127.9%2017.5%20L138.6%2017.4%20L149.3%2017.1%20L160.0%2016.7%20L170.7%2016.1%20L181.4%2015.5%20L192.1%2014.8%20L202.8%2014.1%20L213.5%2013.4%20L224.3%2012.8%20L235.0%2012.3%20L245.7%2011.9%20L256.4%2011.6%20L267.1%2011.5%20L277.8%2011.5%20L288.5%2013.0%20L299.2%2016.1%20Q%20304.5%2020.0%20299.2%2023.8%20L288.5%2027.0%20L277.8%2028.5%20L267.1%2028.7%20L256.4%2028.9%20L245.7%2029.0%20L235.0%2029.0%20L224.3%2029.0%20L213.5%2028.9%20L202.8%2028.9%20L192.1%2028.8%20L181.4%2028.6%20L170.7%2028.5%20L160.0%2028.4%20L149.3%2028.3%20L138.6%2028.3%20L127.9%2028.3%20L117.2%2028.3%20L106.5%2028.4%20L95.7%2028.6%20L85.0%2028.8%20L74.3%2029.0%20L63.6%2029.3%20L52.9%2029.7%20L42.2%2030.0%20L31.5%2029.2%20L20.8%2026.7%20Q%2015.5%2023.0%2020.8%2019.3%20Z%22%2F%3E%3C%2Fsvg%3E')}html[data-theme="light"] .mk--5{background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20d%3D%22M13.6%2012.3%20L24.1%207.1%20L34.6%205.1%20L45.1%205.8%20L55.6%206.5%20L66.1%207.2%20L76.6%207.9%20L87.0%208.6%20L97.5%209.1%20L108.0%209.6%20L118.5%2010.0%20L129.0%2010.4%20L139.5%2010.6%20L150.0%2010.8%20L160.5%2010.9%20L171.0%2011.0%20L181.5%2011.1%20L192.0%2011.1%20L202.5%2011.2%20L213.0%2011.4%20L223.4%2011.6%20L233.9%2011.9%20L244.4%2012.3%20L254.9%2012.7%20L265.4%2013.3%20L275.9%2016.5%20L286.4%2023.0%20A%205.6%205.6%200%200%201%20286.4%2035.6%20L275.9%2041.4%20L265.4%2043.8%20L254.9%2043.7%20L244.4%2043.4%20L233.9%2043.1%20L223.4%2042.7%20L213.0%2042.2%20L202.5%2041.6%20L192.0%2040.9%20L181.5%2040.2%20L171.0%2039.5%20L160.5%2038.7%20L150.0%2037.9%20L139.5%2037.1%20L129.0%2036.4%20L118.5%2035.6%20L108.0%2035.0%20L97.5%2034.3%20L87.0%2033.8%20L76.6%2033.3%20L66.1%2032.9%20L55.6%2032.6%20L45.1%2032.4%20L34.6%2032.2%20L24.1%2029.6%20L13.6%2023.7%20L%208.6%2018.0%20L%2013.6%2012.3%20Z%22%2F%3E%3Cpath%20fill%3D%22rgba%280%2C126%2C247%2C.42%29%22%20opacity%3D%22.5%22%20d%3D%22M16.2%2015.8%20L26.9%2013.0%20L37.6%2012.0%20L48.3%2012.6%20L58.9%2013.1%20L69.6%2013.5%20L80.3%2013.9%20L91.0%2014.3%20L101.6%2014.6%20L112.3%2014.8%20L123.0%2015.0%20L133.7%2015.2%20L144.3%2015.4%20L155.0%2015.6%20L165.7%2015.8%20L176.3%2016.1%20L187.0%2016.4%20L197.7%2016.7%20L208.4%2017.1%20L219.0%2017.5%20L229.7%2018.0%20L240.4%2018.5%20L251.1%2019.1%20L261.7%2019.7%20L272.4%2020.3%20L283.1%2022.3%20L293.8%2026.2%20A%203.2%203.2%200%200%201%20293.8%2031.0%20L283.1%2034.1%20L272.4%2035.3%20L261.7%2035.0%20L251.1%2034.8%20L240.4%2034.6%20L229.7%2034.4%20L219.0%2034.3%20L208.4%2034.1%20L197.7%2034.0%20L187.0%2033.8%20L176.3%2033.6%20L165.7%2033.4%20L155.0%2033.2%20L144.3%2032.9%20L133.7%2032.5%20L123.0%2032.2%20L112.3%2031.7%20L101.6%2031.2%20L91.0%2030.7%20L80.3%2030.1%20L69.6%2029.5%20L58.9%2028.9%20L48.3%2028.3%20L37.6%2027.7%20L26.9%2025.5%20L16.2%2021.6%20L%2013.3%2018.7%20L%2016.2%2015.8%20Z%22%2F%3E%3C%2Fsvg%3E')}
  .mk,.mk[class]{background:none!important;padding:0;margin:0}   /* r1052h (Egor): no markers on the site; the spans stay so the dictionaries keep their keys */
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}

  /* ── Branded scrollbars, ported verbatim from the app (shell.build2.css
     r466) ─────────────────────────────────────────────────────────────
     Two lessons travel with it. First: Chromium >= 121 IGNORES every
     ::-webkit-scrollbar rule the moment standard scrollbar-width /
     scrollbar-color are set on the same element, so the standard props live
     ONLY in the Firefox branch below. Second: the fade is carried by a
     transition on the thumb's own background-color, switched by a class -
     an @property custom property with inherits:false does NOT resolve inside
     a scrollbar pseudo-element, and the thumb goes invisible everywhere.
     This way it degrades to instant, never to invisible. */
  @supports not selector(::-webkit-scrollbar) {
    * { scrollbar-width: thin; scrollbar-color: #333332 transparent; }   /* Firefox: always on, same as above */
  }
  /* r484d: name html and body explicitly too. On macOS the ROOT scrollbar is
     the one browsers hand to the compositor as an overlay, and a bare
     universal selector is not always enough to claim it; scrollbar-gutter
     keeps the track from appearing and disappearing under the content. */
  html{scrollbar-gutter:stable}
  html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar { width: 10px; height: 10px; }
  html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background-color: #333332; border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }
  html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover { background-color: #4a4a47; }
  html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: transparent; }
  *::-webkit-scrollbar-track { background: transparent; }
  /* r484d: on the marketing site the bar STAYS. In the app it hides at rest
     because panes are dense with content; a reading page has one scroller and
     the position of the thumb is the only progress indicator there is. */
  *::-webkit-scrollbar-thumb { background-color: #333332; border-radius: 999px; transition: background-color .18s ease; }
  /* inner panes keep the thin 4px bar the app uses */
  *:not(html):not(body)::-webkit-scrollbar { width: 4px; height: 4px; }
  .lia-scrolling::-webkit-scrollbar-thumb,
  *::-webkit-scrollbar-thumb:hover,
  *::-webkit-scrollbar-thumb:active { background-color: #4a4a47; }
  *::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
  *::-webkit-scrollbar-corner { background: transparent; }

  .wrap{max-width:1240px;margin:0 auto;padding:0 30px}

  /* r481: the site reads in "Nunito", the header does not. Navigation is
     furniture, not prose - it keeps the UI face. */
  .nav,.mnav,footer{--font:"Nunito",ui-rounded,system-ui,sans-serif;--font-display:"Nunito",ui-rounded,system-ui,sans-serif}

  /* r842 (Egor): the bold is a DRAWN weight, not a smear. One face per
     weight, so the browser stops synthesising 700 out of 400 - which is
     what thickened every heading and chip until now. */

/* r843 (Egor: "на русской версии только кнопки применились"): the page's own
   voice is "Nunito", and "Nunito" HAS NO CYRILLIC - so every Russian page
   was set in Georgia, the fallback, and the hand never entered it. On a
   Russian page the hand IS the voice: it covers Cyrillic and it is ours.
   English pages keep "Nunito", which is what it was chosen for. */

/* r845 (Egor): the HEADINGS keep the face they had - r843 took them for the
   hand along with the body, and a heading is where a serif was chosen on
   purpose. Only the running text and the chrome are the hand on a Russian
   page; h1, h2, h3 stay as they were. */

  .nav,.nav *,.mnav,.mnav *,footer,footer *{font-family:var(--font-ui)}
  .nav *,nav.top *,.mnav *,footer *{font-weight:400!important}   /* r1052h (Egor): the header and the footer read like the descriptions - one regular weight */
  .nav{position:sticky;top:0;z-index:60;background:rgba(26,26,25,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  .nav__in{display:flex;align-items:center;justify-content:space-between;height:66px}
  .nav__logo{font:700 19px var(--font-display);letter-spacing:-.01em;margin-right:6px}
  .nav__r{display:flex;align-items:center;gap:10px;position:relative}
  .nav__lnk{font-size:13.5px;font-weight:600;color:var(--text2);padding:6px 10px}
  .nav__lnk:hover,.nav__lnk.is-on{color:var(--text)}
  /* Product dropdown: wide claude-style panel, one shared design for every page */
  .ndrop{position:static}
  .ndrop>button{font:600 13.5px var(--font);color:var(--text2);padding:6px 10px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .ndrop>button:hover,.ndrop.is-open>button{color:var(--text)}
  .ndrop>button svg{transition:.15s}
  .ndrop.is-open>button svg{transform:rotate(180deg)}
  .npanel{position:absolute;right:0;top:calc(100% + 16px);display:none;background:var(--ink2);border:1px solid var(--line2);border-radius:18px;padding:26px 32px}
  .ndrop.is-open .npanel{display:flex}
  .ncol{padding:0 34px;min-width:168px}
  .ncol:first-child{padding-left:0}
  .ncol + .ncol{border-left:1px solid var(--line)}
  .ncol b{display:block;font:600 10.5px var(--font);letter-spacing:.01em;color:var(--text4);margin-bottom:11px}
  .ncol a{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--text);padding:8px 11px;margin:0 -11px;border-radius:9px;white-space:nowrap}
  .ncol a:hover{background:#2e2e2c;color:var(--text)}
  .ncol a.is-here{color:var(--text);font-weight:600}
  .ncol .soon{color:var(--text4);cursor:default}
  .ncol .soon:hover{color:var(--text4);background:none}
  /* burger + fullscreen mobile menu (shared chrome) */
  .burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:none;border:0;color:var(--text);cursor:pointer;padding:0}
  .mnav{position:fixed;inset:0;z-index:80;background:var(--bg);display:none;flex-direction:column;padding:0 18px 22px}
  .mnav.is-open{display:flex}
  .mnav__top{display:flex;align-items:center;justify-content:space-between;height:56px;margin-bottom:26px}
  .mnav__top img{height:19px}
  .mnav__close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--text);cursor:pointer}
  .mnav__list{flex:1;overflow:auto}
  .mnav__item{border-bottom:1px solid var(--line)}
  .mnav__head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;color:var(--text);font:700 20px var(--font);padding:22px 0;cursor:pointer;text-align:left}
  .mnav__head svg{transition:.2s;color:var(--text3)}
  .mnav__item.is-open .mnav__head svg{transform:rotate(180deg)}
  .mnav__body{display:none;padding:0 0 18px}
  .mnav__item.is-open .mnav__body{display:block}
  .mnav__body b{display:block;font:600 12.5px var(--font);color:var(--text4);margin:14px 0 4px}
  .mnav__body a{display:block;font-size:16.5px;color:var(--text);padding:9px 0}
  .mnav__body .soon{color:var(--text4)}
  .mnav__link{display:flex;font:700 20px var(--font);color:var(--text);padding:22px 0}
  .mnav__cta{display:flex;gap:10px;padding-top:16px}
  .mnav__cta a{flex:1;text-align:center;font:600 15px var(--font);border-radius:12px;padding:14px 10px}
  .mnav__cta .ghost{border:1px solid var(--line2);color:var(--text)}
  .mnav__cta .solid{background:var(--text);color:#141413}
  .btn{display:inline-flex;align-items:center;gap:8px;font:600 13.5px var(--font);border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--text);padding:9px 16px;cursor:pointer;transition:.15s}
  .btn:hover{background:var(--surface)}
  .btn--solid{background:var(--text);color:#111;border-color:var(--text);font-weight:600}
  .btn--solid:hover{background:#fff}
  .btn--blue{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
  .btn--blue:hover{filter:brightness(1.08);background:var(--accent)}

  .crumb{border-bottom:1px solid var(--line);position:sticky;top:66px;z-index:55;background:rgba(26,26,25,.9);backdrop-filter:blur(12px)}
  .crumb__in{display:flex;align-items:center;height:44px;font-size:12.5px;color:var(--text4)}
  .crumb__in .sep{padding:0 7px;color:var(--text4)}

  /* hero */
  .hero{padding:100px 0 40px;text-align:center}
  h1{font:800 60px/1.06 var(--font-display);letter-spacing:-.02em;margin:0 auto 18px;max-width:760px}
  .hero__sub{font-size:17px;color:var(--text3);max-width:560px;margin:0 auto 32px;font-weight:700}
  .ask{display:flex;max-width:520px;margin:0 auto;background:var(--ink2);border:1px solid var(--line2);border-radius:14px;padding:6px 6px 6px 16px;align-items:center}
  /* r492 (Egor): the ask box is furniture, not prose - same face as the nav
     and the footer. A control set in the reading serif looks like a quote. */
  .ask{--font:var(--font-ui)}
  .ask,.ask *{font-family:var(--font-ui)}
  .ask input{flex:1;background:none;border:0;outline:none;color:var(--text);font:14px var(--font)}
  .ask input::placeholder{color:var(--text4)}
  .ask__i{display:none}

  section{padding:86px 0}
  .sec-ic{display:flex;justify-content:center;color:var(--text3);font-size:30px;margin-bottom:14px}
  h2{font:800 38px/1.12 var(--font-display);letter-spacing:-.015em;text-align:center;margin:0 0 40px}
  h3{font:800 20px var(--font-display);margin:0 0 8px}

  .banner{background:var(--ink2);border:1px solid var(--line2);border-radius:20px;padding:36px 40px;display:flex;align-items:center;gap:26px;justify-content:space-between}
  .banner h3{font-size:23px;margin:0 0 4px}
  .banner p{margin:0;color:var(--text3);font-size:14px}

  /* big .com footer */
  footer{border-top:1px solid var(--line);padding:60px 0 44px;margin-top:30px}
  .fgrid{display:grid;grid-template-columns:1.85fr repeat(5,1fr);gap:30px}
  .fleft{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
  .ask--foot{max-width:300px;width:100%;margin:0;padding:5px 5px 5px 14px}
  .ask--foot .btn{padding:8px 11px;border-radius:9px}
  .fchips{display:flex;gap:8px}
  .chip{font:500 12px var(--font);color:var(--text2);border:1px solid var(--line2);border-radius:999px;padding:5px 12px;display:inline-flex;gap:6px;align-items:center}
  .chip i{font-size:12.5px;color:var(--text3)}
  .fcol b{display:block;font:600 10.5px var(--font);letter-spacing:.01em;color:var(--text4);margin-bottom:13px}
  .fcol a{display:block;font-size:13px;color:var(--text2);padding:5px 0}
  .fcol a:hover{color:var(--text)}
  .fcol .soon{color:var(--text4);cursor:default}
  .fcol .soon:hover{color:var(--text4)}
  .fbase{margin-top:48px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
  .fsoc{display:flex;gap:12px}
  .fsoc a{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--text3)}
  .fsoc svg{width:18px;height:18px;fill:currentColor}
  .fsoc a:hover{color:var(--text)}
  .fmark{display:block;font:700 15px "Nunito",sans-serif;letter-spacing:.34em;color:var(--text2);user-select:none;-webkit-user-select:none}
  .fmark i{display:block;font:400 10.5px var(--font);letter-spacing:.02em;color:var(--text4);margin-top:8px;text-transform:uppercase;font-style:normal}

  @media (max-width:960px){
    h1{font-size:40px}
    .stage,.stage--flip{grid-template-columns:1fr;padding:26px}
    .caption{grid-template-columns:1fr}
    .mm{grid-template-columns:1fr}
    .map{height:430px}
    .fgrid{grid-template-columns:1fr 1fr}
    .banner{flex-direction:column;align-items:flex-start}
    .tabs__bar{flex-wrap:wrap;justify-content:center}
  }
  /* phone layer, etalon: the liaisone.io landing (56px nav, 18px gutters,
     fleft spans the footer grid, fbase stacks) */
  
  /* r790: the footer language switch. It lives HERE and not in a page stylesheet
     because the footer is on every page; enterprise.css only reaches two of them,
     which is exactly how the control ended up unstyled everywhere else. */
  .flang{position:relative;margin-top:18px}
  .flang__b{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line2);
    border-radius:10px;padding:8px 12px;color:var(--text2);font:500 13px var(--font-ui);cursor:pointer}
  .flang__b:hover{color:var(--text)}
  .flang__menu{position:absolute;left:0;bottom:calc(100% + 8px);display:none;min-width:170px;background:var(--ink2);
    border:1px solid var(--line2);border-radius:12px;padding:6px;z-index:30;box-shadow:0 18px 40px -18px rgba(0,0,0,.8)}
  .flang.is-open .flang__menu{display:block}
  .flang__menu a,.flang__menu .soon{display:block;padding:8px 11px;border-radius:8px;
    font:400 13.5px var(--font-ui);color:var(--text2);text-decoration:none}
  .flang__menu a:hover{background:var(--surface2);color:var(--text)}
  .flang__menu a.is-on{color:var(--text);font-weight:600}
  .flang__menu .soon{color:var(--text4);cursor:default}
  /* every button on the site is "Nunito", whatever face the prose around it uses */
  .btn,.btn *{font-family:var(--font-ui)}

@media (max-width:600px){
    /* the switch sits high in the footer on a phone, so opening upward puts the
       menu above the viewport: measured at top:-197 on a 390 screen. Down it is. */
    .flang__menu{bottom:auto;top:calc(100% + 8px)}

    body{font-size:15px}
    .wrap{padding:0 18px}
    .nav__in{height:56px}
    .nav__logo img{height:19px!important}
    .nav__r{gap:4px}
    .nav__lnk{padding:6px 7px;font-size:13px}
    .ndrop>button{padding:6px 7px;font-size:13px}
    .btn{padding:8px 12px;font-size:12.5px}
    /* only the logo and the burger survive at this width */
    .nav__r > *:not(.burger){display:none}
    .burger{display:inline-flex}
    .hero{padding:64px 0 26px}
    h1{font-size:clamp(28px,8.6vw,36px)}
    .hero__sub{font-size:15px;font-weight:700}
    section{padding:56px 0}
    h2{font-size:28px}
    .banner{padding:26px 22px;border-radius:16px}
    footer{padding:44px 0 32px}
    .fgrid{gap:26px}
    .fleft{grid-column:1 / -1}
    .fbase{margin-top:34px;flex-direction:column;align-items:flex-start;gap:18px}
    .crumb{top:56px}
    .banner{align-items:center;text-align:center}
    .ask__t{display:none}
    .ask__i{display:inline-block;font-size:15px}
    .ask .btn{padding:8px 11px;border-radius:9px}
  }
input,textarea,select{text-indent:1px}
/* r1051: Lia 1.4 on the marketing pages - a change waits for Yes above the input (Auto, Manual), or a whole
   plan waits over Ads Manager (Plan). No Confirm / Dismiss card any more. Light like the rest of the mockups. */
.g14{background:#fff;border:1px solid #e6e4de;border-radius:14px;padding:10px 11px 9px;box-shadow:0 10px 24px -18px rgba(0,0,0,.35);font-family:var(--font,inherit);color:#1c1c1b;text-align:left}
.g14__h{display:flex;align-items:center;gap:7px;font-size:11px;color:#77766f;margin-bottom:7px}
.g14__dot{width:7px;height:7px;border-radius:50%;background:#007EF7;flex:0 0 7px;animation:g14Pulse 1.6s ease-in-out infinite}
@keyframes g14Pulse{0%,100%{opacity:1}50%{opacity:.35}}
.g14__q{font-size:12.5px;font-weight:500;margin-bottom:6px}
.g14__r{display:flex;align-items:baseline;gap:6px;font-size:11.5px;color:#55544f;padding:3px 0;border-top:1px solid #f0eee8}
.g14__r span{color:#8a8984;min-width:86px}
.g14__r s{color:#a5a39c}
.g14__r b{font-weight:500;color:#1c1c1b}
.g14__f{display:flex;align-items:center;gap:8px;margin-top:8px}
.g14__note{flex:1;min-width:0;font-size:10.5px;color:#9a988f}
.g14__seg{display:flex;border:1px solid #e1dfd8;border-radius:9px;overflow:hidden;flex:0 0 auto}
.g14__seg b{font-weight:500;font-size:11.5px;padding:4px 9px;color:#1c1c1b;white-space:nowrap}
.g14__seg b+b{border-left:1px solid #e1dfd8}
.g14__seg b.is-f{background:#151514;color:#fff}
.g14 .map2{margin:8px 0 6px}
/* the answer, as the thread keeps it: the question quoted, the answer beside it */
.g14a{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;margin:10px 0 6px;font-size:11.5px}
.g14a q{quotes:none;color:#8a8984}
.g14a span{background:#f0efea;border-radius:11px;padding:5px 10px;color:#1c1c1b}
/* the "Worked" line after a Yes */
.g14w{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#55544f;margin:6px 0}
.g14w i{color:#2f9e6a;font-size:13px}
/* Plan: one plan, every part, published together */
.g14p__t{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;margin-bottom:8px}
.g14p__t em{font-style:normal;font-size:10.5px;color:#8a8984;font-weight:400}
.g14p__i{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid #f0eee8;font-size:11.5px}
.g14p__k{font-size:9.5px;color:#8a8984;border:1px solid #e2e0d9;border-radius:6px;padding:1px 6px;flex:0 0 auto}
.g14p__i b{font-weight:500}
.g14p__i small{margin-left:auto;color:#8a8984;font-size:10.5px;white-space:nowrap}
.g14p__btn{font-size:11.5px;border-radius:9px;padding:5px 11px;border:1px solid #e1dfd8;color:#1c1c1b;white-space:nowrap}
.g14p__btn--f{background:#151514;border-color:#151514;color:#fff}
@media (max-width:700px){.g14__seg b{padding:4px 7px}.g14__r span{min-width:70px}}
.ep-float .g14__note{display:none}.ep-float .g14__f{justify-content:flex-end}
