@import url("design-tokens.css");
@font-face{font-family:Inter;src:url('assets/fonts/inter-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light}
*{box-sizing:border-box}
html{scroll-padding-top:var(--html-scroll-padding-top)}
body{margin:0;background:var(--page);color:var(--ink);font:var(--body-font);-webkit-font-smoothing:antialiased}
::selection{background:var(--selection);color:var(--ink)}
a{color:inherit;text-underline-offset:var(--link-text-underline-offset);text-decoration-thickness:var(--link-text-decoration-thickness)}
a:hover{text-decoration-color:var(--secondary)}
a,button{touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);border-radius:var(--focus-border-radius)}
[hidden]{display:none!important}
.shell{width:var(--shell-width);margin-inline:auto}
.site-header{border-bottom:var(--site-header-border-bottom)}
.header-inner{min-height:var(--header-inner-min-height);display:flex;align-items:center;gap:var(--header-inner-gap)}
.wordmark{display:inline-flex;align-items:center;gap:var(--wordmark-gap);font-size:var(--wordmark-size);font-weight:var(--wordmark-font-weight);letter-spacing:var(--wordmark-letter-spacing);text-decoration:none;white-space:nowrap;min-height:var(--size-interaction)}
.brand-mark{display:block;flex:none;width:var(--brand-mark-width);height:var(--brand-mark-height)}
.header-inner nav{display:flex;align-items:center;gap:var(--header-inner-nav-gap);margin-left:auto}
.header-inner nav a,.site-footer nav a{display:inline-flex;align-items:center;min-height:var(--size-interaction);font-size:var(--type-navigation-size);text-decoration:none;color:var(--secondary)}
.header-inner nav a:hover,.header-inner nav a[aria-current=page],.site-footer nav a:hover{color:var(--ink);text-decoration:underline}
.skip-link{position:absolute;top:var(--skip-link-top);left:var(--skip-link-left);transform:var(--skip-link-transform);background:var(--button);color:var(--button-ink);padding:var(--skip-link-padding);z-index:5}
.skip-link:focus{transform:none}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:var(--type-heading-weight);line-height:var(--type-heading-leading);letter-spacing:var(--type-heading-tracking);text-wrap:balance}
h1{font-size:var(--title-font-size);max-width:var(--title-max-width)}
h2{font-size:var(--heading-font-size);max-width:var(--heading-max-width)}
h3{font-size:var(--type-prominent-size);letter-spacing:var(--subheading-letter-spacing);line-height:var(--subheading-line-height)}
p{max-width:var(--measure)}
p+p{margin-top:var(--paragraph-separation)}
.lead{font-size:var(--type-prominent-size);line-height:var(--lead-line-height);letter-spacing:var(--subheading-letter-spacing);max-width:var(--lead-max-width)}
.small{font-size:var(--type-small-size);line-height:var(--small-line-height)}
.muted{color:var(--secondary)}
.hero{padding-top:var(--hero-padding-top)}
.hero>.lead{margin-top:var(--hero-lead-margin-top);max-width:var(--hero-lead-max-width)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--actions-gap);margin:var(--actions-margin)}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:var(--button-min-height);padding:var(--button-padding);border-radius:var(--radius-control);text-decoration:none;font-size:var(--type-action-size);font-weight:var(--type-emphasis-weight);line-height:var(--button-line-height);transition:var(--button-transition)}
.primary{background:var(--button);color:var(--button-ink)}
.primary:hover{background:var(--secondary);color:var(--page)}
.text-link{display:inline-flex;align-items:center;min-height:var(--size-interaction);font-weight:var(--text-link-font-weight);font-size:var(--type-action-size)}
.launch-note{font-size:var(--type-small-size);color:var(--secondary);margin-top:var(--launch-note-margin-top);max-width:var(--launch-note-max-width)}
.app-shot{margin-top:var(--app-shot-margin-top)}
.hero-shot{margin-top:var(--hero-shot-margin-top)}
.shot-pair{background:var(--surface);padding:var(--shot-pair-padding);border-radius:var(--radius)}
.app-shot img{display:block;width:100%;height:auto;max-width:100%;border-radius:var(--radius-control)}
.app-shot .capture-dark{display:none}
figcaption{font-size:var(--figcaption-font-size);color:var(--secondary);margin-top:var(--figcaption-margin-top);line-height:var(--small-line-height)}
.section{padding-block:var(--section);border-bottom:var(--site-header-border-bottom)}
.section.first{padding-top:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--split-gap)}
.section h2+.lead,.section-heading .lead{margin-top:var(--section-lead-separation)}
.section p:not(.lead)+.text-link{margin-top:var(--section-link-separation)}
.section .lead+p{margin-top:var(--section-lead-p-margin-top)}
.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--section-heading-gap)}
.section-heading .lead{margin:0}
.feature-list>div+div{margin-top:var(--feature-list-separation);padding-top:var(--feature-list-inset);border-top:var(--rule-section)}
h3+p{margin-top:var(--figcaption-margin-top)}
.feature-list p,.columns p,.split p:not(.lead){color:var(--secondary)}
.columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--section-heading-gap);margin-top:var(--columns-margin-top)}
.columns+.small{margin-top:var(--columns-small-margin-top)}
.price-block{align-self:start}
.price-block h2{font-size:var(--price-block-h2-font-size);margin-bottom:var(--price-block-h2-margin-bottom)}
.closing .lead{margin-top:var(--section-lead-separation);margin-bottom:var(--closing-lead-margin-bottom)}
.site-footer{padding-block:var(--site-footer-padding-block);display:grid;grid-template-columns:1fr auto;column-gap:var(--site-footer-column-gap);row-gap:var(--site-footer-row-gap)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--actions-gap)}
.site-footer p{grid-column:1/-1;margin:0}
.page-heading{padding-block:var(--page-heading-padding-block)}
.page-heading .lead{margin-top:var(--hero-lead-margin-top)}
.prose{max-width:var(--heading-max-width)}
.prose p,.prose li,.prose dd{color:var(--secondary)}
.prose strong{color:var(--ink);font-weight:var(--type-emphasis-weight)}
ul,ol{padding-left:var(--list-indent);margin:var(--list-margin)}
li{padding-left:var(--list-item-inset);margin-bottom:var(--list-item-separation)}
.availability{background:var(--surface);padding:var(--availability-padding);border-radius:var(--radius);margin-block:var(--availability-margin-block)}
.availability h2{font-size:var(--availability-h2-font-size);margin-bottom:var(--list-item-separation)}
.prose>.button{margin-top:var(--section-lead-separation)}
.document{padding-bottom:var(--document-padding-bottom)}
.document section{padding-block:var(--document-section-padding-block);border-bottom:var(--site-header-border-bottom);scroll-margin-top:var(--document-section-scroll-margin-top)}
.document h2{font-size:var(--document-h2-font-size);margin-bottom:var(--document-h2-margin-bottom)}
.document h3{font-size:var(--document-h3-font-size);margin-top:var(--columns-small-margin-top);margin-bottom:var(--document-h3-margin-bottom)}
.topic-nav{display:flex;gap:var(--topic-nav-gap);flex-wrap:wrap;padding-bottom:var(--topic-nav-padding-bottom);border-bottom:var(--site-header-border-bottom)}
.topic-nav a{min-height:var(--size-interaction);display:inline-flex;align-items:center;font-size:var(--type-action-size)}
code{font-family:var(--code-font-family);font-size:var(--code-font-size);overflow-wrap:anywhere;color:var(--ink)}
dt{font-weight:var(--type-emphasis-weight);margin-top:var(--section-lead-p-margin-top)}
dd{margin:var(--definition-margin)}
@media(max-width:760px){.header-inner{min-height:var(--mobile-header-inner-min-height);gap:var(--mobile-header-inner-gap);flex-wrap:wrap;padding-block:var(--mobile-header-inner-padding-block)}}
@media(max-width:760px){.header-inner nav{order:3;width:100%;margin:0;gap:var(--actions-gap);border-top:var(--rule-section);padding-top:var(--mobile-header-inner-nav-padding-top)}}
@media(max-width:760px){.hero,.page-heading{padding-top:var(--mobile-hero-page-heading-padding-top)}}
@media(max-width:760px){.lead{font-size:var(--document-h3-font-size)}}
@media(max-width:760px){.split,.section-heading,.columns{grid-template-columns:1fr;gap:var(--mobile-column-gap)}}
@media(max-width:760px){.section-heading .lead{margin-top:0}}
@media(max-width:760px){.shot-pair{padding:var(--mobile-shot-pair-padding);border-radius:var(--radius-control)}}
@media(max-width:760px){.app-shot img{border-radius:var(--mobile-app-shot-img-border-radius)}}
@media(max-width:760px){.hero-shot{margin-top:var(--columns-margin-top)}}
@media(max-width:760px){.actions{gap:var(--topic-nav-gap)}}
@media(max-width:760px){.site-footer{grid-template-columns:1fr}}
@media(max-width:760px){.site-footer nav{gap:var(--mobile-site-footer-nav-gap)}}
@media(max-width:760px){.availability{padding:var(--shot-pair-padding)}}
@media(max-width:760px){.price-block h2{font-size:var(--mobile-price-block-h2-font-size)}}
@media(max-width:760px){.document section{padding-block:var(--mobile-document-section-padding-block)}}
@media(max-width:760px){.page-heading{padding-bottom:var(--mobile-page-heading-padding-bottom)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.brand-mark{color:CanvasText}}
@media(forced-colors:active){.button{border:var(--forced-control-border)}}
@media(forced-colors:active){.primary{color:ButtonText;background:ButtonFace}}


.secondary-button{border:var(--appearance-border);background:transparent;color:var(--ink)}
.secondary-button:hover{background:var(--surface)}
.placeholder-notice{font-size:var(--type-small-size);color:var(--secondary)}
@media(forced-colors:active){.secondary-button,.app-tabs a[aria-selected=true]{border:var(--forced-control-border)}}

/* SITE: product scenes, built from the approved warm monochrome tokens. */
body{overflow-wrap:break-word}
.site-header{position:sticky;top:0;z-index:20;background:var(--page)}
.header-inner{min-height:var(--site-min-height-1);gap:var(--availability-padding);flex-wrap:nowrap;padding-block:0}
.header-inner nav{gap:var(--availability-padding)}
.header-buy{font-size:var(--mobile-header-inner-padding-block);text-decoration:none;white-space:nowrap;min-height:var(--document-section-padding-block);display:inline-flex;align-items:center}
.header-download{min-height:var(--document-section-padding-block);padding:var(--site-padding-2);font-size:var(--type-small-size);white-space:nowrap}
.button{border-radius:var(--wordmark-gap);transition:var(--site-transition-3)}
.button:active,.motion-control:active{transform:var(--site-transform-4)}
.button[aria-disabled=true],button:disabled{opacity:var(--site-opacity-5);cursor:not-allowed}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--site-footer-column-gap);align-items:center;padding:var(--site-padding-6);min-height:var(--launch-note-max-width)}
.hero-copy h1{font-size:var(--site-font-size-7);line-height:var(--site-line-height-8);letter-spacing:var(--site-letter-spacing-9);font-weight:var(--site-font-weight-10)}
.hero-copy .lead{font-size:var(--document-h3-font-size);max-width:var(--site-max-width-11);line-height:var(--small-line-height);margin-top:var(--hero-lead-margin-top)}
.hero-copy .small+.small{margin-top:var(--mobile-app-shot-img-border-radius)}
.hero-copy .actions{gap:var(--list-item-separation);margin:var(--site-margin-12)}
.hero-copy .button{padding:var(--site-padding-13);font-size:var(--mobile-header-inner-padding-block)}
.hero-visual{min-width:0}
.hero-scene{position:relative;height:var(--site-height-14);isolation:isolate}
.desktop-plane{position:absolute;inset:var(--site-inset-15);background:var(--surface);border-radius:var(--availability-padding);transform:var(--site-transform-16)}
.mail-window{position:absolute;inset:var(--site-inset-17);background:var(--page);border:var(--rule-section);border-radius:var(--list-item-separation);box-shadow:var(--site-box-shadow-18);overflow:hidden}
.window-chrome{display:flex;align-items:center;justify-content:space-between;padding:var(--site-padding-19);border-bottom:var(--rule-section);font-size:var(--list-item-separation);color:var(--secondary);gap:var(--list-item-separation);background:var(--surface)}
.window-dots{display:flex;gap:var(--focus-outline-offset)}
.window-dots i{display:block;width:var(--site-width-20);height:var(--site-width-20);border:var(--site-border-21);border-radius:var(--site-border-radius-22)}
.chrome-spacer{width:var(--site-width-23)}
.mail-meta{padding:var(--topic-nav-gap);border-bottom:var(--rule-section);font-size:var(--list-item-separation)}
.mail-meta p+p{margin-top:var(--mobile-app-shot-img-border-radius)}
.mail-meta span{color:var(--secondary);display:inline-block;min-width:var(--site-min-width-24)}
.mail-body{padding:var(--site-padding-25);min-height:var(--site-min-height-26);display:flex;align-items:flex-start;gap:var(--mobile-app-shot-img-border-radius)}
.mail-body p{font-size:var(--price-block-h2-margin-bottom);line-height:var(--site-line-height-27);letter-spacing:var(--site-letter-spacing-28)}
.cursor{display:inline-block;width:var(--link-text-decoration-thickness);height:var(--availability-h2-font-size);background:var(--ink);flex-shrink:0}
.mail-bottom{display:flex;justify-content:space-between;font-size:var(--site-font-size-29);color:var(--secondary);padding:var(--site-padding-30);border-top:var(--rule-section)}
.speech-note{position:absolute;top:0;right:0;max-width:var(--site-max-width-31);padding:var(--site-padding-32);z-index:2;background:var(--page);border:var(--rule-section);border-radius:var(--list-item-separation);box-shadow:var(--site-box-shadow-33)}
.scene-label{display:block;font-size:var(--site-font-size-29);color:var(--secondary);font-weight:var(--type-emphasis-weight);letter-spacing:var(--site-letter-spacing-34);margin-bottom:var(--skip-link-top)}
.speech-note p{font-size:var(--launch-note-margin-top);line-height:var(--button-line-height)}
.speech-note del,.said del{color:var(--secondary);text-decoration-thickness:var(--link-text-decoration-thickness)}
.hero-gesture{position:absolute;bottom:var(--site-bottom-35);left:var(--site-border-radius-22);transform:var(--site-transform-36);display:flex;align-items:center;gap:var(--availability-padding);z-index:3}
.capsule{height:var(--document-h2-font-size);width:var(--site-width-37);border-radius:var(--type-action-size);display:inline-flex;align-items:center;justify-content:space-between;background:var(--capsule-background);color:var(--site-color-38);box-shadow:var(--site-box-shadow-39);flex-shrink:0}
.capsule-end{width:var(--document-h2-font-size);height:var(--document-h2-font-size);display:grid;place-items:center}
.capsule-end svg{width:var(--mobile-header-inner-gap);height:var(--mobile-header-inner-gap);fill:none;stroke:currentColor;stroke-width:var(--lead-line-height);stroke-linecap:var(--site-stroke-linecap-40);stroke-linejoin:var(--site-stroke-linecap-40)}
.meter{display:flex;align-items:center;gap:var(--site-gap-41);height:var(--launch-note-margin-top)}
.meter i{display:block;background:currentColor;width:var(--focus-border-radius);height:var(--mobile-shot-pair-padding);border-radius:var(--site-gap-41)}
.meter i:nth-child(3n){height:var(--site-height-42)}
.meter i:nth-child(2n){height:var(--mobile-header-inner-nav-padding-top)}
.keycap{width:var(--site-width-43);height:var(--section-heading-gap);display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--site-padding-44);border:var(--rule-section);border-radius:var(--list-item-separation);background:var(--page);font:var(--site-font-45);box-shadow:var(--site-box-shadow-46)}
.result-chip{position:absolute;bottom:0;left:var(--facts-gap);font-size:var(--list-item-separation);color:var(--secondary)}
.scene-caption{display:flex;justify-content:space-between;align-items:center;gap:var(--mobile-header-inner-gap);margin-top:var(--price-block-h2-margin-bottom);font-size:var(--list-item-separation);color:var(--secondary)}
.motion-control{background:transparent;border:0;border-radius:var(--mobile-header-inner-nav-padding-top);min-height:var(--document-section-padding-block);padding:var(--site-padding-47);font-size:var(--list-item-separation);text-decoration:underline;text-underline-offset:var(--focus-border-radius);color:var(--secondary)}
.motion-control:hover{color:var(--ink)}
.proof{border-top:var(--rule-section);border-bottom:var(--rule-section)}
.facts{display:grid;padding:var(--site-padding-48);border:0;text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--facts-gap)}
.facts p{margin:0;font-size:var(--mobile-header-inner-padding-block);font-weight:var(--site-font-weight-49);letter-spacing:var(--site-letter-spacing-50)}
.quote-strip{display:flex;gap:var(--example-gap);overflow-x:auto;padding:var(--list-margin)}
.quote-strip figure{min-width:var(--site-min-width-51)}
.quote-strip img{width:var(--price-padding);height:var(--price-padding);border-radius:var(--site-border-radius-22);filter:grayscale(1)}
.quote-strip blockquote{margin:var(--site-margin-52);font-size:var(--launch-note-margin-top)}
.launch-note{margin-top:var(--mobile-header-inner-gap)}
.section{padding-block:var(--site-padding-block-53);border-bottom:0}
.section-heading{grid-template-columns:1fr 1fr;gap:var(--mobile-header-inner-min-height);align-items:center;margin-bottom:var(--document-section-padding-block)}
.section-heading h2{font-size:var(--site-font-size-54);line-height:var(--site-line-height-55);letter-spacing:var(--type-heading-tracking);font-weight:var(--type-emphasis-weight)}
.section-heading .lead{font-size:var(--document-h3-font-size);line-height:var(--site-line-height-56);color:var(--secondary);max-width:var(--site-max-width-57)}
.section-heading p+p{color:var(--secondary)}
.mechanic{display:flex;justify-content:space-between;gap:var(--facts-gap);padding:var(--site-padding-58);font-size:var(--mobile-header-inner-padding-block)}
.mechanic p{display:flex;gap:var(--list-item-separation);align-items:center;margin:0}
.mechanic kbd{width:var(--hero-lead-margin-top);height:var(--hero-lead-margin-top);display:grid;place-items:center;font:var(--site-font-59);border:var(--rule-section);border-radius:var(--site-width-20)}
.app-examples{border:0;background:var(--surface);border-radius:var(--topic-nav-padding-bottom);padding:var(--site-padding-60)}
.app-tabs{border:0;gap:var(--skip-link-top);justify-content:center;margin-bottom:var(--availability-padding)}
.app-tabs a{border:0;padding:var(--site-padding-61);border-radius:var(--skip-link-top);font-size:var(--type-small-size);color:var(--secondary)}
.app-tabs a[aria-selected=true]{background:var(--page);color:var(--ink);border:0;box-shadow:var(--site-box-shadow-62)}
.app-tabs a:hover{background:var(--page);color:var(--ink)}
.app-panel{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:var(--price-padding);padding:0;border:0}
.app-window{border:var(--rule-section);border-radius:var(--mobile-shot-pair-padding);overflow:hidden;background:var(--page);box-shadow:var(--site-box-shadow-63)}
.app-context{padding:var(--site-padding-64);font-size:var(--type-small-size);color:var(--secondary)}
.app-output{font-size:var(--availability-h2-font-size);letter-spacing:var(--site-letter-spacing-28);line-height:var(--button-line-height);padding:var(--site-padding-65);min-height:var(--site-min-height-66);white-space:pre-wrap}
.app-window-foot{padding:var(--site-padding-67);display:flex;justify-content:center}
.app-said{color:var(--secondary);font-size:var(--launch-note-margin-top);line-height:var(--small-line-height)}
.app-said .small{border-top:var(--rule-section);padding-top:var(--topic-nav-padding-bottom);margin-top:var(--facts-gap)}
.section-note{margin-top:var(--facts-gap)}
.tidy-section{background:var(--surface)}
.tidy-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--mobile-header-inner-gap)}
.tidy-card{background:var(--page);border-radius:var(--list-item-separation);padding:var(--site-padding-68)}
.tidy-card h3{font-size:var(--type-small-size);font-weight:var(--text-link-font-weight);color:var(--secondary);letter-spacing:0;margin-bottom:var(--price-block-h2-margin-bottom)}
.said{color:var(--secondary);font-size:var(--document-h3-font-size);line-height:var(--lead-line-height)}
.typed{font-size:var(--type-prominent-size);font-weight:var(--site-font-weight-49);line-height:var(--lead-line-height);margin-top:var(--mobile-header-inner-padding-block)}
mark{background:var(--surface);color:var(--ink);padding:var(--site-padding-69);border-radius:var(--focus-border-radius);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.dictionary-example{display:grid;grid-template-columns:1fr 1fr;gap:var(--section-heading-gap);padding:var(--site-padding-70)}
.dictionary-example h3{font-size:var(--availability-h2-font-size)}
.dictionary-example p{max-width:var(--site-max-width-71)}
.dictionary-example .typed mark{background:var(--page)}
.meeting-stage{position:relative}
.transcript-text{position:absolute;width:var(--link-text-decoration-thickness);height:var(--link-text-decoration-thickness);overflow:hidden;clip-path:inset(50%)}
.meeting-facts{display:flex;justify-content:space-between;gap:var(--facts-gap);margin:var(--site-margin-73);font-size:var(--type-action-size);font-weight:var(--site-font-weight-49)}
.meeting-facts p{margin:0}
.privacy-section{background:var(--surface)}
.mac-path{max-width:var(--site-max-width-74);margin:var(--site-margin-75)}
.mac-path-screen{border:var(--rule-section);border-bottom:0;border-radius:var(--site-border-radius-76);background:var(--page);padding:var(--site-padding-77);margin:var(--site-margin-78)}
.mac-path ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--facts-gap);list-style:none;margin:0;padding:0}
.mac-path li{margin:0;padding:0;display:flex;flex-direction:column;font-size:var(--list-item-separation);gap:var(--mobile-shot-pair-padding);color:var(--secondary)}
.mac-path strong{font-weight:var(--text-link-font-weight);color:var(--ink);font-size:var(--type-small-size)}
.path-dot{display:block;width:var(--list-item-separation);height:var(--list-item-separation);border:var(--site-border-79);border-radius:var(--site-border-radius-22);margin-bottom:var(--list-item-separation)}
.mac-path li.is-lit .path-dot{background:var(--ink)}
.mac-path-base{height:var(--list-item-separation);border:var(--rule-section);border-radius:var(--site-border-radius-80);background:var(--page)}
.online-details{display:grid;grid-template-columns:1fr 2fr;column-gap:var(--section-heading-gap);max-width:var(--site-max-width-74);margin:var(--site-margin-81)}
.online-details h3{font-size:var(--topic-nav-padding-bottom)}
.online-details ul{margin:0;padding-left:var(--launch-note-margin-top);color:var(--secondary);font-size:var(--mobile-header-inner-padding-block)}
.online-details .text-link{grid-column:2}
.feature-examples{display:grid;grid-template-columns:1fr 2fr;gap:var(--site-gap-82);align-items:start}
.feature-tabs{display:flex;flex-direction:column}
.feature-tabs a{font-size:var(--facts-gap);text-decoration:none;color:var(--secondary);border-bottom:var(--rule-section);padding:var(--site-padding-83);min-height:var(--document-section-padding-block)}
.feature-tabs a[aria-selected=true]{color:var(--ink);font-weight:var(--type-emphasis-weight)}
.feature-tabs a:hover{color:var(--ink)}
.feature-panel{padding-bottom:var(--availability-padding)}
.settings-window{background:var(--surface);border:var(--rule-section);border-radius:var(--list-item-separation);overflow:hidden;min-height:var(--site-min-height-84);margin-bottom:var(--document-h2-font-size)}
.setting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--facts-gap);margin:var(--availability-padding);padding:var(--site-padding-85);border-bottom:var(--rule-section);font-size:var(--mobile-header-inner-gap)}
.setting-row span:last-child{color:var(--secondary);text-align:right}
.replacement-text{white-space:pre-line;padding:var(--site-padding-86);font-size:var(--topic-nav-padding-bottom)}
.small-key{width:var(--price-padding);height:var(--site-height-87);font-size:var(--mobile-header-inner-padding-block)}
.feature-panel>p{color:var(--secondary);margin-top:var(--list-item-separation)}
.maker{padding:var(--site-padding-88);display:flex;gap:var(--mobile-page-heading-padding-bottom);align-items:center;border-top:var(--rule-section);border-bottom:var(--rule-section)}
.maker-photo{width:var(--site-width-89);height:var(--site-height-90);background:var(--surface);border:var(--rule-section);border-radius:var(--skip-link-top);display:grid;place-items:center;font-size:var(--site-font-size-29);letter-spacing:var(--site-letter-spacing-91);color:var(--secondary);flex-shrink:0}
.maker h2{font-size:var(--facts-gap);margin-bottom:var(--mobile-shot-pair-padding)}
.draft-label{font-size:var(--mobile-shot-pair-padding);letter-spacing:var(--site-letter-spacing-91);color:var(--secondary);margin-bottom:var(--skip-link-top)}
.maker .draft-label+p{margin-top:0;font-size:var(--mobile-header-inner-gap)}
.maker-contact{font-size:var(--mobile-header-inner-padding-block);margin-top:var(--mobile-header-inner-gap)}
.price-card{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--mobile-header-inner-min-height);padding:var(--site-padding-92);background:var(--surface);border-radius:var(--topic-nav-padding-bottom)}
.price-card h2{font-size:var(--availability-padding);font-weight:var(--text-link-font-weight);letter-spacing:var(--site-letter-spacing-93);margin-bottom:var(--price-block-h2-margin-bottom)}
.price-card h2 span{display:block;font-size:var(--section);line-height:var(--site-line-height-94);letter-spacing:var(--site-letter-spacing-9);margin-top:var(--mobile-header-inner-nav-padding-top)}
.price-figure>p{font-size:var(--site-height-42)}
.price-figure .small{font-size:var(--type-small-size)}
.price-offer>p:first-child{font-size:var(--mobile-header-inner-gap);color:var(--secondary);line-height:var(--site-line-height-56)}
.price-offer .small+.small{margin-top:var(--mobile-header-inner-nav-padding-top)}
.price-offer .actions{gap:var(--list-item-separation);margin:var(--site-margin-95)}
.price-offer .button{font-size:var(--mobile-header-inner-padding-block);padding:var(--tab-padding)}
.trial-line{font-size:var(--mobile-header-inner-padding-block);color:var(--secondary);text-align:center;max-width:var(--heading-max-width);margin:var(--site-margin-96)}
.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--mobile-header-inner-min-height);padding-top:0}
.faq h2{font-size:var(--site-font-size-97)}
.faq-item{border-bottom:var(--rule-section)}
.faq-item:first-child{border-top:var(--rule-section)}
.faq-question{display:flex;justify-content:space-between;align-items:center;gap:var(--facts-gap);background:transparent;border:0;padding:var(--site-padding-85);text-align:left;width:100%;font:var(--site-font-98)}
.faq-question:hover{color:var(--secondary)}
.faq-question span{font-weight:var(--site-font-weight-99);font-size:var(--site-font-size-100)}
.faq-answer{padding:var(--site-padding-101);font-size:var(--type-action-size);color:var(--secondary)}
.closing{background:var(--surface);text-align:center}
.closing h2{margin-inline:auto;font-size:var(--site-font-size-102);font-weight:var(--type-emphasis-weight)}
.closing .actions{justify-content:center}
.closing p{margin-inline:auto}
.closing .small+.small{margin-top:var(--mobile-app-shot-img-border-radius)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;grid-column:1/-1;gap:var(--facts-gap)}
.share-status:not(:empty){position:fixed;bottom:var(--topic-nav-padding-bottom);left:var(--site-border-radius-22);transform:var(--site-transform-36);background:var(--button);color:var(--button-ink);padding:var(--site-padding-103);border-radius:var(--mobile-shot-pair-padding);box-shadow:var(--site-box-shadow-104);z-index:30;font-size:var(--mobile-header-inner-padding-block);max-width:var(--site-max-width-105)}
.sr-only{position:absolute;width:var(--link-text-decoration-thickness);height:var(--link-text-decoration-thickness);overflow:hidden;clip-path:inset(50%)}
.install-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--facts-gap);margin-top:var(--mobile-page-heading-padding-bottom);list-style:none;padding:0}
.install-steps li{margin:0;padding:0}
.install-drawing{height:var(--site-height-106);background:var(--surface);border:var(--rule-section);border-radius:var(--list-item-separation);display:flex;align-items:center;justify-content:center;gap:var(--topic-nav-padding-bottom);margin-bottom:var(--topic-nav-padding-bottom)}
.install-drawing svg{width:var(--site-width-107);height:var(--site-width-107);fill:none;stroke:var(--ink);stroke-width:var(--site-stroke-width-108);stroke-linecap:var(--site-stroke-linecap-40);stroke-linejoin:var(--site-stroke-linecap-40)}
.install-drawing .brand-mark{width:var(--site-width-109);height:var(--site-width-109)}
.install-drawing .install-arrow{width:var(--availability-padding);height:var(--availability-padding)}
.install-steps h3{font-size:var(--document-h3-font-size)}
.install-steps p{font-size:var(--mobile-header-inner-padding-block);color:var(--secondary)}
.permission-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--example-gap);margin:var(--site-margin-110)}
.permission-list svg{width:var(--example-gap);height:var(--example-gap);stroke:var(--ink);fill:none;stroke-width:var(--site-stroke-width-108);stroke-linecap:var(--site-stroke-linecap-40);stroke-linejoin:var(--site-stroke-linecap-40);margin-bottom:var(--mobile-header-inner-gap)}
.permission-list h3{font-size:var(--launch-note-margin-top)}
.permission-list p{font-size:var(--mobile-header-inner-padding-block);color:var(--secondary)}
.download-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--mobile-header-inner-min-height);align-items:center}
.download-intro .availability{margin:0}
.document{max-width:var(--site-max-width-111)}
.page-heading h1{font-size:var(--site-font-size-112)}
.page-heading>p{margin-top:var(--topic-nav-padding-bottom)}
.purchase-title{font-size:var(--site-font-size-113)}
@media(max-width:1050px){.header-inner nav{gap:var(--mobile-header-inner-gap)}.header-inner{gap:var(--topic-nav-padding-bottom)}.hero{gap:var(--facts-gap)}.hero-copy h1{font-size:var(--site-font-size-114)}.hero-copy .actions{flex-direction:column;align-items:flex-start}.price-card{gap:var(--site-footer-column-gap);padding:var(--mobile-page-heading-padding-bottom)}.hero-scene{height:var(--site-height-115)}.mail-body p{font-size:var(--topic-nav-padding-bottom)}}
@media(max-width:760px){.header-inner{min-height:var(--site-width-43);gap:var(--list-item-separation);padding:0;flex-wrap:nowrap}.header-inner nav{display:none}.header-buy{display:none}.header-download{margin-left:auto;font-size:var(--list-item-separation);padding:var(--site-padding-116)}.wordmark{font-size:var(--topic-nav-padding-bottom)}.hero{grid-template-columns:minmax(0,1fr);padding:var(--site-padding-117);gap:var(--site-gap-118);min-height:0}.hero-copy h1{font-size:var(--site-mobile-hero-size);max-width:var(--site-max-width-119)}.hero-copy .lead{font-size:var(--site-height-42);max-width:var(--site-max-width-120);margin-top:var(--topic-nav-padding-bottom)}.hero-copy .actions{flex-direction:row;gap:var(--mobile-shot-pair-padding);margin:var(--site-margin-121)}.hero-copy .button{padding:var(--site-padding-122);font-size:var(--type-small-size)}.hero-scene{height:var(--site-height-123)}.desktop-plane{inset:var(--site-inset-124);transform:var(--site-transform-125);border-radius:var(--launch-note-margin-top)}.mail-window{inset:var(--site-inset-126)}.speech-note{max-width:var(--site-max-width-127);padding:var(--site-padding-128);right:var(--site-gap-41)}.speech-note p{font-size:var(--mobile-header-inner-gap)}.mail-meta{padding:var(--site-padding-2)}.mail-body{padding:var(--site-padding-129);min-height:var(--site-min-height-130)}.mail-body p{font-size:var(--launch-note-margin-top)}.mail-bottom{padding:var(--site-padding-131)}.hero-gesture{bottom:var(--price-block-h2-margin-bottom);gap:var(--availability-padding)}.keycap{width:var(--site-min-width-24);height:var(--site-font-size-114);padding:var(--mobile-shot-pair-padding);font-size:var(--mobile-header-inner-gap)}.result-chip{left:var(--list-item-separation);bottom:0;font-size:var(--site-font-size-29)}.scene-caption{margin-top:var(--skip-link-top);font-size:var(--site-font-size-29)}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--skip-link-top);padding:var(--site-padding-85)}.facts p{margin:0;font-size:var(--site-font-size-29);letter-spacing:0}.launch-note{font-size:var(--site-font-size-29)}.section{padding-block:var(--section-heading-gap)}.section-heading{grid-template-columns:minmax(0,1fr);gap:var(--topic-nav-padding-bottom);margin-bottom:var(--availability-padding)}.section-heading h2{font-size:var(--mobile-page-heading-padding-bottom)}.section-heading .lead{font-size:var(--site-height-42)}.mechanic{flex-direction:column;gap:var(--list-item-separation);padding-bottom:var(--facts-gap);font-size:var(--type-small-size)}.app-examples{padding:var(--mobile-header-inner-gap);border-radius:var(--mobile-header-inner-padding-block)}.app-tabs{justify-content:flex-start;gap:var(--mobile-app-shot-img-border-radius);margin-bottom:var(--topic-nav-padding-bottom)}.app-tabs a{padding:var(--site-padding-132);font-size:var(--list-item-separation)}.app-panel{grid-template-columns:minmax(0,1fr);gap:var(--facts-gap)}.app-output{font-size:var(--price-block-h2-margin-bottom);min-height:var(--site-min-height-133);padding:var(--topic-nav-padding-bottom)}.app-context{padding:var(--site-padding-134)}.app-said{font-size:var(--mobile-header-inner-gap)}.app-said .small{padding-top:var(--list-item-separation);margin-top:var(--list-item-separation)}.tidy-grid{grid-template-columns:minmax(0,1fr);gap:var(--list-item-separation)}.tidy-card{padding:var(--facts-gap)}.tidy-card h3{margin-bottom:var(--mobile-header-inner-gap)}.said{font-size:var(--site-height-42)}.typed{font-size:var(--document-h3-font-size)}.dictionary-example{grid-template-columns:minmax(0,1fr);gap:var(--facts-gap);padding:var(--site-padding-135)}.dictionary-example h3{font-size:var(--facts-gap)}.meeting-facts{flex-direction:column;gap:var(--skip-link-top);font-size:var(--mobile-header-inner-padding-block);margin:var(--site-margin-136)}.mac-path{margin:var(--facts-padding)}.mac-path-screen{margin:var(--site-margin-137);padding:var(--availability-padding)}.mac-path ol{grid-template-columns:minmax(0,1fr);gap:var(--facts-gap)}.mac-path li{display:grid;grid-template-columns:auto 1fr;column-gap:var(--mobile-header-inner-gap);row-gap:var(--mobile-app-shot-img-border-radius)}.path-dot{grid-row:1/3;align-self:center;margin:0}.mac-path strong{font-size:var(--mobile-header-inner-padding-block)}.mac-path li>span:last-child{grid-column:2}.online-details{grid-template-columns:minmax(0,1fr);gap:var(--topic-nav-padding-bottom)}.online-details .text-link{grid-column:1}.feature-examples{grid-template-columns:minmax(0,1fr);gap:var(--facts-gap)}.feature-tabs{flex-direction:row;flex-wrap:wrap;gap:var(--site-gap-138)}.feature-tabs a{font-size:var(--type-action-size);padding:var(--site-padding-47)}.settings-window{min-height:var(--site-height-106);margin-bottom:var(--facts-gap)}.setting-row{margin:var(--facts-gap);font-size:var(--mobile-header-inner-padding-block);gap:var(--mobile-header-inner-gap)}.feature-panel{padding-bottom:0}.maker{padding:var(--site-margin-110);gap:var(--facts-gap);align-items:flex-start}.maker-photo{width:var(--site-width-139);height:var(--site-height-140);font-size:var(--skip-link-top);letter-spacing:0}.maker h2{font-size:var(--type-prominent-size)}.maker .draft-label+p{font-size:var(--mobile-header-inner-padding-block)}.maker-contact{font-size:var(--type-small-size)}.price-card{grid-template-columns:minmax(0,1fr);gap:var(--example-gap);padding:var(--availability-padding);border-radius:var(--mobile-header-inner-padding-block)}.price-card h2{font-size:var(--hero-lead-margin-top)}.price-card h2 span{font-size:var(--site-font-size-141)}.price-offer .actions{gap:var(--mobile-shot-pair-padding)}.price-offer .button{padding:var(--list-item-separation);font-size:var(--list-item-separation)}.trial-line{font-size:var(--type-small-size);text-align:left}.faq{grid-template-columns:minmax(0,1fr);gap:var(--availability-padding);padding-top:0}.faq h2{font-size:var(--example-gap)}.faq-question{font-size:var(--mobile-header-inner-gap);padding:var(--example-text-margin)}.faq-answer{padding:var(--site-padding-142);font-size:var(--mobile-header-inner-padding-block)}.closing h2{font-size:var(--mobile-page-heading-padding-bottom)}.closing .actions{gap:var(--list-item-separation)}.closing .button{padding:var(--site-padding-122);font-size:var(--type-small-size)}.site-footer{padding-block:var(--example-gap)}.install-steps{grid-template-columns:minmax(0,1fr);gap:var(--example-gap)}.install-drawing{height:var(--site-height-90)}.permission-list{grid-template-columns:minmax(0,1fr);gap:var(--availability-padding)}.download-intro{grid-template-columns:minmax(0,1fr);gap:var(--availability-padding)}.page-heading h1{font-size:var(--site-gap-118)}}
@media(prefers-reduced-motion:reduce){.hero-scene *{transform:none}.hero-gesture{transform:var(--site-transform-36)}.desktop-plane{transform:var(--site-transform-125)}}
.feature-body{min-width:0}

