/* 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: 1440 / 3120; 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 .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 .release-header { display: flex; flex-direction: column; align-items: flex-start; gap: 0; border-bottom: 0; padding-bottom: 0; margin-bottom: var(--ot-space-4); }
.site-v3.page-adapters .release-meta { margin-top: var(--ot-space-3); }
.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; }
}

/* launch 0220: L1 */
:root, :root[data-theme="dark"], :root[data-theme="light"] {
  color-scheme: light;
  --ot-well: #14110e;
  --ot-bg: #f5f1eb;
  --ot-surface: #fffdf9;
  --ot-surface-2: #ece5dc;
  --ot-surface-3: #e0d6c9;
  --ot-hair: #e0d7cb;
  --ot-hair-strong: #cfc3b4;
  --ot-tile-edge: #bfb09c;
  --ot-text: #1f1913;
  --ot-text-2: #4f4439;
  --ot-text-dim: #6a5f53;
  --ot-text-faint: #9a8e81;
  --ot-gold-text: #946414;
  --ot-terra-text: #b4501f;
  --ot-error-text: #b3342a;
  --ot-on-accent: #1c1208;
  --ot-glow-gold: none;
  --ot-glow-terracotta: none;
  --ot-glow-cream: none;
  --ot-glow-oxblood: none;
  --ot-shadow-raise-2: inset 0 1px 0 rgba(255,255,255,0.8), 0 10px 30px -12px rgba(60,40,20,0.22);
  --ot-glow-cta: inset 0 1px 0 rgba(255,244,214,0.6), inset 0 0 0 1px rgba(143,95,28,0.35), 0 4px 12px -4px rgba(120,80,20,0.35);
}

.public-site .brand-art .brand-light { display: block; }
.public-site :focus-visible { outline-color: var(--ot-text); }

.eu-flag { display: inline-block; vertical-align: -1px; margin-left: 6px; border-radius: 2px; }
.made-in { white-space: nowrap; }
.footer .top > div:first-child p { max-width: none; }
@media (min-width: 760px) { .footer .top > div:first-child p { white-space: nowrap; } }


/* launch 0220: L2 */
/* Homepage (DECISIONS H1-H6, board published-v9/Main.dc.html, CHANGES-H/K, patch_hosts.py). Base styles are the final
   state; motion runs only under prefers-reduced-motion: no-preference and @supports (animation-timeline: view()). */
