/* A shorter reading path, using the existing type, palette and production media. */
.site-v3 [hidden] { display: none !important; }
.site-v3 .section { padding-block: var(--ot-space-12); }
.site-v3 .page-hero { padding-block: var(--ot-space-12) var(--ot-space-8); }
.site-v3 .page-hero .display { font-size: var(--ot-fs-display-l); line-height: var(--ot-lh-display-l); }
.site-v3 .page-hero .lead { margin-top: var(--ot-space-4); }
.site-v3 .section-head { margin-bottom: var(--ot-space-6); }
.site-v3 .section-head p { margin-top: var(--ot-space-3); color: var(--ot-text-2); }
.site-v3 .primary-action { margin-top: var(--ot-space-6); }
.site-v3 .footer { margin-top: var(--ot-space-8); }
.site-v3 .footer .cols { gap: var(--ot-space-8); }
.site-v3 .footer-group > summary { min-height: 44px; display: flex; align-items: center; gap: var(--ot-space-3); cursor: pointer; color: var(--ot-text); font-size: var(--ot-fs-small); font-weight: 500; list-style: none; }
.site-v3 .footer-group > summary::-webkit-details-marker { display: none; }
.site-v3 .footer-group > summary::after { content: "+"; color: var(--ot-gold-text); }
.site-v3 .footer-group[open] > summary::after { content: "−"; }
.site-v3 .footer-group-links { padding-block: var(--ot-space-4); }
.site-v3 .footer ul a { min-height: 36px; }
.site-v3 .footer .legal { font-size: var(--ot-fs-small); }
.site-v3 .nav .right { gap: var(--ot-space-4); }
.site-v3 .mobile-menu nav { max-height: calc(100dvh - 144px); overflow-y: auto; overscroll-behavior: contain; }

/* Reference rows keep the complete HTML, with normal document scrolling when opened. */
.site-v3 .section[data-fold] { padding-block: 0; border-top: 0; }
.site-v3 .reference-disclosure, .site-v3 .guide-topic { border-bottom: 1px solid var(--ot-hair); }
.site-v3 .reference-disclosure > summary, .site-v3 .guide-topic > summary {
  display: flex; align-items: center; justify-content: space-between; gap: var(--ot-space-4);
  min-height: 60px; padding-block: var(--ot-space-4); cursor: pointer; list-style: none;
  font-size: var(--ot-fs-body); font-weight: 500; color: var(--ot-text);
}
.site-v3 .reference-disclosure > summary::-webkit-details-marker,
.site-v3 .guide-topic > summary::-webkit-details-marker { display: none; }
.site-v3 .reference-disclosure > summary::after, .site-v3 .guide-topic > summary::after {
  content: "+"; flex: none; font-family: var(--ot-font-mono); color: var(--ot-gold-text);
}
.site-v3 .reference-disclosure[open] > summary::after, .site-v3 .guide-topic[open] > summary::after { content: "−"; }
.site-v3 .disclosure-body, .site-v3 .topic-body { padding-block: var(--ot-space-6) var(--ot-space-8); }
.site-v3 .disclosure-body > .wrap { padding-inline: 0; max-width: none; width: 100%; }
.site-v3 .disclosure-body .section-head .h1 { font-size: var(--ot-fs-h2); }
.site-v3 .disclosure-body .section-head { margin-bottom: var(--ot-space-6); }
.site-v3 .media-disclosure { margin-top: var(--ot-space-6); }
.site-v3 .reference-entry > .link { display: inline-flex; align-items: center; min-height: 44px; }
.site-v3 .reference-library > .disclosure-body .compact-section { padding-inline: 0; }
.site-v3 .media-disclosure .disclosure-body { padding-top: var(--ot-space-6); }
.site-v3 .heart::after { display: none; }
.site-v3 .heart > img { animation: none; transform: none; filter: none; }