.faq-list{min-width:0}

.meter i:nth-child(1){height:var(--capsule-bar-1)}.meter i:nth-child(2){height:var(--capsule-bar-2)}.meter i:nth-child(3){height:var(--capsule-bar-3)}.meter i:nth-child(4){height:var(--capsule-bar-4)}.meter i:nth-child(5){height:var(--capsule-bar-5)}.meter i:nth-child(6){height:var(--capsule-bar-6)}.meter i:nth-child(7){height:var(--capsule-bar-7)}.meter i:nth-child(8){height:var(--capsule-bar-8)}.meter i:nth-child(9){height:var(--capsule-bar-9)}

/* Held-key silence is nine dim dots; finished dictation leaves the app. */
.hero-scene[data-capsule-state="finished"] .capsule{visibility:hidden}
.hero-scene[data-capsule-state="silence"] .meter i{height:var(--capsule-silence-size);opacity:var(--capsule-silence-opacity)}

/* Alternate every actual home section, beginning with the light hero. */
.home main>section{background:var(--page)}
.home main>section:nth-of-type(even){background:var(--surface)}
.home-band{isolation:isolate}
.home .faq{padding-block:var(--site-padding-block-53)}
.home .maker{border:0}
.home .app-examples{background:transparent;padding-inline:0}
.home .tidy-card{background:var(--surface)}
.home .tidy-card mark{background:var(--page)}
.home .price-card{background:var(--surface)}
.home .maker-photo{background:var(--surface)}
.home .hero-scene{height:var(--scene-hero-height)}
.home .desktop-plane{inset:var(--scene-plane-inset)}
.home .mail-window{inset:var(--scene-mail-inset)}
.speech-group{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-end}
.home .speech-note{position:relative;max-width:var(--scene-speech-width);padding:var(--scene-speech-padding);right:0}
.home .hero-gesture{position:relative;bottom:auto;left:auto;transform:none;margin:var(--scene-gesture-margin)}
.hero-scene[data-capsule-state="finished"] .hero-gesture{visibility:hidden}
.home .mail-body p{font-size:var(--scene-body-font)}
.home .mail-body{padding:var(--scene-output-padding)}
.home mark{padding:var(--scene-mark-padding)}
.home .app-window{min-height:var(--scene-app-height)}
.home .app-output{font-size:var(--scene-output-size);min-height:0;padding:0;white-space:normal;line-height:var(--lead-line-height)}
.email-page{padding:var(--scene-output-padding)}
.slack-layout{display:grid;grid-template-columns:var(--scene-sidebar-width) minmax(0,1fr)}
.channel-list,.note-list{background:var(--surface);padding:var(--scene-thread-padding);border-right:var(--rule-section);font-size:var(--list-item-separation);color:var(--secondary)}
.channel-list p:first-child,.note-list p:first-child{font-weight:var(--type-emphasis-weight);color:var(--ink)}
.channel-thread{min-width:0}
.thread-header{padding:var(--scene-thread-padding);font-size:var(--type-small-size);font-weight:var(--type-emphasis-weight);border-bottom:var(--rule-section)}
.message-list{padding:var(--scene-thread-padding);display:grid;gap:var(--topic-nav-padding-bottom)}
.message-row{display:flex;gap:var(--mobile-shot-pair-padding);font-size:var(--type-small-size);line-height:var(--button-line-height)}
.message-row strong{font-size:var(--list-item-separation)}
.avatar{display:grid;place-items:center;width:var(--scene-avatar-size);height:var(--scene-avatar-size);border-radius:var(--scene-round);background:var(--surface);flex-shrink:0;font-size:var(--list-item-separation)}
.compose-box{border:var(--appearance-border);border-radius:var(--skip-link-top);margin:var(--scene-compose-margin);padding:var(--scene-thread-padding)}
.chat-thread{display:flex;flex-direction:column;gap:var(--mobile-shot-pair-padding);padding:var(--scene-thread-padding);min-height:var(--scene-chat-height)}
.chat-bubble{max-width:var(--scene-bubble-width);border-radius:var(--skip-link-top);padding:var(--topic-nav-gap);font-size:var(--type-small-size);line-height:var(--button-line-height);margin:0}
.incoming{align-self:flex-start;background:var(--surface)}
.outgoing{align-self:flex-end;border:var(--rule-section)}
.notes-layout{display:grid;grid-template-columns:var(--scene-note-width) minmax(0,1fr);min-height:var(--scene-app-height)}
.note-list p+p{padding-top:var(--topic-nav-gap);border-top:var(--rule-section)}
.note-page{padding:var(--scene-output-padding)}
.note-page h3{font-size:var(--scene-body-font);margin-bottom:var(--topic-nav-padding-bottom)}
.offline-mac{max-width:var(--scene-mac-width);margin:var(--scene-mac-margin)}
.offline-screen{margin:var(--scene-mac-screen-margin);border:var(--rule-section);border-radius:var(--site-border-radius-76);background:var(--page);overflow:hidden}
.offline-menubar{display:flex;align-items:center;justify-content:space-between;padding:var(--site-padding-19);background:var(--surface);border-bottom:var(--rule-section);font-size:var(--type-small-size)}
.wifi-off{display:flex;align-items:center;gap:var(--skip-link-top)}
.wifi-off svg{width:var(--scene-wifi-size);height:var(--scene-wifi-size);fill:none;stroke:currentColor;stroke-width:var(--scene-wifi-stroke);stroke-linecap:var(--site-stroke-linecap-40)}
.offline-work{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--facts-gap);align-items:center;padding:var(--scene-mac-padding)}
.offline-voice p{font-size:var(--scene-body-font);color:var(--secondary)}
.voice-wave{display:flex;align-items:center;gap:var(--scene-wave-gap);height:var(--scene-wave-height);margin-bottom:var(--mobile-header-inner-gap)}
.voice-wave i{width:var(--scene-wave-width);height:var(--scene-middle-height);border-radius:var(--focus-border-radius);background:var(--ink)}
.voice-wave i:nth-child(3n){height:var(--scene-tall-height)}
.voice-wave i:nth-child(2n){height:var(--scene-compact-height)}
.local-route svg{width:var(--scene-route-width);height:var(--scene-wifi-size);fill:none;stroke:var(--secondary);stroke-width:var(--scene-wifi-stroke)}
.offline-result{border:var(--rule-section);border-radius:var(--skip-link-top);padding:var(--scene-output-padding);font-size:var(--scene-body-font);box-shadow:var(--site-box-shadow-63)}
.offline-location{text-align:center;margin:var(--scene-compose-margin);font-size:var(--type-small-size);color:var(--secondary)}
@media(max-width:760px){.offline-work{grid-template-columns:minmax(0,1fr)}.local-route{display:none}.home .faq{padding-block:var(--section-heading-gap)}.message-row{font-size:var(--list-item-separation)}.home .app-panel{align-items:start}.home .app-output{line-height:var(--small-line-height)}}

