:root {
  --paper: #f6f4ef;
  --ink: #282822;
  --muted: #66645c;
  --accent: #55594b;
  --accent-dark: #3e4437;
  --soft: #eeece5;
  --line: #d7d5cd;
  --white: #fff;
  --sans: 'Instrument Sans', Arial, sans-serif;
  --serif: var(--sans); /* Compatibility with the retained demo widget. */
  --green: #657653;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 28px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 15px/1.75 var(--sans); }
[hidden] { display: none !important; }
a { color: inherit; text-underline-offset: 5px; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:disabled { opacity: .5; cursor: not-allowed; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible { outline: 3px solid #55594b; outline-offset: 5px; }
.shell { width: min(1160px, calc(100% - 96px)); margin-inline: auto; }
.svg-defs { position: absolute; width: 0; height: 0; }
.skip-link { position: absolute; top: -100px; left: 20px; z-index: 10; background: white; padding: 12px; }
.skip-link:focus { top: 10px; }
.wordmark { font: 500 29px var(--sans); letter-spacing: -.06em; text-decoration: none; }
.site-nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 94px; border-bottom: 1px solid var(--line); }
.nav-center { display: flex; gap: 32px; }
.nav-center a { font-size: 12px; text-decoration: none; color: var(--muted); }
.nav-center a:hover { color: var(--ink); }
.mobile-nav { display: none; }
.pill { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 44px; padding: 11px 22px; border: 1px solid transparent; border-radius: 0; font-size: 12px; font-weight: 500; text-decoration: none; cursor: pointer; transition: background .2s, transform .2s; }
.pill:hover { transform: translateY(-2px); }
.pill.primary { background: var(--ink); color: var(--paper); }
.pill.primary:hover { background: var(--accent); }
.pill.paper { background: var(--paper); color: var(--ink); }
.pill.glass { border-color: var(--line); color: var(--ink); background: transparent; }
.text-link, .hero-secondary { display: inline-flex; align-items: center; gap: 14px; color: var(--accent); font-weight: 500; font-size: 14px; min-height: 44px; }
.hero-secondary { color: var(--ink); font-size: 13px; text-decoration: none; border-bottom: 1px solid #afb2a8; }
.eyebrow { font-size: 10px; line-height: 1.7; letter-spacing: .12em; text-transform: uppercase; font-weight: 500; margin: 0 0 26px; }
.muted { color: var(--muted); }

/* Architecture & Atelier: natural interiors and a separate workflow example. */
#hero { position: relative; }
.hero-layout { display: grid; grid-template-columns: .95fr 1.15fr; align-items: center; gap: 88px; padding: 58px 0 66px; }
.hero-copy h1 { font: 400 39px/1.15 var(--sans); letter-spacing: -.04em; margin: 0; max-width: 16ch; }
.hero-description { max-width: 43ch; color: var(--muted); line-height: 1.85; margin: 24px 0 0; font-size: 14px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; margin-top: 30px; }
.hero-note { font-size: 11px; margin: 18px 0 0; color: var(--muted); }
.hero-visual { margin: 0; min-width: 0; }
.hero-art { display: block; width: 100%; height: 375px; object-fit: cover; object-position: center; }
.hero-image-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 18px; margin-top: 12px; color: var(--muted); font-size: 9px; }
.hero-image-caption a { text-decoration: none; }
.coordination-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: 74px; align-items: start; }
.coordination-card { background: #fbfaf6; border: 1px solid var(--line); color: var(--ink); padding: 25px 27px 20px; }
.card-heading { display: flex; align-items: center; gap: 11px; border-bottom: 1px solid var(--line); padding-bottom: 17px; font-size: 12px; }
.card-heading strong { font-weight: 500; }
.card-heading span { display: block; font-size: 10px; color: var(--muted); margin-top: 2px; }
.brand-disc { display: grid; place-items: center; border-radius: 50%; width: 34px; height: 34px; flex-shrink: 0; background: #e9ebdf; color: #586650; font: 22px var(--sans); }
.event { padding: 14px 0 0; }
.event-meta { display: flex; justify-content: space-between; gap: 10px; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 6px; }
.bubble { padding: 11px 13px; background: #f5f5ef; border-radius: 0; font-size: 12px; line-height: 1.65; margin: 0; }
.bubble.answer { background: #e5e8de; color: #404936; margin-left: 42%; }
.event:last-of-type .bubble { background: #eef1e9; }
.sample-caption { font-size: 9px; color: var(--muted); margin: 14px 0 0; text-align: center; }
.hero-proof { border-top: 1px solid var(--line); padding: 23px 0; display: flex; justify-content: space-between; gap: 20px; font-size: 11px; color: var(--muted); }
.hero-proof span { display: flex; align-items: center; gap: 10px; }
.hero-proof span::before { content: ''; width: 5px; height: 5px; background: #849176; border-radius: 50%; flex-shrink: 0; }

.section { padding: 90px 0; }
.section-label { font-size: 10px; letter-spacing: .13em; text-transform: uppercase; color: var(--accent); font-weight: 500; margin-bottom: 22px; }
.display { font: 400 30px/1.25 var(--sans); letter-spacing: -.035em; margin: 0; max-width: 24ch; }
.lede { font-size: 14px; color: var(--muted); max-width: 48ch; margin: 23px 0 0; line-height: 1.8; }
.section-intro { display: flex; justify-content: space-between; gap: 80px; align-items: end; margin-bottom: 52px; }
.section-intro .lede { max-width: 35ch; }
.steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px 30px; }
.step { border-top: 1px solid #b9beb0; padding-top: 20px; }
.step-number { color: var(--accent); font: 400 17px var(--sans); }
.step h3 { font-size: 14px; font-weight: 500; letter-spacing: -.025em; margin: 23px 0 12px; }
.step p { font-size: 13px; color: var(--muted); margin: 0; line-height: 1.8; }
.steps-note { margin: 32px 0 0; color: var(--muted); font-size: 11px; }
#how { border-top: 1px solid var(--line); }
#demo { background: #eeece5; }
.demo-layout { display: grid; grid-template-columns: 1fr 1.05fr; gap: 96px; align-items: center; }
.demo-checks { list-style: none; padding: 0; margin: 27px 0; }
.demo-checks li { border-bottom: 1px solid #d6d9ce; padding: 15px 0; font-size: 13px; }
.demo-checks span { color: #7b866e; font-size: 11px; margin-right: 14px; }
.demo-panel { background: var(--paper); border: 1px solid #d6d9ce; border-radius: 0; padding: 30px; box-shadow: none; }
.demo-panel-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding-bottom: 22px; border-bottom: 1px solid var(--line); font-size: 13px; }
.demo-panel-top strong { font-weight: 500; }
.demo-badge { font-size: 9px; text-transform: uppercase; letter-spacing: .08em; padding: 5px 9px; background: #e6eadd; border-radius: 3px; color: #526647; }
.demo-scenario { font-size: 12px; color: var(--muted); margin: 25px 0; }
.demo-scenario strong { display: block; font-size: 15px; color: var(--ink); font-weight: 500; margin-bottom: 8px; }
.demo-placeholder { padding: 22px 0 14px; }
.demo-placeholder h3 { font: 400 23px/1.3 var(--sans); letter-spacing: -.03em; margin: 0 0 14px; }
.demo-placeholder p { font-size: 13px; color: var(--muted); }
.channel-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.channel-label { border: 1px solid var(--line); border-radius: 0; padding: 7px 10px; font-size: 10px; color: var(--muted); }
.demo-bottom { font-size: 10px; color: var(--muted); margin: 22px 0 0; padding-top: 20px; border-top: 1px solid var(--line); }
.demo-panel .call-dock { box-shadow: none; border: 1px solid var(--line); border-radius: 0; background: #fff; }
.demo-panel .call-stage { width: 100%; }
.demo-panel .call-results { max-height: none; }
.demo-panel .result-text { font-size: 14px; background: var(--soft); padding: 16px; }
.demo-panel .transcript { font-size: 13px; }
.demo-panel .mini-wave { margin: 18px 0; }
.demo-panel .dock-copy span { font-size: 12px; }
.session-note { font-size: 12px; color: var(--muted); }
.session-note.error { color: #943a37; }
.live-links { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 20px; font-size: 13px; }
.live-links a { min-height: 44px; display: inline-flex; align-items: center; }

.customer-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 96px; align-items: center; }
.customer-facts { border: 1px solid #d8dbcd; border-radius: 0; padding: 38px; background: #eeece5; }
.customer-name { font: 400 30px var(--sans); letter-spacing: -.04em; margin: 0 0 45px; }
.customer-numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; border-top: 1px solid #c4cbb9; padding-top: 26px; }
.customer-numbers strong { display: block; font: 400 36px var(--sans); letter-spacing: -.04em; }
.customer-numbers span { font-size: 11px; color: var(--muted); }
.pilot-tag { font-size: 9px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 20px; }
.customer-copy .display { max-width: 20ch; }
.customer-copy p { color: var(--muted); max-width: 49ch; font-size: 14px; line-height: 1.8; }
.customer-copy .text-link { margin-top: 10px; }
#software { padding-top: 0; }
.software-box { border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; gap: 96px; padding-top: 55px; }
.software-box .display { font-size: 30px; max-width: 20ch; }
.software-box p { color: var(--muted); margin: 0 0 18px; font-size: 14px; }
.software-note, .software-link { font-size: 13px; }
.software-link { color: var(--accent); }

#pricing { color: var(--ink); background: #282c25; --ink: #faf9f3; --muted: #c3cbc9; --accent: #e0e5d6; }
.pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; align-items: start; }
.price-card { border: 1px solid #61675b; border-radius: 0; padding: 30px 36px; background: #ffffff04; }
.price-eyebrow { margin: 0 0 27px; color: var(--muted); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.price-line { display: flex; align-items: center; gap: 26px; }
.price-line strong { font: 400 64px/1 var(--sans); letter-spacing: -.06em; }
.price-line span { font-size: 13px; line-height: 1.6; color: var(--muted); }
.price-example { margin: 26px 0; font-size: 13px; }
.price-card ul { padding: 22px 0 0; border-top: 1px solid #61675b; list-style: none; color: var(--muted); font-size: 12px; }
.price-card li { margin: 12px 0; }
.price-card li::before { content: '✓'; color: #bac9ac; margin-right: 12px; }
.price-note { font-size: 10px; color: var(--muted); margin: 24px 0 0; }
.pricing-copy .lede { margin-bottom: 22px; }
.pilot-detail { font-size: 13px; color: var(--muted); max-width: 44ch; }
.faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 96px; }
.faq-list details { border-bottom: 1px solid var(--line); padding: 22px 0; }
.faq-list details:first-child { border-top: 1px solid var(--line); }
summary { cursor: pointer; font-size: 14px; font-weight: 500; list-style: none; display: flex; justify-content: space-between; align-items: baseline; gap: 25px; }
summary::-webkit-details-marker { display: none; }
summary::after { content: '+'; font-size: 20px; font-weight: 400; color: var(--muted); }
details[open] > summary::after { content: '−'; }
.faq-list p { font-size: 13px; line-height: 1.8; color: var(--muted); margin: 16px 28px 4px 0; }
.book-section { text-align: center; padding: 95px 0 105px; background: #eeece5; }
.book-section .display { max-width: 24ch; margin: auto; }
.book-section .lede { margin: 22px auto 28px; }
.booking-note { font-size: 11px; color: var(--muted); margin: 17px 0 0; }
.recording { width: 100%; max-height: 600px; border-radius: 0; background: #1c2234; }
.preview-dialog { width: min(920px, 95vw); border: 0; border-radius: 12px; padding: 24px; background: var(--paper); }
.preview-dialog::backdrop { background: #151b30b3; }
.dialog-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.close-dialog { border: 0; background: var(--soft); width: 44px; height: 44px; border-radius: 50%; font-size: 24px; cursor: pointer; }
footer { padding: 32px 0; border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); }
.footer-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.footer-wordmark { font: 500 27px var(--sans); color: var(--ink); text-decoration: none; letter-spacing: -.06em; }
.footer-links { display: flex; gap: 26px; flex-wrap: wrap; }
.footer-links a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; font-size: 11px; }
.footer-legal { font-size: 10px; margin-top: 18px; }
.article-nav { border-bottom: 1px solid var(--line); }
.article-nav .site-nav { border: 0; }
.article { max-width: 760px; padding: 50px 0 100px; }
.article-back { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); font-size: 12px; text-decoration: none; margin-bottom: 30px; }
.article h1 { font: 400 clamp(30px, 3.5vw, 38px)/1.2 var(--sans); letter-spacing: -.04em; margin: 25px 0; }
.article h2 { font: 400 25px var(--sans); letter-spacing: -.025em; margin: 44px 0 16px; }
.article p, .article li { color: var(--muted); line-height: 1.85; }
.article .article-lede { font-size: 16px; color: var(--ink); }
.article .fact-strip { display: flex; gap: 32px; flex-wrap: wrap; padding: 25px 0; border-block: 1px solid var(--line); margin: 34px 0; }
.fact-strip strong { display: block; color: var(--ink); font-size: 22px; }
.fact-strip span { font-size: 12px; color: var(--muted); }

@media (max-width: 1000px) {
  .shell { width: calc(100% - 56px); }
  .hero-layout { gap: 48px; }
  .hero-copy h1 { font-size: 37px; }
  .hero-art { height: 340px; }
  .nav-center { gap: 18px; }
  .coordination-card { padding: 22px; }
  .coordination-layout { gap: 38px; }
  .demo-layout, .customer-grid, .pricing-grid, .faq-grid, .software-box { gap: 48px; }
  .steps { gap: 24px; }
  .section { padding: 80px 0; }
  #software { padding-top: 0; }
}
@media (max-width: 720px) {
  .shell { width: calc(100% - 40px); }
  .site-nav { min-height: 82px; gap: 18px; }
  .wordmark { font-size: 30px; }
  .nav-center { display: none; }
  .nav-get { font-size: 11px; padding: 10px 15px; min-height: 44px; }
  .mobile-nav { display: block; margin-left: auto; position: relative; }
  .mobile-nav summary { font-size: 12px; min-height: 44px; display: flex; align-items: center; gap: 8px; }
  .mobile-nav summary::after { font-size: 14px; }
  .mobile-nav-links { position: absolute; z-index: 3; top: 48px; right: -20px; width: 180px; padding: 10px 16px; background: var(--paper); border: 1px solid var(--line); border-radius: 0; box-shadow: 0 8px 30px #27352a12; }
  .mobile-nav-links a { display: block; padding: 11px 0; font-size: 12px; text-decoration: none; }
  .hero-layout { grid-template-columns: 1fr; padding: 43px 0 32px; gap: 38px; }
  .hero-copy h1 { font-size: 34px; max-width: 17ch; }
  .hero-description { font-size: 14px; max-width: 43ch; margin-top: 23px; }
  .hero-actions { gap: 23px; margin-top: 25px; }
  .hero-note { font-size: 10px; }
  .hero-art { height: auto; aspect-ratio: 1.45; }

  .coordination-card { padding: 22px; }
  .coordination-layout { grid-template-columns: 1fr; gap: 28px; }
  .hero-proof { font-size: 10px; gap: 12px; flex-direction: column; padding: 22px 0; }
  .section { padding: 65px 0; }
  .section-intro, .demo-layout, .customer-grid, .software-box, .pricing-grid, .faq-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
  .section-intro { margin-bottom: 28px; }
  .section-intro .lede { margin: 0; max-width: 45ch; }
  .steps { grid-template-columns: 1fr 1fr; gap: 30px 22px; margin-top: 0; }
  .step h3 { font-size: 15px; margin-top: 17px; }
  .step p { font-size: 12px; }
  .demo-panel { padding: 23px; }
  .demo-panel-top { flex-wrap: wrap; }
  .customer-grid { gap: 34px; }
  .customer-facts { padding: 28px; }
  #software { padding-top: 0; }
  .software-box { padding-top: 44px; gap: 22px; }
  .software-box .display { font-size: 28px; }
  .pricing-grid { gap: 35px; }
  .price-card { padding: 26px; }
  .price-line strong { font-size: 58px; }
  .faq-list details { padding: 19px 0; }
  .book-section { padding: 65px 0; }
  .footer-row { align-items: start; gap: 20px; }
  .footer-links { gap: 6px 16px; justify-content: flex-end; }
  .footer-legal { line-height: 1.8; }
  .article { padding: 32px 0 65px; }
  .article .article-lede { font-size: 16px; }
  .display { font-size: 28px; max-width: 24ch; }
}
@media (max-width: 360px) {
  .site-nav { gap: 12px; }
  .hero-copy h1 { font-size: 30px; }
  .hero-art { aspect-ratio: 1.3; }
  .coordination-card { padding: 17px; }
  .sample-caption { font-size: 9px; }
  .steps { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Minimal atelier direction: photography, short copy and visible voice. */
:root { --accent: #254b3e; --accent-dark: #163c30; --green: #567866; }
.home #hero { min-height: 680px; overflow: hidden; background: #343b30; color: #fffaf0; }
.home .hero-visual { position: absolute; inset: 0; z-index: 0; }
.home .hero-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #15231933 0%, transparent 32%, #10231999 100%), linear-gradient(90deg, #15271b70, transparent 70%); }
.home .hero-art { width: 100%; height: 100%; object-fit: cover; object-position: center 44%; }
.home .site-nav { position: relative; z-index: 3; border-color: #fff4; min-height: 86px; }
.home .nav-center a, .home .nav-center a:hover { color: #fffaf0; }
.home .site-nav .primary, .home .hero-actions .primary { background: #fffaf0; color: #203b2d; border-radius: 2px; }
.home .site-nav .primary:hover, .home .hero-actions .primary:hover { background: #e9e4d8; }
.home .hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 310px; gap: 60px; align-items: end; padding: 285px 0 50px; }
.home .hero-copy h1 { max-width: none; font-size: 40px; line-height: 1.15; letter-spacing: -.045em; }
.home .eyebrow { font-size: 10px; margin-bottom: 18px; color: #fffaf0d9; }
.home .hero-description { color: #fffaf0; font-size: 14px; margin-top: 17px; max-width: none; }
.home .hero-actions { margin-top: 24px; gap: 27px; }
.home .hero-secondary { color: #fffaf0; border: 0; gap: 9px; }
.hero-secondary svg { width: 16px; height: 16px; fill: currentColor; }
.hero-voice { display: flex; align-items: center; gap: 17px; padding: 24px 20px; border: 1px solid #fff5; background: #f6f4ef0e; backdrop-filter: blur(16px); text-decoration: none; transition: background .2s; }
.hero-voice:hover { background: #f6f4ef25; }
.hero-voice strong { display: block; font-size: 15px; font-weight: 500; }
.hero-voice strong + span { display: block; font-size: 10px; color: #fffaf0cf; margin-top: 5px; }
.voice-arrow { font-size: 19px; margin-left: auto; }
.voice-glyph { display: flex; gap: 3px; align-items: center; justify-content: center; color: currentColor; flex-shrink: 0; }
.voice-glyph i { display: block; width: 3px; height: 9px; background: currentColor; border-radius: 3px; }
.voice-glyph i:nth-child(2n) { height: 19px; }
.voice-glyph i:nth-child(3n) { height: 29px; }
.home .hero-proof { position: relative; z-index: 1; border-color: #fff4; padding: 17px 0; color: #fffaf0c9; font-size: 10px; }
.home .hero-proof span::before { background: #ccb68e; }
.hero-proof a { font-size: 9px; text-decoration: none; }
.home .section { padding: 72px 0; }
.home .section-label { margin-bottom: 16px; }
.home .section-intro { margin-bottom: 36px; }
.home .steps { grid-template-columns: repeat(4, 1fr); gap: 30px; }
.home .step h3 { margin: 15px 0 8px; }
.home .step-number { font-size: 12px; color: #8a7055; }
.home #demo { background: #1e3b30; color: #f6f4ef; --accent: #d1bd9b; --muted: #d2dad4; }
.home .demo-layout { gap: 100px; }
.home #demo .text-link { margin-top: 22px; }
.home .demo-panel { color: #282822; --accent: #254b3e; --accent-dark: #163c30; --muted: #66645c; --ink: #282822; border: 0; padding: 26px; }
.home .demo-panel-top { padding-bottom: 15px; }
.home .demo-badge { background: transparent; padding: 0; color: #66645c; }
.voice-portrait { height: 148px; display: grid; place-items: center; position: relative; overflow: hidden; margin: 22px 0; background: #e8e7dd; }
.voice-orbit { position: absolute; width: 240px; height: 240px; border: 1px solid #9c987e66; border-radius: 50%; transform: translateY(15px); }
.voice-orbit::before, .voice-orbit::after { content: ''; position: absolute; border-radius: 50%; border: 1px solid #9c987e66; }
.voice-orbit::before { inset: 26px; }
.voice-orbit::after { inset: 53px; }
.voice-portrait .voice-glyph { color: #254b3e; z-index: 1; gap: 6px; }
.voice-portrait .voice-glyph i { width: 4px; height: 14px; }
.voice-portrait .voice-glyph i:nth-child(2n) { height: 30px; }
.voice-portrait .voice-glyph i:nth-child(3n) { height: 44px; }
.voice-portrait .voice-glyph i:nth-child(4) { height: 58px; }
.home .demo-placeholder { padding: 9px 0 0; text-align: center; }
.home .demo-placeholder p { font-size: 11px; margin: 14px 0 11px; }
.home .demo-placeholder .pill { width: 100%; background: #254b3e; color: #f6f4ef; }
.home .demo-bottom { font-size: 9px; margin-top: 18px; padding-top: 15px; text-align: center; }
.home .demo-panel .call-control { box-shadow: none; }
.home .demo-panel .avatar-frame { border: 0; box-shadow: none; width: 44px; height: 44px; }
.home .demo-panel .dock-bar { grid-template-columns: 44px minmax(0,1fr) 48px; gap: 12px; }
.home .demo-panel .call-control { width: 48px; height: 48px; }
.home .demo-panel .callie-initial { font-size: 20px; }
.home .demo-panel .dock-copy span { font-size: 11px; }
.home .customer-facts { border: 0; background: transparent; padding: 0; }
.home .customer-name { margin-bottom: 22px; }
.home .customer-grid { grid-template-columns: .9fr 1.1fr; }
.home .customer-numbers { max-width: 340px; padding-top: 20px; }
.home .customer-numbers strong { font-size: 34px; }
.home #software { padding-top: 0; }
.home .software-box { padding-top: 40px; }
.home #pricing { background: #292e25; }
.home .price-card { padding: 26px 32px; }
.price-includes { border-top: 1px solid #61675b; padding-top: 20px; color: var(--muted); font-size: 12px; }
.home .book-section { background: #dfdfd3; padding: 70px 0; }
.home .book-section .pill { margin-top: 24px; }
.home .faq-list details { padding: 16px 0; }
@media (max-width: 1000px) {
  .home .hero-layout { gap: 32px; grid-template-columns: 1fr 285px; }
  .home .hero-copy h1 { font-size: 36px; }
  .home .demo-layout { gap: 48px; }
}
@media (max-width: 720px) {
  .home #hero { min-height: 660px; }
  .home .site-nav { min-height: 78px; }
  .home .mobile-nav-links { color: #282822; }
  .home .hero-layout { grid-template-columns: 1fr; padding: 190px 0 24px; gap: 32px; }
  .home .hero-copy h1 { font-size: 34px; max-width: none; }
  .home .hero-description { font-size: 13px; margin-top: 12px; }
  .home .hero-actions { margin-top: 20px; gap: 22px; }
  .home .hero-voice { padding: 17px 20px; }
  .home .hero-proof { flex-direction: row; gap: 10px; padding: 17px 0; }
  .home .hero-art { aspect-ratio: auto; object-position: 60% center; }
  .home .section { padding: 52px 0; }
  .home .steps { grid-template-columns: 1fr 1fr; gap: 26px 22px; }
  .home .demo-layout, .home .customer-grid { grid-template-columns: 1fr; gap: 30px; }
  .home .demo-panel { padding: 20px; }
  .home .display { font-size: 28px; }
  .home .customer-facts { padding: 0; }
  .home #software { padding-top: 0; }
  .home .software-box { gap: 16px; }
  .home .book-section { padding: 52px 0; }
}
@media (max-width: 360px) {
  .home .hero-copy h1 { font-size: 30px; }
  .home .hero-layout { padding-top: 160px; }
  .home .hero-proof { font-size: 9px; }
  .home .hero-proof a { font-size: 8px; }
}

/* Selected sections: One conversation, Voice first and Signature footer. */
.home #how .coordination-layout { grid-template-columns: 1fr 1fr; align-items: center; gap: 96px; }
.home .hero-proof { flex-wrap: wrap; }
.hero-motion-control { color: inherit; font: inherit; font-size: 9px; border: 0; padding: 0 8px; min-height: 28px; background: transparent; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.hero-motion-control:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }
.motion-word-mask { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: .12em; margin-bottom: -.12em; }
.motion-word { display: inline-block; }
html:has(.home-motion-reduced) { scroll-behavior: auto; }
.home #how .sample-caption { margin: 0 0 16px; text-align: left; font-size: 10px; }
.home #how .coordination-card { padding: 24px; }
.home #demo.voice-first { background: var(--paper); color: var(--ink); --accent: #254b3e; --muted: #66645c; border-top: 1px solid var(--line); }
.voice-intro { text-align: center; }
.voice-intro .display { max-width: none; }
.voice-intro .lede { margin: 16px auto 28px; }
.home .voice-first .demo-panel { max-width: 510px; margin: 0 auto; padding: 0; background: transparent; }
.home .voice-first .demo-panel-top { border: 0; padding: 0; font-size: 11px; color: var(--muted); }
.home .voice-first .demo-badge { font-size: 9px; }
.voice-medallion { display: grid; place-items: center; width: 116px; height: 116px; border: 1px solid var(--line); border-radius: 50%; color: #254b3e; background: #e8e7dd; margin: 23px auto; }
.voice-medallion .voice-glyph { gap: 5px; }
.voice-medallion .voice-glyph i { width: 3px; height: 10px; }
.voice-medallion .voice-glyph i:nth-child(2n) { height: 22px; }
.voice-medallion .voice-glyph i:nth-child(3n) { height: 32px; }
.voice-medallion .voice-glyph i:nth-child(4) { height: 42px; }
.home .voice-first .demo-placeholder { padding-top: 16px; }
.home .voice-first .demo-placeholder .pill { width: auto; padding-inline: 28px; }
.home .voice-first .demo-placeholder p { margin-top: 13px; }
.home .voice-first .demo-bottom { margin-top: 15px; padding-top: 13px; }
.home .voice-first .session-note { text-align: center; }
.home .voice-first .live-links { justify-content: center; }
.home .signature-footer { background: #1e3b30; color: #d2dad4; border: 0; padding: 46px 0 30px; }
.home .signature-footer .footer-wordmark { font-size: 58px; color: #f6f4ef; }
.footer-signature p { margin: 0 0 7px; font-size: 14px; color: #f6f4ef; }
.home .signature-footer .footer-links { gap: 22px; }
.home .signature-footer .footer-legal { border-top: 1px solid #ffffff30; padding-top: 20px; margin-top: 28px; }
@media (max-width: 1000px) { .home #how .coordination-layout { gap: 48px; } }
@media (max-width: 720px) {
  .home #how .coordination-layout { grid-template-columns: 1fr; gap: 26px; }
  .home #how .coordination-card { padding: 20px; }
  .home .voice-first .demo-panel { padding: 0; }
  .home .signature-footer { padding: 33px 0 24px; }
  .home .signature-footer .footer-row { flex-wrap: wrap; }
  .home .signature-footer .footer-wordmark { font-size: 48px; }
  .home .signature-footer .footer-links { justify-content: flex-start; gap: 16px; }
}
.home .eyebrow, .home .event-meta, .home .price-eyebrow, .home .demo-badge { text-transform: none; letter-spacing: 0; font-family: var(--sans); }
.home .eyebrow { font-size: 12px; }
.home .event-meta { font-size: 11px; }
.home .price-eyebrow { font-size: 12px; }
.home #demo.voice-editorial { background: #e9eadd; color: var(--ink); --accent: #254b3e; --muted: #66645c; border-top: 1px solid var(--line); }
.home .voice-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center; }
.home .voice-editorial .voice-intro { text-align: left; }
.home .voice-editorial .voice-intro .lede { margin: 23px 0 0; }
.voice-invitation { font-size: 13px; line-height: 1.8; color: var(--muted); margin: 18px 0 0; }
.home .voice-editorial .demo-panel { padding: 30px; background: #f8f7f1; border: 1px solid #d5d8cb; }
.home .voice-editorial .demo-panel-top { border: 0; padding-bottom: 24px; font-size: 13px; }
.home .voice-editorial .demo-badge { font-size: 11px; color: var(--muted); }
.home .voice-editorial .call-dock { background: transparent; border: 0; }
.home .voice-editorial .dock-bar { padding: 0 0 24px; }
.home .voice-editorial .demo-placeholder { text-align: left; padding: 22px 0 0; border-top: 1px solid var(--line); }
.home .voice-editorial .demo-placeholder .pill { width: auto; }
.home .voice-editorial .demo-placeholder p { font-size: 11px; margin: 14px 0 0; }
.home .voice-editorial .demo-bottom { margin: 22px 0 0; padding: 0; border: 0; text-align: left; font-size: 10px; }
.home .voice-editorial .session-note { text-align: left; }
@media(max-width:1000px) { .home .voice-layout { gap: 48px; } }
@media(max-width:720px) { .home .voice-layout { grid-template-columns: 1fr; gap: 32px; } .home .voice-editorial .demo-panel { padding: 24px; } }
/* Measured Soren/Legora references: light grotesk, tight headings, quiet pill actions. */
.home .hero-copy h1, .home .display { font-family: 'Figtree', var(--sans); font-weight: 300; letter-spacing: -.04em; }
.home .hero-copy h1 { line-height: 1.08; }
.home .display { line-height: 1.14; }
.home .pill, .home .site-nav .primary, .home .hero-actions .primary { border-radius: 999px; font-weight: 400; transition: opacity 200ms ease, background-color 200ms ease; }
.home .pill:hover { transform: none; opacity: .9; }
.home .pill span[aria-hidden] { display: inline-block; transition: transform 200ms ease; }
.home .pill:hover span[aria-hidden] { transform: translate(2px, -2px); }
.home .hero-secondary { font-weight: 400; }
.home .site-nav { border-bottom: 0; }
.home .nav-center a { font-weight: 400; transition: opacity 200ms ease; }
.home .nav-center a:hover { opacity: .7; }
.home .voice-editorial .demo-panel { border: 0; border-radius: 4px; }
.home .voice-editorial .demo-placeholder .pill { min-height: 44px; }
@media(prefers-reduced-motion:reduce) { .home .pill span[aria-hidden] { transition: none; transform: none !important; } }
.home-motion-reduced .pill span[aria-hidden] { transition: none; transform: none !important; }

/* Image-led sections: Soren's architectural panels and Legora's visual stages. */
.home .section { padding: 88px 0; }
.section-photo { margin: 0; min-width: 0; }
.section-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home .centered-intro { text-align: center; margin: 0 auto 42px; }
.home .centered-intro .display { max-width: none; }
.home .centered-intro .lede { margin: 18px auto 0; }
.how-stage { position: relative; display: grid; grid-template-columns: 1.1fr 1fr; min-height: 480px; align-items: center; padding: 44px; background: #eae7df; border-radius: 6px; }
.how-scene { position: absolute; inset: 0 24% 0 0; overflow: hidden; border-radius: 6px 0 0 6px; }
.how-scene img { object-position: 40% center; }
.home #how .coordination-card { position: relative; grid-column: 2; padding: 28px; border: 1px solid #ffffffb3; border-radius: 10px; background: #faf9f5; box-shadow: 0 16px 64px #151b1424; }
.conversation-heading { display: flex; align-items: center; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid #e6e4dc; }
.conversation-heading strong { display: block; font-size: 14px; font-weight: 400; }
.conversation-heading div > span { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }
.conversation-heading .brand-disc { width: 36px; height: 36px; font-family: 'Figtree', var(--sans); background: #e8ebdf; }
.home #how .event { padding-top: 18px; }
.home #how .bubble { border-radius: 6px; background: #f0efe9; padding: 12px 14px; }
.home #how .bubble.answer { background: #e6eadd; }
.home #how .event:last-of-type .bubble { background: #edf0e7; }
.home #how .sample-caption { margin: 22px 0 0; font-size: 10px; line-height: 1.6; }
.home #demo.image-led-voice { background: #e9ebdf; border: 0; }
.voice-heading { display: flex; justify-content: space-between; align-items: end; gap: 48px; margin-bottom: 38px; }
.voice-heading .lede { margin: 0; max-width: 39ch; font-size: 13px; }
.home .image-led-voice .voice-layout { grid-template-columns: 1.05fr 1fr; gap: 0; align-items: stretch; min-height: 490px; overflow: hidden; border-radius: 6px; background: #f8f7f1; }
.voice-scene { overflow: hidden; }
.voice-scene img { max-height: 580px; object-position: 50% 58%; }
.home .image-led-voice .demo-panel { display: flex; flex-direction: column; justify-content: center; padding: 48px; border-radius: 0; }
.home .image-led-voice .demo-panel-top { padding: 0 0 30px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.home .image-led-voice .demo-panel-top strong { font: 300 23px/1.2 'Figtree', var(--sans); letter-spacing: -.03em; }
.home .image-led-voice .demo-badge { font-size: 10px; }
.home .image-led-voice .demo-placeholder { padding-top: 25px; }
.home .image-led-voice .demo-bottom { font-size: 10px; line-height: 1.7; margin-top: 30px; }
.home #software.quiet-setup { padding: 68px 0; }
.home .quiet-setup .software-box { border: 0; padding-top: 0; align-items: center; gap: 80px; }
.home .quiet-setup .software-box p { max-width: 42ch; font-size: 13px; margin-bottom: 14px; }
.home .quiet-setup .text-link { font-size: 12px; font-weight: 400; }
.home #pricing.image-led-pricing { padding: 0; background: var(--paper); }
.home .image-led-pricing .pricing-grid { position: relative; grid-template-columns: 1fr 1fr; gap: 0; min-height: 480px; background: #283b30; border-radius: 6px; overflow: hidden; align-items: stretch; }
.pricing-scene { position: absolute; inset: 0 50% 0 0; }
.pricing-scene img { object-position: 50% 48%; }
.pricing-scene::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 18%, #121d148c 65%, #111b14d9); }
.home .image-led-pricing .pricing-copy { position: relative; align-self: end; padding: 48px; --ink: #faf9f3; --muted: #f5f2e7e6; --accent: #faf9f3; }
.home .image-led-pricing .pricing-copy .display { max-width: 22ch; }
.home .image-led-pricing .pricing-copy .lede { font-size: 12px; margin-top: 20px; margin-bottom: 16px; }
.home .image-led-pricing .pricing-copy .text-link { font-size: 12px; font-weight: 400; }
.home .image-led-pricing .price-card { padding: 56px 52px; border: 0; background: transparent; align-self: center; }
.home .image-led-pricing .price-line strong { font: 300 76px/1 'Figtree', var(--sans); letter-spacing: -.05em; }
.home .image-led-pricing .price-line span { font-size: 12px; }
.home .image-led-pricing .price-includes { border-color: #ffffff30; margin-top: 34px; }
.home #faq { padding-top: 88px; padding-bottom: 88px; }
.home .faq-list details { padding: 20px 0; }
.home .faq-list summary { font-size: 13px; font-weight: 400; }
.home #book.image-led-book { padding: 0 0 88px; background: var(--paper); }
.book-scene { position: relative; min-height: 360px; overflow: hidden; border-radius: 6px; text-align: left; }
.book-scene > .section-photo { position: absolute; inset: 0; }
.book-scene > .section-photo img { object-position: 75% 70%; }
.book-scene::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #122218d9, #12221870 48%, #12221815); }
.book-copy { position: relative; z-index: 1; padding: 70px 52px; color: #faf9f3; }
.home .image-led-book .display { margin: 0; font-size: 36px; }
.home .image-led-book .pill { background: #f6f4ef; color: #283b30; margin-top: 26px; }
.home .image-led-book .booking-note { color: #faf9f3d9; font-size: 11px; max-width: 34ch; }
@media (max-width: 1000px) {
  .how-stage { padding: 34px; grid-template-columns: .85fr 1fr; }
  .home .image-led-voice .demo-panel { padding: 32px; }
  .home .image-led-pricing .pricing-copy { padding: 36px; }
  .home .image-led-pricing .price-card { padding: 42px 36px; }
}
@media (max-width: 720px) {
  .home .section { padding: 58px 0; }
  .home .centered-intro { margin-bottom: 30px; }
  .home .centered-intro .lede { max-width: 30ch; font-size: 13px; }
  .how-stage { display: flex; flex-direction: column; padding: 0 18px 22px; min-height: 0; }
  .how-scene { position: relative; align-self: stretch; margin-inline: -18px; height: 235px; border-radius: 6px 6px 0 0; }
  .home #how .coordination-card { width: 100%; padding: 22px; margin-top: -40px; }
  .home #how .sample-caption { font-size: 9px; }
  .conversation-heading div > span { font-size: 10px; }
  .voice-heading { display: block; margin-bottom: 28px; }
  .voice-heading .lede { margin: 18px 0 0; max-width: 34ch; }
  .home .image-led-voice .voice-layout { grid-template-columns: 1fr; min-height: 0; }
  .voice-scene { height: 265px; }
  .voice-scene img { object-position: 50% 62%; }
  .home .image-led-voice .demo-panel { padding: 30px 26px; }
  .home .image-led-voice .demo-panel-top { padding-bottom: 22px; margin-bottom: 18px; }
  .home .image-led-voice .demo-bottom { margin-top: 24px; }
  .home #software.quiet-setup { padding: 48px 0; }
  .home .quiet-setup .software-box { grid-template-columns: 1fr; gap: 22px; }
  .home .image-led-pricing .pricing-grid { grid-template-columns: 1fr; min-height: 0; }
  .pricing-scene { inset: 0 0 auto; height: 300px; }
  .home .image-led-pricing .pricing-copy { display: flex; flex-direction: column; justify-content: end; padding: 32px 26px; min-height: 300px; }
  .home .image-led-pricing .pricing-copy .display { max-width: 23ch; }
  .home .image-led-pricing .price-card { padding: 38px 26px; }
  .home .image-led-pricing .price-line { gap: 20px; }
  .home .image-led-pricing .price-line strong { font-size: 68px; }
  .home #faq { padding: 58px 0; }
  .home #book.image-led-book { padding: 0 0 48px; }
  .book-scene { min-height: 320px; }
  .book-copy { padding: 60px 28px; }
  .home .image-led-book .display { font-size: 32px; }
  .home .image-led-book .booking-note { max-width: 23ch; }
}

/* Selected glass-orb invitation. Native meeting/call authority stays unchanged. */
.home .hero-layout { grid-template-columns: 1fr 280px; gap: 80px; min-height: 586px; padding: 100px 0 72px; align-items: center; }
.home #demo.hero-voice { display: block; max-width: 252px; width: 100%; margin-left: auto; padding: 38px 25px 25px; text-align: center; color: #faf8f1; --ink: #faf8f1; --muted: #fffdf0bf; --accent: #e5e7c8; --accent-dark: #f6f4ef; background: #f3ece71a; border: 1px solid #fff3; border-radius: 20px; box-shadow: 0 18px 50px #18221810; backdrop-filter: blur(10px); transition: none; }
.voice-orb { display: block; position: relative; width: 116px; height: 116px; margin: 0 auto; border-radius: 50%; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 28% 20%, #fbf0d5 0%, #dcd0a8 24%, #c4b684 46%, #85754f 68%, #e1cca0 85%); box-shadow: inset -9px -12px 17px #5c4b3166, inset 7px 4px 12px #fffff2a8, 0 18px 28px #19201620; }
.voice-orb::before { content: ''; position: absolute; inset: 20% 10%; border-radius: 36% 64% 56% 44% / 72% 29% 71% 28%; border: 5px solid #efe8c673; box-shadow: 8px 12px 20px #60492b8c, inset 7px 5px 15px #fdf3d08c; transform: rotate(-25deg); }
.voice-orb > span { position: absolute; width: 130%; height: 54%; left: -18%; top: 35%; border-radius: 50%; border-top: 8px solid #fff1ce9e; box-shadow: 0 -7px 14px #99804f80; transform: rotate(33deg); }
.voice-orb > i { position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 17%, #fff8d5b0, transparent 46%); border-radius: 50%; }
.hero-voice-heading { display: flex; justify-content: center; align-items: center; margin: 24px 0 12px; }
.hero-voice-heading .demo-badge { background: transparent; color: var(--muted); font-size: 10px; padding: 0; }
.home .hero-voice h2 { font: 300 23px/1.15 'Figtree', var(--sans); letter-spacing: -.04em; margin: 0 0 18px; }
.home .hero-voice:has(#live-demo[hidden]) .hero-voice-heading { display: none; }
.home .hero-voice:has(#live-demo[hidden]) { max-width: 280px; padding: 16px 12px; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.home .hero-voice:has(#live-demo[hidden]) .voice-orb { width: 128px; height: 128px; }
.home .hero-voice:has(#live-demo[hidden]) #meeting-company { margin: 24px 0 0; }
.home .hero-voice:has(#live-demo[hidden]) .demo-placeholder { padding-top: 18px; }
.home .hero-voice[data-public-voice] .call-dock { margin-top: 18px; }
.home .hero-voice[data-public-voice] .call-dock[data-call-state="idle"] .dock-copy { display: none; }
.home .hero-voice[data-public-voice]:has(.call-dock.is-open) { max-width: 340px; }
.home #hero :is(a, button, summary):focus-visible { outline-color: #faf8f1; }
.home #hero .mobile-nav-links a:focus-visible { outline-color: var(--ink); }
.hero-voice .voice-prompt { margin: 14px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.home .hero-voice .call-dock { padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; backdrop-filter: none; }
.home .hero-voice .dock-bar { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.hero-voice .dock-copy span { font-size: 10px; line-height: 1.6; margin: 0; white-space: normal; overflow: visible; }
.hero-voice .call-control { width: auto; min-height: 44px; height: auto; border-radius: 999px; gap: 9px; padding: 12px 21px; box-shadow: none; font-size: 13px; font-weight: 400; color: #263d32; background: #f6f4ef; transition: opacity 200ms ease; }
.hero-voice .call-control svg { width: 16px; height: 16px; }
.hero-voice .call-control span { display: inline; }
.hero-voice .call-control:hover { transform: none; opacity: .88; background: #f6f4ef; }
.hero-voice .call-dock[data-call-state="idle"] .call-control:disabled { display: none; }
.hero-voice .call-dock[data-call-state="idle"]:has(.desktop-call:disabled) .dock-copy { display: none; }
.hero-voice .call-dock:not([data-call-state="idle"]) .call-control { display: none; }
.home .hero-voice .demo-placeholder { padding: 25px 0 0; text-align: center; }
.home .hero-voice .demo-placeholder .pill { width: auto; min-height: 44px; padding: 12px 21px; background: #f6f4ef; color: #263d32; font-size: 13px; }
.home .hero-voice:has(#live-demo:not([hidden])) { max-width: 320px; }
.hero-voice .session-note { font-size: 11px; line-height: 1.7; margin-top: 16px; }
.hero-voice .session-note.error { color: #ffdfc2; }
.hero-voice .result-text, .hero-voice .result-label { font-family: var(--sans); font-size: 11px; letter-spacing: 0; text-transform: none; }
.hero-voice .result-text, .hero-voice .hangup { color: #283b30; }
.hero-voice .call-results { max-height: none; overflow: visible; }
.hero-voice .result-block + .result-block { margin-top: 16px; }
.hero-voice .live-links { font-size: 11px; gap: 8px; }
.hero-voice .live-links a { color: #faf8f1; }
.home .image-led-pricing .pricing-action { background: #f6f4ef; color: #283b30; margin-top: 28px; min-width: 144px; }
.home .image-led-pricing .price-card { padding-block: 56px; }
.home .image-led-pricing .price-eyebrow { margin-bottom: 26px; }
.home .image-led-pricing .price-line { display: block; }
.home .image-led-pricing .price-line span { display: block; margin-top: 16px; font-size: 14px; }
.footer-meta { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 26px; padding-top: 16px; border-top: 1px solid #ffffff25; font-size: 10px; }
.footer-meta a { min-height: 28px; display: inline-flex; align-items: center; text-decoration: none; }
@media (min-width:760px) { .hero-voice .desktop-call { display: flex; justify-content: center; } .hero-voice .mobile-call { display: none; } }
@media (max-width:759px) { .hero-voice .mobile-call { display: flex; justify-content: center; } .hero-voice .desktop-call { display: none; } }
@media (prefers-reduced-motion:no-preference) {
  .voice-orb::before { animation: voice-orb-settle 4500ms cubic-bezier(.2,.6,.2,1) both; }
  .voice-orb > span { animation: voice-fold-settle 4500ms cubic-bezier(.2,.6,.2,1) both; }
  @keyframes voice-orb-settle { from { transform: rotate(-42deg); } to { transform: rotate(-25deg); } }
  @keyframes voice-fold-settle { from { transform: rotate(12deg); } to { transform: rotate(33deg); } }
}
@media (max-width:1000px) { .home .hero-layout { grid-template-columns: 1fr 270px; gap: 40px; } }
@media (max-width:720px) {
  .home #hero { min-height: 0; }
  .home .hero-layout { grid-template-columns: 1fr; min-height: 0; padding: 120px 0 48px; gap: 30px; }
  .home #demo.hero-voice { max-width: 100%; width: 100%; padding: 22px; border-radius: 14px; }
  .home .hero-voice:has(#live-demo[hidden]) { max-width: none; display: grid; grid-template-columns: 72px 1fr; align-items: center; column-gap: 20px; row-gap: 10px; padding: 12px 0; text-align: left; }
  .hero-voice .voice-orb { width: 66px; height: 66px; }
  .home .hero-voice:has(#live-demo[hidden]) .voice-orb { width: 72px; height: 72px; grid-column: 1; grid-row: 1 / 4; }
  .home .hero-voice:has(#live-demo[hidden]) #meeting-company { grid-column: 2; grid-row: 1; margin: 0; font-size: 22px; }
  .home .hero-voice:has(#live-demo[hidden]) .call-dock { display: none; }
  .home .hero-voice[data-public-voice]:has(#live-demo[hidden]) .call-dock { display: block; grid-column: 2; grid-row: 2; margin: 0; }
  .home .hero-voice[data-public-voice] .dock-bar { align-items: flex-start; }
  .home .hero-voice[data-public-voice]:has(.call-dock.is-open) { display: block; max-width: none; text-align: center; }
  .home .hero-voice[data-public-voice]:has(.call-dock.is-open) .dock-bar { align-items: center; }
  .home .hero-voice[data-public-voice]:has(.call-dock.is-open) #meeting-company { margin: 16px 0; }
  .home .hero-voice[data-public-voice]:has(.call-dock.is-open) .voice-orb { margin-inline: auto; }
  .home .hero-voice[data-public-voice]:has(.call-dock.is-open) .voice-prompt { margin: 14px auto 0; }
  .home .hero-voice:has(#live-demo[hidden]) .demo-placeholder { grid-column: 2; grid-row: 2; padding: 0; text-align: left; }
  .hero-voice:has(#live-demo[hidden]) .voice-prompt { grid-column: 2; grid-row: 3; margin: 0; max-width: 23ch; line-height: 1.55; }
  .home .image-led-pricing .price-card { padding: 48px 26px; }
}
@media(max-width:360px) {
  .home .hero-voice .demo-placeholder .pill { font-size: 12px; padding-inline: 14px; white-space: nowrap; }
}

/* Fuller FAQ composition, with complete questions and a first answer in view. */
.home .faq-grid { grid-template-columns: .78fr 1.22fr; gap: 80px; align-items: start; }
.faq-intro > p { font-size: 13px; color: var(--muted); margin: 16px 0 28px; }
.faq-scene { height: 260px; max-width: 310px; overflow: hidden; border-radius: 5px; }
.faq-scene img { object-position: 50% 58%; }
.home .faq-list details { padding: 22px 0; }
.home .faq-list summary { font-size: 14px; line-height: 1.6; padding-right: 32px; }
.home .faq-list p { line-height: 1.75; margin-top: 14px; max-width: 52ch; }
@media(max-width:1000px) { .home .faq-grid { gap: 48px; } }
@media(max-width:720px) {
  .home .faq-grid { grid-template-columns: 1fr; gap: 30px; }
  .faq-intro { display: grid; grid-template-columns: 1fr 105px; column-gap: 20px; align-items: center; }
  .faq-intro .display { grid-column: 1; grid-row: 1; }
  .faq-intro > p { grid-column: 1; grid-row: 2; margin: 12px 0 0; font-size: 12px; }
  .faq-scene { grid-column: 2; grid-row: 1 / 3; height: 126px; }
  .home .faq-list details { padding: 20px 0; }
  .home .faq-list summary { font-size: 13px; }
}

/* Open composition and a vertical logo reel, inspired by Alven's channel treatment. */
.home #software.workflow-fit { padding: 34px 0 88px; }
.home .workflow-fit .software-box { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 100px; border: 0; padding: 60px 70px; background: none; border-radius: 0; }
.workflow-intro { text-align: left; }
.home .workflow-intro .display { max-width: none; }
.workflow-intro > p { max-width: 38ch; margin: 18px 0 0; font-size: 13px; line-height: 1.7; color: var(--muted); }
.home .workflow-action { margin-top: 24px; min-height: 44px; font-size: 12px; background: #283b30; color: #f6f4ef; }
.workflow-reel-wrap { min-width: 0; display: flex; flex-direction: column; align-items: center; }
.workflow-reel { width: min(100%, 380px); outline-offset: 12px; }
.workflow-reel:focus-visible { outline: 1px solid var(--line); }
.workflow-reel-track { list-style: none; display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; }
.workflow-reel-item { height: 78px; display: flex; align-items: center; justify-content: center; gap: 12px; font: 400 22px/1.3 'Instrument Sans', var(--sans); white-space: nowrap; color: #283b30; }
.workflow-reel-item img { display: block; width: 164px; max-width: 100%; height: auto; filter: none; opacity: 1; }
.workflow-reel-item img[src$="buildium.svg"] { width: 168px; }
.workflow-reel-item .workflow-reel-app-icon { width: 38px; height: 38px; flex-shrink: 0; }
.workflow-reel-copy { display: none; }
.workflow-reel[data-rotating] { height: 234px; overflow: hidden; mask-image: linear-gradient(to bottom, transparent, #0005 18%, #000 42%, #000 58%, #0005 82%, transparent); }
.workflow-reel[data-rotating] .workflow-reel-track { display: block; animation: workflow-reel 20s cubic-bezier(.65,0,.35,1) infinite; animation-play-state: paused; }
.workflow-reel[data-rotating] .workflow-reel-copy { display: flex; }
.workflow-reel[data-visible="true"] .workflow-reel-track { animation-play-state: running; }
.workflow-reel:hover .workflow-reel-track, .workflow-reel:focus .workflow-reel-track { animation-play-state: paused; }
@keyframes workflow-reel {
  0%,16% { transform: translateY(0); }
  20%,36% { transform: translateY(-78px); }
  40%,56% { transform: translateY(-156px); }
  60%,76% { transform: translateY(-234px); }
  80%,96% { transform: translateY(-312px); }
  100% { transform: translateY(-390px); }
}
@media(max-width:1000px) {
  .home .workflow-fit .software-box { gap: 56px; padding-inline: 40px; }
  .workflow-reel-track { grid-template-columns: 1fr; }
}
@media(max-width:720px) {
  .home #software.workflow-fit { padding: 10px 0 58px; }
  .home .workflow-fit .software-box { grid-template-columns: 1fr; gap: 32px; padding: 38px 22px; }
  .workflow-intro { text-align: center; }
  .workflow-intro > p { font-size: 12px; max-width: 32ch; margin: 18px auto 0; }
  .home .workflow-action { margin-top: 22px; }
  .workflow-reel-item .workflow-reel-app-icon { width: 36px; height: 36px; }
  .workflow-reel-item { font-size: 20px; }
  .workflow-reel-item img { width: 148px; }
  .workflow-reel-item img[src$="buildium.svg"] { width: 154px; }
}
@media(prefers-reduced-motion:reduce) {
  .workflow-reel[data-rotating] { height: auto; overflow: visible; mask-image: none; }
  .workflow-reel[data-rotating] .workflow-reel-track { display: grid; animation: none; }
  .workflow-reel[data-rotating] .workflow-reel-copy { display: none; }
}

/* Final composition details for the selected homepage. */
.home .hero-description { max-width: 36ch; line-height: 1.65; }
@media (max-width:720px) {
  .home .hero-art { object-position: 68% center; }
  .home .hero-visual::after { background: linear-gradient(180deg, #13201655 0%, #1320160d 22%, #14261ac2 92%), linear-gradient(90deg, #17261c66, transparent 78%); }
  .home .hero-description { max-width: 31ch; }
  .home .faq-list summary { min-height: 44px; display: flex; align-items: center; }
  .home .footer-links a { min-height: 44px; display: inline-flex; align-items: center; }
  .home .footer-meta a { min-height: 44px; }
}