.page-home .nh{--fg:#1f1913;--dim:#4f4439;--gold:#946414;--sc:rgba(40,30,20,.20);--sa:rgba(40,30,20,.09);--rim:rgba(255,255,255,.10);color:var(--fg);max-width:1328px;margin:0 auto}
.site-v3.page-home .hero{padding:32px 16px 40px;overflow:visible}
.site-v3.page-home .hero .nh .copy{max-width:none;display:block}
.page-home .hero .nh .nh-h1{font-size:clamp(34px,4.6vw,64px);line-height:1.04;letter-spacing:-.025em;text-align:center;margin:0 0 14px;font-weight:700;text-wrap:balance}
.page-home .hero .nh .nh-problem{font-size:clamp(16px,1.5vw,20px);font-weight:500;color:var(--dim);text-align:center;max-width:40em;margin:0 auto 12px}
.page-home .hero .nh .nh-lead{font-size:clamp(16px,1.5vw,20px);color:var(--dim);text-align:center;max-width:40em;margin:0 auto 26px}
.site-v3.page-home .hero .nh .ctas{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 0 32px}
.site-v3.page-home .hero .nh .ctas .btn-primary{width:auto;background:linear-gradient(#efc463,#d39e3c);color:#1c1208;border-radius:10px;padding:12px 22px;font-size:16px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.site-v3.page-home .hero .nh .ctas .btn-link{width:auto;color:var(--gold);font-size:16px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:.3em}
.nh-row{display:flex;flex-direction:column;align-items:center;gap:36px}
.nh-dev{display:flex;flex-direction:column;align-items:center;min-width:0}
.nh-hosts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;justify-content:center;align-items:start;width:100%;max-width:1200px}
.nh-clients{display:flex;justify-content:center;align-items:flex-start;gap:48px;width:100%}
.nh-clients .kp{width:min(100%,360px)}
.nh-clients .ph{width:min(100%,196px)}
.nh-clients .ip{width:min(100%,198px)}
.nh-dev>.kpo,.nh-dev>.dev{width:100%;height:auto;display:block}
.nh-label{display:flex;flex-direction:column;align-items:center;margin-top:14px;text-align:center;line-height:1.35}
.nh-label b{font-size:14px;font-weight:600;color:var(--fg)}
.nh-label span{font-size:12.5px;color:var(--dim)}
@media (max-width:759px){.nh-row{gap:48px}.nh-clients{gap:24px;flex-wrap:wrap;align-items:flex-start}.nh-clients .kp{flex:0 0 100%;width:100%;max-width:300px}.nh-clients .ph,.nh-clients .ip{flex:0 1 40%;width:auto}.nh-hosts{grid-template-columns:minmax(0,1fr);row-gap:32px}}
/* Official frames, cropped to the part each picture shows (BEZELS.md): the corner crops are frame px x 2138-3498,
   y 232-1292 (Mac) and y 1313-2373 (Windows), 680 x 530 u at 2 px per pt; the phones are cropped to their bodies. */
.osc-mac,.osc-win{aspect-ratio:680/530;--u:calc(100cqw / 680)}
.osc{position:relative;width:100%;overflow:hidden;container-type:inline-size;align-self:end;-webkit-mask-composite:source-in;mask-composite:intersect}
.osc-frame{position:absolute;display:block;max-width:none;height:auto;pointer-events:none}
.osc-mac .osc-frame,.osc-win .osc-frame{width:100%;left:0;top:0}
.dev{position:relative;display:block;width:100%}
.dev-frame,.dev-mask{position:absolute;display:block;max-width:none;height:auto;pointer-events:none}
.dev-scr{position:absolute;overflow:hidden;background:#000}
.dev-scr>video{display:block;width:100%;height:100%;object-fit:cover}
.dev-s26{aspect-ratio:1534/3214;border-radius:11.4% / 5.44%;overflow:hidden}
.dev-wrap{filter:drop-shadow(0 18px 20px rgba(40,30,20,.2))}
.dev-s26>.dev-frame{width:100%;left:0;top:0}
.dev-s26>.dev-scr,.dev-s26>.dev-mask{left:3.26%;top:1.493%;width:93.87%;height:97.08%}
.dev-ip{aspect-ratio:1319/2718;filter:drop-shadow(0 18px 20px rgba(40,30,20,.2))}
.dev-ip>.dev-frame{width:100%;left:0;top:0}
.dev-ip>.dev-scr{left:4.246%;top:1.766%;width:91.43%;height:96.47%;border-radius:16.2% / 7.44%}
/* SPEC-PHONES.md section 4: compositing targets for the device recordings (only the changed rules).
   Bezel px = natural px of the served bezel image. The screen boxes stay exactly on the openings (already right on the live site).
   .dev-scr background = the pad ground colour: Chrome paints video on whole CSS px, so a strip of up to 1 CSS px of the box shows through. */
.dev-scr>video{object-fit:cover;object-position:50% 0}
.dev-ip>.dev-scr{background:#000} /* pad ground of the 0.3.2 iPhone recording (0,0,0) */
.dev-s26>.dev-scr{background:#000} /* pad ground of the 0.3.2 Android render (0,0,0) */
/* iPhone 18 Pro: opening 16.81,14.41 362.06x787.20 of 396x816 (box unchanged);
   clip radius 60 pt (54.04 bezel px), inside Apple's 62 pt continuous corner: the picture always reaches the bezel */
.dev-ip>.dev-scr{border-radius:14.93% / 6.865%}
/* Galaxy S26+: screen box and fore_port mask unchanged (exact); body clip = the skin's body outline (40.4 of 392 bezel px) */
.dev-s26{border-radius:10.31% / 4.92%}
/* H2 screen corners, light appearance; children size in --u (1 u = 1 pt) */
.osc-mac{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%),linear-gradient(to top,transparent 0,#000 6%);mask-image:linear-gradient(to right,transparent 0,#000 5%),linear-gradient(to top,transparent 0,#000 6%)}
.osc-win{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%),linear-gradient(to bottom,transparent 0,#000 5%);mask-image:linear-gradient(to right,transparent 0,#000 5%),linear-gradient(to bottom,transparent 0,#000 5%)}
.osc-screen{position:absolute;isolation:isolate;overflow:hidden;background:radial-gradient(70% 60% at 22% 30%,#f7f1e6 0%,rgba(247,241,230,0) 70%),radial-gradient(120% 110% at 78% 88%,#e4cfa2 0%,#ecdcbd 40%,#f2e9da 74%,#f5efe6 100%)}
.osc-mac .osc-screen{top:5.000%;right:3.971%;bottom:0;left:0}
.osc-win .osc-screen{top:0;right:3.971%;bottom:11.226%;left:0;background:radial-gradient(70% 60% at 25% 75%,#f7f1e6 0%,rgba(247,241,230,0) 70%),radial-gradient(120% 110% at 80% 14%,#e2cc9e 0%,#ebdabb 40%,#f2e9da 74%,#f5efe6 100%)}
/* macOS menu bar, light appearance, right end: Orbtile (open), battery, Wi-Fi, Control Center, clock */
.mb{position:absolute;z-index:2;top:0;left:0;right:0;height:calc(32*var(--u));display:flex;justify-content:flex-end;align-items:center;gap:calc(16*var(--u));padding-right:calc(20*var(--u));background:rgb(107,89,75);color:rgba(255,255,255,.85);font:400 calc(13*var(--u))/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0}
.mb-i{flex:none;display:flex;align-items:center;justify-content:center;width:calc(26*var(--u));height:calc(24*var(--u))}
.mb-i .mk{display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat}
/* Menu bar glyph masks: SF Symbols and the real macOS battery cut, black alpha masks painted in currentColor (SPEC-MAC G1 to G3). */
.mb-bat{--m:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAwCAYAAABe6Vn9AAAFU0lEQVR4nO2Ya8ifYxzHP////xnbM9toM7KtzXkaRkrkGJlSXm1TY3hBXmCSUkRSJhEmS4iQQ0krXhBLDrV4QyHHxdrmweygDTk/z/PXtb7f9e3a/TzZOy/ub93dh+u6fufDdd3QokWLFi1atGjRosX/BJ2Gb8cCy4ETgEOAicD+Mdf3vp7z7vEuMBJze3o3PN6LO3p+UM/DwE7gO2AzsP2/KDRQvd8GXALs1yC4BRmVAMMNRulpfLRaP9wwZ0Df/Z7oa/xgYAZwMvAVsG5fFFoDLAhrm6ktOxoK1bDS6RUjvYiUsDKdoJseNLrBbz5wAPD6eAqVBfbMiWLUDwvZG363MKlIk9DdGLPgnt8kvPkMVPNGIxzL+yzgnPEUKgSOBpYGk05l7Q+At4HPgR3AHOXZYj1bAIdhV3MfA74AfgdmAouAK4DJkWcE31TyW+BPeSXDsid5LUujQlcCg2GpFPA5CeacKNcu4FPgNeAu4LRYW4QcAm6QIhZ6G/C8kvs+Ce9iYA+YRkn+N4Nurwrlcj98LIUKw+OrPHHobAEe1fcDgRXAPaqAhckfwL0VvbL2bo1NlBfvEI9C8z1gbQjqHLLApaq9q/F5YRCHveUrocdYHiqlGRGdEGFjwoXAw8CRej4bOBS4X9ZcDxyjNWsVDgXLgKsk6HmqnttVls+vjFeun4E7FQHFA1MaIsZhVwzciK4saVdm5RkOQrMj7EbF0Pg7wmK91kwDLg9hiqGu1vpf5X1b3pHxEPCh3hfG2n7VJlBfNFakPF0N9ior9FVNXBxWBYFdyqsyZ7pKvZUd0r2E2KSqujknCjZFVBS8ALwheWbIIJbHMrgCus8ZU4El6lm7CdjqubCjOF2m51eBC/R+sYpCEfjaKNldVafyfFgIa6Gmq2Gjef5eaD0Vwk5Swn+vIrIjZLNxEu6X5xLCe1I20vL9JJXsbQqtoRg7SnnlcCuEf9D4zGBuj/dkxUJjq76VfLtJtDviPxR8UDiVkk8Y3sWCeJ6XDTB7j5Ur/ecWMR9QIl+m0ClzPgNulBJmMjUS3B6gCteOkrrwWq2KaKGadiELI3/6Y8xzy9gTl/VmsuBx3Q8S47nhzVJ+b5WAaxR6PVnpI+DHZCLav6gguOMXWteJhncFz1ab0MXiX/ei9JAjYFOGmD2U1e5rvV8IHBELUekuxeAT4Mso93Ol0DcRbqa5oaqS7oEe3yWFjdNVIJJGeslwBXzLmv4TSe0FA9EHhqq8QjG/RcQGwyhz9G1z9DHjybDurMqQfa0pRwWkaLlsxBGtcxHLbVIJ7xe9c+hqz5SuM4Mz9P19bVccRsXS1wM/ad6Z4Y2LlB/l/RHgY+A34Bl5rq8wmhyFwnha9xK2p0R+96p+ZScYq6MN7Bb+FW026yq3EbhZnrBVbCErfpx61NRguE7FJPPRz7Ok3GB0/REJtFyl/dSGcar95HbJvRe6qlYZn47Rkg9PqL5Pk7LdKMtLtdcrZxSjrD0LuEZ5lfE+W1ubwYaD3zvy2ko1+gw1xHcgZHBo7oWOtuNrRCjLZ71z2CoBpqjyZIhmRetHkm9QM90vepb5GmXdSwrVRdrrOYS71X7Oa18ea7dtwrcDl1bVLo/RqVin4RCYyINeCm00nWpT8Acq/p3K0OMexT1xpQ5jCe8iUtC0sJWxcqZVh69DJ/811H2k6fhd6GfRGFETH/e/QhJeokPYXw1bFsd6eiOLhHtX0nR1yiN0Vqv0ci2L54zq+7B28uVQuc+/seZr678gfmNNqISn4R+CT6CjY/yqGu8vUobcqji+7FQB2Kg20aJFixYtWrRo0YI9+Bf217hZ3oNSlgAAAABJRU5ErkJggg==)}
.mb-wifi{--m:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABICAYAAABY88MAAAAAAXNSR0IArs4c6QAAAGxlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAADYAAAAAQAAANgAAAABAAKgAgAEAAAAAQAAAE6gAwAEAAAAAQAAAEgAAAAA4wjxiQAAAAlwSFlzAAAhOAAAITgBRZYxYAAABBxJREFUeAHtmElsTVEYx1GiGjNVY5pQxFi6qRISY6QLiUTSYMNG0g0LU0rEtLCysGAjkbIQFSw05kiKhTHE2KK0VAwVVA2tUvz+0pdUe++b+u67fc33T35579177hn+95zvO+d16mQyB8wBc8AcMAfMAXPAHDAHzAFzwBwwB8wBc8AcMAfMAXPAHDAHzAFzwBwwBxLNgc4+dbg77Y6CLBgDGTAC+kFPSIZG+Aq18AaeQTncg/tQA74pXsapnXRYALmQDWkQbfsy9CFcgGKQmfXQYTSAkSwDDVCD/eMBv6izDLbBWIj2ZfCo/9KyK4An4IVZbnV+pL3DkANJkDBKpaer4TG4DS4e1z/R/gHIBE8Uq2mttzsLNsNs6AKRSPHpXRNa0g2gOlNAy30o9IJI+1vBM3vgIPiaTGi/lZQJN4IyXziz6QflFMw1oDwYDcqywSQTB8N82AIX4TOE294Ryk6CdqN0erIXvkGwQTRyX1lwK4yHWMQfGbkCZOJ3CNa+7l0BGR/prOWR2GoI1ck0ZTW3Tv/k3lVYCr3BC3Wl0mmgpBBqFsq8ueCrtB+7Dm6mlXEvH/pAPCQDFV/Pgl6YU780MzeAr5pD65ehZQfruHYItCSjkZaSkku0S0oxdx1UQcu+abuyBnyVstx2aL6xfcXv9dAXQknHqizQQGT0TXgLSh4asEKAMmEpnISdsBCUZUNJxuuUoqUZMO83349BTJJEtG+V9v9JcWseaCui7cRpUMZUZ52k5TQRdJpYDCNBg4xEHyhcAoVwCb6AmxSH1b8p8BTOwAtIGCXR0xwogloIzIK2fGpGapYuB68SD1X7p+E0vQuqoS1GuT2rpV0M06HDKJuRnALt49wGHqvrWooroRt4Li0hr6QNqgK/4lk4sVR7sEegLc4t0HbmPehUof/oQtXRnzIDoRKeg6dSsPZKaVQs84LpJTeVMU/AbZB5LSXjMkD7xjxQoHd74YO4JxJa2pLsBqeTRTnXtW0JZSxF/lMKvxZBCTjVe47rSkIJL80O7Z0CMa6G7/thArRFWpJroQICMbKU7woLkW5veCRyhYobkdfY+gnNvKmgpfsAFLs0W2KhYVSSCTLrLlRBXBQP4yIdiGJaD2iAOtCMMjk4oJc3DnbAHQiYpVmp5FEIOj4pvpmaHNAWogBeQyBWOX3Wc/8oaMmbcGAVhDItYKQO6ftAsdJ3xSUDBRmlzpj6lyUcaUmrbLjlw6kz6jJ+G6dTwo0we69ThA71FWGW79DFNIv0H9s1CCxJp89q7m8CzVBTMwdm8P08OJmmGZYPyWBycGAy14qg+VFKm9ol4HY25ZY/am8b4FRsyIWZUAnHoRRM5oA5YA6YA+aAOWAOmAPmgDlgDpgD5oA5YA6YA+aAOWAOmAPmgDnQvh34C48hofXV8mJaAAAAAElFTkSuQmCC)}
.mb-cc{--m:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABICAYAAABY88MAAAAAAXNSR0IArs4c6QAAAGxlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAADYAAAAAQAAANgAAAABAAKgAgAEAAAAAQAAAE6gAwAEAAAAAQAAAEgAAAAA4wjxiQAAAAlwSFlzAAAhOAAAITgBRZYxYAAABd5JREFUeAHtmetrlmUcx9cqXbh1NCznrNY27TA7GKWd1iwjFKOCRKigFwq+CPoXehlEkPSmg/g6JDCiE1pUmijhOlCtw2yWlFo5NWczNavPZz4PjPGoz33fv2c8xfWFz/bs9r4O9/f+Xb/rdz02NCQlB5IDyYHkQHIgOZAcSA4kB5IDyYHkQHIgOZAcSA4kB5IDyYHkwP/TgTNq/FiN9H8+XAaXQAtMAq9H6B86OQqHYA/shCH4G2qqWhmnMW0wH26CThhrXNS4ZeP+oH+N2w6fwmbYATU3kDHC1ERPt8Mq6Icj4ANOBEbfALwId8MUqImi3nx5cpP50ANPQC80wwh8D9/BXigbycfCcv4u/YugA4zs8phb+Pw8rIfDEKqzQntraOimv+WwEDTRt/8O9IEGes2HrfTCjBaNdYntByO0GtnnhdAFt8FimAV3wDHYB5sgVJHGXcDMFoFLxOX6LawBc84cuBkuhXOgknE+pMZ9CW/BNqg2Usxv/bAVNH4l+BI18n4w2n+ButQ8ZmV0GSkH4BnohedgN3i9Goa5703wBZwJWTWVBk/Bb+B4H4ErIFRRZYGTmg0uEeUb3gLXwlJwR61Wzdy4AB6E6dU2GnOfUfshGIHKOZXnNXoh4kekcdOYkKgf4CC4XFyeWdVEA9t2ZG1Yun8HvwdLn81/zuvs0t8hvyKNc3cTZW5ymRUpB4w8yaM/aSTKZ9S0PMve9hUVadwII2iYaoHjMAR5i1B3Q8kjxxf1Fzgvf4cp0rhdzEpUJ1wMfWANl1VuLh+DuTKr3LEdv6vU0N3UedWtcSZjSwnVDgtgJ6yGr8By43RyF/Qh18I6cGfMqpk0uBfcrJTzKm8UoxcifkTWcUbWJrgFWuE+cIPYAE/DDVBtHfc+91oHZpHP4mbyKFi7uVTdYTdCuHGVClHGyS3f8pOwDPxWxGWimfIrOF4jjJeRZkQOlagmOu3D/iZB+cjlaaEHfHGH4DV4Fj6DUEUbpylzYQUsAes3NwdN2wEuvaOgURFy/u6YFr2Xg+O5expp6+EFsJ4MzW/0V/Ho4/UicuJGnstlIVwH1lITod8ZxDxrengdvoBw0+izJsbZr/LsOgeMwC6YBueCEVJpuXI5s4xcI9hlaVQPgGdjMepqpuilWmmiGmUOchmZsM1JUeNqnPlwGDRO/DupXh2IevMnez7znfltOpwHRlvUMqWrUZWXq/ltN7gz1ySvjY5W+lEr45ro37w2H66BVrA8mQzRY441bhf9W7Ntha9hBP4z8qi1DNbCT+CZ1YebCCx9jDrrt8chzzczNDu9Ik8OjuYm8BCshG5wqRaRpmvEILgET5b4fQ7HbgfTwhLoBKP8FdgDoYo0zr56YAVYuxVdkhq1ETbAN+Df5i4jd7zMnZY/s+AeuAuuhuVgO6P/CNSlfNurwbqq6LI8QB9rYC5kebneez28DPtBo40482zd6gFmZuFZ1DTbfwC9kCdqbeOZ9T2wrwF4BELVGNhbG31JUZng++AT8MGzyjafwzY4DjNgJuR5CTSrrEjjmhmipfIwma66vMxL1mV5dZCG+8C00QTOLcuS5/ZTK9I4H1iKyjn5sCb8vPKYZx/u6kad88oTvTSrrEjjPCdG/KevkdEBV1SeclVXXZpXguYbec4t4qXSzQlFGmfJIBGaRyeLwdosqyxLFsGtpYbOyVNEqIoWqGMn41c7nhq6wZxSRBauVv1GjMcm+zZfnUpT+EfLjofhMZgNliSvgt/NhR6/IhOmyfwNaIel4MPnlTugL2AqGDlGjEvuGIyX9/ocRppmWfvNgGF4G9bBXqhrufRvhFUwCCZmk3JR7MeIcbesxGGul8eynNkJL4FfMkSuKro7odDaZkyfJvZeuBNcPq1gBNb625GfGcPo3AzvwnbQyHDVwrjyJM1PbXAVaJxLyWvRYxrN5j9ThV8I9MOPULdnU+aWlBxIDiQHkgPJgeRAciA5kBxIDiQHkgPJgeRAciA5kBxIDiQHau/Av1wpnRT2lIUIAAAAAElFTkSuQmCC)}
.mb-orb{position:relative;width:calc(33*var(--u));height:calc(24*var(--u));border-radius:calc(12*var(--u));background:rgba(255,255,255,.13);margin-right:calc(-8.5*var(--u))}
.mb-orb>svg.glyph{display:block;width:calc(20*var(--u));height:calc(18*var(--u))}
.mb-orb .t{fill:#fff;fill-opacity:.45}
.mb-orb .c{fill:#a77be2}
.osc-pop,.osc-fly{position:absolute;overflow:hidden;background:#4b4b4b}
.osc-pop{width:calc(602*var(--u));aspect-ratio:1204/752}
.osc-fly{width:calc(602*var(--u));aspect-ratio:602/376}
.osc-pop{top:calc(42.5*var(--u));right:calc(13*var(--u));border-radius:calc(10*var(--u));box-shadow:0 calc(10*var(--u)) calc(30*var(--u)) rgba(60,40,20,.32),0 0 0 .5px rgba(0,0,0,.5)}
.osc-fly{right:0;bottom:calc(48*var(--u));border-radius:calc(8*var(--u));background:#242424;box-shadow:0 calc(8*var(--u)) calc(32*var(--u)) rgba(0,0,0,.28),0 calc(2*var(--u)) calc(8*var(--u)) rgba(0,0,0,.14)}
.osc-pop::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);pointer-events:none}
.osc-pop video,.osc-fly video{display:block;width:100%;height:100%;object-fit:cover}
/* The popover arrow hangs from the Orbtile status item, tip 0.5 pt into the menu bar; its fill continues the panel. */
.mb-orb .osc-horn{position:absolute;top:calc(100% + 3.5*var(--u));left:50%;width:calc(30*var(--u));height:calc(12.5*var(--u));margin-left:calc(-15*var(--u));overflow:visible}
.osc-horn .h-out{fill:none;stroke:rgba(0,0,0,.5);stroke-width:1px;vector-effect:non-scaling-stroke}
.osc-horn .h-fill{fill:#4b4b4b}
.osc-horn .h-rim{fill:none;stroke:rgba(255,255,255,.13);stroke-width:2px;vector-effect:non-scaling-stroke}
/* Windows 11 taskbar, light mode, right end: chevron, Orbtile tray icon (open), network/sound/battery, clock and date */
@font-face{font-family:"Orb Segoe Fallback";src:local("Arial"),local("ArialMT"),local("Helvetica");ascent-override:107.91%;descent-override:25.10%;line-gap-override:0%}
.tb{position:absolute;left:0;right:0;bottom:0;height:calc(48*var(--u));display:flex;justify-content:flex-end;align-items:center;gap:0;background:rgba(238,238,238,.85);-webkit-backdrop-filter:blur(calc(30*var(--u))) saturate(125%);backdrop-filter:blur(calc(30*var(--u))) saturate(125%);box-shadow:inset 0 calc(1*var(--u)) 0 rgba(0,0,0,.2);color:rgba(0,0,0,.894);font:400 calc(12*var(--u))/calc(16*var(--u)) "Segoe UI Variable Text","Segoe UI",Selawik,"Orb Segoe Fallback",sans-serif}
.tb-i{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:calc(32*var(--u));height:calc(40*var(--u));border-radius:calc(4*var(--u))}
.tb-i svg{display:block;flex:none;width:calc(16*var(--u));height:calc(16*var(--u))}
.tb-open{background:rgba(255,255,255,.53);border:calc(1*var(--u)) solid rgba(0,0,0,.057);border-bottom-color:rgba(0,0,0,.093)}
.tb-qs{width:calc(88*var(--u));padding:0 calc(8*var(--u));gap:calc(12*var(--u));justify-content:flex-start}
.tb-clock{display:block;white-space:normal;width:calc(78*var(--u));height:calc(40*var(--u));padding:0}
.tb-i.tb-clock svg{display:block;width:calc(78*var(--u));height:calc(40*var(--u))}
.mb-clock{flex:none;display:block;position:static;top:auto;white-space:normal;width:calc(110.77*var(--u));height:calc(24*var(--u))}
.mb-clock svg{display:block;width:100%;height:100%}
.tb-desk{flex:none;align-self:stretch;width:calc(12*var(--u))}
.site-v3.page-home .hero .nh-motion{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}
.page-home .hero .nh-motion #animation-status:empty{display:none}
/* H1 Watch it work: demo stage beside the three steps */
.ww .ww-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;margin-top:40px;align-items:start}
.ww-stage-in{display:grid;grid-template-columns:minmax(0,520fr) minmax(0,196fr);grid-template-rows:auto auto;justify-content:center;column-gap:28px}
.ww figure{margin:0;display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0}
.ww-pad-box,.ww-phone-box{align-self:end}
.ww .media-caption{margin-top:16px;text-align:center;font-size:14px;color:var(--ot-text-2)}
.ww-steps{display:flex;flex-direction:column}
.ww-step{display:flex;flex-direction:column;justify-content:center;padding:32px 0;border-top:1px solid var(--ot-hair)}
.ww-step:first-child{border-top:0;justify-content:flex-start;padding-top:0}
.ww-step p{margin-top:12px;max-width:52ch;color:var(--ot-text-2)}
.ww-step p+p{margin-top:16px}
@media (min-width:960px){.ww-step{min-height:240px}.ww-stage{position:sticky;top:100px}}
@media (max-width:959px){.ww .ww-grid{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:40px}.ww-step{padding:24px 0}.ww-step:first-child{padding-top:24px;border-top:1px solid var(--ot-hair)}.ww-stage-in{grid-template-columns:minmax(0,62fr) minmax(0,32fr);column-gap:16px}}
/* Sections, unfolded (H1), one content width */
.page-home .section.rv{padding-block:72px}
.page-home .section.rv .section-head{margin-bottom:40px}
.page-home #states .wrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2fr);grid-template-rows:auto 1fr;column-gap:56px;align-items:start}
.page-home #states .section-head{grid-column:1;grid-row:1;margin-bottom:0}
.page-home #states .states{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 24px}
.page-home #states .states-note{grid-column:1;grid-row:2;margin-top:24px;font-size:var(--ot-fs-small);color:var(--ot-text-2)}
.page-home #states .state{display:block;padding:0;border:0}
.page-home #states .state .heart{display:block;width:100%;margin:0 0 12px;border-radius:22%;overflow:hidden;aspect-ratio:1}
.page-home #states .state .heart video{display:block;width:100%;height:100%;object-fit:cover}
.page-home #states .state h3{font:600 16px/1.35 var(--ot-font-sans)}
.page-home #states .state p{margin-top:4px;font-size:14px;line-height:1.45;color:var(--ot-text-2)}
.page-home #how .setup-keypad{grid-template-columns:minmax(0,1fr);gap:24px}
.page-home #how .setup-keypad .form-note{margin-top:12px}
.page-home #how .setup-keypad .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.page-home #how .setup-keypad .step{display:block;padding:24px;border:1px solid var(--ot-hair);border-radius:var(--ot-r-lg);background:var(--ot-surface)}
.page-home #how .setup-keypad .step .num{display:block;font:500 13px/1 var(--ot-font-mono);color:var(--ot-gold-text)}
.page-home #how .setup-keypad .step h3{margin-top:12px}
.page-home #how .setup-keypad .step p{margin-top:12px;color:var(--ot-text-2)}
.page-home #how .how-more{margin-top:32px}
.page-home #how .setup-phone p:has(>.btn){margin-top:24px}
.page-home #agents .support-matrix,.page-home #support .support{max-width:1240px}
.page-home #agents .capabilities h2{margin-top:16px}
.page-home #agents .lead{max-width:60ch}
.page-home #support .support>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:56px;align-items:start}
.page-home #support .support>div>.kicker{grid-area:1 / 1}
.page-home #support .support>div>h2{grid-area:2 / 1 / span 3}
.page-home #support .support>div>.lead{grid-area:1 / 2 / span 2;margin-top:0 !important}
.page-home #support .support>div>.ctas{grid-area:3 / 2}
.page-home #support .support>div>.fine{grid-area:4 / 2;max-width:68ch}
.page-home #faq .faq{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
@media (max-width:959px){
.page-home .section.rv{padding-block:48px}
.page-home #states .wrap{grid-template-columns:minmax(0,1fr)}
.page-home #states .section-head,.page-home #states .states,.page-home #states .states-note{grid-column:1;grid-row:auto}
.page-home #states .states{margin-top:32px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.page-home #states .state .heart{width:96px}
.page-home #how .setup-keypad .steps,.page-home #faq .faq{grid-template-columns:minmax(0,1fr)}
.page-home #support .support>div{grid-template-columns:minmax(0,1fr)}
.page-home #support .support>div>*{grid-area:auto !important}
.page-home #support .support>div>.lead{margin-top:18px !important}
}
/* K: keypad overlay. The hardware is the #kpo-hw symbol (inlined once) with transparent key windows; the media sits
   behind it in the rect x=139.5 y=134 w=h=724.559 of the 1000 x 1175 viewBox. */
.kpo{position:relative;display:block;width:100%;aspect-ratio:1000/1175;margin:0}
.kpo-media{position:absolute;left:13.95%;top:11.4043%;width:72.4559%;height:61.6646%;overflow:hidden;background:#0d0c0b}
.kpo::before{content:"";position:absolute;left:12.95%;top:10.5532%;width:74.4559%;height:63.3667%;background:#0d0c0b}
.kpo.kpo.kpo .kpo-media>img,.kpo.kpo.kpo .kpo-media>video{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover;border-radius:0}
.kpo-hw{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.kpo-slot{max-width:520px;margin-top:12px}
/* One frame: tighter vertical rhythm */
.page-home.public-site .section{padding-block:48px}
.page-home .section-head{margin-bottom:32px}
/* Motion */
@keyframes rv-up{from{opacity:0;transform:translateY(40px)}}
@keyframes rv-tile{from{opacity:0;transform:translateY(24px) scale(.9)}}
@keyframes nh-rise{from{opacity:0;transform:translateY(28px)}}
@keyframes nh-drift{to{transform:translateY(-72px)}}
@keyframes nh-drift-s{to{transform:translateY(-28px)}}
@keyframes ww-up{from{opacity:0;transform:translateY(56px)}}
@keyframes ww-scale{from{opacity:0;transform:scale(.78) translateY(48px)}}
@keyframes ww-focus{0%{opacity:.45;transform:translateY(20px)}38%,62%{opacity:1;transform:none}100%{opacity:.45}}
@keyframes ww-focus-last{0%{opacity:.45;transform:translateY(20px)}38%,100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
.page-home .section.rv{view-timeline:--rv block}
.page-home .section.rv>.wrap{animation:rv-up linear both;animation-timeline:--rv;animation-range:entry 0% entry 35%}
.page-home #states .state{animation:rv-tile linear both;animation-timeline:--rv}
.page-home #states .state:nth-child(1){animation-range:entry 15% entry 45%}
.page-home #states .state:nth-child(2){animation-range:entry 18% entry 48%}
.page-home #states .state:nth-child(3){animation-range:entry 21% entry 51%}
.page-home #states .state:nth-child(4){animation-range:entry 24% entry 54%}
.page-home #states .state:nth-child(5){animation-range:entry 27% entry 57%}
.page-home #states .state:nth-child(6){animation-range:entry 30% entry 60%}
.page-home #states .state:nth-child(7){animation-range:entry 33% entry 63%}
.page-home #states .state:nth-child(8){animation-range:entry 36% entry 66%}
.page-home #states .state:nth-child(9){animation-range:entry 39% entry 69%}
.page-home #states .state:nth-child(10){animation-range:entry 42% entry 72%}
.page-home #how .setup-keypad .step,.page-home #explore .feature-links>a,.page-home #faq .faq>details{animation:rv-up linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
.nh .copy>*,.nh-row .nh-dev,.nh-motion{animation:nh-rise .7s cubic-bezier(.2,.7,.2,1) both}
.nh .copy>.nh-lead{animation-delay:.08s}
.nh .copy>.ctas{animation-delay:.16s}
.nh-row .mac{animation-delay:.26s}
.nh-row .kp{animation-delay:.34s}
.nh-row .ph{animation-delay:.42s}
.nh-row .ip{animation-delay:.58s}
.nh-row .win{animation-delay:.5s}
.nh-motion{animation-delay:.6s}
.nh .copy{animation:nh-drift linear both;animation-timeline:scroll(root);animation-range:0px 800px}
.nh-row{animation:nh-drift-s linear both;animation-timeline:scroll(root);animation-range:0px 800px}
.ww .story-intro{animation:ww-up linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.ww .ww-grid{view-timeline:--ww block}
.ww-stage-in{animation:ww-scale linear both;animation-timeline:--ww;animation-range:entry 0% entry 75%}
.ww-step{animation:ww-focus linear both;animation-timeline:view();animation-range:cover 10% cover 90%}
.ww-step:last-child{animation-name:ww-focus-last}
}}
/* Pause animations: a state class on the body pauses every time-based animation (hero intro, hearts, caret), so Play resumes rather than replays them;
   scroll-linked animations are switched off instead, since a paused one freezes unscrolled content at its first keyframe (invisible). site.js pauses the videos */
.is-paused *,.is-paused *::before,.is-paused *::after{animation-play-state:paused !important}
.page-home.is-paused .section.rv>.wrap,.page-home.is-paused #states .state,.page-home.is-paused #how .setup-keypad .step,.page-home.is-paused #explore .feature-links>a,.page-home.is-paused #faq .faq>details,.is-paused .nh .copy,.is-paused .nh-row,.is-paused .ww .story-intro,.is-paused .ww-stage-in,.is-paused .ww-step{animation:none !important}

/* launch 0220: L3 */
.site-v3.page-roadmap .roadmap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ot-space-4)}
.site-v3.page-roadmap .roadmap > .card{border:1px solid var(--ot-hair);border-radius:var(--ot-r-lg)}
.site-v3.page-roadmap .roadmap .card > .kicker + .h2{margin-top:var(--ot-space-2)}
.site-v3.page-roadmap .roadmap .card > .h2 + p,.site-v3.page-roadmap .roadmap .card > .h2 + ul{margin-top:var(--ot-space-4)}
.site-v3.page-roadmap #request .form{gap:var(--ot-space-6);margin-top:var(--ot-space-6)}
.site-v3.page-roadmap #request .form > .form-note{margin-top:calc(-1 * var(--ot-space-3))}
.site-v3.page-roadmap #request .form > .btn{justify-self:start}
.site-v3.page-roadmap #request .form > .cf-turnstile:empty,.site-v3.page-roadmap #feedback-result:empty{display:none}
.site-v3.page-roadmap .roadmap .card > p + p{margin-top:var(--ot-space-3)}
.site-v3.page-roadmap .roadmap .card > :last-child{margin-bottom:0}

.site-v3.page-download .dl{max-width:1240px}
.site-v3.page-download .dl .icon{margin-top:0}
.site-v3.page-download .dl .copy .h1{margin-top:0}
.site-v3.page-download .download-choice{margin-top:var(--ot-space-8)}
/* Four minimal cards from 1200px, two from 600px, one below 600px; cards in a row share 5 subgrid rows. */
.site-v3.page-download .platform-columns{display:grid;gap:var(--ot-space-10)}
.site-v3.page-download .platform-step{display:grid;gap:var(--ot-space-4);min-width:0}
.site-v3.page-download .platform-step-head{display:grid;gap:var(--ot-space-1)}
.site-v3.page-download .platform-step-head .h3{margin:0;font-size:22px}
.site-v3.page-download .platform-step-head .form-note{margin:0}
.site-v3.page-download .platform-step-head .kicker{display:block}
.site-v3.page-download .platform-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto auto auto;gap:var(--ot-space-4)}
.site-v3.page-download .platform-col{grid-row:span 5;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0;align-content:stretch;padding:var(--ot-space-5);background:var(--ot-surface);border:1px solid var(--ot-hair);border-radius:var(--ot-r-lg);min-width:0}
.site-v3.page-download .platform-col > *{align-self:start;min-width:0}
.site-v3.page-download .platform-pair-phone{grid-template-rows:none}
.site-v3.page-download .platform-pair-phone .platform-col{grid-row:auto;grid-template-rows:none;align-content:start}
.site-v3.page-download .platform-col > .h3{grid-row:1;margin:0;font-size:20px;line-height:1.3;white-space:nowrap}
.site-v3.page-download .platform-col > .platform-sub{grid-row:2;margin:4px 0 0;font:400 13px/1.4 var(--ot-font-sans);color:var(--ot-text-2);white-space:nowrap}
.site-v3.page-download .platform-col > .btn{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;overflow-wrap:anywhere;box-sizing:border-box}
.site-v3.page-download .platform-col > .store-badge{grid-row:3;justify-self:stretch;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:66px;min-height:66px;margin:8px 0 0;padding:11px;line-height:0;border-radius:12px}
.site-v3.page-download .platform-col > [data-installer-download]{grid-row:3;justify-self:center;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;width:auto;min-width:148px;max-width:100%;height:44px;min-height:44px;margin:19px 0 11px;padding:0 14px 0 11px;border-radius:6px;border:1px solid #a6a6a6;background:#000;color:#fff;font:600 12px/1.15 var(--ot-font-sans);text-decoration:none;text-align:left;white-space:nowrap;box-shadow:none}
.site-v3.page-download .platform-col > [data-installer-download]:hover{background:#000;color:#fff;border-color:#fff;filter:none;text-decoration:none}
.site-v3.page-download .platform-col > [data-installer-download]:focus-visible{outline:2px solid var(--ot-text);outline-offset:2px}
.site-v3.page-download .dmg-badge-icon{flex:none;display:block;width:24px;height:24px;border-radius:5px}
.site-v3.page-download .dmg-badge-text{display:grid;gap:1px;line-height:1;min-width:0}
.site-v3.page-download .dmg-badge-kicker{display:block;font:400 10px/1.1 var(--ot-font-sans);letter-spacing:.01em;color:rgba(255,255,255,.9)}
.site-v3.page-download .dmg-badge-main{display:block;font:600 17px/1.05 var(--ot-font-sans);letter-spacing:-.01em;color:#fff}
.site-v3.page-download .store-badge img{display:block;width:auto;max-width:100%;height:52.5px}
.site-v3.page-download .store-badge:focus-visible{outline-color:var(--ot-text)}
.site-v3 .store-badge{box-sizing:border-box;padding:11px}
.site-v3.page-download .store-badge img,.site-v3.page-home .store-badge img{display:block;width:auto;max-width:100%;height:44px}
.site-v3.page-download .store-badge-google-play img,.site-v3.page-home .store-badge-google-play img{height:65.476px;margin-top:-10.738px;margin-bottom:-10.738px}
.site-v3.page-download .platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,auto);column-gap:var(--ot-space-4);row-gap:0;align-items:stretch}
.site-v3.page-download .platform-grid > .platform-col{grid-row:span 5;grid-template-rows:subgrid}
.site-v3.page-download .compact-note{margin-top:var(--ot-space-5)}
.site-v3.page-download .compact-help{margin-top:var(--ot-space-2)}
@media (max-width:1199px){.site-v3.page-download .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1199px){.site-v3.page-download .platform-grid{grid-template-rows:repeat(5,auto) var(--ot-space-4) repeat(5,auto)}.site-v3.page-download .platform-grid > .platform-col:nth-child(-n+2){grid-row:1 / span 5}.site-v3.page-download .platform-grid > .platform-col:nth-child(n+3){grid-row:7 / span 5}}
@media (max-width:599px){.site-v3.page-download .platform-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599px){.site-v3.page-download .platform-grid{grid-template-rows:none;row-gap:var(--ot-space-4)}.site-v3.page-download .platform-grid > .platform-col,.site-v3.page-download .platform-grid > .platform-col:nth-child(-n+2),.site-v3.page-download .platform-grid > .platform-col:nth-child(n+3){grid-row:auto;grid-template-rows:none}.site-v3.page-download .platform-grid > .platform-col > *{grid-row:auto}}
.site-v3.page-download .platform-col > .scan-handoff,.site-v3.page-download .platform-col > .scan-slot{grid-row:4;justify-self:stretch;margin:8px 0 0;min-width:0}
.site-v3.page-download .scan-slot{display:grid;justify-items:center;gap:var(--ot-space-2)}
.site-v3.page-download .beta-prereq{margin:0;font-size:var(--ot-fs-small);line-height:1.4;text-align:center;color:var(--ot-text-2)}
.site-v3.page-download .platform-col > .card-more{grid-row:5;justify-self:stretch;margin:var(--ot-space-4) 0 0;padding-top:var(--ot-space-3);border-top:1px solid var(--ot-hair);font-size:var(--ot-fs-small);line-height:1.5;color:var(--ot-text-2);min-width:0}
.site-v3.page-download .platform-col > .cli-reveal{grid-row:4;justify-self:stretch;align-self:start;margin:8px 0 0;min-width:0}.site-v3.page-download .cli-reveal > summary{list-style:none;cursor:pointer;display:flex;justify-content:center;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--ot-hair-strong);border-radius:12px;background:var(--ot-surface-2);color:var(--ot-text);font:600 14px/1.2 var(--ot-font-mono);user-select:none}.site-v3.page-download .cli-reveal > summary::-webkit-details-marker{display:none}.site-v3.page-download .cli-reveal > summary:hover,.site-v3.page-download .cli-reveal[open] > summary{border-color:var(--ot-gold-text)}.site-v3.page-download .cli-reveal > summary:focus-visible{outline:2px solid var(--ot-text);outline-offset:2px}.site-v3.page-download .cli-reveal > .install-command{margin:var(--ot-space-3) 0 0}.site-v3.page-download .scan-slot > .beta-steps{margin-top:var(--ot-space-3)}
.site-v3.page-download .card-more > summary{cursor:pointer;color:var(--ot-text-2);font-size:13px;line-height:1.4;user-select:none}
.site-v3.page-download .card-more > summary:hover,.site-v3.page-download .card-more[open] > summary{color:var(--ot-text)}
.site-v3.page-download .card-more > summary:focus-visible{outline:2px solid var(--ot-text);outline-offset:2px}
.site-v3.page-download .card-more-body{display:grid;gap:var(--ot-space-3);margin-top:var(--ot-space-3);min-width:0}
.site-v3.page-download .card-more-body > .form-note,.site-v3.page-download .card-more-body > .install-command{margin:0}
.site-v3.page-download .installer-alt{display:grid;gap:var(--ot-space-2);align-content:start;min-width:0}
.site-v3.page-download .installer-alt > .btn-link{justify-self:start;text-align:left}
.site-v3.page-download .installer-alt > .form-note{margin:0}
.site-v3.page-download .platform-more{display:grid;gap:var(--ot-space-3);align-content:start;min-width:0}
.site-v3.page-download .install-callout,.site-v3.page-download .verify-sum{font-size:var(--ot-fs-small);line-height:1.5;color:var(--ot-text-2);min-width:0}
.site-v3.page-download .install-callout > summary,.site-v3.page-download .verify-sum > summary{cursor:pointer;color:var(--ot-text-2);width:max-content;max-width:100%}
.site-v3.page-download .install-callout[open]{padding:var(--ot-space-3) var(--ot-space-4);border:1px solid var(--ot-hair-strong);border-radius:var(--ot-r-md);background:var(--ot-surface-2)}
.site-v3.page-download .install-callout[open] > summary{color:var(--ot-text);font-weight:600}
.site-v3.page-download .install-callout p,.site-v3.page-download .verify-sum > div,.site-v3.page-download .install-callout > div{margin:var(--ot-space-2) 0 0}
.site-v3.page-download .install-callout > .link{display:inline-block;margin-top:var(--ot-space-2)}
.site-v3.page-download .install-callout code,.site-v3.page-download .verify-sum code,.site-v3.page-download #checksum code,.site-v3.page-download #checksum-msi code{font:12px/1.5 var(--ot-font-mono);overflow-wrap:anywhere;word-break:break-word}
.site-v3.page-download #checksum code,.site-v3.page-download #checksum-msi code{white-space:normal}
.site-v3.page-download #checksum,.site-v3.page-download #checksum-msi{min-width:0;max-width:100%}
.site-v3.page-download .install-callout .form-note,.site-v3.page-download .verify-sum .form-note,.site-v3.page-download #checksum .form-note,.site-v3.page-download #checksum-msi .form-note{display:block;margin-top:var(--ot-space-2);font-size:12.5px;min-width:0;overflow-wrap:anywhere}
.site-v3.page-download .install-command{min-width:0;max-width:100%}
.site-v3.page-download .install-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ot-space-2);min-width:0;max-width:100%}
.site-v3.page-download .install-command code{flex:1 1 auto;min-width:0;max-width:100%;overflow-x:auto;white-space:nowrap;box-sizing:border-box}
.site-v3.page-download .install-command .copy-btn{flex-shrink:0}
.site-v3.page-download .sum-label{display:block;font:500 var(--ot-fs-kicker)/var(--ot-lh-kicker) var(--ot-font-mono);color:var(--ot-text-2)}
.site-v3.page-download .beta-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--ot-space-2)}
.site-v3.page-download .beta-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ot-space-3);align-items:center;padding:12px 16px;border:1px solid var(--ot-hair-strong);border-radius:12px;background:var(--ot-surface-2);color:var(--ot-text);text-decoration:none}
.site-v3.page-download .beta-step:hover{border-color:var(--ot-gold-text)}
.site-v3.page-download .beta-step:focus-visible{outline:2px solid var(--ot-text);outline-offset:2px}
.site-v3.page-download .beta-step-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ot-gold);color:#100d0b;font:600 13px/1 var(--ot-font-mono)}
.site-v3.page-download .beta-step-text{display:grid;gap:2px;min-width:0}
.site-v3.page-download .beta-step-text > span{font-size:var(--ot-fs-small);line-height:1.4;color:var(--ot-text-2)}
.site-v3.page-download .scan-handoff{display:flex;justify-content:center;align-items:center;gap:var(--ot-space-4);margin:0}
.site-v3.page-download .scan-code{display:block;flex:none;width:104px;height:104px;border-radius:8px}
.site-v3.page-download .scan-handoff figcaption{font-size:var(--ot-fs-small);line-height:1.5;color:var(--ot-text)}
.site-v3.page-download .scan-handoff figcaption span{display:block;color:var(--ot-text-2)}
.site-v3.page-download .platform-facts{display:grid;align-content:start;gap:var(--ot-space-2);margin:var(--ot-space-2) 0 0;font-size:var(--ot-fs-small);line-height:1.5}
.site-v3.page-download .platform-facts dt{font:500 var(--ot-fs-kicker)/var(--ot-lh-kicker) var(--ot-font-mono);letter-spacing:.02em;color:var(--ot-text-2);margin-bottom:2px}
.site-v3.page-download .platform-facts dd{margin:0;color:var(--ot-text)}
.site-v3.page-download .platform-facts dd .link{display:inline}
.site-v3.page-download .platform-facts code{font:12px/1.5 var(--ot-font-mono);overflow-wrap:anywhere}
.site-v3.page-download .platform-facts .form-note{display:block;margin-top:var(--ot-space-2);font-size:12.5px}
@media (min-width:720px){.site-v3.page-download .platform-facts{grid-template-columns:max-content minmax(0,1fr);column-gap:var(--ot-space-4);row-gap:var(--ot-space-2);align-items:baseline}.site-v3.page-download .platform-facts>div{display:contents}.site-v3.page-download .platform-facts dt{margin-bottom:0}.site-v3.page-download .platform-facts>div:has(ol) dt,.site-v3.page-download .platform-facts>div:has(ol) dd{grid-column:1 / -1}}
.site-v3.page-download .download-choice > .form-note{margin-top:var(--ot-space-4)}
.site-v3.page-download .download-details{margin-top:var(--ot-space-6)}
.site-v3.page-download .download-details + .form-note{margin-top:var(--ot-space-3)}
.site-v3.page-download .download-details + .form-note + .form-note{margin-top:var(--ot-space-2)}
@media (max-width:959px){.site-v3.page-download .platform-pair{grid-template-columns:minmax(0,1fr);gap:var(--ot-space-4)}.site-v3.page-download .platform-pair .platform-col{grid-row:auto;grid-template-rows:none}}
@media (max-width:719px){.site-v3.page-download .dl .icon{margin-bottom:var(--ot-space-3)}.site-v3.page-download .platform-col{padding:var(--ot-space-5)}.site-v3.page-download .download-choice{margin-top:var(--ot-space-6)}}

.site-v3.page-changelog .release-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ot-space-4)}
.site-v3.page-changelog .release-body > p.lead{margin-bottom:0 !important}
.site-v3.page-changelog .release-card > details > .release-body{margin-top:var(--ot-space-3)}
.site-v3.page-changelog .release-platform{padding:var(--ot-space-6);background:var(--ot-surface);border:1px solid var(--ot-hair);border-radius:var(--ot-r-lg);min-width:0}
.site-v3.page-changelog .release-platform-title{font-size:19px;line-height:1.4;font-weight:600;margin:0 0 var(--ot-space-4)}
.site-v3.page-changelog .release-platform .release-group + .release-group{margin-top:var(--ot-space-5)}
.site-v3.page-changelog .release-platform .release-group h4.kicker{display:block;margin:0 0 var(--ot-space-2)}
.site-v3.page-changelog .release-platform .release-group ul{margin:0;padding-left:var(--ot-space-5)}
.site-v3.page-changelog .release-header{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:var(--ot-space-3);padding-bottom:0;border-bottom:0}
.site-v3.page-changelog .release-header + .release-body{margin-top:var(--ot-space-6)}
.site-v3.page-changelog .release-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ot-space-3);margin-top:var(--ot-space-2)}
.site-v3.page-changelog .releases{max-width:none}
.site-v3.page-changelog .release-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ot-space-4)}
.site-v3.page-changelog .release-platform-empty{margin:0;color:var(--ot-text-2);font-size:var(--ot-fs-small)}
@media (max-width:759px){.site-v3.page-changelog .release-platforms{grid-template-columns:minmax(0,1fr)}}
@media (max-width:719px){.site-v3.page-changelog .release-platform{padding:var(--ot-space-5)}}