.channel-list p{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.hero-gesture{visibility:hidden}.home .mail-body,.home .app-output,.offline-result p{clip-path:none!important}}

/* Speech that sweeps in, and text that lands at once (13 Oct, his msgs 1667-1668). */
.sw-off{visibility:hidden}
del.unstruck{text-decoration:none}
.is-waiting{visibility:hidden}
@media(prefers-reduced-motion:reduce){.sw-off,.is-waiting{visibility:visible}}
/* Hero, his edit 13 Oct 15:42: speech box, key and pill, and the mail window stacked with even gaps. */
.home .hero-scene{height:auto}
.home .mail-window{position:relative;inset:auto;margin-top:var(--scene-stack-gap)}
.lead-stack span{display:block}
.lead-stack span+span{margin-top:var(--lead-stack-gap)}
.lead-stack span.lead-stack-gap{margin-top:var(--lead-stack-break)}
/* App scenes, his layout 13 Oct: You say card plus key and pill on the left, the app on the right; tabs spaced apart. */
.home .app-panel{grid-template-columns:1fr 1.5fr;align-items:start}
.app-speech[data-capsule-state="finished"] .hero-gesture{visibility:hidden}
.app-speech[data-capsule-state="silence"] .meter i{height:var(--capsule-silence-size);opacity:var(--capsule-silence-opacity)}
.home .app-speech .speech-note{max-width:none;width:100%}
.home .app-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--app-tab-gap)}
.home .app-tabs a{display:inline-flex}
@media(max-width:760px){.home .app-panel{grid-template-columns:minmax(0,1fr)}}
/* The MacBook (13 Oct). */
.macbook{width:var(--mb-width);max-width:var(--mb-max);margin:var(--mb-margin);position:relative;container-type:inline-size}
.mb-lid{background:var(--mb-bezel);border-radius:var(--mb-lid-radius);padding:var(--mb-bezel-pad)}
.mb-screen{position:relative;border-radius:var(--mb-screen-radius);overflow:hidden;background:var(--mb-wallpaper)}
.mb-notch{position:absolute;top:0;left:var(--mb-half);transform:var(--mb-notch-transform);width:var(--mb-notch-width);height:var(--mb-notch-height);background:var(--mb-bezel);border-radius:var(--mb-notch-radius);z-index:3}
.mb-menubar{height:var(--mb-menubar-height);padding:var(--mb-menubar-pad);display:flex;align-items:center;justify-content:space-between;background:var(--mb-menubar-bg);font:var(--mb-menubar-font);color:var(--ink)}
.mb-menu,.mb-status{display:flex;align-items:center;gap:var(--mb-menu-gap)}
.mb-status{gap:var(--mb-status-gap)}
.mb-icon{display:inline-flex}
.mb-icon svg{width:var(--mb-icon-size);height:var(--mb-icon-size);fill:none;stroke:currentColor;stroke-width:var(--mb-icon-stroke);stroke-linecap:var(--site-stroke-linecap-40)}
.mb-fill{fill:currentColor;stroke:none}
.mb-desktop{position:relative;height:var(--mb-desktop-height);padding:var(--mb-desktop-pad)}
.mb-toast{position:absolute;top:var(--mb-toast-top);right:var(--mb-toast-right);width:var(--mb-toast-width);display:flex;align-items:center;gap:var(--mb-toast-gap);padding:var(--mb-toast-pad);background:var(--mb-toast-bg);border-radius:var(--mb-toast-radius);box-shadow:var(--mb-toast-shadow);color:var(--ink)}
.mb-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--mb-toast-icon);height:var(--mb-toast-icon);border-radius:var(--mb-toast-icon-radius);background:var(--mb-toast-icon-bg);color:var(--mb-toast-icon-fg)}
.mb-toast-icon svg{width:var(--mb-toast-icon-inner);height:var(--mb-toast-icon-inner);fill:none;stroke:currentColor;stroke-width:var(--mb-icon-stroke);stroke-linecap:var(--site-stroke-linecap-40)}
.mb-toast-text{display:flex;flex-direction:column}
.mb-toast-text strong{font:var(--mb-toast-title)}
.mb-toast-text span{font:var(--mb-toast-sub);color:var(--secondary)}
.mb-window{max-width:var(--mb-window-width);margin:var(--mb-window-margin);background:var(--page);border-radius:var(--mb-window-radius);box-shadow:var(--mb-window-shadow);overflow:hidden}
.mb-note{padding:var(--mb-note-pad);min-height:var(--mb-note-min)}
.mb-note h3{font:var(--mb-note-title);margin-top:0;margin-bottom:var(--mb-note-title-gap)}
.mb-output{font:var(--mb-note-body);color:var(--ink)}
.mb-base{width:var(--mb-base-width);margin:var(--mb-base-margin);height:var(--mb-base-height);background:var(--mb-base-bg);border-radius:var(--mb-base-radius);position:relative}
.mb-base-notch{position:absolute;top:0;left:var(--mb-half);transform:var(--mb-notch-transform);width:var(--mb-base-notch-width);height:var(--mb-base-notch-height);background:var(--mb-base-notch-bg);border-radius:var(--mb-base-notch-radius)}
.mb-window .window-chrome{padding:var(--mb-chrome-pad);font-size:var(--mb-chrome-font);gap:var(--mb-chrome-gap)}
@container(max-width:520px){.mb-menubar{height:var(--mb-small-menubar-height);padding:var(--mb-small-menubar-pad);font:var(--mb-small-menubar-font)}.mb-menu span:nth-child(n+2){display:none}.mb-status{gap:var(--mb-small-status-gap)}.mb-icon svg{width:var(--mb-small-icon);height:var(--mb-small-icon)}.mb-desktop{height:var(--mb-small-desktop-height);padding:var(--mb-small-desktop-pad)}.mb-toast{top:var(--mb-small-toast-top);right:var(--mb-small-toast-top);width:var(--mb-small-toast-width);padding:var(--mb-small-toast-pad);gap:var(--mb-small-toast-gap);border-radius:var(--mb-small-toast-radius);z-index:2}.mb-toast-icon{width:var(--mb-small-toast-icon);height:var(--mb-small-toast-icon);border-radius:var(--mb-small-toast-icon-radius)}.mb-toast-icon svg{width:var(--mb-small-toast-icon-inner);height:var(--mb-small-toast-icon-inner)}.mb-toast-text strong{font:var(--mb-small-toast-title)}.mb-toast-text span{font:var(--mb-small-toast-sub)}.mb-window{max-width:var(--mb-small-window-width);margin:var(--mb-small-window-margin);border-radius:var(--mb-small-window-radius)}.mb-window .window-chrome{padding:var(--mb-small-chrome-pad);font-size:var(--mb-small-chrome-font)}.mb-note{padding:var(--mb-small-note-pad);min-height:0}.mb-note h3{font:var(--mb-small-note-title);margin-bottom:var(--mb-small-note-title-gap)}.mb-output{font:var(--mb-small-note-body)}.macbook .mb-pill{bottom:var(--mb-small-pill-bottom);transform:var(--mb-small-pill)}.mb-window .window-chrome span:nth-child(2){visibility:hidden}}
@container(max-width:300px){.macbook .mb-pill{transform:var(--mb-tiny-pill)}.macbook .mb-output{font:var(--mb-tiny-note-body)}}
/* Tighter section rhythm on the home page, his ask 13 Oct: less space at the top and bottom of each section. */
.home .section,.home .faq{padding-block:var(--home-section-pad)}
.home .section-heading{margin-bottom:var(--home-heading-gap)}
@media(max-width:760px){.home .section,.home .faq{padding-block:var(--section-heading-gap)}}
.mb-wifi{color:var(--ink)}
/* Make It Your Own: three still cards (13 Oct). */
.custom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--custom-gap)}
.custom-card{background:var(--surface);border-radius:var(--custom-card-radius);padding:var(--custom-card-pad);display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
.custom-card h3{margin:var(--custom-title-gap)}
.custom-card p{color:var(--secondary);margin:var(--custom-line-gap)}
.mini-window{background:var(--page);border:var(--rule-section);border-radius:var(--mini-radius);box-shadow:var(--mini-shadow);overflow:hidden;min-height:var(--mini-min)}
.mini-row{display:flex;justify-content:space-between;align-items:center;gap:var(--mini-keys-gap);padding:var(--mini-row-pad);border-bottom:var(--rule-section);font:var(--mini-font);color:var(--ink)}
.mini-row:last-child{border-bottom:0}
.mini-tag{font:var(--mini-tag-font);color:var(--secondary);background:var(--surface);border-radius:var(--mini-tag-radius);padding:var(--mini-tag-pad)}
.mini-keys{display:inline-flex;align-items:center;gap:var(--mini-keys-gap)}
.mini-pair{flex-direction:column;align-items:flex-start}
.mini-say{font-weight:var(--text-link-font-weight)}
.mini-types{color:var(--secondary)}
.mb-pill{position:absolute;left:var(--mb-half);bottom:var(--mb-pill-bottom);transform:var(--mb-notch-transform)}
.home .price-card{background:var(--page)}
@media(max-width:760px){.custom-grid{grid-template-columns:minmax(0,1fr)}}
/* His ask, 13 Oct 16:35: a tighter hero, and a tighter "Let Your Words Do the Typing" section. */
.home .hero{min-height:0;padding:var(--home-hero-pad)}
.home #dictation .section{padding-block:var(--home-tight-pad)}
.home #dictation .section-heading{margin-bottom:var(--home-tight-heading)}
@media(max-width:760px){.home .hero{padding:var(--site-padding-117)}}
/* The call in "Talk Now. Read It Back Later.", built in the page (13 Oct, his ask: the film looked soft). */
.call-scene{display:grid;grid-template-columns:3fr 7fr;gap:var(--call-gap);align-items:center;padding:var(--call-stage-pad);background:var(--surface);border-radius:var(--call-stage-radius)}
.call-window{display:grid;gap:var(--call-tile-gap);padding:var(--call-tile-gap);background:var(--call-dark);border-radius:var(--call-window-radius)}
.call-tile{position:relative;aspect-ratio:5/4;border-radius:var(--call-tile-radius);overflow:hidden;background:var(--call-tile-bg)}
.call-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.call-tile::after{content:"";position:absolute;inset:0;background:var(--call-tile-shade);border-radius:var(--call-tile-radius);box-shadow:var(--call-tile-ring)}
.call-tile.is-speaking::after{box-shadow:var(--call-tile-speaking)}
.call-name{position:absolute;left:var(--call-name-inset);bottom:var(--call-name-inset);z-index:1;font:var(--call-name-font);color:var(--call-light)}
.call-bars{position:absolute;right:var(--call-name-inset);bottom:var(--call-bars-bottom);z-index:1;display:flex;align-items:center;gap:var(--call-bar-gap);height:var(--call-bars-height);opacity:var(--mb-hidden)}
.call-tile.is-speaking .call-bars{opacity:var(--mb-shown)}
.call-bars i{display:block;width:var(--call-bar-width);height:100%;border-radius:var(--call-bar-width);background:var(--call-light)}
.call-notes{display:flex;flex-direction:column;height:var(--call-notes-height);background:var(--page);border-radius:var(--call-notes-radius);box-shadow:var(--call-notes-shadow);overflow:hidden}
.call-chrome{display:flex;align-items:center;gap:var(--call-chrome-gap);padding:var(--call-chrome-pad);border-bottom:var(--rule-section);font:var(--call-chrome-font);color:var(--secondary)}
.call-status{display:flex;align-items:center;gap:var(--call-dot-gap);margin-left:auto}
.call-dot{display:none;width:var(--call-dot);height:var(--call-dot);border-radius:var(--call-dot);background:var(--call-red)}
.call-scene.is-live .call-dot{display:block}
.call-live{display:none}
.call-scene.is-live .call-live{display:inline}
.call-scene.is-live .call-done{display:none}
.call-title{font:var(--call-title-font);margin:var(--call-title-margin)}
.call-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--call-row-gap);padding:var(--call-body-pad);overflow:hidden;mask-image:var(--call-body-fade)}
.call-scene.is-playing .call-body{justify-content:flex-start}
.call-row{flex:none}
.call-later{display:none}
.call-who{display:block;margin-bottom:var(--call-who-gap);font:var(--call-who-font);color:var(--secondary)}
.call-row p{margin:0;max-width:none;font:var(--call-text-font);color:var(--ink)}
.call-foot{margin:0;max-width:none;padding:var(--call-foot-pad);border-top:var(--rule-section);font:var(--call-chrome-font);color:var(--secondary)}
@media(max-width:760px){.call-scene{grid-template-columns:minmax(0,1fr);padding:var(--call-phone-pad);gap:var(--call-phone-gap)}.call-window{grid-template-columns:1fr 1fr}.call-notes{height:var(--call-phone-notes-height)}.call-title{font:var(--call-phone-title-font);margin:var(--call-phone-title-margin)}.call-body{padding:var(--call-phone-body-pad)}.call-row p{font:var(--call-phone-text-font)}.call-chrome,.call-foot{padding:var(--call-phone-chrome-pad)}}
/* Download, Help, Privacy and Buy, overhauled in the home page's style (13 Oct, his ask). */
.site-page main>section:nth-of-type(even){background:var(--surface)}
.site-page .section{padding-block:var(--home-section-pad);border-bottom:0}
.site-page .page-top .section{padding-top:var(--sub-top-pad)}
.site-page .section-heading{margin-bottom:var(--home-heading-gap)}
.section-heading h1{font-size:var(--site-font-size-54);line-height:var(--site-line-height-55);letter-spacing:var(--type-heading-tracking);font-weight:var(--type-emphasis-weight);max-width:none}
.site-page .topic-nav{border-bottom:0;padding-bottom:0;gap:var(--sub-nav-gap)}
.site-page .install-drawing{background:var(--page)}
.site-page .permission-list{margin:0}
.download-get{display:grid;justify-items:start;gap:var(--sub-stack-gap);max-width:var(--sub-narrow)}
.download-get .availability{margin:0;width:100%}
.setup-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--custom-gap)}
.setup-card{background:var(--page);border-radius:var(--custom-card-radius);padding:var(--sub-card-pad)}
.setup-card h3{font:var(--sub-card-title);margin-bottom:var(--sub-stack-gap)}
.setup-card ol{margin:0;padding-left:var(--sub-list-indent);display:grid;gap:var(--sub-list-gap);font:var(--sub-body);color:var(--ink)}
.setup-card .small{margin-top:var(--sub-card-note-gap);border-top:0;padding-top:0}
.setup-help{margin-top:var(--sub-card-note-gap);font:var(--sub-body);color:var(--secondary)}
.qa-topic{display:grid;grid-template-columns:1fr 2fr;gap:var(--section-heading-gap);align-items:start}
.qa-topic h2{font:var(--sub-topic-title);letter-spacing:var(--type-heading-tracking)}
.qa-list{display:grid;gap:var(--sub-qa-gap)}
.qa h3{font:var(--sub-qa-title);margin-bottom:var(--sub-qa-title-gap)}
.qa p{font:var(--sub-body);color:var(--secondary);max-width:var(--sub-measure)}
.qa p+p{margin-top:var(--sub-qa-title-gap)}
.qa strong{color:var(--ink);font-weight:var(--type-emphasis-weight)}
.qa a,.setup-help a{text-decoration:underline;text-underline-offset:var(--sub-underline-offset)}
.qa-list>p{font:var(--sub-body);color:var(--secondary)}
.buy-offer{display:grid;gap:var(--sub-stack-gap);max-width:var(--sub-narrow)}
.buy-description{font:var(--sub-body);color:var(--secondary)}
.buy-offer .availability{margin:0}
.buy-req{margin-top:var(--sub-stack-gap);border-top:0;padding-top:0}
.buy-help{text-decoration:underline;text-underline-offset:var(--sub-underline-offset);color:var(--ink)}
.site-page .install-steps h3{font:var(--sub-qa-title)}
.site-page .install-steps p,.site-page .permission-list p{font:var(--sub-small-body);color:var(--secondary)}
.site-page .permission-list h3{font:var(--sub-qa-title)}
.get-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--custom-gap)}
.get-card{background:var(--surface);border-radius:var(--custom-card-radius);padding:var(--sub-card-pad)}
.get-card h3{font:var(--sub-qa-title);margin-bottom:var(--sub-qa-title-gap)}
.get-card p{font:var(--sub-body);color:var(--secondary)}
@media(max-width:760px){.site-page .section{padding-block:var(--section-heading-gap)}.site-page .page-top .section{padding-top:var(--sub-phone-top-pad)}.section-heading h1{font-size:var(--mobile-page-heading-padding-bottom)}.setup-cards,.get-grid,.qa-topic{grid-template-columns:minmax(0,1fr)}.qa-topic{gap:var(--sub-phone-topic-gap)}.setup-card,.get-card{padding:var(--sub-phone-card-pad)}}


