/* Quiet foundations, purposeful product illustrations, and comfortable reading. */
.dictation-demo *, .product-paths *, .ecosystem *, .privacy-flow *, .prototype-story * { box-sizing:border-box; }
.experience-label { font:var(--weight-medium) var(--text-caption)/var(--leading-label) var(--font-mono); letter-spacing:var(--tracking-label); color:var(--muted); }
.experience-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 16px; border:1px solid var(--rule); border-radius:999px; color:var(--link); background:var(--paper); font:var(--weight-medium) var(--text-small)/var(--leading-ui) var(--font-body); cursor:pointer; text-decoration:none; }
.experience-button:hover { border-color:var(--link); background:color-mix(in srgb,var(--link) 5%,var(--paper)); }
.example-picker { display:flex; gap:4px; padding:4px; border:1px solid var(--rule); border-radius:999px; background:var(--paper); }
.example-picker button { min-height:40px; padding:8px 17px; border:0; border-radius:999px; color:var(--muted); background:transparent; font:var(--weight-medium) var(--text-small)/var(--leading-ui) var(--font-body); cursor:pointer; }
.example-picker button[aria-pressed='true'] { background:var(--action); color:#fff; }
.dictation-demo { position:relative; width:min(1040px,100%); margin:64px auto 0; text-align:left; }
.dictation-demo__toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.dictation-demo__scene { display:grid; grid-template-columns:.85fr 1.2fr; align-items:center; gap:32px; padding:36px; border:1px solid #dbe3ef; border-radius:28px; background:var(--wash-cool); }
.dictation-demo__voice > p { margin:18px 0 28px; font:500 var(--text-lead)/1.55 var(--font-body); color:var(--ink); min-height:7.8em; }
.dictation-demo__input { display:flex; align-items:center; gap:12px; width:max-content; max-width:100%; padding:12px 15px; border-radius:16px; background:#fff; border:1px solid #dce5ef; box-shadow:0 8px 24px -16px #12375640; color:var(--link-light); font-size:var(--text-small); }
.dictation-demo__input .taco-mark { width:24px; height:24px; }
.demo-wave { display:flex; align-items:center; gap:3px; height:22px; margin-left:8px; }
.demo-wave i { display:block; height:16px; width:3px; border-radius:2px; background:var(--gradient-cool); transform:scaleY(.25); }
.dictation-demo[data-state='listening'] .demo-wave i { animation:demo-wave .7s ease-in-out infinite alternate; }
.dictation-demo .demo-wave i:nth-child(2n) { animation-delay:-.3s; }.dictation-demo .demo-wave i:nth-child(3n) { animation-delay:-.5s; }
@keyframes demo-wave { to {transform:scaleY(1);} }
.dictation-demo__app { min-width:0; border:1px solid #d6dde6; border-radius:18px; background:#fff; box-shadow:0 24px 50px -35px #142b5260; overflow:hidden; }
.dictation-demo__window { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; background:#fafbfd; border-bottom:1px solid #e5e9ee; font-size:var(--text-small); color:var(--text-muted-light); }
.window-dots { color:#bec6d0; letter-spacing:2px; font-size:10px; white-space:nowrap; }
.dictation-demo__recipient { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:16px 22px; border-bottom:1px solid #edf0f4; font-size:var(--text-small); color:var(--text-muted-light); }
.dictation-demo__document { min-height:226px; padding:28px 24px; color:#0e1216; font-size:var(--text-body); line-height:1.65; }
.dictation-demo__document p { display:inline; margin:0; white-space:pre-line; }
.dictation-demo__cursor { display:inline-block; vertical-align:text-bottom; width:2px; height:1.2em; margin-left:3px; background:var(--action); }
.dictation-demo[data-state='done'] .dictation-demo__cursor { display:none; }
.dictation-demo__result { display:flex; justify-content:space-between; gap:10px; padding:16px 22px; border-top:1px solid #edf0f4; color:var(--text-muted-light); font-size:var(--text-small); }
.dictation-demo[data-state='done'] [data-demo-result] { color:#197b40; }
.dictation-demo__footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 4px 0; }
.demo-steps { display:flex; flex-wrap:wrap; gap:24px; margin:0; padding:0; list-style:none; counter-reset:step; font-size:var(--text-small); color:var(--muted); }
.demo-steps li { counter-increment:step; }.demo-steps li::before { content:counter(step); display:inline-grid; place-items:center; margin-right:8px; width:24px; height:24px; border:1px solid var(--rule); border-radius:50%; font:500 var(--text-caption) var(--font-mono); }
.demo-steps li[aria-current] { color:var(--link); }.demo-steps li[aria-current]::before { border-color:var(--link); background:var(--wash-cool); }
.dictation-demo__note { margin:16px 0 0; text-align:center; color:var(--muted); font-size:var(--text-caption); line-height:var(--leading-label); }
.product-paths { max-width:1240px; margin:0 auto; padding:110px 32px 0; }
.product-paths h2, .ecosystem h2, .prototype-story h2 { margin:0 0 20px; font:600 var(--text-title)/var(--leading-display) var(--font-display); letter-spacing:var(--tracking-display); }
.product-paths__intro { max-width:52ch; color:var(--muted); font-size:var(--text-body-lg); line-height:1.6; margin:0 0 36px; }
.product-paths__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.product-path { display:flex; flex-direction:column; padding:32px; border:1px solid var(--rule); border-radius:26px; color:var(--ink); text-decoration:none; transition:border-color .2s,box-shadow .2s; overflow:hidden; }
.product-path:hover { color:var(--ink); border-color:var(--link); box-shadow:0 18px 40px -32px #15457455; }
.product-path h3 { font:600 var(--text-card)/1.15 var(--font-display); letter-spacing:var(--tracking-heading); margin:14px 0; }
.product-path p { margin:0; max-width:42ch; font-size:var(--text-body); line-height:1.6; color:var(--muted); }
.product-path__image { display:block; width:min(100%,300px); height:260px; object-fit:contain; margin:20px auto; }
.product-path__link { margin-top:auto; padding-top:24px; font-size:var(--text-small); font-weight:600; color:var(--link); }
.mini-hub { margin:34px 0 20px; padding:22px; border:1px solid #dce4ee; border-radius:16px; background:#fff; box-shadow:0 20px 36px -30px #254b7b40; min-height:232px; }
.mini-hub__header { display:flex; align-items:center; gap:10px; font-size:var(--text-small); font-weight:600; color:#0e1216; }
.mini-hub__header .taco-mark { width:22px; height:22px; color:var(--link); }
.mini-hub p { color:#0e1216; padding:22px 0; }.mini-hub__done { display:block; padding-top:14px; border-top:1px solid #e5e9ee; color:#197b40; font-size:var(--text-small); }
.home-product-peek { position:absolute; left:50%; top:100%; transform:translate(-50%,-26%); width:min(760px,108vw); aspect-ratio:1; pointer-events:none; }
.home-product-peek img { width:100%; height:100%; object-fit:contain; }
.ecosystem { margin:40px auto 0; max-width:1180px; padding:40px 32px 0; }
.ecosystem__heading { margin-bottom:20px; font:600 var(--text-heading-sm)/1.3 var(--font-display); letter-spacing:var(--tracking-heading); }
.ecosystem__flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:20px; padding:28px; background:var(--paper); border:1px solid var(--rule); border-radius:22px; }
.ecosystem__node { display:flex; align-items:center; gap:16px; min-width:0; }.ecosystem__node img { width:68px; height:68px; object-fit:contain; }.ecosystem__node .taco-mark { width:36px; height:36px; flex-shrink:0; color:var(--link); }
.ecosystem__node strong { display:block; font-size:var(--text-body); font-weight:600; }.ecosystem__node small { display:block; margin-top:5px; color:var(--muted); font-size:var(--text-small); line-height:1.45; }
.ecosystem__arrow { color:var(--link); font-size:24px; }.ecosystem__app { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:var(--wash-cool); color:var(--link); font-size:22px; flex-shrink:0; }
.ecosystem__note { margin:14px 0 0; font-size:var(--text-small); line-height:1.6; color:var(--muted); }
.privacy-flow { margin:0; padding:32px; border:1px solid #cfe4da; border-radius:24px; background:var(--wash-fresh); }
.privacy-flow__local { display:flex; flex-direction:column; gap:0; margin:24px 0; padding:24px; border:1px solid #d9e7e0; border-radius:18px; background:#fff; }
.privacy-flow__local > div { display:flex; gap:16px; align-items:center; font-size:var(--text-body); font-weight:500; }.privacy-flow__local i { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--wash-fresh); color:#197b40; font-style:normal; }
.privacy-flow__arrow { padding:6px 0 6px 13px; color:#197b40; }.privacy-flow figcaption { color:var(--text-muted-light); font-size:var(--text-small); line-height:1.6; }.privacy-flow figcaption strong { color:#0e1216; }
.prototype-story { max-width:1180px; margin:0 auto; padding:90px 32px 28px; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.prototype-story figure { margin:0; }.prototype-story img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:50% 57%; border-radius:24px; }
.prototype-story figcaption { margin-top:12px; font-size:var(--text-caption); color:var(--muted); line-height:1.5; }.prototype-story p { font-size:var(--text-body-lg); color:var(--muted); line-height:1.6; max-width:42ch; }
.prototype-story__facts { display:flex; gap:32px; margin-top:28px; }.prototype-story__facts strong { display:block; font:600 var(--text-section)/1.2 var(--font-display); letter-spacing:var(--tracking-heading); color:var(--ink); }.prototype-story__facts span { display:block; margin-top:8px; color:var(--muted); font-size:var(--text-small); }
.about-prototype { margin:0; position:relative; min-width:0; }.about-prototype img { display:block; width:100%; height:100%; max-height:560px; object-fit:cover; object-position:50% 58%; }.about-prototype figcaption { position:absolute; bottom:18px; left:18px; right:18px; padding:12px 16px; border-radius:12px; background:#fffef8ed; color:#444b55; font-size:var(--text-caption); line-height:1.5; }
.faq-topics { display:flex; flex-wrap:wrap; gap:8px; max-width:820px; margin:0 auto 24px; padding:0 32px; box-sizing:border-box; }.faq-question { width:100%; border:0; background:transparent; color:inherit; text-align:left; font-family:var(--font-body); }
[id^='faq-'] { scroll-margin-top:100px; }
[data-motion-paused] [style*='infinite'] { animation-play-state:paused!important; }
/* Product pages keep their core text visible without scroll-dependent reveals. */
[data-psd] { height:auto!important; scroll-margin-top:90px; }
[data-psd-stage] { position:relative!important; height:auto!important; overflow:visible!important; padding-block:50px; }
[data-psd-words] [data-psd-word] { opacity:1!important; }
.remote-demo-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.remote-demo-actions button[aria-pressed='true'] { color:#fff; background:var(--action); border-color:var(--action); }
[data-mic] { height:auto!important; overflow:hidden; scroll-margin-top:90px; }
[data-mic-stage] { position:relative!important; height:auto!important; overflow:visible!important; padding-block:72px 24px!important; }
[data-mic-track] { display:grid!important; width:100%!important; padding-inline:32px!important; box-sizing:border-box; transform:none!important; align-self:stretch!important; }
[data-mic-slide] { grid-area:1/1; width:100%!important; max-width:1180px; margin-inline:auto; height:620px!important; }
[data-mic-slide][hidden] { display:none!important; }
[data-mic-pt] { opacity:1!important; transform:none!important; }
[data-mic-img] { transform:none!important; }
[data-mic-type] + span, [data-psd-type] + span { display:none!important; }
.mic-control-row { display:flex; justify-content:center; padding-inline:24px; }
/* Comparison cards and Hub explanations flow naturally; no pinned text stacks. */
.reading-cards [data-stage] { position:relative!important; height:auto!important; overflow:visible!important; padding:50px 0!important; }
.reading-cards { height:auto!important; }
.reading-cards [data-track] { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%!important; max-width:1180px; margin-inline:auto; padding:0 24px!important; box-sizing:border-box; gap:24px!important; transform:none!important; }
.reading-cards [data-card] { position:relative!important; top:auto!important; width:100%!important; height:auto!important; min-height:520px; opacity:1!important; transform:none!important; filter:none!important; min-width:0; }
.reading-cards [data-card] > div:first-child { min-height:230px; }
.reading-cards [data-rail] { display:none!important; }
.hub-reading-cards [data-track] { grid-template-columns:1fr; gap:80px!important; }
.hub-reading-cards [data-card] { min-height:0; padding:32px!important; border:1px solid var(--rule)!important; border-radius:24px; background:var(--paper)!important; }
.hub-reading-cards [data-card] > div:first-child { min-height:0; }
.hub-reading-cards [data-card]:nth-child(1) { background:var(--wash-cool)!important; }.hub-reading-cards [data-card]:nth-child(2) { background:var(--wash-fresh)!important; }.hub-reading-cards [data-card]:nth-child(3) { background:var(--wash-warm)!important; }
.comparison-hero { height:auto!important; }.comparison-hero [data-hero-stage] { position:relative!important; height:auto!important; min-height:720px; padding:160px 24px 80px!important; }
.comparison-hero [data-hero-hint] { display:none!important; }
.comparison-hero [data-word] { display:none!important; }.comparison-hero [data-word]:first-child { display:block!important; opacity:1!important; transform:none!important; }
.comparison-hero [data-dev] { opacity:1!important; transform:none!important; }
@media(max-width:600px) {
  [data-screen-label='Hardware cross-sell'] > div { padding:32px 24px!important; gap:24px!important; }
  [data-screen-label='Hardware cross-sell'] > div > div { min-width:0!important; flex-basis:100%!important; }
}
@media(max-width:760px) {
  .dictation-demo { margin-top:44px; }.dictation-demo__toolbar { align-items:flex-start; flex-direction:column; gap:12px; }.dictation-demo__scene { grid-template-columns:1fr; padding:20px; gap:24px; border-radius:22px; }.dictation-demo__voice > p { min-height:0; font-size:var(--text-body); margin:12px 0 18px; }
  .dictation-demo__document { min-height:230px; padding:22px 18px; }.dictation-demo__window { font-size:var(--text-caption); padding:14px; }.dictation-demo__recipient,.dictation-demo__result { padding:14px 18px; }.dictation-demo__result .experience-label { display:none; }
  .dictation-demo__footer { flex-direction:column; align-items:stretch; gap:18px; }.demo-steps { gap:12px; justify-content:space-between; font-size:var(--text-caption); }.demo-steps li::before { margin-right:5px; width:20px; height:20px; }
  .product-paths { padding:72px 24px 0; }.product-paths__grid { grid-template-columns:1fr; }.product-path { padding:26px; }
  .ecosystem { padding:28px 24px 0; }.ecosystem__flow { grid-template-columns:1fr; gap:12px; padding:24px; }.ecosystem__arrow { transform:rotate(90deg); width:24px; margin-left:22px; }
  .prototype-story { grid-template-columns:1fr; padding:64px 24px 20px; gap:28px; }.prototype-story__facts { gap:28px; }
  .privacy-flow { padding:24px; }.privacy-flow__local { padding:18px; }.about-prototype img { max-height:420px; }
  [data-psd-stage] > div { grid-template-columns:minmax(0,1fr)!important; padding:32px 24px!important; }.remote-demo-actions { gap:6px; }
  [data-psd-puck] { width:min(310px,78vw)!important; } [data-psd-win] { display:block!important; }
  [data-mic-track] { padding-inline:20px!important; }.mic-switcher button { min-width:0; }
  [data-mic-slide] { height:660px!important; border-radius:22px!important; }
  [data-mic-slide] > div:last-child { grid-template-columns:1fr!important; gap:8px!important; }
  [data-mic-pt] { flex-direction:row!important; align-items:center!important; gap:16px!important; padding:12px 16px!important; }
  [data-mic-pt] > span:first-child { min-width:76px; font-size:var(--text-heading-sm)!important; }
  [data-mic-pt] > span:last-child { font-size:var(--text-small)!important; line-height:1.4!important; }
  [data-mic-type] { font-size:clamp(28px,7vw,42px); }
  .reading-cards [data-track] { grid-template-columns:1fr; }.reading-cards [data-card] { min-height:500px; }
  .hub-reading-cards [data-card] { min-height:0; padding:24px!important; }.hub-reading-cards [data-card] > div { grid-template-columns:minmax(0,1fr)!important; gap:28px!important; }
  .comparison-hero [data-hero-stage] { min-height:0; padding-top:160px!important; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-delay:0ms!important; animation-iteration-count:1!important; transition-duration:0ms!important; }
  [data-row],[data-lk],[data-tail] { animation:none!important; transform:none!important; }
  [data-drum] > span { display:none!important; } [data-drum] > span:first-child { display:block!important; opacity:1!important; transform:none!important; animation:none!important; }
  .demo-wave i { animation:none!important; }
}