/* launch 0220: L4 */
/* Shared: two-column intro (G4 revised: adapters, enterprise, spawn, crosstalk, shared-memory) */
.site-v3 .intro-split { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--ot-space-12); align-items: center; max-width: 1000px; }
.site-v3 .intro-text > :first-child { margin-top: 0; }
.site-v3 .intro-cta { display: flex; flex-direction: column; align-items: flex-start; max-width: 360px; margin: 0; }
.site-v3 .btn-xl { font-size: 18px; padding: 20px 36px; border-radius: 12px; }
@media (max-width: 899px) { .site-v3 .intro-split { grid-template-columns: minmax(0, 1fr); } .site-v3 .intro-cta { margin-top: var(--ot-space-6); max-width: none; } }
@media (max-width: 719px) { .site-v3 .intro-cta { align-items: stretch; } .site-v3 .intro-cta .btn { width: 100%; } }

/* Pricing: P1, G3, enterprise-row */
.site-v3.page-pricing .plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ot-space-4); align-items: stretch; }
@media (max-width: 959px) { .site-v3.page-pricing .plans { grid-template-columns: minmax(0, 1fr); } }
.site-v3.page-pricing .price-card { box-shadow: none; background-image: none; }
.site-v3.page-pricing .price-card::before, .site-v3.page-pricing .price-card::after { display: none; }
.site-v3.page-pricing .price-card.beta-plan { border: 1px solid var(--ot-hair-strong); border-top: 1px solid var(--ot-hair-strong); }
.site-v3.page-pricing .price-card.founder-card,
.site-v3.page-pricing .price-card.standard-card { border: 1.5px solid var(--ot-gold); }
.site-v3.page-pricing .badge-live::before { box-shadow: none; }
.site-v3.page-pricing .founder-card .amount { gap: 0; }
.site-v3.page-pricing .founder-card .amount span { margin-left: 0 !important; }
.site-v3.page-pricing .content-section .note { margin-top: var(--ot-space-6); }
.site-v3.page-pricing .enterprise-row { margin-top: var(--ot-space-4); border: 1px solid var(--ot-hair-strong); }
/* The 0.5px inset makes up for the gold cards' 1.5px border against this card's 1px, so the Buy button is exactly as wide as theirs. */
.site-v3.page-pricing .enterprise-row .enterprise-buy { margin: var(--ot-space-5) 0.5px 0; }
/* At three columns the buy column lines up under the 1.x card: the extra gap is both cards' padding plus the border difference. */
@media (min-width: 960px) {
  .site-v3.page-pricing .enterprise-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: calc(var(--ot-space-4) + 2 * var(--ot-space-6) + 2px); align-items: start; }
  .site-v3.page-pricing .enterprise-row .enterprise-text { grid-column: 1 / span 2; }
  .site-v3.page-pricing .enterprise-row .enterprise-buy { grid-column: 3; margin-top: 0; }
}