/* 16 Oct: clearer app silhouettes without heavy outlines. */
.window-chrome,.call-chrome,.offline-menubar{background:var(--chrome)}
.mail-window,.app-window,.mb-window,.mini-window,.call-notes,.call-window,
.settings-window,.offline-screen,.offline-result{
  box-shadow:var(--window-shadow);
}
/* Inset hairlines preserve the dimensions of the borderless mock windows. */
.mb-window,.call-notes{outline:1px solid var(--line);outline-offset:-1px}

/* Home rhythm: keep the hero untouched; remove empty space around the demos. */
.home .section,.home .faq{padding-block:var(--home-section-pad)}
.home .section-heading .lead{margin-top:0}
.home .app-examples{padding-block:12px 0}
.home .app-tabs{margin-bottom:20px}
.home .notes-layout{min-height:0}
.home .chat-thread{min-height:0}
.home .mini-window{align-self:start}
.home .price-card{padding:32px}
.home .faq-question{padding-block:10px;min-height:48px}
.home .faq-question span{line-height:1}
.home .faq-answer{padding-bottom:16px}
@media(min-width:761px){
  .home .call-scene{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
  .home .call-window{max-width:220px;justify-self:center}
}
@media(max-width:760px){
  .home .section-heading{gap:16px}
  .home .price-card{padding:24px;gap:24px}
  .home .custom-card{padding:20px}
}

/* 16 Oct: one visible gap between each home band, its lettering and its content.
   Trim font leading at the cap line/baseline, then allow for the actual final
   line's ink (including descenders). Measurements: review-1016e/gaps.md. */
.home{--home-rhythm:58px;--row-ink-overhang:0px;--hero-ink-overhang:0px}
.home .section,.home .faq,.home #dictation .section{
  padding-block:var(--home-rhythm);
}
.home .hero{
  align-items:start;
  padding-block:var(--home-rhythm) calc(var(--home-rhythm) + var(--hero-ink-overhang));
}
.home :is(.hero-copy h1,.section-heading h2,.section-heading .lead,#faq-title,#try-title,#price-title,.price-figure>p){
  text-box-trim:trim-both;
  text-box-edge:cap alphabetic;
}
.home .section-heading,.home #dictation .section-heading{
  align-items:start;
  margin-bottom:calc(var(--home-rhythm) + var(--row-ink-overhang));
}
.home .app-examples{padding-block:0}
.home .macbook{margin-block:0}
.home .faq{grid-template-columns:minmax(0,1fr);gap:calc(var(--home-rhythm) + var(--row-ink-overhang))}
.home .closing .actions{margin-block:calc(var(--home-rhythm) + var(--row-ink-overhang)) 0}
/* The existing price title and its supporting line form the heading row;
   the existing offer becomes the card below. No copy or DOM order changes. */