/* The two supported interfaces are peers. Never crop, stretch or recolour their pixels. */
.site-v3 .product-pair {
  display: grid; grid-template-columns: minmax(0, .62fr) minmax(0, 1fr);
  gap: var(--ot-space-6); align-items: center; width: 100%; max-width: 680px; margin-inline: auto;
}
.site-v3 .product-pair > figure { margin: 0; min-width: 0; width: 100%; max-width: none; }
.site-v3 .product-pair .phone-demo { max-width: 240px; justify-self: center; }
.site-v3 .product-pair .stage { max-width: none; margin: 0; display: block; }
.site-v3 .product-pair .device { width: 100%; max-width: none; }
.site-v3 .product-pair video, .site-v3 .product-pair img { display: block; width: 100%; height: auto; object-fit: contain; }
.site-v3 .product-pair figcaption { margin-top: var(--ot-space-3); font-size: var(--ot-fs-small); line-height: 1.5; color: var(--ot-text-2); text-align: center; }
.site-v3 .phone {
  position: relative; padding: 7px; border-radius: calc(5% + 6.3px) / calc(2.25% + 6.685px);
  background: linear-gradient(180deg, #232327 0%, #0d0d10 55%, #17171b 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.09), 0 26px 60px -30px rgba(0,0,0,0.8);
}
.site-v3 .phone-screen { border-radius: 5% / 2.25%; overflow: hidden; aspect-ratio: 720 / 1600; background: var(--ot-well); }
.site-v3 .phone-screen .phone-shot { display: block; width: 100%; height: auto; }

.site-v3.page-home .hero { padding-block: var(--ot-space-12); }
.site-v3.page-home .hero .wrap { max-width: 1280px; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: var(--ot-space-10); }
.site-v3.page-home .hero .display { font-size: var(--ot-fs-display-l); line-height: var(--ot-lh-display-l); margin-top: var(--ot-space-4); max-width: none; }
.site-v3.page-home .hero .lead { font-size: var(--ot-fs-lead); line-height: var(--ot-lh-lead); margin-top: var(--ot-space-4); }
.site-v3.page-home .hero .under { margin-top: var(--ot-space-4); font-size: var(--ot-fs-small); line-height: var(--ot-lh-small); }
.site-v3.page-home .hero .ctas { margin-top: var(--ot-space-6); gap: var(--ot-space-3) var(--ot-space-5); }
.site-v3.page-home .hero .ctas .btn-link { font-size: var(--ot-fs-small); }
.site-v3.page-home .hero-visuals { display: flex; width: 100%; gap: var(--ot-space-3); }
.site-v3.page-home .hero .animation-controls { justify-content: center; order: initial; }
.site-v3.page-home .hero .phone-demo { width: 100%; }
.site-v3.page-home .hero .phone-demo .phone { max-width: none; }
.site-v3.page-home .story-intro { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--ot-space-12); align-items: start; }
.site-v3.page-home .story-intro .form-note { margin-top: var(--ot-space-4); font-size: var(--ot-fs-small); }
.site-v3.page-home .outcomes { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ot-space-12); }
.site-v3.page-home .outcome { display: block; }
.site-v3.page-home .outcome > h3 { margin-top: var(--ot-space-6); }
.site-v3.page-home .outcome > p { margin-top: var(--ot-space-3); max-width: 70ch; }
.site-v3.page-home .outcome figure { background: none; }
.site-v3.page-home .outcome details video { max-width: 345px; height: auto; }
.site-v3.page-home .feature-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ot-space-8); }
.site-v3 .feature-links > a { display: grid; align-content: start; gap: var(--ot-space-3); padding-block: var(--ot-space-4); border-top: 1px solid var(--ot-hair-strong); color: var(--ot-text-2); }
.site-v3 .feature-links > a:hover .feature-name { color: var(--ot-gold-text); }
.site-v3 .feature-name { display: flex; justify-content: space-between; gap: var(--ot-space-4); font-size: var(--ot-fs-h3); font-weight: 600; color: var(--ot-text); }
.site-v3 .feature-status { font-size: var(--ot-fs-small); color: var(--ot-gold-text); }
.site-v3 .enterprise-link { margin-top: var(--ot-space-6); color: var(--ot-text-2); font-size: var(--ot-fs-small); }
.site-v3.page-home[data-entry-device="android"] .hero .device-guidance,
.site-v3.page-home[data-entry-device="windows"] .hero .device-guidance { display: none; }
.site-v3.page-home[data-entry-device="ios"] .hero .copy > .ctas { display: none; }
.site-v3.page-home[data-entry-device="windows"] .hero .ctas > .btn-primary { display: none; }
.site-v3 .win-first { margin-block: var(--ot-space-4); padding: var(--ot-space-4); }
.site-v3 .win-first > p { margin-block: var(--ot-space-3); font-size: var(--ot-fs-small); }

