:root {
  color-scheme: light;
  --navy: #071a35;
  --navy-soft: #102849;
  --ink: #101216;
  --muted: #657080;
  --ivory: #faf8f4;
  --paper: #fffefd;
  --sand: #f1eee8;
  --line: #e6e2da;
  --champagne: #d5bb91;
  --blue-grey: #d9dfe8;
  --content: 1200px;
  --font-en: "Inter", "Segoe UI", Arial, sans-serif;
  --font-fa: "Shabnam", "Segoe UI", Tahoma, sans-serif;
  font-family: var(--font-en);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

.keyboard-badge { direction:ltr; border:1px solid rgba(213,187,145,.5); border-radius:4px; padding:3px 9px; color:#f2dfba; font:600 12px/1.5 "Segoe UI",sans-serif; }
.typing-input { display:flex; align-items:baseline; gap:16px; font:600 clamp(22px,3vw,32px)/1.5 Consolas,monospace; color:#d7e1ed; margin-block:12px 25px; }
.typing-input b { color:#f4d6a3; font:700 1.2em/1.4 var(--font-fa); }
.input-divider { color:var(--champagne); font-size:.8em; }
.typing-result-label { display:block; }
.release-hero { background:var(--navy); color:white; padding:80px 0 76px; }
.release-hero h1 { max-width:900px; font-size:clamp(38px,5vw,64px); line-height:1.35; margin:0 0 20px; }
.release-hero p:not(.eyebrow) { max-width:760px; color:#d2dae5; font-size:18px; }
.release-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:60px; padding-block:70px 100px; }
.release-nav { align-self:start; position:sticky; top:108px; border-inline-start:2px solid var(--line); padding-inline-start:18px; }
.release-nav a { display:block; padding:8px 0; color:#4d5c6b; text-decoration:none; font-size:14px; }
.release-nav a:hover { color:var(--navy); text-decoration:underline; }
.release-section { margin-block-end:70px; scroll-margin-top:100px; }
.release-section h2 { font-size:clamp(27px,3vw,38px); line-height:1.4; border-bottom:1px solid var(--line); padding-block-end:18px; margin-block:0 26px; }
.release-cards { display:grid; gap:16px; }
.release-card { background:var(--paper); border:1px solid var(--line); padding:26px 30px; }
.release-card h3 { margin:0 0 10px; font-size:20px; }
.release-card p,.release-card li { color:#465465; line-height:1.95; }
.release-card p:last-child,.release-card ul:last-child { margin-block-end:0; }
.release-card code { direction:ltr; unicode-bidi:isolate; font: .88em Consolas,monospace; color:var(--navy); background:var(--sand); padding:2px 5px; }
.release-path { display:inline-block; direction:ltr; font:600 12px/1.6 "Segoe UI",sans-serif; color:#596e83; margin-block-end:10px; }
.release-version-warning { color:#684b24; background:#f6ecda; border-inline-start:3px solid #ad7f41; padding:12px 14px; font-size:13px; line-height:1.8; }
@media (max-width:760px) { .release-layout { grid-template-columns:1fr; gap:28px; padding-block:40px 70px; } .release-nav { position:static; display:flex; flex-wrap:wrap; gap:4px 18px; border-inline-start:0; border-bottom:1px solid var(--line); padding:0 0 16px; } .release-card { padding:22px; } }

* { box-sizing: border-box; }
@font-face { font-family: "Shabnam"; src: url("../fonts/Shabnam-FD.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Shabnam"; src: url("../fonts/Shabnam-Medium-FD.woff2") format("woff2"); font-weight: 500 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Shabnam"; src: url("../fonts/Shabnam-Bold-FD.woff2") format("woff2"); font-weight: 650 900; font-style: normal; font-display: swap; }
html { scroll-padding-top: 84px; background: var(--ivory); }
body { margin: 0; background: var(--ivory); color: var(--ink); font-size: 16px; line-height: 1.65; }
body.page--fa { font-family: var(--font-fa); }
a { color: inherit; }
button, summary { font: inherit; }
::selection { background: var(--champagne); color: var(--navy); }

.container { width: min(var(--content), calc(100% - 64px)); margin-inline: auto; }
.skip-link { position: absolute; z-index: 200; inset-block-start: 8px; inset-inline-start: 8px; transform: translateY(-160%); padding: 10px 16px; background: white; color: var(--navy); border-radius: 4px; }
.skip-link:focus { transform: none; }
.site-header { position: sticky; inset-block-start: 0; z-index: 50; background: rgba(7,26,53,.98); border-bottom: 1px solid rgba(255,255,255,.09); transition: box-shadow .2s ease, background .2s ease; }
.site-header.is-scrolled { background: rgba(7,26,53,.98); box-shadow: 0 8px 28px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.header-inner { width: min(1320px, calc(100% - 64px)); min-height: 82px; margin-inline: auto; display: flex; align-items: center; gap: 36px; }
.brand { display: inline-flex; flex-direction: row; align-items: center; gap: 10px; text-decoration: none; flex: 0 0 auto; line-height: 1.1; }
.brand-symbol { display: block; width: 54px; height: 54px; flex: 0 0 54px; object-fit: contain; }
.brand-text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1; }
.brand-name { color: var(--navy); font-size: 23px; font-weight: 650; letter-spacing: -.045em; }
.page--fa .brand-name { letter-spacing: 0; font-weight: 700; }
.brand-byline { color: #77808c; font-size: 10px; letter-spacing: .09em; margin-block-start: 4px; }
.page--fa .brand-byline { letter-spacing: 0; font-size: 11px; }
.main-nav { display: flex; align-items: center; gap: clamp(14px, 2vw, 29px); margin-inline: auto; }
.main-nav-list, .footer-menu { display: flex; align-items: center; gap: inherit; list-style: none; margin: 0; padding: 0; }
.main-nav-list li, .footer-menu li { margin: 0; padding: 0; }
.footer-menu { flex-wrap: wrap; justify-content: flex-end; gap: 12px 22px; }
.nav-link, .footer-links a { color: #d0d6df; font-size: 13px; text-decoration: none; white-space: nowrap; transition: color .18s ease; }
.nav-link:hover { color: var(--champagne); }
.footer-links a:hover { color: var(--navy); }
.header-actions { display: flex; align-items: center; gap: 18px; flex: 0 0 auto; }
.language-link { font-size: 12px; color: #f3f0e9; text-decoration: none; border-inline-start: 1px solid rgba(255,255,255,.24); padding-inline-start: 18px; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border: 1px solid transparent; border-radius: 5px; font-size: 14px; font-weight: 600; text-decoration: none; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, summary:focus-visible, button:focus-visible { outline: 3px solid #ae8c53; outline-offset: 3px; }
.button--small { min-height: 40px; padding-inline: 15px; font-size: 12px; }
.button--champagne { background: var(--champagne); color: var(--navy); box-shadow: 0 8px 24px rgba(213,187,145,.12); }
.button--champagne:hover { background: #e1cda9; }
.button--navy { background: var(--navy); color: white; }
.button--navy:hover { background: #102849; }
.button--nav { background: var(--champagne); color: var(--navy); }
.external-mark { font-size: .9em; line-height: 1; opacity: .76; }
.button .external-mark { font-size: 15px; }
.menu-toggle { display: none; border: 1px solid rgba(255,255,255,.24); background: transparent; color: #fff; border-radius: 4px; width: 42px; height: 42px; align-items: center; justify-content: center; gap: 5px; flex-direction: column; cursor: pointer; }
.menu-toggle span { height: 1px; width: 17px; background: currentColor; }

.hero { position: relative; overflow: hidden; isolation: isolate; background: var(--navy); color: white; padding-block: clamp(76px, 9vw, 128px) clamp(72px, 8vw, 116px); }
.hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, transparent, black 45%, transparent); }
.hero-grid { position: absolute; z-index: -1; width: 460px; height: 460px; border: 1px solid rgba(213,187,145,.18); border-radius: 50%; inset-block-start: -240px; inset-inline-start: 46%; box-shadow: 0 0 0 52px rgba(213,187,145,.025), 0 0 0 104px rgba(213,187,145,.02); }
.hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(400px, .88fr); align-items: center; gap: clamp(50px, 8vw, 116px); }
.hero-copy { max-width: 600px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #92784f; font-size: 12px; font-weight: 650; letter-spacing: .095em; margin: 0 0 20px; text-transform: uppercase; }
.page--fa .eyebrow { letter-spacing: 0; text-transform: none; font-size: 13px; }
.eyebrow--light { color: var(--champagne); }
.eyebrow-line { display: inline-block; width: 28px; height: 1px; background: currentColor; }
h1, h2, h3, p { margin-block-start: 0; }
h1, h2, h3 { line-height: 1.18; }
h1 { max-width: 740px; margin-block-end: 24px; font-size: clamp(48px, 6.3vw, 82px); font-weight: 540; letter-spacing: -.055em; white-space: pre-line; }
.page--fa h1 { font-size: clamp(45px, 6vw, 74px); font-weight: 650; letter-spacing: 0; line-height: 1.42; }
.hero-lead { max-width: 560px; margin-block-end: 30px; color: #cbd2dc; font-size: clamp(16px, 1.45vw, 19px); line-height: 1.85; }
.page--fa .hero-lead { line-height: 2; }
.hero-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--navy); font-size: 13px; font-weight: 550; text-decoration: none; }
.text-link--light { color: #f2eee6; }
.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.hero-meta { margin-block: 22px 0; color: #aab5c3; font-size: 12px; }
.hero-visual { position: relative; padding: 30px 0 14px; }
.flow-arc { position: absolute; width: 430px; height: 220px; border: 1px solid rgba(213,187,145,.22); border-bottom-color: transparent; border-radius: 50%; transform: rotate(-18deg); inset-block-start: 5px; inset-inline-start: 0; pointer-events: none; }
.flow-arc--two { width: 330px; height: 180px; inset-block-start: 43px; inset-inline-start: 58px; transform: rotate(13deg); opacity: .55; }
.hero-editor { position: relative; z-index: 1; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: #0b203d; box-shadow: 0 28px 70px rgba(0,0,0,.24); }
.hero-editor-head { display: flex; align-items: center; gap: 11px; min-height: 51px; padding-inline: 18px; border-bottom: 1px solid rgba(255,255,255,.1); color: #acb8c8; font-size: 11px; }
.window-dots { display: inline-flex; gap: 4px; }
.window-dots i, .scene-dot { width: 6px; height: 6px; border-radius: 50%; background: #58708d; }
.live-indicator { margin-inline-start: auto; width: 7px; height: 7px; border-radius: 50%; background: #a7bda9; box-shadow: 0 0 0 4px rgba(167,189,169,.1); }
.hero-editor-content { position: relative; min-height: 184px; padding: 26px 26px 30px; }
.editor-overline { display: block; margin-block-end: 18px; color: #8e9cb0; font-size: 11px; }
.hero-demo { margin: 0; color: #f8f7f3; font-family: var(--font-fa); font-size: clamp(22px, 2.4vw, 29px); line-height: 1.9; }
.editor-caret { display: block; position: absolute; inset-inline-start: 26px; inset-block-end: 24px; height: 20px; width: 1px; background: var(--champagne); opacity: .8; }
.hero-editor-foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 48px; padding: 10px 18px; border-top: 1px solid rgba(255,255,255,.1); color: #aeb9c8; font-size: 10px; }
.hero-editor-foot span:first-child { display: inline-flex; gap: 7px; align-items: center; }
.hero-editor-foot i { width: 6px; height: 6px; border-radius: 50%; background: #a7bda9; }
.editor-lock { font-size: 18px; color: var(--champagne); }
.visual-note { margin: 15px 2px 0; color: #98a6b8; font-size: 10px; }

.intro-band { background: var(--ivory); border-bottom: 1px solid var(--line); padding-block: 72px; }
.intro-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: end; gap: clamp(38px, 8vw, 112px); }
.intro-layout h2 { max-width: 500px; margin: 0; font-size: clamp(28px, 3.4vw, 42px); font-weight: 520; letter-spacing: -.04em; }
.page--fa .intro-layout h2 { letter-spacing: 0; font-weight: 650; line-height: 1.55; }
.intro-copy { max-width: 600px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.95; }
.page--fa .intro-copy { line-height: 2.1; }
.section { padding-block: clamp(76px, 9vw, 120px); }
.section--sand { background: var(--sand); }
.section--paper { background: var(--paper); }
.section--features { background: var(--ivory); }
.section-heading { max-width: 740px; margin-block-end: 58px; }
.section-heading--wide { max-width: 820px; }
.section-heading h2, .writing-copy h2, .windows-layout h2, .privacy-layout h2, .story-inner h2, .download-copy h2 { margin-block-end: 18px; color: var(--navy); font-size: clamp(34px, 4vw, 54px); font-weight: 530; letter-spacing: -.045em; }
.page--fa .section-heading h2, .page--fa .writing-copy h2, .page--fa .windows-layout h2, .page--fa .privacy-layout h2, .page--fa .story-inner h2, .page--fa .download-copy h2 { letter-spacing: 0; font-weight: 680; line-height: 1.45; }
.section-lead { max-width: 710px; color: var(--muted); font-size: 16px; line-height: 1.9; margin-block-end: 0; }
.page--fa .section-lead { line-height: 2.05; }
.steps { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin: 0; padding: 0; }
.step { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 19px; padding: 27px 0 30px; border-top: 1px solid #cec8bc; }
.step-number { color: #a58c63; font-family: var(--font-en); font-size: 12px; letter-spacing: .1em; padding-block-start: 3px; }
.step h3 { margin: 0 0 11px; color: var(--navy); font-size: 20px; font-weight: 600; }
.step p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.technical-details { margin-block-start: 38px; border-top: 1px solid #cec8bc; border-bottom: 1px solid #cec8bc; }
.technical-details summary { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; color: var(--navy); font-size: 14px; font-weight: 600; list-style: none; }
.technical-details summary::-webkit-details-marker, .faq-item summary::-webkit-details-marker { display: none; }
.technical-details summary span { color: #997f57; font-size: 18px; }
.technical-details p { max-width: 780px; margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.shortcut-reference { margin-block-start: 44px; padding: clamp(22px, 3vw, 34px); background: rgba(255,255,255,.56); border: 1px solid #e3ded4; }
.shortcut-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; margin-block-end: 14px; }
.shortcut-heading h3 { margin: 0; color: var(--navy); font-size: 19px; font-weight: 620; }
.shortcut-heading > span { color: #737d8b; font-size: 11px; }
.shortcut-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 34px; }
.shortcut-item { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 12px; border-top: 1px solid #e6e2da; color: #495667; font-size: 12px; }
.shortcut-item kbd { flex: 0 0 auto; padding: 5px 8px; border: 1px solid #d9d5cd; border-radius: 3px; background: #fff; box-shadow: 0 2px 0 #e2ded6; color: #344258; font: 11px var(--font-en); white-space: nowrap; }
.writing-layout { display: grid; grid-template-columns: 1fr .9fr; gap: clamp(52px, 9vw, 126px); align-items: center; }
.writing-copy h2 { max-width: 570px; }
.writing-copy .section-lead { max-width: 560px; }
.writing-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-block-start: 28px; }
.writing-tags span { border: 1px solid var(--line); border-radius: 30px; padding: 6px 12px; color: #606a79; font-size: 11px; }
.sentence-card { position: relative; padding: 30px; background: var(--navy); color: white; border-radius: 4px; box-shadow: 20px 20px 0 #e9e4da; }
.sentence-kicker { color: var(--champagne); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.page--fa .sentence-kicker { letter-spacing: 0; text-transform: none; }
.sentence-card p { margin: 22px 0; font-family: var(--font-fa); font-size: clamp(23px, 3vw, 34px); line-height: 1.9; }
.sentence-rule { display: flex; gap: 6px; margin-block-end: 19px; }
.sentence-rule i { height: 2px; width: 30px; background: var(--champagne); opacity: .8; }
.sentence-rule i:nth-child(2) { width: 60px; opacity: .45; }
.sentence-rule i:nth-child(3) { width: 18px; opacity: .25; }
.sentence-caption { color: #c4cbd4; font-size: 11px; line-height: 1.8; }

.section--features { padding-block-end: 80px; }
.feature-list { border-top: 1px solid var(--line); }
.feature-row { display: grid; grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr); gap: clamp(50px, 8vw, 110px); align-items: center; padding-block: 56px; border-bottom: 1px solid var(--line); }
.feature-row--reverse { grid-template-columns: minmax(0, 1.17fr) minmax(0, .83fr); }
.feature-row--reverse .feature-copy { order: 2; }
.feature-row--reverse .feature-visual { order: 1; }
.feature-copy { max-width: 470px; }
.feature-mark { color: #ae956a; display: inline-block; margin-block-end: 16px; font-family: var(--font-en); font-size: 11px; letter-spacing: .1em; }
.feature-copy h3 { margin-block-end: 14px; color: var(--navy); font-size: clamp(25px, 2.7vw, 34px); font-weight: 560; letter-spacing: -.03em; }
.page--fa .feature-copy h3 { letter-spacing: 0; font-weight: 680; }
.feature-copy > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.9; }
.check-list, .windows-list { margin: 21px 0 0; padding: 0; list-style: none; }
.check-list li, .windows-list li { position: relative; margin-block-start: 9px; padding-inline-start: 20px; color: #4e5a6a; font-size: 12px; }
.check-list li::before, .windows-list li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .73em; width: 6px; height: 1px; background: #b2986e; }
.interface-scene { position: relative; min-width: 0; }
.scene-window { min-height: 260px; overflow: hidden; padding: 0 18px 16px; border: 1px solid #dcd9d2; border-radius: 7px; background: #fff; box-shadow: 0 22px 54px rgba(15,24,36,.08); color: var(--ink); font-family: var(--font-en); direction: ltr; }
.scene-top { height: 44px; display: flex; align-items: center; gap: 5px; border-bottom: 1px solid #ebe9e5; color: #687385; font-size: 10px; }
.scene-label { margin-inline-start: 8px; }
.scene-dot { width: 5px; height: 5px; background: #d5d4d0; }
.scene-editor { position: relative; min-height: 132px; margin-block-start: 15px; padding: 18px; border: 1px solid #ece9e4; background: #fffefa; border-radius: 4px; }
.scene-hint { font-size: 9px; color: #8893a1; }
.scene-editor p { color: #28374a; font-family: var(--font-fa); font-size: 19px; line-height: 1.9; margin: 12px 0 0; text-align: start; }
.scene-editor--large { min-height: 108px; margin: 0; background: #fff; }
.scene-status { display: flex; justify-content: space-between; gap: 15px; padding-block-start: 12px; color: #788493; font-size: 9px; }
.scene-status span:first-child { display: flex; align-items: center; gap: 6px; }
.scene-status i { width: 6px; height: 6px; border-radius: 50%; background: #90ab98; }
.scene-disclaimer { display: block; margin-block-start: 11px; color: #848d99; font-size: 9px; text-align: end; }
.scene-search { margin-block: 14px 10px; border: 1px solid #e7e5e0; border-radius: 4px; color: #929aa5; padding: 8px 10px; font-size: 10px; }
.word-row { display: grid; grid-template-columns: .5fr 1fr auto; gap: 10px; align-items: center; padding-block: 9px; border-bottom: 1px solid #f0eeea; font-size: 10px; }
.word-row b { font-family: var(--font-fa); font-size: 12px; }
.word-row span { color: #788493; font-size: 9px; }
.word-row small { color: #809b87; }
.scene-footer { padding-block-start: 11px; color: #848d99; font-size: 9px; }
.direction-line { display: flex; justify-content: space-between; align-items: center; margin: 23px 5px 12px; color: #738093; font-size: 10px; }
.direction-track { flex: 1; height: 1px; margin-inline: 12px; background: #c7ced6; text-align: center; line-height: 1px; }
.direction-track::before { content: ""; padding-inline: 5px; background: #fff; }
.translation-card { padding: 12px 14px; border: 1px solid #e5e2dc; border-radius: 4px; }
.translation-card > span { color: #7c8795; font-size: 9px; }
.translation-card p { margin: 5px 0 0; font-family: var(--font-fa); font-size: 14px; line-height: 1.8; }
.translation-card--muted { background: #faf9f7; }
.translation-card--muted p { font-family: var(--font-en); color: #35445a; }
.translation-arrow { color: #a68a5f; text-align: center; line-height: 1.8; }
.shortcut-row { display: grid; grid-template-columns: 1fr auto 65px; gap: 12px; align-items: center; padding-block: 16px; border-bottom: 1px solid #eeece8; font-size: 10px; }
.shortcut-row kbd { padding: 4px 9px; border: 1px solid #dcd9d2; border-radius: 3px; box-shadow: 0 2px 0 #dedbd5; color: #435065; font: inherit; }
.shortcut-row small { color: #8993a0; text-align: end; }
.font-sample { padding: 22px 20px 12px; color: var(--navy); font-family: var(--font-fa); font-size: 26px; line-height: 1.7; }
.font-sample strong { color: #8d7654; font-weight: 650; }
.font-controls { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eeece8; padding-block-start: 12px; color: #778391; font-size: 9px; }

.section--windows { overflow: hidden; position: relative; background: var(--navy); color: white; }
.windows-layout { display: grid; grid-template-columns: 1fr .7fr; gap: clamp(50px, 10vw, 140px); align-items: center; }
.windows-layout h2 { color: white; }
.windows-layout .section-lead { color: #c3cdd8; }
.windows-list li { color: #d3d9e0; font-size: 13px; }
.windows-list li::before { background: var(--champagne); }
.windows-mark { min-height: 210px; display: grid; grid-template-columns: 76px 76px; grid-template-rows: 76px 76px; gap: 8px; justify-content: center; align-content: center; position: relative; }
.windows-square { background: rgba(217,223,232,.76); }
.windows-square--a { opacity: .65; }
.windows-square--b { opacity: .85; }
.windows-square--c { opacity: .9; }
.windows-square--d { background: var(--champagne); }
.windows-word { position: absolute; inset-block-end: 0; inset-inline-end: 0; color: #a8b5c5; font-family: var(--font-en); font-size: 11px; line-height: 1.5; }
.page--fa .windows-word { font-family: var(--font-fa); text-align: start; }

.section--privacy { background: #f3f0ea; }
.privacy-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: start; gap: clamp(52px, 10vw, 142px); }
.privacy-layout .section-lead { max-width: 500px; }
.privacy-list { border-top: 1px solid #d9d4ca; }
.privacy-row { min-height: 64px; display: grid; grid-template-columns: 42px 1fr; gap: 18px; align-items: center; border-bottom: 1px solid #d9d4ca; }
.privacy-check { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid #c1b297; border-radius: 50%; color: #806b47; font-size: 9px; font-family: var(--font-en); }
.privacy-row p { margin: 0; color: #3d4857; font-size: 13px; line-height: 1.7; }

.section--story { position: relative; overflow: hidden; background: #101d31; color: white; padding-block: clamp(92px, 12vw, 160px); }
.story-inner { position: relative; max-width: 800px; text-align: center; }
.story-inner .eyebrow { justify-content: center; }
.story-inner h2 { margin: 0 0 25px; color: white; font-size: clamp(42px, 6vw, 72px); }
.story-body { max-width: 590px; margin: 0 auto; color: #d2d7df; font-size: 16px; line-height: 2; }
.page--fa .story-body { line-height: 2.15; }
.story-line { margin: 34px 0 8px; color: var(--champagne); font-size: 19px; }
.story-extra { margin: 0 auto; color: #9eaabd; font-family: var(--font-fa); font-size: 13px; line-height: 2; }
.story-signature { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-block-start: 38px; color: white; font-size: 14px; }
.story-signature small { margin-block-start: 4px; color: #aab4c3; font-size: 10px; letter-spacing: .05em; }
.page--fa .story-signature small { letter-spacing: 0; }
.story-orbit { position: absolute; z-index: 0; width: 500px; height: 165px; inset-block-start: 46%; inset-inline-start: 50%; transform: translate(-50%, -50%) rotate(-14deg); border: 1px solid rgba(213,187,145,.1); border-radius: 50%; pointer-events: none; }

.section--download { background: var(--ivory); padding-block: 75px; }
.section--donate { background: var(--paper); border-top: 1px solid var(--line); padding-block: clamp(70px, 8vw, 100px); }
.donate-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.donate-card { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: clamp(18px, 2vw, 32px); padding: clamp(24px, 3vw, 40px); border: 1px solid var(--line); background: #fff; }
.donate-card > div { min-width: 0; flex: 1 1 auto; }
.donate-card .button { white-space: nowrap; }
.donate-card h3 { margin: 10px 0; color: var(--navy); font-size: 23px; font-weight: 600; }
.donate-card p { max-width: 480px; margin: 0 0 20px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.donate-label { color: #92784f; font-family: var(--font-en); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.donate-qr { display: block; width: 180px; height: 180px; padding: 8px; flex: 0 0 180px; border: 1px solid var(--line); background: #fff; }
.donate-qr img { display: block; width: 100%; height: 100%; }
.donate-card--crypto { background: #f6f3ed; }
.donate-card--crypto p { margin-block-end: 22px; }
.donate-status { display: inline-flex; min-height: 34px; align-items: center; padding-inline: 12px; border: 1px solid #d8cebb; color: #78684e; font-size: 11px; }
.tech-hero { background: var(--navy); color: #fff; padding-block: clamp(72px, 9vw, 118px) 70px; }
.tech-hero h1 { max-width: 900px; margin-block-end: 22px; color: #fff; }
.tech-hero .page--fa h1 { line-height: 1.4; }
.tech-intro { max-width: 850px; margin: 0; color: #d0d6df; font-size: clamp(17px, 1.7vw, 21px); line-height: 1.9; }
.tech-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-block-start: 48px; }
.tech-stat { min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.045); }
.tech-stat strong { color: var(--champagne); font: 600 clamp(25px, 3vw, 38px)/1.15 var(--font-en); }
.tech-stat span { color: #d0d6df; font-size: 12px; line-height: 1.7; }
.tech-stats-note { max-width: 780px; margin: 17px 0 0; color: #9daabc; font-size: 10px; line-height: 1.8; }
.tech-challenges { background: var(--ivory); }
.tech-area-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.tech-area { min-width: 0; padding: clamp(22px, 3vw, 34px); border: 1px solid var(--line); background: var(--paper); }
.tech-area-number { color: #a58c63; font: 12px var(--font-en); letter-spacing: .1em; }
.tech-area h3, .tech-mode h3 { margin: 17px 0 12px; color: var(--navy); font-size: 21px; font-weight: 650; }
.tech-area p, .tech-mode p { margin: 0; color: var(--muted); font-size: 13px; line-height: 2; }
.tech-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tech-mode { padding: 25px; border-top: 2px solid #b69a6a; background: rgba(255,255,255,.64); }
.tech-mode h3 { margin-block-start: 0; font-size: 18px; }
.tech-safety-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(36px, 7vw, 90px); align-items: start; }
.tech-safety-layout h2 { max-width: 440px; color: var(--navy); font-size: clamp(34px, 4vw, 50px); font-weight: 600; line-height: 1.45; }
.tech-safeguards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 26px; margin: 0; padding: 0; list-style: none; }
.tech-safeguards li { position: relative; padding: 2px 21px 14px 0; border-bottom: 1px solid var(--line); color: #4e5a6a; font-size: 13px; line-height: 1.9; }
.page--en .tech-safeguards li { padding: 2px 0 14px 21px; }
.tech-safeguards li::before { content: ""; position: absolute; inset-block-start: .78em; inset-inline-start: 0; width: 8px; height: 2px; background: #b2986e; }
.tech-commands { background: var(--paper); }
.tech-shortcut-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 38px; }
.tech-shortcut { min-width: 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 14px; border-top: 1px solid var(--line); color: #4e5a69; font-size: 12px; }
.tech-shortcut kbd { flex: 0 0 auto; padding: 5px 8px; border: 1px solid #d9d5cd; border-radius: 3px; background: #fff; box-shadow: 0 2px 0 #e2ded6; color: #344258; font: 11px var(--font-en); white-space: nowrap; }
.tech-note { max-width: 820px; margin: 24px 0 0; color: #747d88; font-size: 11px; line-height: 1.9; }
.download-panel { display: grid; grid-template-columns: 1fr auto; gap: 52px; align-items: center; padding: clamp(30px, 5vw, 58px); background: #ebe6dc; border: 1px solid #e2dbce; }
.download-panel > * { min-width: 0; }
.download-copy { max-width: 720px; }
.download-copy h2 { margin-block-end: 14px; }
.download-copy > p:not(.eyebrow):not(.release-note) { max-width: 640px; margin-block-end: 14px; color: #5f6976; font-size: 14px; line-height: 1.9; }
.release-note { color: #71654f; font-family: var(--font-en); font-size: 11px; letter-spacing: .03em; margin-block: 17px; }
.download-links { display: flex; gap: 20px; flex-wrap: wrap; }
.download-links a { color: #4e5a69; font-size: 11px; text-decoration-color: #bbb09d; text-underline-offset: 4px; }
.download-action { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.download-action > span { color: #747d88; font-size: 10px; }
.page--fa .download-action { align-items: flex-start; }

.section--faq { background: var(--paper); }
.faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(50px, 9vw, 120px); align-items: start; }
.faq-layout .section-heading { margin: 0; }
.faq-list { border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { min-height: 64px; display: flex; justify-content: space-between; align-items: center; gap: 25px; cursor: pointer; color: var(--navy); font-size: 14px; font-weight: 560; list-style: none; }
.faq-item summary span { color: #a58c63; font-size: 18px; font-weight: 400; transition: transform .18s ease; }
.faq-item[open] summary span { transform: rotate(45deg); }
.faq-item p { max-width: 690px; margin: -2px 35px 22px 0; color: var(--muted); font-size: 13px; line-height: 1.9; }
.page--fa .faq-item p { margin-inline: 0 35px; }

.site-footer { background: #071426; color: #d7dde5; padding-block: 42px 18px; }
.footer-top { display: grid; grid-template-columns: auto minmax(170px, .7fr) 1.3fr; gap: 38px; align-items: start; padding-block-end: 38px; }
.brand--footer .brand-name { color: white; }
.brand--footer .brand-byline { color: #9eaabb; }
.footer-note { max-width: 240px; margin: 2px 0 0; color: #a8b3c1; font-size: 11px; line-height: 1.7; }
.footer-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px 22px; }
.footer-links a { color: #b4becc; font-size: 11px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-block-start: 17px; border-top: 1px solid rgba(255,255,255,.14); color: #8f9cac; font-size: 10px; }
.footer-bottom a { color: #c2cbd7; text-decoration: none; }

@media (max-width: 980px) {
  .header-inner { gap: 20px; }
  .main-nav { gap: 13px; }
  .nav-link { font-size: 11px; }
  .button--nav { display: none; }
  .hero-layout { grid-template-columns: minmax(0, 1fr) minmax(330px, .9fr); gap: 40px; }
  .feature-row, .feature-row--reverse { gap: 42px; }
  .tech-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .container { width: min(100% - 40px, var(--content)); }
  .header-inner { width: calc(100% - 40px); min-height: 68px; gap: 12px; }
  .header-actions { gap: 10px; margin-inline-start: auto; }
  .language-link { padding-inline-start: 10px; }
  .menu-toggle { display: flex; }
  .main-nav { position: absolute; inset-block-start: 67px; inset-inline: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 7px 20px 16px; background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.12); box-shadow: 0 15px 20px rgba(7,26,53,.16); }
  .main-nav.is-open { display: flex; }
  .nav-link { padding: 12px 4px; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 13px; }
  .hero { padding-block: 63px 66px; }
  .hero-layout, .intro-layout, .writing-layout, .windows-layout, .privacy-layout, .faq-layout { grid-template-columns: 1fr; gap: 42px; }
  .hero-layout { gap: 48px; }
  .hero-visual { width: min(100%, 530px); margin-inline: auto; padding-block-start: 14px; }
  .flow-arc { width: 94%; }
  h1 { font-size: clamp(43px, 12vw, 70px); }
  .page--fa h1 { font-size: clamp(42px, 11vw, 64px); }
  .intro-band { padding-block: 55px; }
  .intro-layout { align-items: start; gap: 23px; }
  .section { padding-block: 70px; }
  .section-heading { margin-block-end: 38px; }
  .steps { grid-template-columns: 1fr; gap: 0; }
  .step { padding-block: 21px; }
  .technical-details { margin-block-start: 25px; }
  .shortcut-reference { margin-block-start: 30px; }
  .shortcut-list { grid-template-columns: 1fr; }
  .sentence-card { width: calc(100% - 16px); }
  .feature-row, .feature-row--reverse { grid-template-columns: 1fr; gap: 24px; padding-block: 40px; }
  .tech-area-grid, .tech-mode-grid { grid-template-columns: 1fr; }
  .tech-safety-layout { grid-template-columns: 1fr; gap: 20px; }
  .tech-safeguards, .tech-shortcut-list { grid-template-columns: 1fr; }
  .feature-row--reverse .feature-copy, .feature-row--reverse .feature-visual { order: initial; }
  .feature-copy { max-width: none; }
  .scene-window { min-height: 250px; }
  .windows-layout { gap: 35px; }
  .windows-mark { min-height: 190px; }
  .privacy-layout { gap: 32px; }
  .story-orbit { width: min(130vw, 500px); }
  .download-panel { grid-template-columns: 1fr; gap: 30px; }
  .download-action { align-items: stretch; }
  .download-action .button { width: 100%; }
  .donate-options { grid-template-columns: 1fr; }
  .faq-layout { gap: 28px; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 25px; }
  .footer-links { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 420px) {
  .container { width: calc(100% - 32px); }
  .header-inner { width: calc(100% - 32px); }
  .brand-symbol { width: 48px; height: 48px; flex-basis: 48px; }
  .header-actions .button { display: none; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .hero-editor-content { min-height: 165px; padding: 20px; }
  .hero-demo { font-size: 21px; }
  .hero-editor-foot { font-size: 9px; padding-inline: 12px; }
  .sentence-card { padding: 23px; }
  .download-links { gap: 13px; }
  .donate-card--paypal, .donate-card--crypto { align-items: flex-start; flex-direction: column; }
  .donate-qr { width: 164px; height: 164px; flex-basis: 164px; align-self: center; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-links { grid-column: auto; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Technical story: a more deliberate editorial rhythm than the homepage cards. */
.tech-hero { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(66px, 8vw, 104px) clamp(58px, 7vw, 86px); }
.tech-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .22; background: radial-gradient(ellipse at 72% 40%, rgba(213,187,145,.17), transparent 38%), linear-gradient(135deg, transparent 60%, rgba(255,255,255,.035)); }
.tech-hero-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(310px, .72fr); align-items: center; gap: clamp(42px, 8vw, 112px); }
.tech-hero-copy { max-width: 710px; }
.tech-hero h1 { max-width: 720px; margin-block-end: 23px; font-size: clamp(45px, 5.4vw, 72px); line-height: 1.32; }
.page--fa .tech-hero h1 { font-size: clamp(40px, 4.9vw, 64px); line-height: 1.55; }
.tech-intro { max-width: 660px; font-size: clamp(16px, 1.5vw, 19px); line-height: 2; }
.tech-flow { position: relative; max-width: 430px; justify-self: end; width: 100%; padding: 25px 28px 26px; border: 1px solid rgba(213,187,145,.28); background: rgba(255,255,255,.045); box-shadow: 0 26px 70px rgba(0,0,0,.12); }
.tech-flow-caption { margin-block-end: 20px; color: var(--champagne); font: 650 10px/1.5 var(--font-en); letter-spacing: .16em; }
.page--fa .tech-flow-caption { font-family: var(--font-fa); letter-spacing: 0; font-size: 11px; }
.tech-flow-step { display: flex; align-items: center; gap: 14px; color: #d1d8e2; font-size: 12px; }
.tech-flow-token { flex: 0 0 58px; display: grid; place-items: center; width: 58px; height: 42px; border: 1px solid rgba(255,255,255,.18); color: #fff; background: rgba(255,255,255,.055); font: 600 16px/1 var(--font-en); }
.tech-flow-step--decision .tech-flow-token { border-color: rgba(213,187,145,.55); color: var(--champagne); font-size: 19px; }
.tech-flow-link { height: 25px; margin-inline-start: 28px; border-inline-start: 1px solid rgba(213,187,145,.45); }
.tech-flow-branches { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-block-start: 18px; }
.tech-flow-outcome { min-width: 0; display: grid; grid-template-columns: 7px 1fr; align-items: center; gap: 7px 9px; padding: 11px 10px; border: 1px solid rgba(213,187,145,.32); color: #e7e1d5; font-size: 10px; }
.tech-flow-outcome i { width: 6px; height: 6px; border-radius: 50%; background: var(--champagne); }
.tech-flow-outcome b { grid-column: 2; color: #fff; font: 500 14px/1.3 var(--font-fa); }
.tech-flow-outcome--quiet { border-color: rgba(255,255,255,.12); color: #aeb9c8; }
.tech-flow-outcome--quiet i { background: #91a2b8; }
.tech-flow-outcome--quiet b { color: #d0d7e0; font: 500 12px/1.3 var(--font-en); }
.tech-stats-band { padding-block: 34px 30px; border-bottom: 1px solid var(--line); background: #fffefd; }
.tech-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; }
.tech-stat { min-height: 90px; padding: 5px 25px; border: 0; border-inline-start: 1px solid var(--line); background: transparent; }
.tech-stat:first-child { border-inline-start: 0; }
.tech-stat strong { color: #94784c; font-size: clamp(26px, 3vw, 37px); }
.tech-stat span { max-width: 200px; color: var(--muted); font-size: 11px; line-height: 1.8; }
.tech-stats-note { max-width: none; margin-block-start: 18px; color: #7e8792; font-size: 10px; }
.tech-challenges { background: var(--ivory); }
.tech-section-heading { max-width: 760px; margin-block-end: 46px; }
.tech-section-heading h2 { margin-block-end: 15px; color: var(--navy); font-size: clamp(33px, 4vw, 51px); font-weight: 560; letter-spacing: -.04em; }
.page--fa .tech-section-heading h2 { font-weight: 650; letter-spacing: 0; line-height: 1.55; }
.tech-section-heading .section-lead { max-width: 610px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.95; }
.page--fa .tech-section-heading .section-lead { line-height: 2; }
.tech-area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 42px; border-top: 1px solid #dcd7ce; }
.tech-area { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 15px; align-content: start; padding: 28px 0 31px; border: 0; border-bottom: 1px solid #dcd7ce; background: transparent; }
.tech-area-number { padding-block-start: 4px; color: #9a8056; font: 500 13px/1.5 var(--font-en); letter-spacing: .06em; }
.tech-area h3 { margin: 0 0 10px; font-size: 19px; line-height: 1.55; }
.page--fa .tech-area h3 { font-weight: 650; }
.tech-area p { font-size: 12px; line-height: 2.05; }
.tech-modes { position: relative; }
.tech-mode-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid #d8d2c8; border-bottom: 1px solid #d8d2c8; }
.tech-mode { min-width: 0; display: flex; flex-direction: column; gap: 26px; min-height: 218px; padding: 24px 21px 27px; border: 0; border-inline-start: 1px solid #d8d2c8; background: transparent; }
.tech-mode:first-child { border-inline-start: 0; }
.tech-mode-index { color: #9a8056; font: 500 12px/1 var(--font-en); letter-spacing: .08em; }
.tech-mode h3 { margin: 0 0 10px; font-size: 17px; line-height: 1.6; }
.page--fa .tech-mode h3 { font-weight: 650; }
.tech-mode p { font-size: 11px; line-height: 2; }
.tech-safety { position: relative; overflow: hidden; background: #0b203d; color: white; }
.tech-safety::after { content: ""; position: absolute; width: 420px; height: 420px; inset-block-start: 50%; inset-inline-end: -120px; transform: translateY(-50%); border: 1px solid rgba(213,187,145,.12); border-radius: 50%; box-shadow: 0 0 0 48px rgba(213,187,145,.025), 0 0 0 96px rgba(213,187,145,.02); pointer-events: none; }
.tech-safety-layout { position: relative; z-index: 1; grid-template-columns: .85fr 1.15fr; gap: clamp(40px, 8vw, 112px); align-items: center; }
.tech-safety-intro { max-width: 470px; }
.tech-safety-intro h2 { margin-block-end: 16px; color: #fff; font-size: clamp(34px, 4.4vw, 56px); line-height: 1.5; }
.tech-safety-intro > p:last-child { max-width: 370px; margin: 0; color: #d0d7e0; font-size: 14px; line-height: 2; }
.tech-safeguards { grid-template-columns: 1fr 1fr; gap: 0 28px; }
.tech-safeguards li, .page--en .tech-safeguards li { padding: 18px 22px 18px 0; border-bottom-color: rgba(255,255,255,.16); color: #d3dbe5; font-size: 12px; line-height: 1.9; }
.page--en .tech-safeguards li { padding-inline: 22px 0; }
.tech-safeguards li::before { inset-block-start: 27px; background: var(--champagne); }
.tech-commands { background: #fffefd; }
.tech-shortcut-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 52px; border-top: 1px solid var(--line); }
.tech-shortcut { min-height: 64px; padding-block: 12px; border-top: 0; border-bottom: 1px solid var(--line); color: #455164; font-size: 12px; }
.tech-shortcut kbd { padding: 7px 10px; border-color: #d8d5ce; border-radius: 4px; background: #f7f5f0; box-shadow: 0 2px 0 #d8d5ce; color: #24354d; font: 11px var(--font-en); }
.tech-note { max-width: 820px; margin-block-start: 26px; color: #6f7986; font-size: 11px; line-height: 2; }
@media (max-width: 900px) {
  .tech-hero-layout { grid-template-columns: 1fr minmax(280px, .78fr); gap: 32px; }
  .tech-mode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tech-mode:nth-child(odd) { border-inline-start: 0; }
  .tech-mode:nth-child(n+3) { border-top: 1px solid #d8d2c8; }
}
@media (max-width: 700px) {
  .tech-hero-layout { grid-template-columns: 1fr; gap: 34px; }
  .tech-flow { justify-self: stretch; max-width: 520px; }
  .tech-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tech-stat { min-height: 86px; padding: 10px 15px; border-bottom: 1px solid var(--line); }
  .tech-stat:nth-child(odd) { border-inline-start: 0; }
  .tech-stat:nth-child(n+3) { border-bottom: 0; }
  .tech-area-grid { grid-template-columns: 1fr; gap: 0; }
  .tech-area { padding-block: 23px; }
  .tech-safety-layout { grid-template-columns: 1fr; gap: 29px; }
  .tech-safeguards { grid-template-columns: 1fr; }
  .tech-safety::after { inset-inline-end: -250px; }
  .tech-shortcut-list { grid-template-columns: 1fr; }
}
@media (max-width: 440px) {
  .tech-flow { padding: 21px 17px; }
  .tech-flow-branches { gap: 6px; }
  .tech-flow-outcome { gap: 6px; padding: 9px 7px; font-size: 9px; }
  .tech-mode-grid { grid-template-columns: 1fr; }
  .tech-mode, .tech-mode:nth-child(n) { min-height: 0; padding: 20px 0; border-inline-start: 0; border-top: 1px solid #d8d2c8; }
  .tech-mode:first-child { border-top: 0; }
  .tech-mode { gap: 13px; }
  .tech-shortcut { align-items: flex-start; flex-direction: column; gap: 10px; padding-block: 16px; }
}
.tech-index { position: sticky; inset-block-start: 82px; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(255,254,253,.96); backdrop-filter: blur(12px); }
.tech-index .container { display: flex; align-items: center; gap: 25px; min-height: 54px; overflow-x: auto; scrollbar-width: thin; }
.tech-index a { flex: 0 0 auto; color: #526073; font-size: 11px; text-decoration: none; white-space: nowrap; }
.tech-index a:hover { color: #94784c; text-decoration: underline; text-underline-offset: 5px; }
.tech-area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tech-area { grid-template-columns: 42px minmax(0, 1fr); }
.tech-problem, .tech-response { margin: 0; color: #5f6976; font-size: 12px; line-height: 2; }
.tech-problem { padding-block-end: 12px; }
.tech-response { padding-block-start: 12px; border-top: 1px solid #e8e3da; }
.tech-problem strong, .tech-response strong { display: block; margin-block-end: 3px; color: #92784f; font-size: 10px; font-weight: 700; }
.tech-problem p, .tech-response p { margin: 0; color: #5f6976; font-size: 12px; line-height: 2; }
.page--en .tech-problem strong, .page--en .tech-response strong { font-family: var(--font-en); letter-spacing: .08em; }
.tech-tsf { overflow: hidden; background: #0b203d; color: #fff; }
.tech-tsf-layout { display: grid; grid-template-columns: minmax(250px, .75fr) minmax(0, 1.25fr); gap: clamp(45px, 9vw, 130px); align-items: start; }
.tech-tsf-lead { max-width: 480px; }
.tech-tsf-lead h2 { margin-block-end: 20px; color: #fff; font-size: clamp(33px, 4.1vw, 52px); line-height: 1.45; }
.page--fa .tech-tsf-lead h2 { font-weight: 650; }
.tech-tsf-lead > p:last-child { margin: 0; color: #d0d7e0; font-size: 13px; line-height: 2.1; }
.tech-tsf-list { border-top: 1px solid rgba(255,255,255,.18); }
.tech-tsf-list article { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 16px; padding-block: 20px; border-bottom: 1px solid rgba(255,255,255,.16); }
.tech-tsf-list article > span { padding-block-start: 4px; color: var(--champagne); font: 12px/1.5 var(--font-en); }
.tech-tsf-list h3 { margin: 0 0 7px; color: #fff; font-size: 15px; line-height: 1.6; }
.tech-tsf-list p { margin: 0; color: #c3cedb; font-size: 11px; line-height: 2; }
.tech-support { background: #fffefd; }
.tech-support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.tech-support-item { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; padding: 24px 22px; border-bottom: 1px solid var(--line); }
.tech-support-item:nth-child(odd) { border-inline-end: 1px solid var(--line); }
.tech-support-mark { width: 22px; height: 22px; display: grid; place-items: center; margin-block-start: 3px; border: 1px solid #9daf9d; border-radius: 50%; color: #5b775f; font: 12px var(--font-en); }
.tech-support-item--limited .tech-support-mark { border-color: #b8a278; color: #8b7042; }
.tech-support-item h3 { margin: 0 0 8px; color: var(--navy); font-size: 15px; line-height: 1.6; }
.tech-support-item p { margin: 0; color: #5f6976; font-size: 11px; line-height: 2; }
.tech-performance { background: #f1eee8; }
.tech-performance-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(45px, 9vw, 125px); align-items: start; }
.tech-performance h2 { max-width: 470px; margin: 0; color: var(--navy); font-size: clamp(32px, 4vw, 49px); line-height: 1.5; }
.page--fa .tech-performance h2 { font-weight: 650; }
.tech-performance-lead { max-width: 720px; margin: 0 0 25px; color: #4d5968; font-size: 14px; line-height: 2.05; }
.tech-latency { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: center; padding: 20px 22px; border-inline-start: 3px solid #b69a6a; background: rgba(255,255,255,.66); }
.tech-latency strong { color: var(--navy); font: 600 clamp(24px, 3vw, 36px)/1 var(--font-en); white-space: nowrap; }
.tech-latency strong span { color: #88734f; font-size: .55em; }
.tech-latency p { margin: 0; color: #697483; font-size: 10px; line-height: 1.9; }
.tech-quality { background: #f3f0ea; }
.tech-quality-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 42px; border-top: 1px solid #d8d2c8; }
.tech-quality-item { padding: 21px 0 23px; border-bottom: 1px solid #d8d2c8; }
.tech-quality-item h3 { margin: 0 0 8px; color: var(--navy); font-size: 16px; line-height: 1.6; }
.tech-quality-item p { margin: 0; color: #586474; font-size: 11px; line-height: 2; }
.technical-page [id] { scroll-margin-top: 148px; }
.tech-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.tech-stat { padding-inline: 17px; }
.tech-stat strong { font-size: clamp(21px, 2.5vw, 34px); }
.tech-map { background: #faf8f4; }
.tech-track-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; border-top: 1px solid #ddd8cf; }
.tech-track { min-width: 0; display: block; border-bottom: 1px solid #ddd8cf; }
.tech-track summary { display: grid; grid-template-columns: 36px minmax(0, 1fr) 20px; align-items: start; gap: 14px; padding-block: 19px 21px; cursor: pointer; list-style: none; }
.tech-track summary::-webkit-details-marker { display: none; }
.tech-track summary:hover h3 { color: #92784f; }
.tech-track-number { padding-block-start: 3px; color: #998057; font: 12px/1.5 var(--font-en); }
.tech-track h3 { margin: 0 0 5px; color: var(--navy); font-size: 14px; line-height: 1.6; }
.tech-track p { margin: 0; color: #667181; font-size: 11px; line-height: 1.9; }
.tech-track-toggle { display: grid; place-items: center; width: 20px; height: 20px; margin-block-start: 1px; border: 1px solid #cfc6b7; border-radius: 50%; color: #8c754d; font: 13px/1 var(--font-en); transition: transform .18s ease; }
.tech-track[open] .tech-track-toggle { transform: rotate(45deg); }
.tech-track ul { display: grid; gap: 11px; margin: -2px 0 22px; padding-inline-start: 50px; list-style: none; }
.tech-track li { position: relative; color: #556171; font-size: 11px; line-height: 2; }
.tech-track li::before { content: ""; position: absolute; inset-inline-start: -17px; inset-block-start: .9em; width: 6px; height: 1px; background: #a78e64; }
@media (max-width: 980px) {
  .tech-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tech-stat:nth-child(4) { border-inline-start: 0; }
  .tech-stat:nth-child(n+4) { border-top: 1px solid var(--line); }
}
@media (max-width: 760px) {
  .tech-index { inset-block-start: 68px; }
  .tech-index .container { gap: 19px; min-height: 48px; }
  .tech-index .container { width: calc(100% - 32px); }
  .tech-tsf-layout, .tech-performance-layout { grid-template-columns: 1fr; gap: 30px; }
  .tech-support-grid, .tech-quality-grid { grid-template-columns: 1fr; }
  .tech-support-item:nth-child(odd) { border-inline-end: 0; }
  .tech-latency { grid-template-columns: 1fr; gap: 12px; }
  .tech-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tech-stat:nth-child(odd) { border-inline-start: 0; }
  .tech-stat:nth-child(even) { border-inline-start: 1px solid var(--line); }
  .tech-stat:nth-child(n+3) { border-top: 1px solid var(--line); }
  .tech-stat:nth-child(n+5) { border-bottom: 0; }
  .tech-track-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .tech-index .container { gap: 16px; }
  .tech-index a { font-size: 10px; }
  .tech-area { grid-template-columns: 31px minmax(0, 1fr); gap: 10px; }
}
.page--fa .tech-stat strong { font-family: var(--font-fa); font-weight: 700; font-variant-numeric: normal; }
.page--fa .tech-latency strong { font-family: var(--font-fa); font-variant-numeric: normal; }
.page--fa .tech-latency strong span { font-family: var(--font-en); }
.page--fa .tech-area-number,
.page--fa .tech-mode-index,
.page--fa .tech-track-number,
.page--fa .tech-tsf-list article > span { font-family: var(--font-fa); font-variant-numeric: normal; letter-spacing: 0; }

.policy-hero { padding-block: clamp(55px, 7vw, 88px); background: var(--navy); color: #fff; }
.policy-hero h1 { margin-block-end: 22px; font-size: clamp(40px, 5.1vw, 66px); }
.policy-introduction { max-width: 800px; margin: 0; color: #d0d7e1; font-size: 16px; line-height: 2; }
.policy-updated { margin: 23px 0 0; color: var(--champagne); font-size: 12px; }
.policy-updated time { font-weight: 600; }
.policy-page .nav-link[aria-current="page"] { color: var(--champagne); text-decoration: underline; text-underline-offset: 6px; }
.policy-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: clamp(40px, 7vw, 95px); padding-block: clamp(50px, 7vw, 84px); align-items: start; }
.policy-sidebar { position: sticky; inset-block-start: 110px; }
.policy-contents { border-top: 2px solid #b79c71; padding-block-start: 18px; }
.policy-contents > p { margin: 0 0 14px; color: #887047; font-size: 12px; font-weight: 650; }
.policy-contents a { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: baseline; gap: 9px; padding-block: 10px; border-bottom: 1px solid var(--line); color: #4b586a; font-size: 12px; line-height: 1.7; text-decoration: none; }
.policy-contents a span { color: #a48c65; font-size: 10px; }
.policy-contents a:hover { color: var(--navy); text-decoration: underline; text-underline-offset: 4px; }
.policy-document { max-width: 795px; min-width: 0; }
.policy-section { padding-block: 32px 35px; border-bottom: 1px solid var(--line); scroll-margin-top: 104px; }
.policy-section:first-child { padding-block-start: 0; }
.policy-section h2 { display: flex; align-items: baseline; gap: 15px; margin: 0 0 16px; color: var(--navy); font-size: clamp(23px, 2.6vw, 30px); line-height: 1.6; font-weight: 650; }
.policy-number { flex: 0 0 auto; color: #9e8358; font-size: 12px; font-weight: 500; }
.policy-section p, .policy-section li { color: #4d596a; font-size: 15px; line-height: 1.95; overflow-wrap: break-word; }
.page--fa .policy-section p, .page--fa .policy-section li { line-height: 2.15; }
.policy-section p { margin: 0 0 15px; }
.policy-section p:last-child { margin-block-end: 0; }
.policy-section ul { margin: 10px 0 0; padding-inline-start: 23px; }
.policy-section li { padding-inline-start: 4px; margin-block-end: 9px; }
.policy-section li::marker { color: #a58c64; }
.policy-external { display: inline-flex; gap: 8px; align-items: center; margin-block-start: 5px; color: var(--navy); font-size: 13px; line-height: 1.9; text-underline-offset: 4px; text-decoration-color: #bda880; }
.policy-external:hover { text-decoration-color: var(--navy); }
.policy-contact { display: inline-block; margin-block-start: 3px; padding: 10px 16px; border: 1px solid #d9d0c0; border-radius: 4px; background: #f1eee8; color: var(--navy); font-family: var(--font-en); font-size: 17px; text-decoration: none; overflow-wrap: anywhere; }
.policy-contact:hover { background: #e9e3d7; }
.policy-summary { padding-block: clamp(55px, 7vw, 88px); background: var(--sand); border-top: 1px solid var(--line); }
.policy-summary .section-heading { max-width: 800px; margin-block-end: 32px; }
.policy-summary .section-heading h2 { font-size: clamp(30px, 3.6vw, 46px); }
.policy-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.policy-flow-lane { min-width: 0; padding: clamp(22px, 3vw, 35px); background: #fffefd; border: 1px solid #ddd5c7; }
.policy-flow-label { display: block; margin-block-end: 20px; color: #897046; font-size: 12px; font-weight: 650; }
.policy-flow-node { margin: 0; padding: 14px 18px; border: 1px solid var(--line); background: #faf8f4; color: var(--navy); font-size: 15px; line-height: 1.8; }
.policy-flow-node--core { background: var(--navy); color: #fff; border-color: var(--navy); }
.policy-flow-node small { display: block; margin-block-start: 5px; color: #c4cfdc; font-size: 11px; line-height: 1.9; }
.policy-flow-arrow { display: block; padding-block: 5px; text-align: center; color: #9c8359; font: 20px/1.4 var(--font-en); }
.policy-flow-local-translation { margin-block-start: 18px; padding-inline-start: 15px; border-inline-start: 2px solid #af9771; }
.policy-flow-local-translation strong { display: block; color: var(--navy); font-size: 13px; font-weight: 600; }
.policy-flow-local-translation p, .policy-flow-credential { margin: 6px 0 0; color: #657183; font-size: 12px; line-height: 1.9; }
.policy-flow-credential { margin-block-start: 18px; }
.policy-related-links { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-block-start: 18px; }
.policy-email-list a { color: var(--navy); font-family: var(--font-en); text-underline-offset: 4px; }
.report-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr); gap: clamp(32px, 6vw, 80px); padding-block: clamp(45px, 7vw, 84px); align-items: start; }
.report-form-panel { min-width: 0; padding: clamp(22px, 3vw, 36px); border: 1px solid var(--line); background: var(--paper); }
.report-form-panel h2, .report-aside h2 { margin: 0 0 10px; color: var(--navy); font-size: 25px; line-height: 1.6; }
.report-form { display: grid; gap: 21px; margin-block-start: 25px; }
.report-fields-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.report-field { min-width: 0; }
.report-field label { display: block; margin-block-end: 8px; color: #334258; font-size: 13px; font-weight: 600; line-height: 1.8; }
.report-field input, .report-field select, .report-field textarea { display: block; width: 100%; max-width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #cdd2d8; border-radius: 4px; background: #fff; color: #20324b; font: inherit; font-size: 14px; line-height: 1.7; }
.report-field textarea { resize: vertical; min-height: 110px; }
.report-field input:focus-visible, .report-field select:focus-visible, .report-field textarea:focus-visible, .report-consent input:focus-visible { outline: 3px solid #ae8c53; outline-offset: 3px; }
.report-field input[aria-invalid="true"] { border-color: #a13935; }
.report-field input[type="file"] { padding: 10px; font-size: 12px; }
.report-field input[type="file"]::file-selector-button { padding: 7px 10px; margin-inline-end: 10px; border: 1px solid #c6beaf; border-radius: 3px; background: #f1eee8; color: var(--navy); font: inherit; cursor: pointer; }
.report-field input[type="file"]::file-selector-button:hover { background: #e9e3d7; }
.report-hint, .report-file-status { margin: 8px 0 0; color: #697588; font-size: 11px; line-height: 1.9; }
.report-file-status { overflow-wrap: anywhere; }
.report-error { margin: 5px 0 0; color: #9b2e2b; font-size: 12px; line-height: 1.8; }
.report-error:empty { display: none; }
.report-honeypot { display: none; }
.report-consent { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; }
.report-consent input { width: 18px; height: 18px; margin-block-start: 4px; accent-color: var(--navy); cursor: pointer; }
.report-consent label { color: #536174; font-size: 12px; line-height: 2; cursor: pointer; }
.report-submit { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.report-submit .button { min-width: 160px; font-family: inherit; cursor: pointer; }
.report-submit .button:disabled { opacity: .7; cursor: progress; transform: none; }
.report-submit .report-hint { max-width: 310px; margin: 0; }
.report-aside { padding-block-start: 5px; }
.report-aside ul { margin: 20px 0 27px; padding-inline-start: 20px; }
.report-aside li { color: #5d697a; font-size: 13px; line-height: 2; margin-block-end: 9px; }
.report-transmission { padding: 23px; border: 1px solid #e0d8ca; background: #f1eee8; margin-block-end: 25px; }
.report-transmission h3 { margin: 0 0 10px; color: var(--navy); font-size: 16px; line-height: 1.8; }
.report-transmission p { margin: 0; color: #627083; font-size: 12px; line-height: 2; }
.report-addresses { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; margin-block-start: 16px; color: var(--navy); font: 13px/1.7 var(--font-en); overflow-wrap: anywhere; }
.report-page .nav-link[aria-current="page"] { color: var(--champagne); }
.report-received-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; padding-block: 65px; }
.report-invite { padding-block: 42px; background: #eee9df; border-top: 1px solid var(--line); }
.report-invite .container { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.report-invite h2 { margin: 0 0 8px; color: var(--navy); font-size: 25px; line-height: 1.7; }
.report-invite p { margin: 0; color: #627083; font-size: 13px; line-height: 1.9; }
@media (max-width: 850px) { .report-layout { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
  .report-fields-pair { grid-template-columns: 1fr; }
  .report-invite .container { align-items: flex-start; flex-direction: column; }
  .report-submit { align-items: stretch; flex-direction: column; gap: 13px; }
  .report-submit .button { width: 100%; }
}

/* One shared header and breakpoint behavior across every page. */
.site-header .nav-link[aria-current="page"] { color: var(--champagne); text-decoration: underline; text-underline-offset: 6px; }
@media (max-width: 1250px) {
  .site-header .button--nav { display: none; }
}
@media (max-width: 1250px) {
  .site-header .header-inner { width: calc(100% - 40px); min-height: 68px; gap: 12px; }
  .site-header .header-actions { margin-inline-start: auto; gap: 10px; }
  .site-header .language-link { padding-inline-start: 10px; }
  .site-header .menu-toggle { display: flex; }
  .site-header .main-nav { position: absolute; inset-block-start: 100%; inset-inline: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 7px 20px 16px; background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.12); box-shadow: 0 15px 20px rgba(7,26,53,.16); }
  .site-header .main-nav.is-open { display: flex; }
  .site-header .main-nav-list { flex-direction: column; align-items: stretch; gap: 0; width: 100%; }
  .site-header .main-nav-list li { width: 100%; }
  .site-header .nav-link { padding: 12px 4px; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 13px; }
  .tech-index { inset-block-start: 69px; }
}
@media (max-width: 420px) {
  .site-header .header-inner { width: calc(100% - 32px); }
}
@media (max-width: 900px) {
  .policy-layout { grid-template-columns: 1fr; gap: 32px; }
  .policy-sidebar { position: static; }
  .policy-contents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
  .policy-contents > p { grid-column: 1 / -1; }
  .policy-document { max-width: none; }
}
@media (max-width: 600px) {
  .policy-flow { grid-template-columns: 1fr; }
  .policy-section { padding-block: 28px; }
  .policy-section h2 { gap: 10px; }
  .policy-section p, .policy-section li { font-size: 14px; }
  .policy-introduction { font-size: 14px; }
  .policy-contents a { grid-template-columns: 20px minmax(0, 1fr); gap: 6px; font-size: 11px; }
}

/* Store and ZIP are two explicit installation choices, shared across locales. */
.store-link { cursor: pointer; }
.store-link--hero { background: var(--champagne); color: var(--navy); }
.store-link--hero:hover { background: #e1cda9; }
.store-link--download { background: var(--navy); color: white; }
.store-link--download:hover { background: var(--navy-soft); }
.button--outline-light { border-color: #8c99aa; background: transparent; color: white; }
.button--outline-light:hover { background: #182e4b; border-color: var(--champagne); }
.button--outline-navy { border-color: #8b96a4; background: transparent; color: var(--navy); }
.button--outline-navy:hover { border-color: var(--navy); background: #e1dccf; }
.hero-actions { gap: 12px; }
.hero-more { margin-block-start: 22px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; line-height: 1.9; }
.store-availability { color: var(--champagne); }
.hero-actions .button { max-width: 100%; line-height: 1.8; padding-block: 12px; }
.download-panel { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 36px 44px; }
.download-panel .download-action { align-items: stretch; gap: 12px; }
.download-action .button { width: 100%; line-height: 1.8; padding-block: 12px; }
.download-filename { color: #35465c; font-family: var(--font-en); font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; text-align: center; }
.download-action .release-note { margin: 0; font-size: 11px; line-height: 1.9; text-align: center; letter-spacing: 0; }
.release-note-label { display: block; margin-block-end: 3px; }
.page--fa .release-note-label { font-family: var(--font-fa); }
.store-trust { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); gap: 24px 44px; padding-block-start: 30px; border-top: 1px solid #ccc2b1; }
.store-trust-heading { display: flex; align-items: flex-start; gap: 12px; }
.store-trust-mark { flex: 0 0 28px; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #a48a62; border-radius: 50%; color: var(--navy); font-size: 15px; }
.store-trust h3 { margin: 0; color: var(--navy); font-size: 20px; line-height: 1.7; }
.store-trust-copy { min-width: 0; }
.store-trust-copy p { margin: 0 0 15px; color: #465569; font-size: 14px; line-height: 2; }
.store-listing-link { color: var(--navy); font-size: 13px; line-height: 1.9; text-underline-offset: 4px; }
.store-trust-links { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-block-start: 18px; }
.store-trust-links a { color: #465569; font-size: 12px; line-height: 1.9; text-underline-offset: 4px; }
.store-trust a:hover { color: #071a35; text-decoration-thickness: 2px; }
.site-header .header-inner { gap: 24px; }
.site-header .main-nav { gap: clamp(12px, 1.3vw, 20px); }
.site-header .header-actions { gap: 12px; }
.site-header .store-link--header { display: inline-flex; min-height: 40px; padding: 7px 12px; border-color: #9aa9bc; background: transparent; color: white; font-size: 12px; white-space: nowrap; }
.site-header .store-link--header:hover { background: #203652; border-color: var(--champagne); }
.store-label-compact { display: none; }
.header-direct { display: inline-flex; min-height: 40px; align-items: center; color: var(--champagne); font-size: 12px; text-underline-offset: 4px; white-space: nowrap; }
.header-direct:hover { color: white; }
@media (max-width: 1250px) { .site-header .header-direct { display: none; } }
@media (max-width: 1250px) {
  .site-header .header-inner { gap: 12px; }
  .site-header .main-nav { gap: 0; }
}
@media (max-width: 760px) {
  .download-panel, .store-trust { grid-template-columns: minmax(0, 1fr); }
  .download-panel { gap: 28px; }
  .store-trust { gap: 18px; padding-block-start: 26px; }
}
@media (max-width: 600px) {
  .store-label-full { display: none; }
  .store-label-compact { display: inline; }
  .site-header .store-link--header { gap: 6px; padding-inline: 10px; }
  .site-header .header-actions { gap: 10px; }
}
@media (max-width: 420px) {
  .hero-actions { align-items: stretch; width: 100%; }
  .hero-actions .button { width: 100%; }
}