.home .price-card{
  grid-template-columns:1fr 1.2fr;
  column-gap:80px;
  row-gap:calc(var(--home-rhythm) + var(--row-ink-overhang));
  padding:0;
  background:transparent;
}
.home .price-figure{display:contents}
.home .price-card h2{grid-column:1;grid-row:1;margin-bottom:0}
.home .price-figure>p{grid-column:2;grid-row:1;align-self:start;margin:0}
.home .price-offer{grid-column:1/-1;padding:32px;background:var(--page);border-radius:20px}
@media(max-width:760px){
  .home{--home-rhythm:32px}
  .home .price-card{grid-template-columns:minmax(0,1fr);row-gap:0}
  .home .price-figure>p{grid-column:1;grid-row:2;margin-top:24px}
  .home .price-offer{grid-row:3;margin-top:calc(var(--home-rhythm) + var(--row-ink-overhang));padding:24px;border-radius:14px}
}
/* Cap/baseline trimming leaves real descenders outside the layout box.
   These are ink corrections, not additional section spacing. */
.home{--row-ink-overhang:.54px;--hero-ink-overhang:4.1px}
.home #dictation{--row-ink-overhang:9.43px}
.home #price{--row-ink-overhang:1.34px}
.home #faq{--row-ink-overhang:2.42px}
.home #try{--row-ink-overhang:9.63px}
@media(max-width:760px){
  .home{--row-ink-overhang:3.14px;--hero-ink-overhang:18.03px}
  .home #dictation,.home #price{--row-ink-overhang:3.14px}
  .home #faq{--row-ink-overhang:1.72px}
  .home #try{--row-ink-overhang:6.19px}
}
/* Keep the visible app edge at the demo's bottom even while the key fades out. */
.home .app-window{align-self:stretch}