.site-v3.page-download .dl { max-width: 1080px; }
.site-v3.page-download .page-hero .lead { font-size: var(--ot-fs-body); max-width: 70ch; }
.site-v3.page-download .download-details, .site-v3.page-download .file-details { margin-top: var(--ot-space-3); }
.site-v3.page-download .install-disclosure { margin-top: var(--ot-space-3); }
.site-v3.page-download .file-details { padding-block: var(--ot-space-3); }
.site-v3.page-download .phone-row { display: grid; gap: var(--ot-space-12); margin-top: var(--ot-space-6); }
.site-v3.page-download .phone-row .phone { max-width: none; }
.site-v3.page-download #phone .notice { max-width: none; width: 100%; padding: var(--ot-space-6); }
.site-v3.page-download #gatekeeper { padding-top: 0; }
.site-v3.page-download #demo video { margin-top: 0 !important; }
.site-v3.page-download .help { margin-top: var(--ot-space-6); }
.site-v3.page-pricing .page-hero .display { font-size: var(--ot-fs-h1); line-height: var(--ot-lh-h1); }
.site-v3.page-pricing .plans { gap: var(--ot-space-6); }
.site-v3.page-pricing .price-card { padding: var(--ot-space-6); }
.site-v3.page-pricing .price-card .amount b { font-size: var(--ot-fs-h1); }
.site-v3.page-pricing .price-card ul { gap: var(--ot-space-2); margin-block: var(--ot-space-5); }
.site-v3.page-pricing .price-card::before { display: none; }
.site-v3.page-pricing .content-section { padding-top: 0; }

.site-v3 .guide-cards, .site-v3.page-adapters .releases { gap: 0; }
.site-v3 .guide-card, .site-v3.page-adapters .release-card { padding: 0; border: 0; }
.site-v3 .guide-topic .guide-header, .site-v3 .guide-topic .release-header { margin-bottom: var(--ot-space-4); }
.site-v3 .guide-header .h1, .site-v3 .release-header .h1 { font-size: var(--ot-fs-h2); }
.site-v3 .guide-group:first-child { margin-top: 0; }
.site-v3.page-guide .guide-start { margin-top: var(--ot-space-5); }
.site-v3.page-guide .page-hero .display { font-size: var(--ot-fs-h1) !important; line-height: var(--ot-lh-h1) !important; }
.site-v3 .topic-body .product-pair { margin-block: var(--ot-space-6); }
.site-v3.page-adapters .release-card:first-child { padding-bottom: var(--ot-space-6); }
.site-v3.page-adapters pre { min-width: 0; max-width: 100%; overflow-x: auto; }
.site-v3 .article-copy, .site-v3 .reading-column, .site-v3 .guide-body { overflow-wrap: anywhere; }
.site-v3.page-changelog .release-card { padding-bottom: var(--ot-space-6); }
.site-v3.page-changelog .releases { gap: var(--ot-space-6); }

.site-v3.page-feature .page-hero .wrap { max-width: 1000px; }
.site-v3.page-feature .page-hero .lead { max-width: 60ch; }
.site-v3.page-feature .hero-body { margin-top: var(--ot-space-3); font-size: var(--ot-fs-small); }
.site-v3.page-feature .interest-action { max-width: 620px; margin-top: var(--ot-space-5); }
.site-v3.page-feature [data-feature-count] { margin: 0; }
.site-v3.page-feature [data-feature-notify] { padding-block: var(--ot-space-4); }
.site-v3.page-feature .invitation { margin-top: var(--ot-space-3); }
.site-v3.page-feature .feature-boundary { padding-block: 0 var(--ot-space-6); max-width: 1000px; color: var(--ot-text-2); }
.site-v3.page-feature .feature-list { padding-left: var(--ot-space-6); }
.site-v3.page-feature .feature-list li + li { margin-top: var(--ot-space-3); }
.site-v3.page-feature .section:not([data-fold]) { padding-block: var(--ot-space-8); }
.site-v3.page-feature #works-together { font-size: var(--ot-fs-h3); }
.site-v3.page-enterprise #contact-sales { padding-block: var(--ot-space-8); }
.site-v3.page-enterprise .price-card { padding: var(--ot-space-6); max-width: 760px; }

