/* MYNET: shared geometry, quiet controls and one visual language. */
:root {
  --site-frame-width: 1240px;
  --site-gutter: 32px;
  --content: min(var(--site-frame-width), calc(100% - var(--site-gutter) * 2));
  --display: "Onest", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --text: "Golos Text", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --night: #0b0d0e;
  --night-soft: #111416;
  --graphite: #171b1d;
  --ivory: #f4f2ed;
  --ivory-muted: #d7d7d1;
  --ash: #a9afaf;
  --signal: #ff6b37;
  --line: #ffffff1c;
  --line-soft: #ffffff10;
  --radius-frame: 20px;
  --radius-panel: 16px;
  --radius-control: 10px;
  --section-space: clamp(64px, 8vw, 108px);
  --action-bg: #181d1f;
  --action-text: #f4f2ed;
  --action-edge: #ffffff26;
  --action-icon: #ff895b;
}

html {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #42494b #0b0d0e;
  scroll-behavior: auto;
  scroll-padding-top: 112px;
}
html::-webkit-scrollbar { display: block; width: 10px; height: 10px; }
html::-webkit-scrollbar-thumb { border: 2px solid #0b0d0e; border-radius: 8px; background: #42494b; }
html::-webkit-scrollbar-track { background: #0b0d0e; }
body { padding-bottom: 0; min-height: 100dvh; background: var(--night); -webkit-font-smoothing: antialiased; }
body::before { display: none; }
body :is(button, a, summary) { touch-action: manipulation; }
body :is(h1, h2, h3) { text-wrap: balance; }
body :is(p, li) { text-wrap: pretty; }
body :is(button, a):focus-visible { outline: 2px solid #ff9b75; outline-offset: 4px; }
body :is(.ui-icon, [data-icon]) { animation: none; }
body :is(button, a) > .ui-icon { transform: none !important; transition: color 160ms ease; }
body :is(.primary, .secondary, .header-action, .text-link, .quiet-link, .money-button, .row-action, .footer-contact, .footer-top, .document-close, .interface-action)::before { display: none; }
body :is(button, .primary, .secondary, .header-action, .text-link, .quiet-link, .money-button, .row-action, .footer-contact, .footer-top, .document-close, .interface-action) {
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
  animation: none;
}
body :is(button, .primary, .secondary, .header-action, .text-link, .quiet-link, .money-button):hover,
body :is(button, .primary, .secondary, .header-action, .text-link, .quiet-link, .money-button):active { transform: none; filter: none; }
body :is(.information-dialog, .action-dialog, .topup-dialog, .owner-dialog)[open],
body :is(.information-dialog, .action-dialog, .topup-dialog, .owner-dialog)::backdrop,
body :is(.owner-view, .account-view, .motion-disclosure) { animation: none !important; transition: none; }
body .scrollorb { display: none !important; }

/* The masthead occupies the same columns and coordinates on every route. */
body .site-header,
body.auth-page .site-header,
body.account-app .site-header.compact-header {
  position: sticky;
  top: 16px;
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr) 176px;
  align-items: center;
  width: var(--content);
  min-height: 80px;
  height: 80px;
  gap: 24px;
  margin: 16px auto 0;
  padding: 0 24px;
  border: 1px solid #ffffff1c;
  border-radius: 14px;
  background: #101416f2;
  box-shadow: none;
  backdrop-filter: blur(18px);
}
body .site-header .brand { grid-column: 1; gap: 10px; min-width: 0; }
body .site-header .brand img { display: block; width: 40px; height: 40px; flex: 0 0 40px; }
body .site-header .brand > span { display: block; }
body .site-header .brand b { font: 750 21px/1 var(--display); letter-spacing: .065em; }
body .site-header .brand small { display: none; }
body .site-header > nav { grid-column: 2; justify-content: center; align-items: center; gap: 26px; margin: 0; font-size: 13px; color: #aeb4b4; }
body .site-header nav a { padding: 0; min-height: 44px; white-space: nowrap; }
body .site-header nav a[aria-current="page"] { color: #f5f3ee; }
body .site-header nav a[aria-current="page"]::after { bottom: 2px; left: 0; right: 0; border-radius: 1px; height: 2px; }
body .site-header .header-action,
body.auth-page .site-header .header-action {
  grid-column: 3;
  justify-self: end;
  width: 156px;
  min-width: 156px;
  min-height: 44px;
  height: 44px;
  padding: 10px 15px;
  gap: 12px;
  font: 550 12px/1.3 var(--display);
  color: #e8e9e5;
  border-color: #ffffff26;
  border-radius: 9px;
  background: #ffffff04;
  box-shadow: none;
}
body .site-header .header-action > .ui-icon { color: #b9c0bf; width: 17px; height: 17px; flex-basis: 17px; }
body .site-header .nav-toggle { display: none; }
body .site-header .menu-lines { position: relative; display: block; width: 18px; height: 16px; }
body .site-header .menu-lines i { position: absolute; left: 0; right: 0; top: 4px; height: 2px; border-radius: 1px; background: currentColor; transform: none; transition: none; animation: none; }
body .site-header .menu-lines i + i { top: 11px; }
body .site-header[data-menu-open] .menu-lines i { top: 7px; transform: rotate(45deg); }
body .site-header[data-menu-open] .menu-lines i + i { top: 7px; transform: rotate(-45deg); }

/* Shared outer width; text keeps a shorter reading measure within it. */
body :is(.hero, .product-section, .signal-strip, .release-shell, .page-intro, .price-grid, .page-status, .pricing-note, .auth-shell, .closed-access, .account-shell, .money-shell, .site-footer),
body .document-shell:not(.editorial-shell),
body .document-shell:not(.editorial-shell).document-wide,
body.account-app .account-shell {
  width: var(--content);
  margin-inline: auto;
}
body .hero { padding: 76px 0 var(--section-space); }
body .product-section { padding-block: var(--section-space); }
body .section-heading { gap: 48px; margin-bottom: 38px; }
body .section-heading h2 { font-size: clamp(32px, 3.7vw, 52px); font-weight: 550; }
body :is(.hero-copy, .release-copy) h1 { font-weight: 600; letter-spacing: -.06em; }
body .eyebrow { font-size: 10px; font-weight: 600; letter-spacing: .11em; }
body .hero-intro > p { font-size: 16px; line-height: 1.85; color: #afb6b5; }
body :is(.feature-card, .plan-card, .platform-status article) { border-radius: 16px; border-color: #ffffff1c; box-shadow: none; }
body .feature-card { padding: 32px; background: #14191b; }
body .route-matrix { transform: none; box-shadow: none; }
body .feature-grid { gap: 18px; }
body .signal-strip { gap: 16px; }
body .signal-strip p { padding: 24px; border-radius: 14px; background: #121719; }
body .signal-strip b { font-size: 17px; }
body .protection-section { background: #101517; }
body .protection-inner { gap: 72px; }
body .faq summary { font-size: 16px; line-height: 1.5; padding-block: 24px; }
body .faq summary i { transition: none; }
body .faq details p { color: #adb5b4; font-size: 14px; line-height: 1.85; }
body .pricing-invitation { border-radius: 20px; background: #13191b; }
body .page-intro { min-height: 280px; padding-block: 64px 44px; align-items: end; }
body .price-grid { padding: 24px; }
body .pricing-note { padding: 24px; }
body .price-grid article { min-height: 440px; }
body .editorial-shell :is(.price-grid, .page-status, .pricing-note) { width: 100%; margin-inline: 0; }

/* One download treatment, with the Windows mark supplied by the icon system. */
body a.primary.release-download[data-icon],
body a.primary.windows-download[data-icon],
body .windows-download {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 56px;
  padding: 15px 24px;
  color: #17100a;
  border: 1px solid #ff9a6d;
  border-radius: 10px;
  background: #ff7543;
  box-shadow: inset 0 1px #ffffff35;
  font: 650 14px/1.5 var(--display);
  text-decoration: none;
}
body :is(.windows-download, .release-download) > .ui-icon { order: -1; flex: 0 0 20px; width: 20px; height: 20px; margin: 0; color: currentColor; }
body .editorial-shell a.release-download[data-icon] { flex-direction: row; }
@media (hover: hover) {
  body a.primary.release-download[data-icon]:hover,
  body a.primary.windows-download[data-icon]:hover,
  body .windows-download:hover { border-color: #ffb491; color: #17100a; background: #ff946b; box-shadow: inset 0 1px #ffffff35; }
  body .site-header .header-action:hover { background: #ffffff0a; border-color: #ffffff40; }
}

/* Real application captures use their original proportions; never distort UI. */
.app-capture { position: relative; margin: 0; min-width: 0; border-radius: 18px; }
.app-capture img { display: block; width: 100%; height: auto; object-fit: contain; border: 1px solid #ffffff24; border-radius: inherit; background: #0c1012; }
.app-capture figcaption { margin-top: 13px; color: #a4acac; font-size: 11px; line-height: 1.7; }
.app-capture-frame { padding: 16px; border: 1px solid #ffffff16; border-radius: 22px; background: linear-gradient(135deg, #ff75430c, #ffffff04 65%); }
body .release-shell { padding-top: 76px; padding-bottom: 64px; }
body .release-hero { gap: 52px; }
body .release-intro { font-size: 16px; }
body .release-copy h1 { font-size: clamp(48px, 5vw, 72px); }
body .release-preview figcaption { text-align: left; }
body .release-benefits { margin-block: 64px 80px; }
body .release-install, body .release-faq { gap: 72px; }
body .release-install h2 { font-size: clamp(34px, 4vw, 48px); }
body .release-details { border-color: #ffffff1c; background: #141a1c; border-radius: 16px; padding: 36px; margin-block: 80px; }
body .release-file { border-color: #ffffff26; }

/* Help and documents read as part of the same product, without card flips. */
body .document-shell:not(.editorial-shell),
body .document-shell:not(.editorial-shell).document-wide {
  margin-block: 48px 72px;
  padding: 32px 44px 48px;
  color: #e9ebe6;
  border: 1px solid #ffffff1c;
  border-radius: 18px;
  background: #121719;
  --ink-line: #ffffff1c;
  --action-bg: #192022;
  --action-text: #e9ebe6;
  --action-edge: #ffffff26;
  --action-icon: #ff9369;
}
body .document-toolbar { border-color: #ffffff1c; }
body .document-toolbar .eyebrow { color: #a6aeac; }
body .document-shell:not(.editorial-shell) h1 { max-width: 840px; margin-top: 36px; font-size: clamp(34px, 4.6vw, 58px); font-weight: 600; letter-spacing: -.05em; }
body .document-shell:not(.editorial-shell) h1 em { color: #9ca7a5; }
body .document-shell:not(.editorial-shell) .document-intro { color: #adb7b3; font-size: 16px; line-height: 1.85; }
body :is(.document-copy p, .document-sections p, .legal-version) { color: #b5beba; font-size: 15px; line-height: 1.95; }
body .document-sections h2 { color: #f1f0e9; font-weight: 550; }
body .document-sections .eyebrow { color: #ff9b74; }
body .document-shell:not(.editorial-shell) nav.document-toc { gap: 4px; }
body .document-shell:not(.editorial-shell) .document-toc a { color: #a9b4b0; border-color: #ffffff12; font-size: 12px; }
body .document-shell:not(.editorial-shell) .document-toc a:hover { color: #ffb18f; }
body .document-shell:not(.editorial-shell) nav.document-links { border-color: #ffffff1c; }
body .document-close { min-height: 44px; color: #dbe0d9; border-color: #ffffff26; background: transparent; box-shadow: none; }
body .document-close:hover { color: #f4f2ed; background: #ffffff08; border-color: #ffffff40; }
body .document-close:hover > .ui-icon { rotate: 0deg; }
body .document-notice { border-left-color: #db875d; border-radius: 0 10px 10px 0; background: #ff9a7010; }
body .document-notice p { color: #bcb5a8; }
body .hub-heading { gap: 20px 42px; margin-bottom: 8px; }
body .hub-heading p { color: #a9b5ae; }
body .hub-heading .eyebrow { color: #ff9c75; }
body .info-board { gap: 16px; align-items: stretch; }
body .info-card { display: flex; border: 1px solid #ffffff1e; border-radius: 14px; background: #182022; perspective: none; }
body .info-card-turn,
body .info-card:hover .info-card-turn,
body .info-card:focus-visible .info-card-turn { display: flex; flex: 1; flex-direction: column; height: auto; min-height: 258px; transform: none; transform-style: flat; transition: none; }
body .info-card-front, body .info-card-back { position: static; border: 0; border-radius: 0; padding: 24px; background: none; transform: none; backface-visibility: visible; -webkit-backface-visibility: visible; }
body .info-card-front { padding-bottom: 12px; }
body .info-card-front strong { padding-top: 20px; font-size: 21px; }
body .info-card-back { flex: 1; padding-top: 0; }
body .info-card-back > span { padding: 0 0 20px; color: #b8c2bd; font-size: 13px; line-height: 1.8; }
body .info-card-back b { color: #ffc09d; }
body .info-card-foot, body .info-card-back small { display: none; }
body .info-card-top > span { border-color: #ffb48930; color: #ffb084; background: #ff9a6510; }
body .info-card:hover { border-color: #a97858; background: #1a2427; }
body .hub-note { color: #a4b0a9; }

/* Authentication and private workspaces retain useful density and clear states. */
body .auth-shell { gap: 24px; margin-block: 48px 72px; }
body.auth-page .auth-context { padding: 40px; border-radius: 18px; background: #14191b; border: 1px solid #ffffff1c; }
body.auth-page .auth-context h1 { font-size: clamp(36px, 4.2vw, 60px); }
body.auth-page .auth-card { border-radius: 18px; box-shadow: none; }
body.account-app .account-shell { margin-block: 22px; gap: 24px; }
body.account-app > .site-header { flex-shrink: 0; }
body.account-app .account-content { border-radius: 16px; box-shadow: none; }
body.account-app .account-nav a { border-radius: 10px; }
body.account-app .account-scroll { scrollbar-width: thin; scrollbar-color: #bdc7bf transparent; }
body.account-app .account-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
body.account-app .account-scroll::-webkit-scrollbar-thumb { background: #bdc7bf; border-radius: 6px; border: 2px solid #f3f1ea; }
body.account-app .account-nav a::before { display: none; }
body.account-app .account-session-controls { display: grid; gap: 13px; margin-top: 24px; padding: 18px 14px 0; border-top: 1px solid #ffffff14; }
body.account-app .account-session-controls .account-state { display: flex; align-items: center; gap: 8px; color: #a1aca6; font: 550 9px/1.7 var(--display); letter-spacing: .045em; }
body.account-app .account-session-controls .account-state i { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #8f9c96; }
body.account-app .account-session-controls #logout { width: 100%; min-height: 42px; padding: 10px 13px; justify-content: space-between; color: #cbd4cd; border-color: #ffffff25; background: #ffffff03; font-size: 12px; box-shadow: none; }
body.account-app .account-session-controls #logout > .ui-icon { width: 17px; height: 17px; flex-basis: 17px; color: #a1b3a8; }
.owner-page { --accent: #ffa778; --ease: linear; }
.owner-page .owner-view, .owner-page .owner-dialog[open] { animation: none; }
.owner-page button.primary::after { display: none; }
.owner-page .owner-brand small { color: #a3abaa; }
.owner-page .owner-login { width: var(--content); min-height: calc(100dvh - 144px); margin-block: 24px 32px; padding-inline: 0; gap: 72px; }
.owner-page .login-story { min-height: 520px; }
.owner-page .login-card { border-radius: 18px; box-shadow: none; }
.owner-page :is(.metric, .surface, .owner-dialog) { border-radius: 14px; }
html:has(body.owner-page[data-page="admin"]) { height: 100%; overflow: hidden; }
body.owner-page[data-page="admin"] { height: 100dvh; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
body.owner-page > .site-header { position: relative; top: auto; flex-shrink: 0; }
body.owner-page .owner-workspace { width: var(--content); height: auto; flex: 1; min-height: 0; margin: 22px auto; border: 1px solid #ffffff1c; border-radius: 16px; overflow: hidden; }
body.owner-page .owner-main { min-width: 0; min-height: 0; }
body.owner-page .owner-content { overflow-y: auto; scrollbar-gutter: stable; }

/* The footer is a restrained destination map, not another sales page. */
body .site-footer.footer-editorial { width: var(--content); gap: 36px 64px; padding-block: 40px 28px; }
body .footer-lead { border-radius: 16px; background: #14191b; padding: 28px 32px; }
body .footer-lead .windows-download { flex-shrink: 0; }
body .footer-brand p { font-size: 13px; line-height: 1.85; }
body .footer-editorial nav { gap: 28px; }
body .footer-editorial nav a { color: #aeb8b2; font-size: 12px; }
body .footer-editorial nav a:hover { color: #f2f1e8; text-decoration: none; }
body .footer-editorial .footer-bottom { border-color: #ffffff14; color: #99a59d; font-size: 11px; }

@media (max-width: 1080px) {
  :root { --site-gutter: 24px; }
  body .site-header,
  body.auth-page .site-header,
  body.account-app .site-header.compact-header { grid-template-columns: 150px minmax(0, 1fr) 156px; padding-inline: 20px; gap: 20px; }
  body .site-header > nav { gap: 18px; font-size: 12px; }
  body .release-hero { gap: 32px; }
  body .release-copy h1 { font-size: clamp(46px, 5.7vw, 62px); }
  body .release-install, body .release-faq { gap: 42px; }
  body .document-shell:not(.editorial-shell), body .document-shell:not(.editorial-shell).document-wide { padding-inline: 32px; }
  body .auth-shell { gap: 18px; }
  body.auth-page .auth-context { padding: 30px; }
  .owner-page .owner-login { gap: 40px; }
}

@media (max-width: 900px) {
  body.account-app .account-session-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding: 10px 2px 0; }
  body.account-app .account-session-controls .account-state { display: flex; font-size: 9px; }
  body.account-app .account-session-controls #logout { width: auto; min-width: 94px; min-height: 38px; padding: 8px 12px; font-size: 11px; }
}

@media (max-width: 860px) {
  :root { --site-gutter: 20px; }
  body .site-header,
  body.auth-page .site-header,
  body.account-app .site-header.compact-header { grid-template-columns: minmax(0, 1fr) auto 44px; gap: 12px; min-height: 72px; height: 72px; padding-inline: 16px; }
  body .site-header .brand img { width: 34px; height: 34px; flex-basis: 34px; }
  body .site-header .brand b { font-size: 19px; }
  body .site-header .header-action,
  body.auth-page .site-header .header-action { grid-column: 2; width: 144px; min-width: 144px; }
  body .site-header .nav-toggle { display: flex; grid-column: 3; justify-content: center; align-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 1px solid #ffffff26; border-radius: 9px; color: #d2dad4; background: #ffffff04; box-shadow: none; font-size: 11px; }
  body .site-header > nav { position: absolute; grid-column: auto; grid-row: auto; inset: calc(100% + 8px) 0 auto; display: none; padding: 16px; border: 1px solid #ffffff26; border-radius: 12px; background: #141a1c; flex-direction: column; align-items: stretch; gap: 4px; box-shadow: 0 16px 32px #0005; }
  body .site-header[data-menu-open] > nav { display: flex; }
  body .site-header > nav a { justify-content: flex-start; width: 100%; padding-inline: 12px; }
  body .site-header nav a[aria-current="page"]::after { left: 12px; right: 12px; bottom: 3px; }
  body .hero { padding-top: 56px; }
  body .section-heading { gap: 28px; }
  body .protection-inner { gap: 40px; }
  body .release-hero { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  body .release-copy h1 { max-width: 660px; font-size: clamp(46px, 7.7vw, 64px); }
  body .release-copy .release-intro { max-width: 560px; }
  body .app-capture { max-width: 100%; }
  body .release-benefits { margin-block: 48px 64px; }
  body .release-install, body .release-faq { grid-template-columns: 1fr; gap: 32px; }
  body .release-details { gap: 30px; padding: 28px; margin-block: 64px; }
  body .info-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body .document-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  body .document-shell:not(.editorial-shell) nav.document-toc { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 24px; }
  body .auth-shell { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  body.auth-page .auth-context { display: block; padding: 32px; }
  body.auth-page .auth-context h1 { font-size: 42px; margin-block: 20px; }
  body.auth-page :is(.auth-orbit, .auth-features) { display: none; }
  body.account-app .site-header.compact-header { position: relative; top: auto; }
  .owner-page .owner-login { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-block: 32px; }
  .owner-page .login-story { min-height: 0; gap: 36px; }
  body.owner-page .owner-workspace { margin-block: 16px; }
}

@media (max-width: 540px) {
  :root { --site-gutter: 16px; --section-space: 60px; }
  html { scroll-padding-top: 96px; }
  body .site-header,
  body.auth-page .site-header,
  body.account-app .site-header.compact-header { top: 8px; height: 64px; min-height: 64px; margin-top: 8px; padding-inline: 12px; gap: 8px; border-radius: 12px; }
  body .site-header .brand { gap: 7px; }
  body .site-header .brand img { width: 30px; height: 30px; flex-basis: 30px; }
  body .site-header .brand b { font-size: 16px; letter-spacing: .04em; }
  body .site-header .brand > span { display: block; }
  body .site-header .header-action,
  body.auth-page .site-header .header-action { width: 104px; min-width: 104px; min-height: 40px; height: 40px; padding-inline: 10px; gap: 8px; font-size: 11px; }
  body .site-header .header-action > .ui-icon { width: 15px; height: 15px; flex-basis: 15px; }
  body .site-header .nav-toggle { width: 40px; height: 40px; min-height: 40px; }
  body .hero { padding-top: 42px; }
  body .hero-intro > p { font-size: 14px; line-height: 1.85; }
  body .section-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 28px; }
  body .section-heading h2 { font-size: 34px; }
  body .feature-card { padding: 24px; }
  body .signal-strip { grid-template-columns: 1fr; gap: 12px; }
  body .signal-strip p { padding: 20px; gap: 12px; }
  body .signal-strip p:first-child { padding-left: 20px; }
  body .signal-strip b { font-size: 18px; }
  body .release-shell { padding-top: 44px; padding-bottom: 48px; }
  body .release-copy h1 { margin-top: 22px; font-size: clamp(40px, 10.7vw, 54px); }
  body .release-intro { font-size: 14px; line-height: 1.85; }
  body .release-download, body .windows-download { width: 100%; min-height: 54px; }
  body .release-benefits { grid-template-columns: 1fr; margin-block: 40px 56px; }
  body .release-benefits article, body .release-benefits article:first-child { padding: 22px 0; border-right: 0; border-bottom: 1px solid #ffffff18; }
  body .release-benefits article:last-child { border-bottom: 0; }
  body .release-details { grid-template-columns: minmax(0, 1fr); padding: 24px; margin-block: 56px; }
  body .release-file { padding: 24px 0 0; border-left: 0; border-top: 1px solid #ffffff24; }
  body .release-mobile { gap: 20px; }
  body .app-capture-frame { padding: 8px; border-radius: 14px; }
  body .app-capture { border-radius: 9px; }
  body .page-intro { min-height: 0; grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block: 42px 32px; }
  body .price-grid { padding: 16px; }
  body .price-grid article { min-height: 0; }
  body .pricing-note { padding: 24px 20px; }
  body .document-shell:not(.editorial-shell), body .document-shell:not(.editorial-shell).document-wide { margin-block: 28px 48px; padding: 22px 20px 30px; border-radius: 14px; }
  body .document-shell:not(.editorial-shell) h1 { font-size: clamp(30px, 8.5vw, 40px); margin-top: 28px; }
  body .document-shell:not(.editorial-shell) .document-intro { font-size: 14px; }
  body .document-toolbar { padding-bottom: 20px; }
  body .document-toolbar .eyebrow { display: block; max-width: 54%; font-size: 8px; letter-spacing: .06em; }
  body .document-close { min-height: 40px; font-size: 11px; padding: 9px 10px; }
  body .document-shell:not(.editorial-shell) nav.document-toc { grid-template-columns: 1fr; gap: 0; }
  body .document-copy p, body .document-sections p { font-size: 14px; }
  body .document-sections section { padding-block: 28px; }
  body .hub-heading { grid-template-columns: 1fr; gap: 18px; }
  body .info-board { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body .info-card-turn { min-height: 0; }
  body .info-card-front, body .info-card-back { padding-inline: 22px; }
  body .auth-shell { margin-block: 28px 48px; }
  body.auth-page .auth-context { padding: 26px; }
  body.auth-page .auth-context h1 { font-size: 36px; }
  body.account-app .account-shell { gap: 12px; margin-block: 14px; }
  body .site-footer.footer-editorial { gap: 30px; padding-top: 32px; }
  body .footer-lead { padding: 24px; gap: 22px; flex-direction: column; align-items: stretch; }
  body .footer-lead .windows-download { width: 100%; }
  body .footer-editorial nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 20px; }
  body .footer-editorial nav > div:last-child { grid-column: 1 / -1; }
  .owner-page .login-card { padding: 26px; }
  body.owner-page .owner-workspace { margin-block: 14px; border-radius: 12px; }
}

@media (max-width: 360px) {
  body .site-header .header-action,
  body.auth-page .site-header .header-action { width: 92px; min-width: 92px; padding-inline: 8px; font-size: 10px; }
  body .site-header .header-action > .ui-icon { display: none; }
  body .site-header .brand b { font-size: 15px; }
  body .site-header .brand img { width: 27px; height: 27px; flex-basis: 27px; }
  body .site-header .brand { gap: 5px; }
  body .document-shell:not(.editorial-shell), body .document-shell:not(.editorial-shell).document-wide { padding-inline: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  html { scrollbar-color: auto; }
  body :is(.site-header, .document-shell:not(.editorial-shell), .feature-card, .info-card, .footer-lead, .windows-download, .release-download),
  body .app-capture img { border: 1px solid CanvasText; background: Canvas; color: CanvasText; box-shadow: none; }
  body :is(.document-copy p, .document-sections p, .document-shell:not(.editorial-shell) .document-intro, .info-card-back > span) { color: CanvasText; }
  body :is(.windows-download, .release-download) { color: LinkText; }
  body :is(a, button):focus-visible { outline-color: Highlight; }
}