/* 1016f: component spacing and placement. Palette, shadows and D are unchanged. */
.header-inner{gap:var(--space-6)}
.header-inner nav{gap:var(--space-6)}
.button,.hero-copy .button,.price-offer .button,.closing .button{padding:var(--space-3) var(--space-4)}
.header-download{padding:var(--space-3) var(--space-4)}
.home .hero-copy .lead{margin-top:var(--space-6)}
.home .hero-copy .actions{gap:var(--space-3);margin:var(--space-6) 0 var(--space-4)}
.home .hero-gesture{gap:var(--space-6)}
.home .speech-note{padding:var(--space-4)}
.scene-label,.speech-note p,.custom-card h3,.custom-card>p,.call-who,.call-row p{
  text-box-trim:trim-both;text-box-edge:cap alphabetic;
}
.scene-label{margin-bottom:var(--space-2)}
.home .mail-body,.email-page,.note-page{padding:var(--space-4)}
.mail-meta{padding:var(--space-3) var(--space-4)}
.mail-bottom{padding:var(--space-3) var(--space-4)}
.window-chrome{
  display:grid;grid-template-columns:1fr auto 1fr;
  min-height:var(--space-10);padding:0 var(--space-4);gap:var(--space-3);
}
.window-chrome>span:nth-child(2){text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic}
.window-dots{gap:var(--space-1);align-items:center}
.chrome-spacer{justify-self:end;width:29px} /* 3 × 7px dots + 2 × 4px gaps */
.home .app-tabs{gap:var(--space-4);margin-bottom:var(--space-4)}
.home .app-tabs a{align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);min-height:var(--space-10)}
.home .app-panel{gap:var(--space-8)}
.message-list{gap:var(--space-4)}
.message-row,.chat-thread{gap:var(--space-2)}
.chat-bubble{padding:var(--space-3)}
.note-page h3{margin-bottom:var(--space-4)}
.channel-list p+p,.note-list p+p{margin-top:var(--space-3)}
.note-list p+p{padding-top:var(--space-3)}
.home .call-scene{padding:var(--space-6)}
.call-chrome{min-height:var(--space-10);padding:0 var(--space-6);gap:var(--space-4);flex-shrink:0}
.call-status{min-width:64px;justify-content:flex-end} /* reserve both live/saved labels */
.call-title{flex-shrink:0}
.call-who{margin-bottom:var(--space-2)}
.call-foot{flex-shrink:0}
.call-name{line-height:1;bottom:var(--space-3)}
.call-bars{bottom:var(--space-3)}
.mb-window .window-chrome{min-height:var(--device-32);padding:0 var(--device-16);gap:var(--device-8)}
.mb-toast-icon{flex-shrink:0}
.mb-note h3,.mb-output{text-box-trim:trim-both;text-box-edge:cap alphabetic}
.home .custom-card{padding:var(--space-4)}
.custom-card h3{margin:0 0 var(--space-2)}
.custom-card>p{margin:0 0 var(--space-4)}
.mini-pair{gap:var(--space-2)}
.mini-keys .keycap{align-items:center;justify-content:center;padding:var(--space-2);width:var(--space-10);height:var(--space-10)}
/* Restore the original two-column offer as one paper card. Inset its paper
   above the heading so the measured band-to-heading gap remains D. */