/* Adapters: G3 */
.site-v3.page-adapters .release-meta { margin-top: var(--ot-space-3); }

/* Enterprise: E1-E3, G3 */
.site-v3.page-enterprise .page-hero .hero-body { margin-top: var(--ot-space-4); max-width: 680px; color: var(--ot-text-2); }
.site-v3.page-enterprise .email-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ot-space-3); margin-top: var(--ot-space-6); }
.site-v3.page-enterprise .email-status:empty { display: none; }
.site-v3.page-enterprise .price-card { max-width: none; }
.site-v3.page-enterprise .price-card .h1, .site-v3.page-enterprise .price-card h2 { margin-top: var(--ot-space-2); }
.site-v3.page-enterprise #contact-sales .note { margin-top: var(--ot-space-6); }

/* Spawn, Crosstalk, Shared Memory: S1 */
.site-v3.page-feature .intro-cta .interest-action { margin-top: 0; max-width: none; }
.site-v3.page-feature .intro-cta .invitation { margin-top: var(--ot-space-3); }

/* Account: AC2, G3 */
.site-v3 .account-wrap #google-sign-in + .form-note { display: block; margin-top: var(--ot-space-3); }
.site-v3 .account-wrap #login-form { margin-top: var(--ot-space-6); }
.site-v3 .account-wrap #password-note { margin-top: calc(var(--ot-space-3) - var(--ot-space-4)); }
.site-v3 .account-wrap #register-form .account-email-preferences { margin-top: calc(-1 * var(--ot-space-1)); }
.site-v3 .account-wrap #register-form { margin-bottom: 0; }
.site-v3 .account-wrap #register-form + .form-note { margin-top: var(--ot-space-3); }

