.header-login { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 12px; border: 1px solid #d4dfee; border-radius: 9px; font-size: 14px; font-weight: 600; color: #203759; }
.header-login:hover { background: #edf3ff; color: var(--blue); }
.header-nav a[aria-current='page'], .header-menu-panel nav a[aria-current='page'], .header-login[aria-current='page'] { color: var(--blue); background: #edf3ff; }
.proof-grid strong { font-size: 20px; letter-spacing: -.4px; }
.proof-grid>div { padding-inline: 20px; }
.proof-grid>div:first-child { padding-left: 0; }
.proof-grid>div:last-child { padding-right: 0; }
.all-features-link { margin-top: 24px; }
.reviews-section { padding-block: 35px 70px; }
.reviews-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 32px; }
.reviews-heading .eyebrow { margin-bottom: 16px; }
.review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.review-card { display: flex; flex-direction: column; margin: 0; padding: 30px; border: 1px solid #dfe7f5; border-radius: 18px; background: #f6f8fe; }
.review-card .review-stars { color: #9d6500; }
.review-card blockquote { margin: 23px 0 30px; font-size: 24px; line-height: 1.4; letter-spacing: -.5px; }
.review-card figcaption { display: grid; gap: 6px; margin-top: auto; font-size: 14px; line-height: 1.5; color: var(--muted); }
.review-card figcaption strong { color: var(--ink); font-size: 16px; }
.review-source-note { margin-top: 18px; font-size: 14px; line-height: 1.6; color: var(--muted); }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; background: var(--blue); color: #e1ebff; max-width: none; padding-block: 25px; padding-inline: max(24px,calc((100vw - 1172px)/2)); font-size: 14px; line-height: 1.5; }
.breadcrumbs a { text-decoration: underline; text-underline-offset: 4px; }
.detail-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; padding-block: 65px 45px; }
.content-page h1 { font-size: clamp(42px,5vw,64px); line-height: 1.08; letter-spacing: -2.7px; font-weight: 700; margin-top: 17px; }
.content-page h1>span { color: var(--blue); }
.detail-hero p:not(.eyebrow), .info-banner p:not(.eyebrow) { font-size: 18px; line-height: 1.7; color: var(--muted); margin-top: 20px; }
.detail-hero .detail-lead, .features-page-hero .detail-lead { font-size: 23px; line-height: 1.5; color: var(--ink); letter-spacing: -.3px; }
.detail-hero .detail-small { font-size: 15px !important; margin-top: 6px !important; }
.detail-hero .download-links { margin-top: 17px; }
.cloud-illustration { padding: 28px; background: radial-gradient(ellipse at 50% 30%,#315fa1,transparent 80%),#122949; color: #fff; border: 1px solid #355781; border-radius: 25px; box-shadow: 0 20px 40px #15345716; }
.cloud-graphic-title { display: flex; justify-content: center; align-items: center; gap: 11px; font-size: 13px; letter-spacing: 1.7px; color: #dceaff; }
.cloud-graphic-flow { display: flex; flex-direction: column; align-items: center; margin-block: 25px; }
.graphic-cloud { display: flex; align-items: center; justify-content: center; gap: 16px; width: 220px; max-width: 100%; padding: 22px; border: 1px solid #86abd9; border-radius: 45px; background: #afcaff15; font-size: 17px; }
.graphic-connection { display: flex; flex-direction: column; align-items: center; gap: 7px; font-size: 10px; letter-spacing: 1.5px; color: #b5cee9; }
.graphic-connection>span:first-child,.graphic-connection>span:last-child { width: 1px; height: 20px; background: #86abd9; }
.graphic-phone { width: 185px; max-width: 100%; padding: 27px 20px; position: relative; display: flex; flex-direction: column; align-items: center; gap: 14px; border: 4px solid #c8daf7; border-radius: 25px; background: #edf4ff; color: #183151; box-shadow: 0 13px 25px #06162b50; }
.graphic-phone img { border-radius: 16px; width: 48px; height: 48px; }
.graphic-phone>strong { font-size: 14px; }
.graphic-speaker,.graphic-home { position: absolute; height: 4px; width: 32px; border-radius: 4px; background: #9bb2d1; top: 9px; }
.graphic-home { top: auto; bottom: 8px; width: 45px; }
.graphic-file-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; width: 100%; }
.graphic-file-grid>span { display: grid; place-items: center; height: 40px; border-radius: 7px; background: #d4e2f9; color: #416cac; }
.graphic-file-grid .lock-icon { transform: scale(.7); }
.graphic-caption { text-align: center; font-size: 15px; line-height: 1.5; color: #d6e7ff; }
.page-section { padding-block: 40px; }
.instruction-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; list-style: none; padding: 0; margin: 0; }
.instruction-grid li { padding: 28px; border: 1px solid #dfe7f5; border-radius: 16px; background: #f7f9ff; }
.instruction-art { display: grid; place-items: center; height: 115px; border-radius: 12px; background: #e8effe; color: var(--blue); margin-bottom: 22px; }
.instruction-art img { border-radius: 17px; }
.instruction-art .lock-icon,.instruction-art .device-icon { transform: scale(2.2); }
.instruction-number { display: block; color: var(--blue); font-size: 15px; font-weight: 700; margin-bottom: 13px; }
.instruction-grid h3 { margin-bottom: 15px; }
.instruction-grid p,.benefit-grid p { color: var(--muted); font-size: 17px; line-height: 1.7; }
.info-banner { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 40px; border: 1px solid #d8e4fa; border-radius: 18px; background: #f0f5ff; }
.info-banner>div { max-width: 700px; }
.info-banner h2 { margin-top: 15px; }
.info-banner>.button { flex-shrink: 0; }
.compact-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 35px; align-items: start; padding-bottom: 60px; }
.compact-faq>h2 { max-width: 330px; }
.compact-faq>.text-link { grid-column: 2; width: fit-content; }
.content-page .faq-list p a { text-decoration: underline; text-underline-offset: 3px; color: var(--blue); }
.benefit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.benefit-symbol { display: grid; place-items: center; width: 65px; height: 65px; border: 1px solid #d0ddf7; border-radius: 17px; color: var(--blue); background: #edf3ff; font-size: 30px; margin-bottom: 24px; }
.benefit-symbol .lock-icon { transform: scale(1.7); }
.benefit-grid h2 { font-size: 26px; letter-spacing: -.7px; margin-bottom: 18px; }
.comparison-panel { padding: 36px; border: 1px solid #dfe7f5; border-radius: 18px; }
.comparison-panel h2 { font-size: 32px; }
.comparison-scroll { overflow-x: auto; }
.comparison-panel table { width: 100%; border-collapse: collapse; text-align: left; margin-top: 20px; font-size: 16px; line-height: 1.6; }
.comparison-panel caption { text-align: left; color: var(--muted); margin-bottom: 15px; }
.comparison-panel th,.comparison-panel td { padding: 17px 15px; border-bottom: 1px solid #dfe7f5; min-width: 160px; }
.comparison-panel thead { background: #edf3ff; }
.comparison-panel td { color: var(--muted); }
.page-download { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 25px; padding-block: 55px; border-top: 1px solid #dfe7f5; }
.page-download h2 { margin-block: 15px; font-size: 35px; }
.page-download p:not(.eyebrow) { color: var(--muted); font-size: 17px; }
.features-page-hero { padding-block: 65px 35px; }
.features-page-hero .detail-lead { max-width: 720px; margin-top: 24px; }
.feature-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.feature-pills span { padding: 8px 13px; background: #edf3ff; color: #2d508b; border: 1px solid #d9e4f8; border-radius: 25px; font-size: 14px; }
.section-jumps { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 38px; padding-block: 15px; border-block: 1px solid #e1e8f4; }
.section-jumps a { display: flex; gap: 18px; align-items: center; color: var(--blue); font-size: 15px; min-height: 44px; }
@media (max-width: 1060px) {
  .detail-hero { gap: 30px; }
  .detail-hero .download-links { flex-wrap: wrap; }
  .info-banner { flex-direction: column; align-items: flex-start; }
  .review-card { padding: 23px; }
  .review-card blockquote { font-size: 22px; }
}
@media (max-width: 780px) {
  .detail-hero,.compact-faq { grid-template-columns: 1fr; }
  .detail-hero { padding-top: 40px; }
  .cloud-illustration { max-width: 480px; width: 100%; margin-inline: auto; }
  .review-grid,.instruction-grid,.benefit-grid { grid-template-columns: 1fr; }
  .review-card blockquote { margin-block: 17px 23px; font-size: 25px; }
  .reviews-heading { flex-direction: column; align-items: flex-start; gap: 16px; }
  .benefit-grid { gap: 32px; }
  .benefit-grid article { padding-bottom: 25px; border-bottom: 1px solid #e1e8f4; }
  .instruction-art { height: 100px; }
  .compact-faq>.text-link { grid-column: auto; }
  .proof-grid strong { font-size: 16px; }
  .content-page h1 { letter-spacing: -1.8px; }
}
@media (max-width: 520px) {
  .header-login { padding-inline: 11px; }
  .proof-grid>div { padding-inline: 0; gap: 10px; }
  .proof-grid strong { max-width: 46%; }
  .proof-grid span { max-width: 50%; }
  .reviews-section { padding-block: 25px 45px; }
  .info-banner,.comparison-panel { padding: 26px 21px; }
  .page-section { padding-block: 28px; }
  .content-page h2 { font-size: 31px; }
  .content-page .benefit-grid h2 { font-size: 25px; }
  .detail-hero .detail-lead,.features-page-hero .detail-lead { font-size: 21px; }
  .content-page .page-download h2 { font-size: 31px; }
  .features-page-hero { padding-top: 40px; }
}

/* Feature catalog: compact cards with one clear benefit each. */
.features-hero { grid-template-columns: 1fr 1fr; padding-bottom: 15px; }
.detail-hero>div { min-width: 0; }
.features-graphic { padding: 28px 24px 23px; border: 1px solid #dbe5f9; border-radius: 28px; background: radial-gradient(circle at 45% 45%,#c7d9ff 0, #e5edff 45%,#f4f7ff 75%); }
.vault-orbit { min-height: 340px; display: grid; place-items: center; position: relative; padding: 30px 12px; }
.vault-preview { width: 100%; max-width: 355px; padding: 22px 19px 17px; border: 1px solid #fff; border-radius: 21px; background: #fff; box-shadow: 0 22px 50px #21478323; transform: rotate(-4deg); }
.vault-preview-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.vault-preview-heading img { border-radius: 12px; }
.vault-preview-heading>div { display: grid; gap: 4px; }
.vault-preview-heading strong { font-size: 16px; }
.vault-preview-heading div>span { color: var(--muted); font-size: 13px; }
.vault-preview-heading>.lock-icon { margin-left: auto; color: var(--blue); }
.vault-preview-photos { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.vault-preview-photos>div { position: relative; overflow: hidden; border-radius: 9px; }
.vault-preview-photos img { width: 100%; height: 122px; object-fit: cover; display: block; }
.vault-preview-photos div>span { position: absolute; bottom: 8px; left: 7px; color: white; background: #112340c9; border-radius: 5px; padding: 3px 6px; font-size: 11px; }
.vault-preview-lock { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 9px; margin-top: 15px; padding: 13px 9px; background: #eff4ff; border-radius: 10px; color: #254c9d; font-size: 13px; }
.vault-preview-lock>span:last-child { margin-left: auto; letter-spacing: 2px; }
.vault-tag { position: absolute; display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 12px; font-size: 15px; font-weight: 600; box-shadow: 0 8px 24px #1b356419; }
.vault-tag-a { top: 3px; right: 0; background: #122b52; color: #fff; transform: rotate(4deg); }
.vault-tag-a>span { color: #85e7bb; }
.vault-tag-b { bottom: 4px; left: 0; background: #2556e8; color: #fff; transform: rotate(3deg); }
.features-graphic>p { margin: 12px 0 0 !important; text-align: center; color: #355079 !important; font-size: 15px !important; }
.feature-catalog { padding-bottom: 15px; }
.feature-group { padding-top: 55px; }
.catalog-heading { margin-bottom: 27px; }
.catalog-heading h2 { margin-top: 10px; font-size: 35px; letter-spacing: -1.1px; line-height: 1.15; }
.catalog-heading>p:not(.eyebrow) { max-width: 760px; font-size: 17px; line-height: 1.6; color: var(--muted); margin-top: 17px; }
.feature-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
.catalog-card { padding: 25px 22px; border: 1px solid #dfe7f5; border-radius: 18px; background: #f7f9fd; }
.feature-group-lock .catalog-card { background: #edf3ff; border-color: #d9e5ff; }
.feature-symbol { display: grid; place-items: center; width: 49px; height: 49px; background: #fff; border: 1px solid #d7e2f6; border-radius: 13px; color: #2556e8; font-size: 26px; font-weight: 600; margin-bottom: 23px; }
.feature-symbol .lock-icon { transform: scale(1.35); }
.feature-symbol:has(.lock-icon), .feature-symbol:has(.device-icon) { font-size: 20px; }
.feature-group-lock .catalog-card:nth-child(2) .feature-symbol { font-size: 15px; letter-spacing: .5px; }
.catalog-card h3 { font-size: 22px; line-height: 1.25; margin-bottom: 12px; }
.catalog-card p { color: var(--muted); font-size: 17px; line-height: 1.6; }

/* Support: direct tasks and a real support destination. */
.help-hero .button { margin-top: 25px; }
.support-art { display: grid; place-items: center; padding: 35px 25px; background: #edf3ff; border: 1px solid #dbe5f9; border-radius: 28px; }
.help-orbit { width: 280px; max-width: 100%; height: 235px; position: relative; display: grid; place-items: center; background: radial-gradient(circle,#d6e3ff 40%,transparent 41%,transparent 59%,#d6e3ff 60%,transparent 61%); }
.help-orbit img { border-radius: 22px; box-shadow: 0 12px 25px #2556e820; }
.help-bubble { position: absolute; top: 1px; right: 0; background: white; border: 1px solid #d4e1f8; border-radius: 17px 17px 17px 2px; padding: 17px; color: #214579; font-weight: 600; box-shadow: 0 8px 15px #2449880a; transform: rotate(4deg); }
.help-check { position: absolute; left: 20px; bottom: 24px; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #2556e8; color: white; font-size: 23px; border: 4px solid #edf3ff; }
.help-art-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.help-art-links span { background: white; padding: 10px 13px; border-radius: 20px; color: #355079; font-size: 14px; }
.help-topic-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 21px; }
.help-topic { display: flex; flex-direction: column; align-items: flex-start; padding: 28px; border: 1px solid #dfe7f5; background: #f7f9ff; border-radius: 18px; transition: border-color .2s, background .2s; }
.help-topic:hover { background: #edf3ff; border-color: #a1b9ef; }
.topic-number { color: var(--blue); font-size: 15px; margin-bottom: 20px; font-weight: 700; }
.help-topic p { color: var(--muted); font-size: 17px; line-height: 1.6; margin-block: 14px 24px; }
.topic-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin-top: auto; color: var(--blue); font-size: 16px; font-weight: 600; }
.contact-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; padding: 43px; border-radius: 22px; background: #122b52; color: #fff; }
.contact-panel .eyebrow { color: #b8d0ff; }
.contact-panel h2 { margin-top: 15px; }
.contact-panel p { font-size: 18px; line-height: 1.65; margin-block: 20px; color: #dbe7fa; }
.contact-panel .button { background: #fff; color: #1947c8; }
.contact-email { display: block; width: fit-content; margin-top: 17px; font-size: 16px; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.contact-checklist { padding: 28px; border: 1px solid #51709a; border-radius: 15px; background: #ffffff08; }
.contact-checklist h3 { font-size: 23px; }
.contact-checklist ul { display: grid; gap: 17px; margin-block: 23px; }
.contact-checklist li { display: flex; align-items: baseline; gap: 14px; font-size: 17px; line-height: 1.5; color: #e3edff; }
.contact-checklist li>span { color: #adcbff; font-size: 14px; }
.contact-checklist p { font-size: 15px; }
.contact-checklist .text-link { color: #e3edff; font-size: 16px; line-height: 1.6; }

/* Official tutorials: local thumbnails and click-to-load players. */
.tutorials-hero { padding-block: 55px 20px; }
.tutorials-hero .detail-lead { max-width: 670px; margin-top: 25px; font-size: 23px; line-height: 1.55; color: var(--muted); }
.tutorial-note { color: var(--muted); font-size: 16px; line-height: 1.6; margin-block: 8px 28px; max-width: 800px; }
.tutorial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px; }
.lesson-card { min-width: 0; border: 1px solid #dfe7f5; border-radius: 19px; background: #f7f9ff; }
.lesson-player { position: relative; aspect-ratio: 16/9; background: #122b52; border-radius: 18px 18px 0 0; overflow: hidden; }
.lesson-player iframe { display: block; width: 100%; height: 100%; position: absolute; inset: 0; border: 0; }
.lesson-play { display: block; padding: 0; border: 0; width: 100%; height: 100%; color: white; font: inherit; cursor: pointer; position: absolute; inset: 0; background: #122b52; }
.lesson-play img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .7; transition: opacity .2s; }
.lesson-play:hover img { opacity: .9; }
.lesson-play-circle { position: absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); width: 53px; height: 53px; display: grid; place-items: center; padding-left: 3px; background: #2556e8; box-shadow: 0 3px 20px #122b5255; border: 2px solid #fff; border-radius: 50%; font-size: 20px; }
.lesson-play-label { position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); background: #122b52dc; padding: 5px 12px; border-radius: 20px; white-space: nowrap; font-size: 14px; }
.lesson-play:focus-visible { outline: 4px solid #f5b844; outline-offset: -5px; }
.lesson-copy { padding: 26px; }
.lesson-copy h2 { font-size: 25px; letter-spacing: -.65px; margin-block: 14px 12px; line-height: 1.2; }
.lesson-copy>p:not(.eyebrow) { color: var(--muted); font-size: 17px; line-height: 1.6; }
.lesson-copy .text-link { font-size: 16px; }

/* Comparison: factual overview, with the privacy implications below. */
.app-comparison { padding: 0 20px 10px; }
.app-comparison table { table-layout: fixed; min-width: 980px; font-size: 16px; }
.app-comparison th,.app-comparison td { padding: 20px 17px; vertical-align: top; }
.app-comparison .our-product { background: #e9f0ff; color: #1f448c; }
.app-comparison thead .our-product { background: #2556e8; color: white; }
.comparison-scroll:focus-visible { outline: 3px solid #f5b844; outline-offset: 5px; }
.comparison-note { font-size: 15px; line-height: 1.6; color: var(--muted); margin-top: 16px; }
.matchup-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.matchup-card { border: 1px solid #dfe7f5; border-radius: 19px; overflow: hidden; }
.matchup-card summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; cursor: pointer; list-style: none; }
.matchup-card summary::-webkit-details-marker { display: none; }
.matchup-card summary:hover { background: #f5f8ff; }
.matchup-card summary:focus-visible { outline-offset: -4px; }
.matchup-toggle { flex-shrink: 0; color: #2556e8; font-size: 30px; line-height: 1; }
.matchup-card[open] .matchup-toggle { transform: rotate(45deg); }
.matchup-body { padding: 0 28px 28px; max-width: 900px; }
.matchup-label { font-size: 12px; letter-spacing: .8px; line-height: 1.6; font-weight: 700; color: #42629b; display: block; margin-bottom: 10px; }
.matchup-card h3 { font-size: 27px; margin: 0; }
.matchup-card p { color: var(--muted); font-size: 17px; line-height: 1.65; }
.matchup-takeaway { margin-block: 25px; padding-top: 21px; border-top: 1px solid #dbe5f7; }
.matchup-takeaway strong { display: block; color: #2556e8; font-size: 16px; margin-bottom: 12px; }
.matchup-body>.text-link { font-size: 16px; }
.comparison-sources { padding-top: 0; }
.comparison-sources details { border: 1px solid #dfe7f5; border-radius: 14px; padding: 24px; }
.comparison-sources summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 18px; font-weight: 600; list-style: none; }
.comparison-sources summary::-webkit-details-marker { display: none; }
.comparison-sources details[open] summary>span { transform: rotate(45deg); }
.comparison-sources details>div { margin-top: 20px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.comparison-sources ul { display: grid; gap: 14px; }

@media (max-width: 1080px) {
  .feature-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tutorial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .matchup-grid { grid-template-columns: 1fr; }
  .help-topic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .contact-panel { padding: 32px; gap: 30px; }
  .vault-preview-heading strong { font-size: 14px; }
  .vault-preview-heading img { width: 34px; height: 34px; }
}
@media (max-width: 780px) {
  .features-hero { grid-template-columns: 1fr; }
  .features-graphic { max-width: 500px; width: 100%; margin-inline: auto; }
  .support-art { max-width: 500px; width: 100%; margin-inline: auto; }
  .contact-panel { grid-template-columns: 1fr; }
  .catalog-heading h2 { font-size: 32px; }
}
@media (max-width: 560px) {
  .feature-card-grid,.tutorial-grid,.help-topic-grid { grid-template-columns: 1fr; }
  .feature-group { padding-top: 38px; }
  .catalog-card { display: grid; grid-template-columns: 45px minmax(0,1fr); gap: 10px 17px; padding: 24px 21px; }
  .feature-symbol { width: 45px; height: 45px; grid-row: span 2; margin: 0; }
  .catalog-card h3 { font-size: 22px; margin: 0; align-self: center; }
  .catalog-card p { grid-column: 2; }
  .features-graphic { padding: 24px 16px 20px; }
  .vault-orbit { padding-inline: 0; min-height: 320px; }
  .vault-preview { padding: 20px 13px 13px; }
  .vault-preview-photos img { height: 105px; }
  .vault-preview-lock>span:last-child { display: none; }
  .vault-tag { padding: 12px 14px; font-size: 14px; }
  .vault-preview-heading strong { font-size: 15px; }
  .contact-panel { padding: 27px 22px; }
  .contact-checklist { padding: 23px 19px; }
  .tutorials-hero { padding-top: 38px; }
  .tutorials-hero .detail-lead { font-size: 21px; }
  .content-page .lesson-copy h2 { font-size: 26px; }
  .matchup-card summary { padding: 22px; gap: 16px; }
  .matchup-card h3 { font-size: 23px; }
  .matchup-body { padding: 0 22px 22px; }
  .matchup-takeaway { margin-block: 23px; border-top: 1px solid #dbe5f7; padding-top: 20px; }
  .app-comparison { padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .help-topic,.lesson-play img { transition: none; }
}

/* Feature matrix: explicit symbols, readable qualifications, mobile comparison. */
.comparison-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 24px; }
.comparison-legend { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 0; }
.comparison-legend li { display: flex; align-items: center; gap: 8px; font-size: 15px; color: #435774; }
.legend-icon { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; font-size: 19px; font-weight: 700; }
.legend-icon.feature-status-yes { color: #116b47; background: #d9f3e6; }
.legend-icon.feature-status-no { color: #a33542; background: #fce9ec; }
.legend-icon.feature-status-conditional { color: #80591a; background: #fff0cc; }
.legend-icon.feature-status-unknown { color: #586779; background: #eaf0f6; }
.competitor-selector { display: none; }
.feature-comparison .app-comparison { padding: 0; border-color: #d4dff0; overflow: hidden; border-radius: 18px; }
.feature-comparison table { margin-top: 0; min-width: 900px; }
.feature-comparison caption { padding: 17px 20px; margin: 0; font-size: 15px; background: #f7f9fd; border-bottom: 1px solid #dbe4f3; }
.feature-comparison thead th { vertical-align: middle; padding: 23px 17px; font-size: 17px; color: #344b70; background: #f1f5fb; text-align: center; }
.feature-comparison thead th:first-child { text-align: left; width: 26%; }
.feature-comparison thead .our-product { background: #2556e8; color: white; }
.feature-comparison thead .our-product img { display: block; margin: 0 auto 9px; border-radius: 9px; }
.feature-comparison th,.feature-comparison td { min-width: 0; padding: 19px 17px; vertical-align: middle; }
.feature-comparison tbody th { font-size: 17px; line-height: 1.45; font-weight: 600; background: #fff; }
.feature-comparison tbody td { background: #fff; }
.feature-comparison tbody .our-product { background: #edf3ff; border-inline: 1px solid #d0def9; }
.feature-comparison tbody:nth-of-type(even) td:not(.our-product),.feature-comparison tbody:nth-of-type(even) th { background: #f9fbfe; }
.feature-comparison tbody:last-child tr:last-child>* { border-bottom: 0; }
.feature-comparison .comparison-group-start>* { border-top: 2px solid #cad9ee; }
.comparison-category { display: block; color: #4168a4; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.feature-scope { display: block; font-size: 14px; font-weight: 400; color: var(--muted); margin-top: 7px; line-height: 1.5; }
.feature-status { display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center; }
.feature-status-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; flex-shrink: 0; font-size: 22px; font-weight: 700; line-height: 1; }
.feature-status-yes .feature-status-icon { background: #d9f3e6; color: #116b47; }
.feature-status-no .feature-status-icon { background: #fce9ec; color: #a33542; }
.feature-status-conditional .feature-status-icon { background: #fff0cc; color: #80591a; }
.feature-status-unknown .feature-status-icon { background: #eaf0f6; color: #586779; font-size: 20px; }
.feature-status-note { font-size: 14px; line-height: 1.5; color: #526580; }
.our-product .feature-status-note { color: #2f5185; }
.matrix-notes { margin-top: 21px; border: 1px solid #dfe7f5; border-radius: 12px; padding: 21px 24px; background: #f7f9ff; }
.matrix-notes summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 17px; font-weight: 600; cursor: pointer; list-style: none; }
.matrix-notes summary::-webkit-details-marker { display: none; }
.matrix-notes[open] summary>span { transform: rotate(45deg); }
.matrix-notes ol { list-style: decimal; padding-left: 22px; margin-block: 20px; display: grid; gap: 16px; }
.matrix-notes li,.matrix-notes>p { font-size: 16px; line-height: 1.65; color: var(--muted); }
@media (max-width: 780px) {
  .feature-comparison[data-enhanced='true'] .competitor-selector { display: grid; gap: 10px; width: 100%; }
  .competitor-selector label { font-size: 16px; font-weight: 600; }
  .competitor-selector select { width: 100%; min-height: 48px; padding: 11px 14px; background: #fff; color: #203b68; border: 1px solid #b8cbed; border-radius: 9px; font: inherit; }
  .competitor-selector select:focus-visible { outline: 3px solid #f5b844; outline-offset: 4px; }
  .feature-comparison[data-enhanced='true'][data-competitor='keepsafe'] [data-product='calculator'],
  .feature-comparison[data-enhanced='true'][data-competitor='keepsafe'] [data-product='apple'],
  .feature-comparison[data-enhanced='true'][data-competitor='calculator'] [data-product='keepsafe'],
  .feature-comparison[data-enhanced='true'][data-competitor='calculator'] [data-product='apple'],
  .feature-comparison[data-enhanced='true'][data-competitor='apple'] [data-product='keepsafe'],
  .feature-comparison[data-enhanced='true'][data-competitor='apple'] [data-product='calculator'] { display: none; }
  .feature-comparison[data-enhanced='true'] table { min-width: 0; }
  .feature-comparison thead th:first-child { width: 36%; }
  .feature-comparison th,.feature-comparison td { padding: 17px 10px; overflow-wrap: anywhere; }
  .feature-comparison thead th { font-size: 16px; }
  .feature-comparison tbody th { font-size: 16px; }
  .feature-comparison caption { padding: 15px; }
}
@media (max-width: 520px) {
  .comparison-legend { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .comparison-legend li { font-size: 14px; }
  .feature-comparison th,.feature-comparison td { padding-inline: 8px; }
  .feature-comparison thead th { font-size: 15px; }
  .feature-comparison tbody th { font-size: 15px; }
  .feature-status-note,.feature-scope { font-size: 14px; }
  .matrix-notes { padding: 20px; }
}

/* Comparison opens directly into the real feature chart. */
.compare-intro { padding-block: 60px 12px; }
.compare-intro h1 { max-width: 820px; }
.compare-intro>p:not(.eyebrow) { max-width: 760px; margin-block: 24px; font-size: 22px; line-height: 1.55; color: var(--muted); }
.compare-intro .text-link { font-size: 17px; line-height: 1.6; }

/* Selection guide: one reading column, with navigation beside the article. */
.guide-hero { grid-template-columns: 1.05fr 1fr; gap: 48px; padding-bottom: 65px; }
.guide-hero .button { margin-top: 25px; }
.guide-lock-diagram { margin: 0; padding: 27px; border: 1px solid #d7e3f5; border-radius: 25px; background: linear-gradient(150deg,#f9fbff,#e8effc); box-shadow: 0 20px 50px #1738680c; }
.guide-diagram-heading { display: flex; align-items: center; gap: 9px; font-size: 16px; font-weight: 700; line-height: 1.4; margin-bottom: 25px; }
.guide-diagram-dot { width: 9px; height: 9px; flex-shrink: 0; border-radius: 50%; background: var(--blue); }
.guide-lock-scenes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.guide-phone-scene { display: flex; flex-direction: column; align-items: center; min-width: 0; gap: 12px; }
.guide-scene-label { font-size: 14px; font-weight: 700; text-align: center; }
.guide-phone-screen { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 100%; max-width: 185px; height: 245px; padding: 26px 11px; border: 3px solid #b5c4dc; border-radius: 25px; background: white; box-shadow: 0 10px 18px #243e6910; overflow: hidden; }
.guide-speaker { position: absolute; width: 32px; height: 5px; border-radius: 10px; background: #b5c4dc; top: 10px; }
.guide-home-indicator { position: absolute; bottom: 9px; width: 42px; height: 4px; border-radius: 10px; background: #b5c4dc; }
.guide-screen-label { font-size: 13px; font-weight: 600; text-align: center; line-height: 1.4; }
.guide-sample-photos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; width: 100%; }
.guide-sample-photos img { width: 100%; height: 71px; object-fit: cover; border-radius: 5px; }
.guide-private-scene .guide-phone-screen { background: linear-gradient(160deg,#2457bb,#10244a); border-color: #264678; color: white; }
.guide-app-icon { width: 34px; height: 34px; border-radius: 9px; }
.guide-vault-lock { display: grid; place-items: center; width: 55px; height: 50px; }
.guide-vault-lock .lock-icon { transform: scale(2.2); }
.guide-code-dots { display: block; font-size: 26px; letter-spacing: 8px; padding-left: 8px; line-height: 1; color: #c3d8ff; }
.guide-phone-scene>strong { font-size: 15px; text-align: center; line-height: 1.5; }
.guide-private-scene>strong { color: #2556c5; }
.guide-lock-diagram figcaption { margin-top: 24px; padding-top: 20px; border-top: 1px solid #d3def0; font-size: 16px; line-height: 1.6; }
.guide-lock-diagram figcaption>span { display: block; margin-top: 6px; font-size: 13px; color: var(--muted); }
.guide-reading-layout { display: grid; grid-template-columns: 235px minmax(0,1fr); gap: 65px; padding-top: 18px; padding-bottom: 60px; }
.guide-contents nav { position: sticky; top: 28px; }
.guide-contents ol { margin: 17px 0 22px; padding: 0; list-style: none; }
.guide-contents li a { display: flex; gap: 13px; align-items: baseline; padding: 12px 0; font-size: 16px; line-height: 1.4; }
.guide-contents li a>span { color: #637693; font-size: 13px; font-variant-numeric: tabular-nums; }
.guide-contents a:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.guide-extra-link { display: block; border-top: 1px solid var(--line); padding: 17px 0; font-size: 15px; line-height: 1.6; color: var(--muted); }
.guide-reading-column { min-width: 0; max-width: 780px; }
.guide-check { padding-block: 39px; border-top: 1px solid var(--line); scroll-margin-top: 20px; }
.guide-check:first-child { padding-top: 0; border-top: 0; }
.guide-check-heading { display: flex; align-items: flex-start; gap: 20px; }
.guide-check-number { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 12px; background: #edf2ff; color: var(--blue); font-size: 17px; font-weight: 700; }
.guide-check h2,.guide-hidden-section h2,.guide-trial h2,.guide-recovery h2 { font-size: 30px; line-height: 1.25; letter-spacing: -.7px; }
.guide-check-question { margin-block: 20px 23px; font-size: 19px; line-height: 1.7; color: var(--muted); }
.guide-product-answer { padding: 22px 25px; border-left: 3px solid #6893ed; background: #f3f6fd; border-radius: 0 12px 12px 0; }
.guide-product-answer>div { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
.guide-product-answer img { border-radius: 6px; }
.guide-product-answer h3 { font-size: 16px; line-height: 1.4; letter-spacing: 0; }
.guide-product-answer p { font-size: 18px; line-height: 1.65; color: #314563; }
.guide-product-answer .text-link { margin-top: 14px; font-size: 16px; line-height: 1.6; }
.guide-support-timeline { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin-top: 28px; }
.guide-support-timeline>div { position: relative; padding-top: 19px; border-top: 2px solid #d7e3f7; }
.guide-support-timeline>div::before { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--blue); top: -6px; left: 0; }
.guide-support-timeline strong { display: block; font-size: 17px; line-height: 1.4; }
.guide-support-timeline span,.guide-support-timeline a { display: inline-block; margin-top: 7px; font-size: 15px; line-height: 1.5; color: var(--muted); }
.guide-support-timeline a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.guide-plan-note { margin-bottom: 35px; font-size: 16px; line-height: 1.6; color: var(--muted); }
.guide-hidden-section { border-top: 1px solid var(--line); padding-block: 38px 45px; }
.guide-hidden-section h2,.guide-trial h2 { margin-top: 15px; }
.guide-hidden-section>p:not(.eyebrow) { font-size: 19px; line-height: 1.7; color: var(--muted); margin-top: 20px; }
.guide-hidden-differences { margin-block: 25px; }
.guide-hidden-differences>div { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 22px; padding-block: 20px; border-bottom: 1px solid var(--line); }
.guide-hidden-differences h3 { font-size: 18px; line-height: 1.5; }
.guide-hidden-differences p { font-size: 17px; line-height: 1.65; color: var(--muted); }
.guide-trial { padding: 30px; border: 1px solid #dae5f7; border-radius: 18px; background: #f7f9fd; }
.guide-trial ol { list-style: none; margin: 25px 0; padding: 0; display: grid; gap: 23px; }
.guide-trial li { display: flex; gap: 18px; align-items: flex-start; }
.guide-trial li>span { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border: 1px solid #bed0f0; border-radius: 50%; color: var(--blue); background: white; font-size: 15px; font-weight: 700; }
.guide-trial h3 { font-size: 19px; line-height: 1.5; }
.guide-trial li p { font-size: 17px; line-height: 1.65; color: var(--muted); margin-top: 6px; }
.guide-recovery { margin-top: 45px; }
.guide-recovery h2 { margin-bottom: 20px; }
@media (max-width: 1000px) {
  .guide-hero { gap: 28px; }
  .guide-lock-diagram { padding: 20px; }
  .guide-lock-scenes { gap: 12px; }
  .guide-reading-layout { grid-template-columns: 205px minmax(0,1fr); gap: 38px; }
  .guide-hidden-differences>div { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 780px) {
  .guide-hero { grid-template-columns: 1fr; padding-bottom: 40px; }
  .guide-lock-diagram { max-width: 500px; width: 100%; justify-self: center; padding: 27px; }
  .guide-reading-layout { grid-template-columns: 1fr; gap: 35px; }
  .guide-contents nav { position: static; padding-block: 22px; border-block: 1px solid var(--line); }
  .guide-contents ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; margin-block: 12px; }
  .guide-extra-link { padding: 10px 0; border: 0; }
  .guide-check h2 { font-size: 28px; }
}
@media (max-width: 420px) {
  .compare-intro { padding-top: 38px; }
  .compare-intro>p:not(.eyebrow) { font-size: 20px; }
  .guide-lock-diagram { padding: 18px 14px; }
  .guide-diagram-heading { font-size: 15px; }
  .guide-scene-label { font-size: 12px; }
  .guide-phone-screen { height: 220px; border-radius: 20px; padding-inline: 7px; }
  .guide-sample-photos img { height: 60px; }
  .guide-phone-scene>strong { font-size: 14px; }
  .guide-lock-diagram figcaption { font-size: 15px; }
  .guide-check-heading { gap: 13px; }
  .guide-check h2 { font-size: 25px; }
  .guide-check-number { flex-basis: 35px; height: 35px; font-size: 15px; }
  .guide-product-answer { padding: 20px; }
  .guide-check-question { font-size: 18px; }
  .guide-support-timeline { grid-template-columns: 1fr; gap: 0; }
  .guide-support-timeline>div { border-top: 0; border-left: 2px solid #d7e3f7; padding: 0 0 22px 20px; }
  .guide-support-timeline>div::before { left: -5px; top: 7px; }
  .guide-support-timeline>div:last-child { padding-bottom: 0; }
  .guide-trial { padding: 24px 20px; }
  .guide-trial h2,.guide-hidden-section h2,.guide-recovery h2 { font-size: 27px; }
}

/* Concrete examples for the separate-passcode decision. */
.guide-passcode-examples { margin-block: 4px 26px; }
.guide-passcode-examples h3 { font-size: 20px; line-height: 1.4; margin-bottom: 16px; }
.guide-passcode-examples ul { display: grid; gap: 18px; margin: 0; }
.guide-passcode-examples li { padding-left: 18px; border-left: 2px solid #d4dff2; }
.guide-passcode-examples strong { display: block; font-size: 18px; line-height: 1.5; }
.guide-passcode-examples p { margin-top: 5px; font-size: 18px; line-height: 1.65; color: var(--muted); }
.guide-passcode-note { margin-top: 18px; font-size: 16px; line-height: 1.65; color: var(--muted); }

/* App-only access: readable introduction without a hero illustration. */
.detail-hero.app-access-hero { grid-template-columns: minmax(0,1fr); }
.app-access-hero>div { max-width: 800px; }

/* FAQ-first help: aligned reading columns and native question disclosures. */
.help-intro { max-width: 980px; padding-block: 58px 30px; text-align: left; }
.help-intro h1 { max-width: 880px; }
.help-intro>p:not(.eyebrow) { max-width: 780px; margin-top: 23px; font-size: 22px; line-height: 1.6; color: var(--muted); }
.help-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 28px; }
.help-navigation a { display: inline-flex; align-items: center; gap: 12px; min-height: 46px; padding: 10px 17px; border: 1px solid #d7e2f4; border-radius: 9px; font-size: 16px; line-height: 1.5; font-weight: 600; }
.help-navigation a[aria-current='page'] { color: var(--blue); background: #edf3ff; border-color: #b8ccf5; }
.help-navigation a:hover { background: #edf3ff; }
.help-reading { max-width: 980px; padding-bottom: 60px; text-align: left; }
.faq-question-index { display: flex; flex-wrap: wrap; gap: 12px 24px; padding-block: 20px 30px; border-bottom: 1px solid var(--line); }
.faq-question-index a { padding-block: 5px; font-size: 16px; line-height: 1.5; color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.support-answer-list>.faq-answer { border-bottom: 1px solid var(--line); scroll-margin-top: 24px; }
.faq-answer>summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; padding-block: 24px; cursor: pointer; list-style: none; }
.faq-answer>summary::-webkit-details-marker { display: none; }
.faq-answer>summary>span { flex: 0 0 24px; color: var(--blue); font-size: 28px; line-height: 1; text-align: center; }
.faq-answer[open]>summary>span { transform: rotate(45deg); }
.faq-answer>summary:hover h2 { color: var(--blue); }
.faq-answer-body { padding: 0 48px 28px 0; }
.faq-answer-body>:first-child { margin-top: 0; }
.support-answer-list h2 { font-size: 22px; line-height: 1.45; letter-spacing: -.35px; }
.support-answer-list h3 { font-size: 20px; line-height: 1.5; margin-top: 23px; }
.support-answer-list p,.support-answer-list li { font-size: 18px; line-height: 1.75; color: #435774; }
.support-answer-list p { margin-top: 16px; }
.support-answer-list ol,.support-answer-list ul { padding-left: 25px; margin-block: 13px 0; }
.support-answer-list ol { list-style: decimal; }
.support-answer-list ul { list-style: disc; }
.support-answer-list li+li { margin-top: 8px; }
.support-answer-list a,.support-contact-section p a,.support-email-option a { color: var(--blue); text-decoration: underline; text-underline-offset: 4px; }
.support-answer-list strong { color: var(--ink); }
.support-answer-list .help-answer-note { font-size: 17px; padding: 15px 19px; border-left: 3px solid #a3bced; background: #f5f8fd; }
.faq-screenshot { margin: 20px 0 0; }
.faq-screenshot figcaption { margin-top: 12px; color: var(--muted); font-size: 16px; line-height: 1.5; }
.faq-screenshot img { display: block; width: 300px; max-width: 100%; height: auto; margin-top: 15px; border: 1px solid var(--line); border-radius: 14px; }
.faq-next-step { padding-top: 40px; }
.faq-next-step h2,.support-faq-first h2,.support-contact-section h2 { font-size: 30px; line-height: 1.3; letter-spacing: -.6px; }
.faq-next-step p,.support-faq-first>p,.support-contact-section>p { font-size: 18px; line-height: 1.7; color: var(--muted); margin-top: 16px; }
.faq-next-step>div { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; margin-top: 24px; }
.support-faq-first { margin-top: 10px; padding: 30px; border: 1px solid #d4e2fa; border-radius: 17px; background: #f1f6ff; }
.support-faq-first>.button { margin-top: 23px; font-size: 16px; line-height: 1.5; }
.support-quick-answers { display: grid; margin-top: 24px; }
.support-quick-answers a { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-block: 16px; border-top: 1px solid #d4e2fa; color: #244780; font-size: 17px; line-height: 1.5; }
.support-contact-section { margin-top: 48px; }
.support-request-form { display: grid; gap: 23px; margin-top: 30px; }
.support-form-row { display: grid; grid-template-columns: 1fr; gap: 23px; }
.support-request-form label { display: grid; gap: 9px; color: var(--ink); font-size: 17px; line-height: 1.5; font-weight: 600; }
.support-request-form input:not([type='hidden']),.support-request-form select,.support-request-form textarea { width: 100%; min-width: 0; min-height: 52px; padding: 13px 15px; border: 1px solid #b7c7df; border-radius: 8px; background: white; color: var(--ink); font: inherit; font-weight: 400; }
.support-request-form textarea { resize: vertical; }
.support-request-form input:focus-visible,.support-request-form select:focus-visible,.support-request-form textarea:focus-visible { outline: 3px solid #f5b844; outline-offset: 3px; }
.support-request-form select:disabled { background: #eef3fb; opacity: 1; }
.support-request-form>p { font-size: 16px; line-height: 1.6; color: var(--muted); }
.support-request-form>.button { justify-self: start; min-height: 48px; cursor: pointer; font-size: 16px; }
.support-request-form>.button:focus-visible { outline: 3px solid #f5b844; outline-offset: 4px; }
.support-request-form .support-submit-note { margin-top: -9px; }
.support-contact-section .support-email-option { font-size: 16px; margin-top: 25px; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .help-intro { padding-top: 38px; }
  .help-intro>p:not(.eyebrow) { font-size: 20px; }
  .support-answer-list h2 { font-size: 20px; }
  .faq-answer>summary { gap: 15px; padding-block: 21px; }
  .faq-answer-body { padding-right: 0; }
  .support-form-row { grid-template-columns: 1fr; gap: 23px; }
  .support-faq-first { padding: 24px 20px; }
  .support-faq-first>.button { width: 100%; }
  .faq-next-step h2,.support-faq-first h2,.support-contact-section h2 { font-size: 27px; }
}


/* Cloud password guidance stays visible before setup, outside the FAQ. */
.cloud-password-notice { display: flex; align-items: flex-start; gap: 24px; padding: 32px; border: 1px solid #c5d6f4; border-left: 4px solid var(--blue); border-radius: 16px; background: #f1f6ff; }
.cloud-password-symbol { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border-radius: 13px; background: #dce8ff; color: var(--blue); }
.cloud-password-symbol .lock-icon { transform: scale(1.5); }
.cloud-password-notice h2 { margin-top: 12px; font-size: 30px; line-height: 1.3; letter-spacing: -.7px; }
.cloud-password-notice p:not(.eyebrow) { max-width: 880px; margin-top: 16px; font-size: 18px; line-height: 1.65; color: #435774; }
.cloud-password-notice strong { color: var(--ink); }
@media (max-width: 600px) {
  .cloud-password-notice { flex-direction: column; gap: 17px; padding: 25px 22px; }
  .cloud-password-symbol { flex-basis: 48px; width: 48px; }
  .cloud-password-notice h2 { font-size: 26px; }
}

/* Keep text blocks left-aligned within their page columns. */
.content-page .section-heading { text-align: left; }
.content-page .section-heading>p:not(.eyebrow) { max-width: 760px; margin-top: 18px; font-size: 19px; line-height: 1.7; color: var(--muted); }

.feature-status-label { font-size: 14px; line-height: 1.4; font-weight: 600; }

.comparison-source-url { display: block; margin-top: 10px; overflow-wrap: anywhere; }

.support-confirmation { max-width: 760px; padding-block: clamp(48px, 9vw, 100px); text-align: center; }
.support-confirmation-check { display: grid; place-items: center; width: 80px; height: 80px; margin: 0 auto 24px; border-radius: 50%; color: #167544; background: #e4f5ec; font-size: 44px; font-weight: 700; }
.support-confirmation h1 { margin: 0 0 20px; font-size: clamp(32px, 5vw, 52px); line-height: 1.15; letter-spacing: -.03em; }
.support-confirmation p { max-width: 540px; margin: 0 auto 32px; font-size: 21px; line-height: 1.6; color: var(--muted); }