.home #price .section{padding-top:calc(var(--home-rhythm) - var(--space-8))}
.home .price-card{grid-template-columns:1fr 1.2fr;gap:var(--space-12);padding:var(--space-8);background:var(--page)}
.home .price-figure{display:block}
.home .price-card h2{margin:0 0 var(--space-6)}
.home .price-card h2 span{margin-top:var(--space-2)}
.home .price-figure>p{margin:0;max-width:28ch}
.home .price-offer{grid-column:auto;grid-row:auto;padding:0;margin:0;background:transparent;border-radius:0}
.home .price-offer .actions{gap:var(--space-3);margin:var(--space-6) 0 var(--space-4)}
.home .price-offer .small+.small{margin-top:var(--space-2)}
.home .faq-question{padding-block:var(--space-3);gap:var(--space-6);min-height:var(--space-12)}
.home .faq-question>span{display:grid;place-items:center;flex:0 0 var(--space-6);height:var(--space-6);text-box-trim:trim-both;text-box-edge:cap alphabetic}
.home .faq-answer{padding:0 var(--space-12) var(--space-4) 0}
.home .closing .actions{gap:var(--space-3)}
.site-footer{align-items:center;column-gap:var(--space-10);row-gap:var(--space-4)}
.site-footer nav{gap:var(--space-6);align-items:center}
.footer-bottom:empty{display:none}
@media(max-width:760px){
  .header-inner{gap:var(--space-3)}
  .header-download{padding:var(--space-3)}
  .home .hero{gap:var(--space-8)}
  .home .app-panel{gap:var(--space-6)}
  .home .app-tabs{gap:var(--space-2)}
  .home .app-tabs a{padding-inline:var(--space-3)}
  .home .call-scene{padding:var(--space-4)}
  .call-chrome{padding-inline:var(--space-4)}
  .home #price .section{padding-top:calc(var(--home-rhythm) - var(--space-6))}
  .home .price-card{grid-template-columns:minmax(0,1fr);padding:var(--space-6);gap:var(--space-6)}
  .home .price-card h2{margin-bottom:var(--space-6)}
  .home .price-figure>p{margin-top:0}
  .home .price-offer{grid-row:auto;margin-top:0;padding:0}
  .home .faq-answer{padding-right:var(--space-8)}
  .site-footer nav{gap:var(--space-2) var(--space-6)}
}
@container(max-width:520px){
  .mb-menubar{padding-inline:var(--space-2)}
  .mb-status{gap:var(--space-2)}
  .mb-desktop{padding:var(--space-3) var(--space-2) 0}
  .mb-toast{top:var(--space-2);right:var(--space-2);padding:var(--space-2);gap:var(--space-2)}
  .mb-window .window-chrome{min-height:var(--space-6);padding-inline:var(--space-2);gap:var(--space-2)}
  .mb-note{padding:var(--space-2)}
  .mb-note h3{margin-bottom:var(--space-1)}
}
/* Ink compensation after the compact hero and the regularised lead rows.
   These offsets cancel font leading; the resulting visible gap is still D. */