/* Thanks: T1, G3, left-aligned hero and card content */
.site-v3.page-thanks .thanks-wrap { text-align: left; max-width: 1240px; margin: 0 auto; }
.site-v3.page-thanks .thanks-wrap .display,
.site-v3.page-thanks .thanks-wrap .lead,
.site-v3.page-thanks .thanks-wrap .receipt-note { margin-inline: 0; text-align: left; max-width: 680px; }
.site-v3.page-thanks .order-status { display: flex; align-items: center; justify-content: flex-start; gap: var(--ot-space-3); margin: 0; font: 600 var(--ot-fs-h3)/1.3 var(--ot-font-sans); color: var(--ot-text); }
.site-v3.page-thanks .order-check { flex: none; width: 48px; height: 48px; }
.site-v3.page-thanks .order-status + .display { margin-top: var(--ot-space-5); }
.site-v3.page-thanks .receipt-note { margin-top: var(--ot-space-3); font-size: 14px; color: var(--ot-text-dim); line-height: 1.5; }
.site-v3.page-thanks .thanks-card-wrap { max-width: 1240px; margin: 0 auto; }
.site-v3.page-thanks .thanks-card { text-align: left; max-width: none; width: 100%; margin: 0; }
.site-v3.page-thanks .thanks-state { align-items: flex-start; text-align: left; }
.site-v3.page-thanks .thanks-state > .h2 + p { margin-top: var(--ot-space-2); }
.site-v3.page-thanks .licence-box { justify-content: flex-start; }
.site-v3.page-thanks .thanks-spinner { margin-inline: 0; }