@media (max-width: 1099px) {
  .site-v3.page-home .hero .wrap { grid-template-columns: minmax(0, 1fr); gap: var(--ot-space-8); }
  .site-v3.page-home .hero .copy { max-width: 680px; }
  .site-v3.page-home .hero-visuals { max-width: 680px; justify-self: center; }
}
@media (max-width: 719px) {
  body.site-v3:has(.analytics-consent:not([hidden])) { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
  .site-v3 .section { padding-block: var(--ot-space-8); }
  .site-v3 .section[data-fold] { padding-block: 0; }
  .site-v3 .page-hero { padding-block: var(--ot-space-6); }
  .site-v3 .nav .right { gap: var(--ot-space-2); }
  .site-v3 .footer .cols { gap: var(--ot-space-4); }
  .site-v3 .footer .cols { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .site-v3 .footer-group { border-bottom: 1px solid var(--ot-hair); }
  .site-v3 .footer-group > summary { justify-content: space-between; min-height: 52px; }
  .site-v3 .footer-group-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ot-space-3) var(--ot-space-4); }
  .site-v3 .footer-group-links > .footer-label { grid-column: 1 / -1; margin-bottom: 0; }
  .site-v3 .footer-group-links > ul { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--ot-space-4); }
  .site-v3 .footer-group-links > .footer-feature-note { grid-column: 1 / -1; }
  .site-v3 .footer ul a { min-height: 44px; }
  .site-v3 .footer .legal { font-size: 12px; }
  .site-v3 .reference-disclosure > summary, .site-v3 .guide-topic > summary { font-size: var(--ot-fs-body); min-height: 60px; }
  .site-v3.page-home .hero { padding-block: var(--ot-space-6) var(--ot-space-8); }
  .site-v3.page-home .hero .copy { max-width: none; }
  .site-v3.page-home .hero .lead { line-height: 1.5; }
  .site-v3.page-home .hero .ctas { margin-top: var(--ot-space-4); gap: var(--ot-space-2) var(--ot-space-4); }
  .site-v3.page-home .hero .ctas .btn { width: 100%; }
  .site-v3.page-home .hero .ctas .btn-link { width: auto; }
  .site-v3.page-home .story-intro { grid-template-columns: minmax(0, 1fr); gap: var(--ot-space-4); }
  .site-v3.page-home .story-intro .h2 br { display: none; }
  .site-v3.page-home .feature-links { grid-template-columns: minmax(0, 1fr); gap: var(--ot-space-3); }
  .site-v3 .feature-links > a { grid-template-columns: minmax(0, 1fr) auto; gap: var(--ot-space-2) var(--ot-space-4); padding-block: var(--ot-space-3); }
  .site-v3 .feature-links > a > span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
  .site-v3 .feature-links > a > .feature-status { grid-column: 2; grid-row: 1; align-self: center; }
  .site-v3 .feature-name > span { display: none; }
  .site-v3 .feature-links > a > span:not(.feature-name) { font-size: var(--ot-fs-small); }
  .site-v3.page-download #phone .notice { padding: var(--ot-space-4); }
  .site-v3.page-pricing .plans { grid-template-columns: minmax(0, 1fr); }
  .site-v3.page-pricing .price-card { padding: var(--ot-space-5); }
  .site-v3.page-feature .page-hero .lead { font-size: var(--ot-fs-body); line-height: 1.5; }
  .site-v3.page-feature .interest-action > .btn { width: 100%; }
  .site-v3.page-feature .feature-boundary { font-size: var(--ot-fs-small); }
}
@media (max-width: 599px) {
  .site-v3 .product-pair { grid-template-columns: minmax(0, 1fr); gap: var(--ot-space-6); }
  .site-v3 .product-pair .phone-demo { width: 280px; max-width: 100%; }
  .site-v3 .product-pair > figure:not(.phone-demo) { width: 100%; max-width: 350px; justify-self: center; }
  .site-v3 .product-pair > figure > video { max-width: 100% !important; }
}
@media print {
  .site-v3 .nav, .site-v3 .analytics-consent, .site-v3 .animation-controls, .site-v3 .mobile-menu { display: none !important; }
  .site-v3 .contents { position: static; }
  .site-v3 .reading-layout { display: block; }
  .site-v3 .product-pair { break-inside: avoid; }
}