@media(min-width:761px){
  .home{--hero-ink-overhang:-3.51px}
  .home #meetings,.home #features{--row-ink-overhang:2.77px}
}
/* All three window edges share a row; their repeated items divide it evenly. */
.home .mini-window{align-self:stretch;display:flex;flex-direction:column}
.mini-window .window-chrome{flex-shrink:0}
.mini-row{flex:1}
.mini-pair{justify-content:center}
/* Match control centres and use scale-derived header insets. */
.header-inner{min-height:calc(var(--space-12) + var(--space-8))}
.home .section-heading{column-gap:var(--space-12)}
@media(max-width:760px){.header-inner{min-height:calc(var(--space-12) + var(--space-4))}}

/* 16 Oct, Steve's review of 1016f: with text-box-trim the 16 px card insets read as cramped.
   Text-led cards get 24 px on every side, 16 px from title to text, 24 px from text to the window. */
.home .custom-card{padding:var(--space-6)}
.custom-card h3{margin:0 0 var(--space-4)}
.custom-card>p{margin:0 0 var(--space-6)}
.home .speech-note{padding:var(--space-6)}
.scene-label{margin-bottom:var(--space-3)}
/* Transcript rows: trimmed text left the speaker labels touching the line above. */
.home .call-body{gap:var(--space-6)}
/* Phones: a stacked heading and its supporting lines sat 16 px apart, the same as the gap between the
   lines themselves, so the heading looked glued on. Use the page rhythm D (32 px) instead. */
@media(max-width:760px){.home .section-heading{row-gap:32px}}
/* Pricing: the card is the section's content, so its top edge sits D from the band like its bottom does. */
.home #price > .section{padding-top:58px}
@media(max-width:760px){.home #price > .section{padding-top:32px}}
/* Closing call to action: the buttons belong to the heading, so they sit closer than the section gap. */
.home #try .actions{margin-top:var(--space-10)}
@media(max-width:760px){.home #try .actions{margin-top:var(--space-6)}}
/* 16 Oct 07:56, Antony: keep the gaps above the heading and below the picture at D, but pull the
   heading and its picture closer: 40 px on a laptop, 24 px on a phone (measured to the letters,
   so each section's box margin carries its own small ink correction). */
.home #dictation .section-heading{margin-bottom:49.43px}
.home #meetings .section-heading,.home #features .section-heading{margin-bottom:42.77px}
.home #privacy .section-heading{margin-bottom:40.54px}
.home .faq{gap:calc(40px + var(--row-ink-overhang))}
@media(max-width:760px){
  .home #dictation .section-heading,.home #meetings .section-heading,.home #privacy .section-heading,.home #features .section-heading{margin-bottom:27.14px}
  .home .faq{gap:calc(24px + var(--row-ink-overhang))}
  .home .section-heading{row-gap:24px}
}
/* 16 Oct: four Compare links left "Fireflies" alone on a second line at phone width.
   On a phone the Compare label takes its own line and the four links share the next. */
@media(max-width:760px){.footer-bottom nav[aria-label=Compare]>span{flex-basis:100%}}

/* Seven comparison links keep equal gaps and aligned columns on phones. */
.footer-bottom nav[aria-label=Compare]{align-items:center;gap:24px}
.footer-bottom .compare-links{display:flex;flex-wrap:wrap;gap:8px 24px}
@media(max-width:760px){
 .footer-bottom nav[aria-label=Compare]{width:100%;gap:8px}
 /* 16 Oct, Steve: the 2/2/3 grid read as uneven columns. Wrap like the footer links above, same gaps. */
 .footer-bottom .compare-links{width:100%;gap:8px 24px}
 .footer-bottom .compare-links a{white-space:nowrap}
}
/* 16 Oct: six footer links. On a phone they sit in two even rows of three, lined up in columns. */
@media(max-width:760px){.site-footer nav[aria-label="Footer navigation"]{display:grid;grid-template-columns:repeat(3,max-content);column-gap:var(--space-6);row-gap:var(--space-2)}}

/* The Square9 stamp under the footer: the same component on every site Square9 makes, in Square9's look rather than
   Sleekit's, so true black and white (Antony, topic 149 msgs 4385, 4405, 4408, 4421; first live on mickey9s.com):
   a white card with a black outline, "A product of" outlined in Tanker beside Square9's logo, a black block behind
   it. On hover the card presses onto the block. */
.square9-credit{display:flex;justify-content:center;padding:var(--square9-credit-space-top) 0 var(--square9-credit-space-bottom)}
.square9-credit__link{position:relative;display:inline-flex;text-decoration:none}
.square9-credit__link::before{content:"";position:absolute;inset:0;transform:translate(var(--square9-credit-offset),var(--square9-credit-offset));background:#000;border-radius:var(--square9-credit-radius)}
.square9-credit__card{position:relative;display:inline-flex;align-items:center;gap:var(--square9-credit-gap);padding:var(--square9-credit-pad-y) var(--square9-credit-pad-x);background:#fff;border:var(--square9-credit-border) solid #000;border-radius:var(--square9-credit-radius);transition:transform var(--square9-credit-press)}
.square9-credit__label{display:block;height:var(--square9-credit-label-h);width:auto}
.square9-credit__logo{display:block;height:var(--square9-credit-logo-h);width:auto}
.square9-credit__link:hover .square9-credit__card{transform:translate(var(--square9-credit-offset),var(--square9-credit-offset))}
.square9-credit__link:focus-visible{outline:var(--square9-credit-border) solid #000;outline-offset:var(--square9-credit-offset)}
@media(prefers-reduced-motion:reduce){.square9-credit__card{transition:none}}

/* 25 Oct: the Google ad consent bar (script.js), shown only on an ad visit with no saved answer. It never blocks the
   page: while it shows, the page keeps the bar's height free at its end and when scrolling to something, so no button
   stays under it, and the copied-link note sits above it. */
.consent-bar{position:fixed;inset:auto 0 0;z-index:20;background:var(--page);border-top:var(--site-header-border-bottom)}
.consent-bar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6);padding-block:var(--space-4)}
.functional-page .consent-bar-inner{max-width:var(--reading-width)} /* lined up with the header and footer there */
.consent-bar-choices{display:flex;gap:var(--space-3)}
:where(.consent-bar button){border:0} /* the browser's own button border; the button classes still set theirs */
.has-consent-bar{scroll-padding-bottom:var(--consent-bar-height)}
.has-consent-bar body{padding-bottom:var(--consent-bar-height)}
.has-consent-bar .share-status:not(:empty){bottom:calc(var(--consent-bar-height) + var(--topic-nav-padding-bottom))}