/* Feedback: G3 */
.public-site.page-feedback .feedback > h1 { margin-top: var(--ot-space-3); }
.public-site.page-feedback #feedback-form > .form-note { margin-top: calc(var(--ot-space-3) - var(--ot-space-6)); margin-bottom: 0; }
.public-site.page-feedback .cf-turnstile:empty, .public-site.page-feedback #feedback-result:empty { display: none; }

/* launch 0220: L5 */
@media (min-width: 1000px) {
  .public-site .reading-layout { max-width: calc(1224px + 2 * var(--ot-space-gutter)); grid-template-columns: 200px minmax(0, 960px); gap: 64px; }
}

.page-guide .guide-cards { max-width: 960px; font-size: 19px; line-height: 1.7; }
.page-guide .guide-body p, .page-guide .guide-body ul, .page-guide .guide-body ol { font-size: 19px; line-height: 1.7; }
.page-guide .guide-body :is(p, li) { hyphens: auto; -webkit-hyphens: auto; text-wrap: pretty; }
@media (min-width: 720px) {
  .page-guide .guide-body :is(p, li) { text-align: justify; }
}
.page-guide .guide-body :is(h2, h3, h4) { text-align: left; hyphens: manual; }
.page-guide .guide-body code { hyphens: none; -webkit-hyphens: none; }
.page-guide .guide-body :is(p, li):has(code) { text-align: left; }
.page-guide .guide-group h3 { font-size: 22px; line-height: 1.35; }
.page-guide .guide-topic .topic-body { padding-block: var(--ot-space-12); }
.page-guide .guide-card:first-child .topic-body { padding-top: 0; }
.page-guide .guide-group { margin-top: 40px; }
.page-guide .guide-start { gap: 16px 24px; margin-top: 24px; }
@media (max-width: 719px) {
  .page-guide .guide-cards, .page-guide .guide-body p, .page-guide .guide-body ul, .page-guide .guide-body ol { font-size: 17px; line-height: 1.65; }
  .page-guide .guide-group h3 { font-size: 20px; }
  .page-guide .guide-topic .topic-body { padding-block: var(--ot-space-10); }
}
.page-guide .guide-body :is(p, ul, ol, figure, .product-pair, .code-block) + :is(p, ul, ol, figure, .product-pair, .code-block) { margin-top: 16px; }
.page-guide .guide-body p:has(> .btn), .page-guide .guide-body p:has(> .btn) + * { margin-top: 24px; }
.page-guide .guide-body .media-caption { margin-top: 12px; font-size: 15px; line-height: 1.5; color: var(--ot-text-2); }
.page-guide .guide-body :is(p, ul, ol, figure, .product-pair, .code-block) + h3 { margin-top: 40px; }
.page-guide .guide-card:last-child .guide-topic { border-bottom: 0; }

/* B1: the blog index lists posts only, as a three-column grid of cards 16 px apart. */
.page-blog .guides-link { display: none; }
.page-blog .account-wrap #blog-posts.account-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.page-blog .account-wrap #blog-posts .card-quiet { margin-bottom: 0; display: grid; align-content: start; gap: 12px; padding: 24px; }
.page-blog .account-wrap #blog-posts .card-quiet h2 { margin: 0; font-size: 22px; line-height: 1.3; text-wrap: balance; }
.page-blog .account-wrap #blog-posts .card-quiet p { margin: 0; }
@media (max-width: 999px) { .page-blog .account-wrap #blog-posts.account-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 719px) { .page-blog .account-wrap #blog-posts.account-grid { grid-template-columns: minmax(0, 1fr); margin-top: 32px; } .page-blog .account-wrap #blog-posts .card-quiet { padding: 20px; } }