/* Shared safeguards for the design studies. The original page keeps its own CSS. */
[class^="direction-"] h1,
[class^="direction-"] h2 { overflow-wrap: break-word; }
[class^="direction-"] .hero-copy > .button { margin-top: 28px; }
[class^="direction-"] .hero-copy > .trial-note { margin-top: 13px; }

/* 01 — Ja-nee. Bold, open, typographic. */
.direction-bold { --display: 'Space Grotesk', sans-serif; --paper: #f8f7f2; }
.direction-bold .site-header { height: 98px; border: 0; }
.direction-bold .hero {
  display: block;
  width: 100%;
  padding: 58px max(40px, calc((100vw - 1248px) / 2)) 0;
  background: var(--teal);
  color: #233f43;
}
.direction-bold .bold-intro { display: grid; grid-template-columns: 1.35fr 1fr; align-items: end; gap: 70px; }
.direction-bold .bold-intro .eyebrow { font-size: .75rem; margin-bottom: 24px; letter-spacing: .1em; }
.direction-bold h1 { font-size: clamp(4.8rem, 7.8vw, 7.2rem); line-height: .98; font-weight: 600; letter-spacing: -.065em; }
.direction-bold h1 > span { color: #f8f7f2; }
.direction-bold .bold-pitch { padding-bottom: 6px; max-width: 370px; }
.direction-bold .hero-description { color: #23454a; margin-top: 0; font-size: 1.07rem; line-height: 1.7; }
.direction-bold .bold-pitch > .button { margin-top: 26px; background: var(--ink); color: white; border-radius: 0; }
.direction-bold .bold-pitch .trial-note { color: #23454a; }
.direction-bold .hero-proof { padding-top: 0; margin-top: 43px; }
.direction-bold .bold-proof-label { display: flex; justify-content: space-between; gap: 20px; padding: 14px 24px; background: #263e45; color: #abdbcd; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.direction-bold .transcript-surface { padding: 25px 30px 23px; border-radius: 0; }
.direction-bold .transcript-surface blockquote { font-size: clamp(1.8rem, 2.85vw, 2.7rem); line-height: 1.35; margin: 0 0 23px; max-width: 1160px; letter-spacing: -.035em; }
.direction-bold .quote-teal { color: #82edda; }
.direction-bold .quote-gold { color: #ffbf3c; }
.direction-bold .bold-proof-footer { display: flex; align-items: center; gap: 20px; border-top: 1px solid #ffffff28; padding-top: 17px; }
.direction-bold .bold-proof-footer > span { font-size: .75rem; color: #d9e4de; }
.direction-bold .bold-proof-footer > span:first-child { display: flex; align-items: center; gap: 8px; }
.direction-bold .bold-proof-footer .icon { color: #82edda; width: 17px; height: 17px; }
.direction-bold .bold-proof-footer > span:nth-child(2) { margin-left: auto; }
.direction-bold .bold-proof-footer .audio-line { width: 240px; height: 27px; margin: 0 0 0 15px; }
.direction-bold .bold-proof-footer .waveform { height: 26px; }
.direction-bold .bold-proof-footer .waveform i { max-height: 24px; }
.direction-bold .bold-afterword { display: flex; justify-content: space-between; gap: 20px; padding: 24px 0; font-family: var(--display); font-size: 1.12rem; letter-spacing: -.025em; }
.direction-bold .audience-strip { padding-block: 30px; border-top: 0; }
.direction-bold .section { padding-block: 95px; }
.direction-bold h2 { font-size: clamp(2.5rem, 4.1vw, 3.8rem); font-weight: 500; letter-spacing: -.065em; }
.direction-bold .difference-content { grid-template-columns: 1.15fr 1fr; align-items: center; }
.direction-bold .meaning-strip { border-inline: 0; padding-inline: 0; }
.direction-bold .capture-section { background: #e9eadd; border-block: 1px solid #d7dacd; }
.direction-bold .capture-layout { grid-template-columns: .95fr 1.2fr; gap: 60px; }
.direction-bold .capture-options summary { padding-block: 28px; font-size: 1.25rem; }
.direction-bold .option-number { font-family: var(--display); font-size: 2rem; font-weight: 500; letter-spacing: -.06em; color: var(--teal-dark); }
.direction-bold .capture-detail { margin-left: 63px; }
.direction-bold .platforms span { border-radius: 0; border-color: #a3b9ab; }
.direction-bold .outputs-layout { grid-template-columns: 1fr; gap: 35px; }
.direction-bold .output-selector { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.direction-bold .output-tab { border: 0; padding: 17px 12px; flex-wrap: wrap; gap: 9px; min-height: 108px; }
.direction-bold .output-tab[aria-selected="true"] { background: var(--ink); padding: 17px 12px; color: #f8f7f2; }
.direction-bold .output-tab small { display: none; }
.direction-bold .output-tab .output-number { width: 100%; }
.direction-bold .output-tab strong { font-size: 1rem; }
.direction-bold .output-tab[aria-selected="true"] strong,
.direction-bold .output-tab[aria-selected="true"] .output-number,
.direction-bold .output-tab[aria-selected="true"] > .icon { color: #8de3cf; }
.direction-bold .document-stage { background: #eeeee5; border-radius: 0; padding: 36px; }
.direction-bold .document { transform: none; width: min(800px, 100%); min-height: 400px; align-self: center; border-top: 5px solid var(--gold); padding: 35px 45px; }
.direction-bold .document-content { font-size: .9375rem; }
.direction-bold .document h3 { font-size: 2rem; }
.direction-bold .document-controls { width: min(800px, 100%); align-self: center; }
.direction-bold .brain-flow li { gap: 24px; }
.direction-bold .flow-node { border: 0; background: transparent; color: #81d9c5; font-family: var(--display); font-size: 1.8rem; line-height: 1; }
.direction-bold .flow-node-gold { color: var(--gold); }
.direction-bold .brain-flow li:not(:last-child)::after { opacity: .4; }
.direction-bold .languages-section { grid-template-columns: 1.2fr 1fr; gap: 65px; }
.direction-bold .languages-section h2 { font-size: clamp(3rem, 5.4vw, 5rem); }
.direction-bold .pricing-section { background: var(--paper); }
.direction-bold .pricing-section .section-heading { margin-bottom: 40px; }
.direction-bold .pricing-grid { display: block; border-top: 0; }
.direction-bold .price-plan,
.direction-bold .price-plan:first-child,
.direction-bold .price-plan:last-child {
  display: grid;
  grid-template-columns: 1.15fr 1fr .9fr 1.1fr auto;
  gap: 28px;
  align-items: center;
  padding: 26px 0;
  border: 0;
  border-top: 1px solid var(--line);
}
.direction-bold .price-plan.popular { background: #e0eee3; margin-inline: -24px; padding-inline: 24px; }
.direction-bold .popular-label { position: static; grid-column: 1 / -1; justify-self: start; background: var(--teal-dark); padding: 3px 8px; margin-bottom: -14px; }
.direction-bold .price-plan .price,
.direction-bold .price-plan .plan-minutes,
.direction-bold .price-plan .plan-description { margin: 0; }
.direction-bold .price-plan .price { font-size: 2rem; white-space: normal; }
.direction-bold .price > span { display: block; margin-top: 2px; }
.direction-bold .plan-description br { display: none; }
.direction-bold .business-seat-note { display: block; font-size: .75rem; margin-top: 4px; color: var(--teal-dark); }
.direction-bold .price-plan .button { width: 168px; border-radius: 0; }
.direction-bold .final-cta { background: var(--teal); width: 100%; padding-inline: 24px; }
.direction-bold .final-cta .final-wave { color: #f8f7f2; }
.direction-bold .final-cta h2 { font-size: clamp(3rem, 5.7vw, 5.4rem); color: #233f43; }
.direction-bold .final-cta h2 span { color: #f8f7f2; }
.direction-bold .final-cta .eyebrow,
.direction-bold .final-cta .trial-note { color: #24454a; }
.direction-bold .final-cta .button { background: var(--ink); color: white; border-radius: 0; }
.direction-bold .site-footer { border: 0; }

/* 02 — In good hands. Warm, quiet and editorial, with a human sans serif. */
.direction-editorial {
  --display: 'Bricolage Grotesque', sans-serif;
  --paper: #faf7ee;
  --ink: #384150;
  --line: #d8d6c9;
  --light-teal: #e9eee4;
}
.direction-editorial .wrap { width: min(1190px, calc(100% - 112px)); }
.direction-editorial .site-header { height: 115px; border-bottom: 1px solid #bfc5b7; }
.direction-editorial .wordmark { font-weight: 700; font-size: 2.35rem; letter-spacing: -.055em; }
.direction-editorial .hero { grid-template-columns: 1.12fr 1fr; gap: 88px; padding-top: 80px; padding-bottom: 77px; align-items: center; }
.direction-editorial .hero-copy { grid-column: 2; grid-row: 1; }
.direction-editorial .hero-copy .eyebrow { color: #727064; font-size: .75rem; text-transform: none; letter-spacing: .015em; font-weight: 450; margin-bottom: 24px; }
.direction-editorial .hero h1 { font-size: clamp(3.5rem, 5.7vw, 5.1rem); font-weight: 500; line-height: 1.06; letter-spacing: -.05em; }
.direction-editorial .hero h1 > span { color: var(--teal-dark); }
.direction-editorial .hero-description { max-width: 380px; font-size: 1rem; line-height: 1.8; }
.direction-editorial .button { border-radius: 3px; }
.direction-editorial .hero-copy .button { background: var(--ink); color: #faf7ee; }
.direction-editorial .hero-proof { grid-column: 1; grid-row: 1; padding-top: 0; }
.direction-editorial .editorial-masthead { display: flex; justify-content: space-between; gap: 22px; padding-bottom: 21px; border-bottom: 2px solid var(--ink); align-items: center; }
.direction-editorial .editorial-masthead .eyebrow { font-size: .6875rem; letter-spacing: .055em; max-width: 230px; }
.direction-editorial .folio { font-family: var(--display); font-size: .8rem; color: var(--teal-dark); white-space: nowrap; }
.direction-editorial .transcript-surface { color: var(--ink); background: transparent; padding: 0; border-radius: 0; }
.direction-editorial .transcript-surface blockquote { font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.45; font-weight: 500; letter-spacing: -.035em; margin: 27px 0 30px; }
.direction-editorial .quote-gold { background: #f7d77b; color: var(--ink); padding-inline: 4px; text-decoration: none; }
.direction-editorial .quote-teal { color: var(--teal-dark); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.direction-editorial .audio-line { margin-bottom: 22px; }
.direction-editorial .waveform i { background: var(--teal-dark); }
.direction-editorial .waveform i:nth-child(5n) { background: var(--gold); }
.direction-editorial .audio-time { color: #7c8078; }
.direction-editorial .transcript-bottom { border-top: 1px solid var(--line); padding: 13px 0; color: #687267; font-size: .75rem; }
.direction-editorial .transcript-bottom .icon { color: var(--teal-dark); }
.direction-editorial .editorial-caption { display: flex; align-items: center; gap: 19px; border-bottom: 1px solid var(--line); padding: 20px 0 23px; }
.direction-editorial .editorial-caption-number { font-family: var(--display); font-size: 2.8rem; line-height: 1; color: #b88722; font-weight: 400; }
.direction-editorial .editorial-caption p { font-size: .875rem; line-height: 1.6; }
.direction-editorial .audience-strip { border-block-color: #bfc5b7; padding-block: 24px; font-size: .75rem; }
.direction-editorial .section { padding-block: 104px; }
.direction-editorial h2 { font-size: clamp(2.5rem, 3.75vw, 3.4rem); font-weight: 500; letter-spacing: -.045em; }
.direction-editorial .section-label { color: #937325; text-transform: none; font-size: .875rem; letter-spacing: .01em; font-weight: 450; }
.direction-editorial .difference-content { grid-template-columns: 1fr 1fr; gap: 95px; }
.direction-editorial .meaning-strip { border: 0; background: #f0ead8; padding: 25px 27px; }
.direction-editorial .capture-section { background: #ebece0; }
.direction-editorial .capture-layout { grid-template-columns: .8fr 1.2fr; gap: 80px; }
.direction-editorial .capture-options summary { font-size: 1.22rem; font-weight: 500; letter-spacing: -.025em; }
.direction-editorial .capture-options details { border-color: #bac3b4; }
.direction-editorial .platforms span { font-weight: 500; }
.direction-editorial .outputs-layout { grid-template-columns: .9fr 1.1fr; gap: 80px; }
.direction-editorial .output-tab { padding-block: 23px; }
.direction-editorial .output-tab[aria-selected="true"] { background: #ebe5d1; }
.direction-editorial .output-tab[aria-selected="true"] strong,
.direction-editorial .output-tab[aria-selected="true"] .output-number { color: #64521f; }
.direction-editorial .output-tab strong { font-size: 1.2rem; font-weight: 500; }
.direction-editorial .document-stage { padding: 21px 20px 0; background: transparent; border-radius: 0; }
.direction-editorial .document { transform: rotate(1.7deg); border: 1px solid #d4d1c3; box-shadow: 8px 10px 0 #e9e5d7; background: #fffdf6; min-height: 485px; }
.direction-editorial .document h3 { font-size: 1.9rem; font-weight: 500; }
.direction-editorial .document-controls { padding-top: 38px; }
.direction-editorial .brain-section { background: #e5eee4; color: var(--ink); padding-block: 88px; border-block: 1px solid #ccd8c9; }
.direction-editorial .brain-section .eyebrow { color: var(--teal-dark); text-transform: none; letter-spacing: .015em; font-size: .875rem; }
.direction-editorial .brain-layout { grid-template-columns: 1fr 1fr; gap: 95px; }
.direction-editorial .brain-layout > div > p:not(.eyebrow),
.direction-editorial .brain-flow p { color: #687267; }
.direction-editorial .brain-flow h3 { font-family: var(--font); font-size: 1.05rem; font-weight: 550; letter-spacing: -.02em; }
.direction-editorial .flow-node { color: var(--teal-dark); background: transparent; border-color: #a6bda8; }
.direction-editorial .flow-node-gold { background: #f2cc6a; color: var(--ink); border-color: #ddba5f; }
.direction-editorial .brain-flow li:not(:last-child)::after { border-color: #a6bda8; }
.direction-editorial .text-link { color: var(--teal-dark); border-color: #9fb8a6; }
.direction-editorial .languages-section { display: block; text-align: center; }
.direction-editorial .languages-section h2 { font-size: clamp(3.5rem, 7vw, 6rem); }
.direction-editorial .language-status { margin: 45px auto 0; max-width: 630px; text-align: left; }
.direction-editorial .language-row { flex-direction: row; align-items: center; }
.direction-editorial .language-row > span:first-child { font-size: 1.5rem; }
.direction-editorial .pricing-section { background: #f1eddf; }
.direction-editorial .pricing-grid { border-color: #cbc9b9; }
.direction-editorial .price-plan { border-color: #cbc9b9; }
.direction-editorial .price-plan.popular { background: #e7e8d7; }
.direction-editorial .popular-label { background: #656e51; text-transform: none; letter-spacing: .02em; }
.direction-editorial .price { font-family: var(--display); font-weight: 500; font-size: clamp(2rem, 2.75vw, 2.6rem); }
.direction-editorial .plan-top h3 { font-size: 1.35rem; font-weight: 500; }
.direction-editorial .price-plan .button-teal { background: var(--ink); color: white; }
.direction-editorial .final-cta h2 { font-weight: 500; font-size: clamp(3rem, 5.5vw, 5rem); }
.direction-editorial .final-cta h2 span { text-decoration: underline; text-decoration-color: #e6b94b; text-decoration-thickness: 3px; text-underline-offset: 10px; }
.direction-editorial .final-cta .button { background: var(--ink); color: #faf7ee; }
.direction-editorial .site-footer { padding-top: 34px; padding-bottom: 42px; }

/* 03 — Meeting → minutes. A working product at the centre of the story. */
.direction-product { --display: 'Sora', sans-serif; --paper: #f9faf6; --light-teal: #e8f3ed; }
.direction-product .site-header { height: 94px; }
.direction-product .wordmark { font-size: 1.9rem; font-weight: 700; }
.direction-product .hero { display: block; padding-top: 51px; padding-bottom: 45px; }
.direction-product .hero-copy { text-align: center; max-width: 950px; margin-inline: auto; }
.direction-product .hero-copy > .eyebrow { justify-content: center; font-size: .75rem; font-weight: 500; letter-spacing: .08em; margin-bottom: 18px; }
.direction-product .hero h1 { font-size: clamp(2.85rem, 4.5vw, 4.2rem); font-weight: 500; letter-spacing: -.065em; line-height: 1.15; }
.direction-product .hero h1 > span { color: var(--teal-dark); }
.direction-product .hero-description { max-width: 660px; font-size: 1rem; margin: 19px auto 0; line-height: 1.7; }
.direction-product .hero-copy > .button { margin-top: 22px; min-height: 49px; font-size: .875rem; padding-block: 12px; }
.direction-product .hero-copy > .trial-note { margin-top: 9px; }
.direction-product .product-window { padding: 0; margin-top: 42px; border: 1px solid #cad9d0; border-radius: 9px; background: #fffefa; box-shadow: 0 14px 35px #30464108; overflow: hidden; }
.direction-product .product-window-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 23px; border-bottom: 1px solid #dbe4dc; background: #edf3ed; }
.direction-product .product-meeting-name { display: flex; align-items: center; gap: 9px; font-weight: 600; font-size: .875rem; }
.direction-product .product-meeting-name svg { width: 24px; height: 27px; color: var(--teal-dark); }
.direction-product .product-example { font-size: .75rem; color: var(--muted); }
.direction-product .product-window-body { display: grid; grid-template-columns: 1.2fr 1fr; }
.direction-product .product-input { padding: 25px 28px 21px; }
.direction-product .product-panel-label { display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: .6875rem; letter-spacing: .05em; text-transform: uppercase; color: #63766c; }
.direction-product .product-language { color: var(--teal-dark); text-transform: none; letter-spacing: 0; }
.direction-product .transcript-surface { background: transparent; color: var(--ink); padding: 0; }
.direction-product .transcript-surface blockquote { font-size: clamp(1.35rem, 1.9vw, 1.8rem); line-height: 1.65; margin: 20px 0; font-weight: 400; letter-spacing: -.035em; }
.direction-product .quote-teal { color: var(--teal-dark); text-decoration: none; background: #def1e7; }
.direction-product .quote-gold { color: #866021; text-decoration: none; background: #f6eccb; }
.direction-product .quote-gold,
.direction-product .quote-teal { padding: 2px 4px; border-radius: 2px; }
.direction-product .audio-time { color: #829288; }
.direction-product .waveform i { background: #64b49e; }
.direction-product .waveform i:nth-child(5n) { background: var(--gold); }
.direction-product .audio-line { margin-bottom: 16px; height: 25px; }
.direction-product .waveform i { max-height: 25px; }
.direction-product .product-preserved { font-size: .75rem; display: flex; gap: 8px; align-items: center; color: var(--teal-dark); }
.direction-product .product-preserved .icon { width: 16px; height: 16px; }
.direction-product .product-result { border-left: 1px solid #dbe4dc; padding: 25px 29px 23px; background: #f4f6ef; }
.direction-product .product-result h3 { font-size: 1.25rem; margin-top: 17px; letter-spacing: -.035em; font-weight: 500; }
.direction-product .product-result > p { font-size: .875rem; margin-top: 12px; line-height: 1.7; max-width: 370px; }
.direction-product .product-result .product-panel-label .icon { width: 16px; height: 16px; }
.direction-product .product-next { border-top: 1px solid #d5ded1; margin-top: 20px; padding-top: 14px; }
.direction-product .product-next h4 { font-size: .75rem; font-weight: 550; margin: 0 0 9px; }
.direction-product .product-next p { display: flex; align-items: center; gap: 8px; margin-top: 5px; font-size: .8125rem; }
.direction-product .product-next .icon { color: var(--teal-dark); width: 15px; height: 15px; }
.direction-product .product-deadline { margin-top: 19px; display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: .75rem; }
.direction-product .product-deadline strong { background: #eee5c7; color: #695221; padding: 3px 9px; border-radius: 3px; font-weight: 550; }
.direction-product .product-window-footer { display: flex; justify-content: space-between; gap: 20px; align-items: center; border-top: 1px solid #dbe4dc; padding: 13px 24px; color: var(--muted); font-size: .75rem; }
.direction-product .product-window-footer a { color: var(--teal-dark); display: flex; align-items: center; gap: 8px; font-weight: 550; }
.direction-product .product-window-footer .icon { width: 16px; height: 16px; }
.direction-product .audience-strip { border-top: 0; padding-top: 14px; }
.direction-product h2 { font-size: clamp(2rem, 3vw, 2.75rem); font-weight: 500; letter-spacing: -.055em; line-height: 1.2; }
.direction-product .section { padding-block: 82px; }
.direction-product .difference-content { gap: 80px; align-items: center; }
.direction-product .difference-content p { font-size: .9375rem; }
.direction-product .meaning-strip { border-color: #d5e0d8; background: #f0f5ee; border-radius: 5px; }
.direction-product .capture-section { background: #eaf1e9; padding-block: 74px; }
.direction-product .capture-layout { gap: 78px; grid-template-columns: .95fr 1.05fr; }
.direction-product .capture-options summary { font-size: 1rem; font-weight: 500; padding-block: 24px; }
.direction-product .outputs-layout { grid-template-columns: .72fr 1.28fr; gap: 48px; }
.direction-product .output-tab strong { font-size: .975rem; font-weight: 500; }
.direction-product .output-tab { padding-block: 17px; }
.direction-product .output-tab[aria-selected="true"] { background: #e3f2e8; border-color: #acd3c0; }
.direction-product .document-stage { background: #eaf0e7; border-radius: 8px; border: 1px solid #d8e1d7; }
.direction-product .document { transform: none; box-shadow: none; min-height: 429px; border-color: #d4ded0; }
.direction-product .document h3 { font-size: 1.5rem; font-weight: 500; }
.direction-product .document-content { font-size: .875rem; }
.direction-product .brain-section { background: #384150; padding-block: 80px; }
.direction-product .brain-layout { gap: 95px; }
.direction-product .brain-section h2 { font-size: clamp(2rem, 3vw, 2.75rem); }
.direction-product .brain-flow h3 { font-family: var(--font); letter-spacing: -.02em; }
.direction-product .languages-section { gap: 85px; }
.direction-product .languages-section h2 { font-size: clamp(3rem, 4.5vw, 4.1rem); }
.direction-product .pricing-section { background: #f0f4ed; }
.direction-product .pricing-grid { gap: 13px; border: 0; }
.direction-product .price-plan,
.direction-product .price-plan:first-child,
.direction-product .price-plan:last-child { border: 1px solid #cfdbce; padding: 25px 21px; background: #fbfcf7; border-radius: 6px; }
.direction-product .price-plan.popular { background: #e3f1e5; border-color: #70b596; }
.direction-product .popular-label { bottom: calc(100% - 1px); border-radius: 5px 5px 0 0; font-size: .6875rem; }
.direction-product .price-plan .price { font-size: clamp(1.65rem, 2.3vw, 2.1rem); font-weight: 500; }
.direction-product .price > span { font-size: .75rem; display: block; margin-top: 3px; }
.direction-product .plan-top h3 { font-size: 1.1rem; font-weight: 500; }
.direction-product .price-plan .button { font-size: .75rem; padding-inline: 12px; }
.direction-product .final-cta h2 { font-size: clamp(2.8rem, 4.6vw, 4.1rem); font-weight: 500; }

/* Tablet: retain the composition without squeezing copy into narrow columns. */
@media (max-width: 1100px) {
  .direction-bold .hero { padding-inline: 32px; }
  .direction-bold .bold-intro { gap: 45px; grid-template-columns: 1.3fr 1fr; }
  .direction-bold .bold-proof-footer .audio-line { width: 180px; }
  .direction-bold .price-plan,
  .direction-bold .price-plan:first-child,
  .direction-bold .price-plan:last-child { grid-template-columns: 1fr 1fr 1fr auto; gap: 20px; }
  .direction-bold .plan-description { display: none; }
  .direction-bold .capture-layout { gap: 40px; }
  .direction-bold .languages-section { gap: 35px; }
  .direction-bold .output-tab strong { font-size: .875rem; }
  .direction-editorial .wrap { width: calc(100% - 64px); }
  .direction-editorial .hero { gap: 45px; }
  .direction-editorial .difference-content,
  .direction-editorial .outputs-layout,
  .direction-editorial .capture-layout,
  .direction-editorial .brain-layout { gap: 45px; }
  .direction-editorial .price-plan { padding-inline: 18px; }
  .direction-editorial .price { font-size: 1.95rem; white-space: normal; }
  .direction-editorial .price > span { display: block; }
  .direction-product .product-input,
  .direction-product .product-result { padding-inline: 22px; }
  .direction-product .product-panel-label { flex-wrap: wrap; gap: 7px; }
  .direction-product .difference-content,
  .direction-product .capture-layout,
  .direction-product .brain-layout,
  .direction-product .languages-section { gap: 45px; }
  .direction-product .outputs-layout { gap: 32px; }
  .direction-product .price-plan,
  .direction-product .price-plan:first-child,
  .direction-product .price-plan:last-child { padding-inline: 16px; }
}

/* Phone: full landing pages, not cropped desktop artboards. */
@media (max-width: 760px) {
  [class^="direction-"] .wrap { width: calc(100% - 40px); }
  [class^="direction-"] .site-header { height: 82px; }
  [class^="direction-"] .site-header .wordmark { font-size: 1.8rem; }
  [class^="direction-"] .section { padding-block: 62px; }
  [class^="direction-"] .difference-content,
  [class^="direction-"] .capture-layout,
  [class^="direction-"] .outputs-layout,
  [class^="direction-"] .brain-layout,
  [class^="direction-"] .languages-section { grid-template-columns: 1fr; gap: 29px; }
  [class^="direction-"] .section-heading > p { font-size: .9375rem; }
  [class^="direction-"] .section-label { margin-bottom: 18px; }
  [class^="direction-"] .capture-section,
  [class^="direction-"] .brain-section { padding-block: 62px; }
  [class^="direction-"] .document-content { font-size: .875rem; }
  [class^="direction-"] .output-tab { min-height: 63px; }
  [class^="direction-"] .output-tab strong { font-size: .9375rem; }
  [class^="direction-"] .price-plan .button { font-size: .75rem; }
  [class^="direction-"] .site-footer { gap: 24px; }

  .direction-bold .hero { width: 100%; padding: 36px 20px 0; }
  .direction-bold .bold-intro { grid-template-columns: 1fr; gap: 24px; }
  .direction-bold .bold-intro .eyebrow { font-size: .6875rem; letter-spacing: .075em; margin-bottom: 18px; }
  .direction-bold .hero h1 { font-size: clamp(3.5rem, 13.6vw, 6rem); line-height: .99; }
  .direction-bold .hero-description { font-size: .975rem; }
  .direction-bold .bold-pitch { max-width: 500px; }
  .direction-bold .bold-pitch .button { margin-top: 23px; }
  .direction-bold .hero-proof { margin-top: 26px; max-width: none; }
  .direction-bold .bold-proof-label { font-size: .625rem; padding: 12px 17px; }
  .direction-bold .transcript-surface { padding: 20px 20px 17px; }
  .direction-bold .transcript-surface blockquote { font-size: clamp(1.6rem, 6.5vw, 2.5rem); line-height: 1.4; margin-bottom: 20px; }
  .direction-bold .bold-proof-footer { flex-wrap: wrap; gap: 9px; padding-top: 13px; }
  .direction-bold .bold-proof-footer > span:first-child { font-size: .6875rem; }
  .direction-bold .bold-proof-footer > span:nth-child(2) { font-size: .625rem; margin-left: 0; }
  .direction-bold .bold-proof-footer .audio-line { width: 100%; margin: 7px 0 0; }
  .direction-bold .bold-afterword { font-size: .875rem; gap: 7px; padding-block: 21px; flex-direction: column; }
  .direction-bold .audience-strip { padding-block: 25px; }
  .direction-bold h2 { font-size: 2.45rem; }
  .direction-bold .capture-options summary { font-size: 1.1rem; gap: 20px; }
  .direction-bold .option-number { font-size: 1.6rem; }
  .direction-bold .capture-detail { margin-left: 50px; }
  .direction-bold .output-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .direction-bold .output-tab { flex-wrap: nowrap; min-height: 68px; border-bottom: 1px solid var(--line); }
  .direction-bold .output-tab .output-number { width: auto; font-size: .75rem; }
  .direction-bold .output-tab[aria-selected="true"] { padding: 16px 10px; }
  .direction-bold .document-stage { padding: 23px 17px; }
  .direction-bold .document { min-height: 435px; padding: 27px 22px; }
  .direction-bold .document h3 { font-size: 1.65rem; }
  .direction-bold .languages-section h2 { font-size: 3.25rem; }
  .direction-bold .pricing-grid { display: block; }
  .direction-bold .price-plan,
  .direction-bold .price-plan:first-child,
  .direction-bold .price-plan:last-child { grid-template-columns: 1fr 1fr; gap: 20px; padding: 25px 0; margin-top: 0; }
  .direction-bold .price-plan.popular { padding-inline: 16px; margin-inline: -16px; }
  .direction-bold .price-plan .plan-top p { min-height: 0; max-width: none; }
  .direction-bold .price-plan .price { text-align: right; font-size: 1.9rem; }
  .direction-bold .price-plan .price > span { font-size: .75rem; }
  .direction-bold .price-plan .plan-minutes { font-size: .8125rem; }
  .direction-bold .price-plan .plan-minutes strong { font-size: .9375rem; }
  .direction-bold .price-plan .button { width: 100%; }
  .direction-bold .popular-label { margin-bottom: -6px; font-size: .6875rem; }
  .direction-bold .price-plan:last-child .plan-description { display: block; grid-column: 1 / -1; order: 6; margin-top: -6px; font-size: .8125rem; }
  .direction-bold .final-cta { width: 100%; padding: 60px 20px; }
  .direction-bold .final-cta h2 { font-size: clamp(2.5rem, 9vw, 4.25rem); }

  .direction-editorial .hero { grid-template-columns: 1fr; gap: 37px; padding-top: 38px; padding-bottom: 40px; }
  .direction-editorial .hero-copy { grid-column: 1; grid-row: 1; }
  .direction-editorial .hero-proof { grid-column: 1; grid-row: 2; width: 100%; max-width: none; }
  .direction-editorial .hero-copy .eyebrow { font-size: .75rem; margin-bottom: 17px; }
  .direction-editorial .hero h1 { font-size: clamp(3.5rem, 12.4vw, 5.5rem); }
  .direction-editorial .hero-description { max-width: 510px; margin-top: 22px; }
  .direction-editorial .hero-copy .button { margin-top: 24px; }
  .direction-editorial .editorial-masthead { padding-bottom: 17px; }
  .direction-editorial .editorial-masthead .eyebrow { font-size: .6875rem; max-width: 205px; }
  .direction-editorial .transcript-surface blockquote { font-size: clamp(1.85rem, 6.9vw, 2.8rem); line-height: 1.45; margin: 23px 0 25px; }
  .direction-editorial .editorial-caption { padding-top: 16px; gap: 17px; }
  .direction-editorial .editorial-caption-number { font-size: 2.5rem; }
  .direction-editorial .editorial-caption p { font-size: .8125rem; }
  .direction-editorial h2 { font-size: 2.5rem; }
  .direction-editorial .meaning-strip { padding: 23px; }
  .direction-editorial .document-stage { padding: 14px 9px 0; }
  .direction-editorial .document { min-height: 445px; }
  .direction-editorial .document h3 { font-size: 1.8rem; }
  .direction-editorial .document-controls { padding-top: 31px; }
  .direction-editorial .languages-section { display: block; }
  .direction-editorial .languages-section h2 { font-size: 3.9rem; }
  .direction-editorial .language-status { margin-top: 30px; }
  .direction-editorial .language-row > span:first-child { font-size: 1.2rem; }
  .direction-editorial .price { font-size: 2rem; }
  .direction-editorial .final-cta h2 { font-size: clamp(2.6rem, 9.5vw, 4.2rem); }

  .direction-product .hero { padding-top: 38px; padding-bottom: 30px; }
  .direction-product .hero-copy > .eyebrow { font-size: .625rem; letter-spacing: .075em; }
  .direction-product .hero h1 { font-size: clamp(2rem, 7.7vw, 3.4rem); line-height: 1.2; letter-spacing: -.055em; }
  .direction-product .hero-description { font-size: .9375rem; max-width: 470px; }
  .direction-product .hero-description br { display: none; }
  .direction-product .hero-copy > .button { margin-top: 21px; }
  .direction-product .product-window { margin-top: 31px; max-width: none; }
  .direction-product .product-window-heading { padding: 13px 15px; gap: 9px; }
  .direction-product .product-meeting-name { font-size: .75rem; gap: 6px; }
  .direction-product .product-meeting-name svg { width: 21px; }
  .direction-product .product-example { font-size: .625rem; }
  .direction-product .product-window-body { grid-template-columns: 1fr; }
  .direction-product .product-input,
  .direction-product .product-result { padding: 21px 19px; }
  .direction-product .product-panel-label { font-size: .625rem; }
  .direction-product .transcript-surface blockquote { font-size: clamp(1.25rem, 5.2vw, 1.8rem); line-height: 1.7; margin-top: 16px; }
  .direction-product .product-result { border-left: 0; border-top: 1px solid #dbe4dc; }
  .direction-product .product-result h3 { font-size: 1.25rem; }
  .direction-product .product-result > p { max-width: none; }
  .direction-product .product-window-footer { padding: 15px 19px; flex-wrap: wrap; gap: 10px; font-size: .6875rem; }
  .direction-product .product-window-footer a { min-height: 30px; }
  .direction-product .audience-strip { padding-top: 5px; }
  .direction-product h2,
  .direction-product .brain-section h2 { font-size: 2.1rem; }
  .direction-product .document-stage { padding: 21px 17px; }
  .direction-product .document { min-height: 435px; padding-inline: 21px; }
  .direction-product .document h3 { font-size: 1.5rem; }
  .direction-product .languages-section h2 { font-size: 3.3rem; }
  .direction-product .pricing-grid { gap: 36px 10px; }
  .direction-product .price-plan,
  .direction-product .price-plan:first-child,
  .direction-product .price-plan:last-child { padding: 20px 13px; }
  .direction-product .plan-top h3 { font-size: .975rem; }
  .direction-product .plan-top p { font-size: .75rem; min-height: 44px; }
  .direction-product .price-plan .price { font-size: 1.8rem; }
  .direction-product .price-plan .button { padding-inline: 8px; }
  .direction-product .price-plan .button .icon { display: none; }
  .direction-product .price-plan .button { justify-content: center; }
  .direction-product .final-cta h2 { font-size: clamp(2.3rem, 8vw, 3.8rem); }
}

@media (max-width: 360px) {
  .direction-editorial .hero h1 { font-size: 3.25rem; }
  .direction-editorial .editorial-masthead .eyebrow { max-width: 175px; }
  .direction-editorial .language-row { flex-direction: column; align-items: flex-start; }
  .direction-product .product-example { max-width: 58px; text-align: right; }
  .direction-product .price-plan .price { font-size: 1.6rem; }
  .direction-bold .output-tab strong { font-size: .875rem; }
}

/* Secondary metadata should remain readable at every size. */
.direction-bold .bold-proof-label,
.direction-bold .bold-proof-footer > span,
.direction-editorial .editorial-masthead .eyebrow,
.direction-product .hero-copy > .eyebrow,
.direction-product .product-panel-label,
.direction-product .product-example { font-size: .75rem; }

/* Expanded language support: a shared message in each direction's own visual voice. */
[class^="direction-"] .hero-minutes-note { display: block; margin-top: 9px; }
[class^="direction-"] .hero-language-note { margin-top: 22px; font-size: .75rem; line-height: 1.7; }
[class^="direction-"] .hero-language-note a { display: inline-flex; flex-direction: column; gap: 2px; color: var(--teal-dark); }
[class^="direction-"] .hero-language-note strong { font-weight: 650; }
[class^="direction-"] .hero-language-note a:hover span { text-decoration: underline; text-underline-offset: 3px; }
.direction-bold .hero-language-note a { color: #23454a; }
.direction-product .hero-language-note { margin-top: 17px; }
.direction-product .hero-language-note a { flex-direction: row; justify-content: center; flex-wrap: wrap; column-gap: 9px; }

[class^="direction-"] .languages-expanded { grid-template-columns: 1.05fr 1fr; gap: 74px; align-items: start; }
[class^="direction-"] .languages-expanded h2 { font-size: clamp(2.2rem, 3.25vw, 3.1rem); line-height: 1.15; letter-spacing: -.05em; }
[class^="direction-"] .languages-expanded .language-story > p:not(.eyebrow) { font-size: .9375rem; line-height: 1.8; margin-top: 23px; color: var(--muted); }
[class^="direction-"] .languages-expanded .language-status { margin: 0; max-width: none; text-align: left; }
.language-possibilities { margin-top: 28px; }
[class^="direction-"] .language-possibilities h3 { font-family: var(--font); font-size: .8125rem; line-height: 1.5; letter-spacing: 0; font-weight: 650; color: var(--teal-dark); }
.language-possibilities ul { padding: 0; margin: 12px 0 0; list-style: none; }
.language-possibilities li { border-top: 1px solid var(--line); padding: 11px 0; font-size: .875rem; line-height: 1.6; }
.language-possibilities li:last-child { padding-bottom: 0; }
.language-support-live { border-top: 2px solid var(--teal-dark); padding-top: 19px; }
.language-group-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
[class^="direction-"] .language-group-heading h3 { font-family: var(--display); font-size: 1.2rem; line-height: 1.3; letter-spacing: -.025em; font-weight: 600; }
.language-group-heading > span { font-size: .75rem; color: var(--muted); white-space: nowrap; }
.supported-language-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; margin: 15px 0 0; list-style: none; column-gap: 25px; }
.supported-language-list li { display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--line); padding: 13px 0; font-family: var(--display); font-size: 1.125rem; line-height: 1.4; letter-spacing: -.025em; }
.supported-language-list .icon { width: 16px; height: 16px; color: var(--teal-dark); }
.language-promise { font-size: .8125rem; color: var(--teal-dark); margin-top: 17px; font-weight: 550; }
.language-support-coming { margin-top: 34px; border-top: 1px solid var(--line); padding-top: 21px; }
.upcoming-language-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 17px 0 0; column-gap: 18px; row-gap: 9px; }
.upcoming-language-list li { font-size: .875rem; line-height: 1.5; color: var(--muted); }
.language-goal { margin-top: 19px; font-size: .8125rem; font-weight: 550; }

.direction-bold .languages-expanded h2 { font-size: clamp(2.4rem, 3.6vw, 3.4rem); font-weight: 500; }
.direction-bold .language-group-heading h3 { font-size: 1.45rem; font-weight: 500; }
.direction-bold .supported-language-list li { font-size: 1.3rem; }
.direction-bold .language-promise { text-transform: uppercase; letter-spacing: .055em; font-size: .75rem; }
.direction-editorial .languages-expanded { display: grid; text-align: left; }
.direction-editorial .languages-expanded h2 { font-size: clamp(2.5rem, 3.45vw, 3.25rem); font-weight: 500; }
.direction-editorial .language-support-live { border-color: #9c812b; }
.direction-editorial .language-group-heading h3 { font-weight: 500; }
.direction-editorial .language-support-coming { background: #f1ecda; padding: 23px; border: 0; }
.direction-product .language-support-live { padding: 23px 25px; border: 1px solid #c2d9c9; border-radius: 5px; background: #edf5eb; }
.direction-product .language-support-coming { padding: 0 1px; border-top: 0; margin-top: 27px; }
.direction-product .supported-language-list li { font-size: 1rem; }

@media (max-width: 1100px) {
  [class^="direction-"] .languages-expanded { gap: 42px; }
  .upcoming-language-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .direction-editorial .language-support-coming { padding-inline: 19px; }
}
@media (max-width: 760px) {
  [class^="direction-"] .languages-expanded { grid-template-columns: 1fr; gap: 37px; }
  [class^="direction-"] .languages-expanded h2 { font-size: 2.3rem; }
  [class^="direction-"] .hero-language-note { margin-top: 19px; font-size: .75rem; }
  .direction-product .hero-language-note a { flex-direction: column; gap: 2px; }
  .direction-product .hero h1 { font-size: clamp(1.9rem, 7.5vw, 3.4rem); }
  .language-possibilities { margin-top: 25px; }
  .supported-language-list { column-gap: 21px; }
  [class^="direction-"] .supported-language-list li { font-size: 1.125rem; }
  .language-support-coming { margin-top: 29px; }
  .upcoming-language-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .direction-product .language-support-live { padding: 21px 20px; }
  .direction-editorial .languages-expanded h2 { font-size: 2.5rem; }
  .direction-bold .languages-expanded h2 { font-size: 2.45rem; }
}
@media (max-width: 360px) {
  .direction-product .language-support-live { padding-inline: 16px; }
  [class^="direction-"] .supported-language-list li { font-size: 1rem; gap: 7px; }
  [class^="direction-"] .languages-expanded h2 { font-size: 2.2rem; }
}