/* Final product details share the same frame, vocabulary and touch targets. */
:root { --polish-ease: cubic-bezier(.22,.68,.25,1); }
body :is(button,a) { -webkit-tap-highlight-color: transparent; }
body :is(button,.primary,.secondary,.header-action,.text-link,.quiet-link,.money-button,.row-action,.interface-action,.polish-button,.xp-inline-link,.xp-contact-button,.xp-back,.vpn-platform,.plan-card > a,.footer-social > a) {
  transition: background-color 200ms var(--polish-ease), border-color 200ms var(--polish-ease), color 200ms var(--polish-ease), box-shadow 200ms var(--polish-ease);
}
body :is(a,button):focus-visible { outline: 2px solid #ffac73; outline-offset: 4px; }
body .site-header .brand,body .footer-editorial .brand { align-items: center; }
body .site-header .brand > span,body .footer-editorial .brand > span { display: flex; align-items: center; }
body .site-header .header-action,body.auth-page .site-header .header-action {
  position: relative; display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 0;
  min-height: 46px; padding: 11px 14px; gap: 10px; text-align: center; overflow: visible;
}
.header-action > span { display: block; margin: 0; line-height: 1.4; }
body .header-action .cabinet-icon { position: static; width: 22px; height: 22px; flex: 0 0 22px; margin: 0; color: #c7cdc0; overflow: visible; }
.cabinet-corner { transition: transform 280ms var(--polish-ease); }
@media (hover: hover) and (pointer: fine) {
  .header-action:hover .cabinet-corner { transform: translate(3px,-3px); }
  body .header-action:hover .cabinet-icon { color: #f4f1e5; }
}
body .header-action:focus-visible .cabinet-corner { transform: translate(3px,-3px); }

/* Windows alone is the action; its accessible name still explains the download. */
body .vpn-shell a.release-download[data-icon],body .experience-shell.xp-download .xp-download-button[data-icon] {
  display: inline-flex; align-items: center; justify-content: center; width: 60px; min-width: 60px;
  height: 56px; min-height: 56px; padding: 0; flex: 0 0 60px; gap: 0; border-radius: 14px;
}
body .vpn-shell a.release-download[data-icon] > .ui-icon,body .experience-shell.xp-download .xp-download-button[data-icon] > .ui-icon {
  position: static; width: 24px; height: 24px; flex: 0 0 24px; margin: 0; color: inherit; order: 0;
}
body .vpn-shell .vpn-actions .vpn-secondary { flex: 0 1 auto; justify-content: center; gap: 12px; min-height: 56px; padding-inline: 24px; }

/* Give resource actions a real surface, rather than an arrow after loose text. */
body .polish-button,body .document-shell .document-toolbar a.polish-button,body .vpn-shell .text-link.polish-button,body .experience-shell:is(.xp-download,.xp-hub,.xp-info) :is(.xp-inline-link,.xp-back) {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px;
  width: fit-content; max-width: 100%; padding: 12px 17px; border: 1px solid #d6ddce30;
  border-radius: 12px; background: #ffffff04; color: inherit; font: 550 13px/1.5 var(--display);
  text-align: center; text-decoration: none; box-shadow: none; --action-text: #f0e9d9;
}
body .vpn-shell a.polish-button[data-icon] > .ui-icon,body .polish-button > .ui-icon,body .experience-shell :is(.xp-inline-link,.xp-back,.xp-contact-button) > .ui-icon {
  position: static; width: 20px; height: 20px; flex: 0 0 20px; margin: 0; color: inherit;
}
body :is(.document-back,.info-back) > .ui-icon { rotate: none; }
body .vpn-shell .vpn-light a.polish-button { --action-text: #30392b; color: #30392b; border-color: #343d2928; background: #fffdf780; }
body .vpn-shell .vpn-faq a.polish-button { --action-text: #fffdf5; background: #273023; color: #f5f2e8; border-color: #273023; }
body .vpn-shell .vpn-light a.polish-button:hover { background: #fffdf7; border-color: #343d2950; }
body .vpn-shell .vpn-faq a.polish-button:hover { background: #3c4935; color: #fffdf5; border-color: #3c4935; }
body .vpn-pricing-note .polish-button { flex-shrink: 0; margin-left: auto; }
body .polish-button:hover,body .experience-shell:is(.xp-download,.xp-hub,.xp-info) :is(.xp-inline-link,.xp-back):hover { border-color: #c2cbb465; background: #ffffff09; }
body .experience-shell.xp-download .xp-inline-link { color: #f5eee5; border-color: #e1ccb735; background: #ffffff05; }
body .experience-shell.xp-download .xp-inline-link:hover { color: #fff7ee; border-color: #f6b48270; background: #ffffff0c; }
body .experience-shell.xp-hub .xp-hub-priorities .xp-inline-link { color: #25190f; background: #f4a367; border-color: #f4a367; }
body .experience-shell.xp-hub .xp-hub-priorities .xp-inline-link:hover { background: #ffc192; border-color: #ffc192; }
body .experience-shell.xp-info .xp-contact-button { justify-content: center; gap: 12px; }
body .experience-shell .xp-info-related { gap: 12px; }

/* Symmetrical monochrome symbols sit at the optical centre of each tile. */
body .vpn-shell .vpn-feature-icon,body .experience-shell .xp-directory-icon {
  display: grid; place-items: center; place-content: center; padding: 0; color: #424b3b; border-color: #37432d20;
  background: #e9eddf80;
}
body .vpn-shell .vpn-feature-icon > .ui-icon,body .experience-shell .xp-directory-icon > .ui-icon {
  display: block; position: static; width: 26px; height: 26px; margin: 0; flex: none; order: 0;
  color: inherit; transform: none;
}
body .experience-shell .xp-directory-icon { color: #d9dfd0; background: #ffffff08; }
body .experience-shell.xp-hub .xp-hub-directory > a { grid-template-columns: 44px minmax(0,1fr); }
.vpn-platform .vpn-platform-icon { color: #46503b; }
body .vpn-shell .vpn-platform > span:last-child { margin-left: 0; color: inherit; display: block; }
body :is(.vpn-plans,.pricing-shell) .price-grid article > a { justify-content: center; text-align: center; }
body :is(.vpn-plans,.pricing-shell) .price-grid article.plan-popular { border-color: #d8bd8570; }
body :is(.vpn-plans,.pricing-shell) .plan-corner-tag {
  position: absolute; top: 0; right: 0; display: grid; place-items: center;
  width: 112px; height: 36px; padding-left: 13px; border-radius: 0 23px 0 10px;
  clip-path: polygon(13px 0,100% 0,100% 100%,0 100%,0 13px);
  color: #292719; background: #e8c58b; font: 650 11px/1 var(--display); letter-spacing: .035em;
}
.vpn-steps p { margin-bottom: 0; }
body .vpn-closing h2 { margin-bottom: 28px; }
.closing-wordmark { display: block; font: 710 clamp(76px,9vw,146px)/.95 var(--display); letter-spacing: -.075em; }
.closing-motto { display: block; margin-top: 22px; font: 580 clamp(13px,1.5vw,20px)/1.5 var(--display); letter-spacing: .13em; }

/* Contacts live with the brand. The last row is intentionally quiet. */
body .site-footer.footer-editorial { row-gap: 22px; padding-block: 44px 20px; }
body .footer-editorial .footer-brand { display: grid; grid-template-columns: minmax(0,1fr); justify-items: start; align-content: start; gap: 0; min-width: 0; }
body .footer-editorial .footer-brand > p { max-width: 250px; margin: 16px 0; color: #c5cabc; font-size: 14px; }
.footer-social { display: flex; align-items: center; gap: 8px; }
body .footer-social > a { display: grid; place-items: center; place-content: center; width: 44px; height: 44px; border: 1px solid #ffffff22; border-radius: 12px; color: #d9dfd1; background: #ffffff04; }
body .footer-social > a > .ui-icon { width: 23px; height: 23px; margin: 0; flex: none; color: inherit; }
body .footer-social > a:hover { color: #fff6e7; border-color: #efa57265; background: #ffffff0a; }
body .footer-editorial .footer-bottom { min-height: 0; margin-top: 0; padding-top: 16px; padding-bottom: 0; gap: 0; }

@media (max-width: 700px) {
  body .site-header .header-action,body.auth-page .site-header .header-action { height: 44px; min-height: 44px; padding-inline: 12px; gap: 9px; font-size: 11px; }
  body .header-action .cabinet-icon { width: 20px; height: 20px; flex-basis: 20px; }
  body .vpn-pricing-note .polish-button { flex-basis: auto; margin-left: 0; }
  body .vpn-pricing-note { gap: 16px 12px; }
  body .vpn-shell .vpn-actions .vpn-secondary { padding-inline: 18px; }
  body .experience-shell .xp-info-related { padding-block: 20px; }
  body .site-footer.footer-editorial { padding-top: 36px; padding-bottom: 18px; }
  body .footer-editorial .footer-bottom { margin-top: 0; padding-top: 15px; }
  body .experience-shell.xp-hub .xp-hub-directory > a { grid-template-columns: 40px minmax(0,1fr); }
  .closing-wordmark { font-size: clamp(76px,19vw,110px); }
  .closing-motto { max-width: 330px; margin-top: 19px; font-size: 13px; letter-spacing: .1em; }
}
@media (prefers-reduced-motion: reduce) {
  body :is(a,button,.cabinet-corner) { transition: none !important; }
  body .header-action .cabinet-corner { transform: none !important; }
}
@media (max-width: 380px) {
  body .site-header .brand b { font-size: 17.5px; }
  body .site-header .header-action,body.auth-page .site-header .header-action { padding-inline: 10px; gap: 8px; }
}
@media (max-width: 340px) {
  body .site-header .brand b { font-size: 16px; }
}
@media (prefers-reduced-motion: no-preference) {
  body:is(.auth-page,.account-app) > main { animation: mynet-private-entry 180ms ease-out both; }
}
@keyframes mynet-private-entry { from { opacity: .9; } to { opacity: 1; } }
@media (forced-colors: active) {
  body :is(.polish-button,.xp-inline-link,.footer-social > a,.vpn-feature-icon,.plan-corner-tag) { color: ButtonText !important; background: ButtonFace !important; border: 1px solid ButtonText !important; }
  body :is(a,button):focus-visible { outline-color: Highlight; }
}

/* Keep disclosure growth below the activated row, rather than anchoring the footer. */
html.scrollorb-ready { overflow-anchor: none; }
body [hidden] { display: none !important; }

/* Compact pricing keeps the complete choice in view on desktop. */
body .pricing-shell .pricing-intro { gap: 8px 40px; padding: 16px 34px; }
body .pricing-shell .pricing-intro h1 { font-size: clamp(36px,3.3vw,46px); line-height: 1.04; }
body .pricing-shell .pricing-intro > p { font-size: 15px; }
body .pricing-shell .pricing-note { align-items: start; gap: 28px; padding: 28px; }
body .pricing-shell .pricing-note > div { display: flex; flex-direction: column; align-items: flex-start; }
body .pricing-shell .pricing-note > div > span { display: grid; place-items: center; place-content: center; width: 40px; height: 40px; margin-bottom: 18px; border: 1px solid #e7cfac28; border-radius: 12px; color: #e7bd8e; background: #ffffff04; }
body .pricing-shell .pricing-note > div > span > .ui-icon { position: static; margin: 0; width: 22px; height: 22px; }
body .pricing-shell .pricing-note b { font-size: 19px; }
body .pricing-shell .pricing-note p { margin: 12px 0 0; font-size: 14px; line-height: 1.75; }
body .pricing-shell .pricing-note a.polish-button { margin-top: 18px; color: #f4e9d7; text-decoration: none; font-size: 13px; }
body .pricing-shell .pricing-note a.polish-button:hover { color: #fff4e4; border-color: #e7bd8e70; background: #ffffff09; }

/* A consistent resource button across the public information surfaces. */
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) .xp-back { color: #e4ddcf; background: #ffffff04; border-color: #d6ddce30; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) .xp-back:hover { color: #fff3e2; background: #ffffff0b; border-color: #f1b58460; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) :is(.xp-support-notes,.xp-info-related) .xp-inline-link { color: #293323; background: #fffaf1; border-color: #4e513430; }
body .experience-shell:is(.xp-download,.xp-hub,.xp-info) :is(.xp-support-notes,.xp-info-related) .xp-inline-link:hover { color: #1d2817; background: #e7e6d9; border-color: #4e513465; }
body .experience-shell .xp-info-symbol,body .experience-shell .xp-detail-icon,body .legal-symbol { display: grid; place-items: center; place-content: center; padding: 0; }
body .experience-shell :is(.xp-info-symbol,.xp-detail-icon) > .ui-icon,body .legal-symbol > .ui-icon { display: block; position: static; inset: auto; margin: 0; transform: none; flex: none; order: 0; color: inherit; }
body .experience-shell .xp-info-symbol { color: #414b35; background: #d9ddca; }
body .experience-shell .xp-detail-icon { color: #dcc8a5; background: #ffffff06; border: 1px solid #ffffff16; }
body .experience-shell.xp-info .xp-info-lead { padding-block: 34px; }
body .experience-shell.xp-info .xp-info-body { gap: 18px; }
body .experience-shell.xp-security .xp-info-detail { background: #20251d; border-color: #ffffff18; }
body .experience-shell.xp-security .xp-info-detail:first-child { background: linear-gradient(135deg,#4c3021,#2b241d); }
body .experience-shell.xp-security .xp-info-detail:nth-child(3) { background: #eeeae1; }
body .experience-shell.xp-security .xp-info-detail:nth-child(3) .xp-detail-icon { color: #3e4a32; border-color: #3e4a3228; background: #dee3d1; }
body .experience-shell.xp-status .xp-status-panel { background: radial-gradient(ellipse at 0 0,#cf754727,transparent 70%),#20251d; border-color: #dfbd8d40; align-items: center; }
body .experience-shell.xp-status .xp-status-result { display: flex; align-items: center; min-height: 100px; font-size: clamp(22px,2.2vw,30px); }
body .experience-shell.xp-status .xp-status-context { background: #eeeae1; --xp-foreground: #292e25; --xp-muted: #62675b; }
body .experience-shell.xp-status .xp-status-context .xp-inline-link { color: #293323; border-color: #4e513430; background: #fffaf1; }
body .experience-shell.xp-status .xp-status-context .xp-inline-link:hover { color: #1d2817; border-color: #4e513465; background: #e7e6d9; }
body .experience-shell.xp-status #status-refresh { --action-text: #f4efe2; color: #f4efe2; background: #2d3827; border-color: #b5c39e70; }
body .experience-shell.xp-status #status-refresh:hover,body .experience-shell.xp-status #status-refresh:focus-visible { --action-text: #fffaf0; color: #fffaf0; background: #3c4a32; border-color: #c6d8aa; }

/* Guide: a calm reading column and a separate, sticky contents rail. */
body .guide-shell .document-toolbar { margin-bottom: 18px; padding: 0; border: 0; }
body .guide-shell .editorial-intro { display: block; min-height: 0; margin-bottom: 24px; padding: 32px 38px; border-radius: 26px; background: radial-gradient(ellipse at 100% 0,#e3aa6830,transparent 65%),#f4f1e8; color: #293024; }
body .guide-shell .editorial-intro .eyebrow { color: #856647; }
body .guide-shell .editorial-intro h1 { margin: 16px 0; color: #293024; font-size: clamp(36px,4vw,52px); line-height: 1.08; }
body .guide-shell .editorial-intro h1 em { color: #b75327; }
body .guide-shell .editorial-intro p { margin: 0; color: #626b5b; font-size: 16px; }
body .guide-shell .guide-layout { gap: 24px; grid-template-columns: 248px minmax(0,1fr); padding: 0; border: 0; }
body .guide-shell .guide-toc { top: 112px; padding: 14px; border: 1px solid #ffffff1a; border-radius: 20px; background: #20251d; gap: 4px; }
body .guide-shell .guide-toc a { display: flex; align-items: center; min-height: 44px; padding: 10px 13px; border-radius: 10px; color: #d4dacb; line-height: 1.4; }
body .guide-shell .guide-toc a:hover,body .guide-shell .guide-toc a:focus-visible { color: #fff0d7; background: #ffffff09; }
body .guide-shell .guide-sections { max-width: none; }
body .guide-shell .guide-sections section { margin: 0 0 18px; padding: 30px 34px; border: 1px solid #ffffff17; border-radius: 22px; background: #1e231b; scroll-margin-top: 114px; }
body .guide-shell .guide-sections section:nth-child(3n+1) { background: #eeeae1; color: #293024; }
body .guide-shell .guide-sections h2 { margin: 16px 0 20px; color: inherit; font-size: clamp(24px,2.2vw,30px); }
body .guide-shell .guide-sections :is(p,li) { max-width: 720px; font-size: 15px; line-height: 1.85; color: #bfc8b4; }
body .guide-shell .guide-sections section:nth-child(3n+1) :is(p,li) { color: #5d6755; }
body .guide-shell .guide-sections .eyebrow { color: #d3b17b; }
body .guide-shell .guide-sections section:nth-child(3n+1) .eyebrow { color: #8c623d; }
body .guide-shell .guide-sections a.text-link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; margin-top: 10px; padding: 12px 18px; border: 1px solid #d6ddce35; border-radius: 12px; color: #f0e9d9; background: #ffffff06; text-decoration: none; }
body .guide-shell .guide-sections a.text-link:hover { color: #fff4e0; background: #ffffff0c; border-color: #dfba8770; }
body .guide-shell .guide-sections section:nth-child(3n+1) a.text-link { --action-text: #293323; color: #293323; border-color: #4e513435; background: #fffaf1; }
body .guide-shell .guide-sections section:nth-child(3n+1) a.text-link:hover { color: #1d2817; background: #e1e5d7; }

/* Versioned policy text keeps its exact content and gains an editorial frame. */
body .document-shell:not(.editorial-shell).document-wide.legal-shell { margin-top: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; }
body .legal-shell .document-toolbar { padding: 0 0 20px; border: 0; }
body .legal-shell .document-toolbar .eyebrow { display: none; }
body .legal-shell .document-toolbar .document-close { min-height: 44px; color: #d9dccf; }
body .legal-shell .legal-lead { position: relative; padding: 34px 150px 34px 36px; margin-bottom: 22px; border-radius: 26px; background: radial-gradient(ellipse at 100% 0,#e3aa6830,transparent 65%),#f4f1e8; }
body .document-shell.legal-shell .legal-lead h1 { margin: 0 0 18px; max-width: 900px; color: #293024; font-size: clamp(32px,3.9vw,52px); line-height: 1.08; }
body .document-shell.legal-shell .legal-lead .document-intro { margin: 0; color: #626b5b; font-size: 16px; line-height: 1.7; }
body .legal-symbol { position: absolute; top: 34px; right: 36px; display: grid; place-items: center; place-content: center; width: 72px; height: 72px; border-radius: 20px; color: #414b35; background: #d9ddca; }
body .legal-symbol > .ui-icon { width: 34px; height: 34px; }
body .legal-shell .legal-version { margin: 0 0 22px; padding-inline: 4px; color: #afb8a4; font-size: 12px; }
body .legal-shell .document-sections { padding: 4px 32px; border: 1px solid #ffffff18; border-radius: 24px; background: #20251d; }
body .legal-shell .document-sections > section { position: relative; display: block; margin: 0; padding: 28px 0 28px calc(32.5% + 27px); border-bottom: 1px solid #ffffff16; }
body .legal-shell .document-sections > section:last-child { border: 0; }
body .legal-shell .document-sections h2 { position: absolute; left: 0; top: 50%; width: calc(32.5% - 13px); transform: translateY(-50%); margin: 0; text-align: left; color: #f3ecdd; font-size: 25px; line-height: 1.3; }
body .legal-shell .document-sections :is(p,ul,ol) { margin: 0; color: #c2cbb7; font-size: 15px; line-height: 1.85; }
body .legal-shell .document-sections > section > :is(p,ul,ol) + :is(p,ul,ol) { margin-top: 12px; }

body .footer-editorial nav b { margin-bottom: 10px; color: #f3ede1; font: 600 16px/1.4 var(--display); letter-spacing: 0; }
body .footer-editorial nav a { min-height: 32px; padding-block: 5px; font-size: 13px; line-height: 1.5; }
body .footer-editorial nav > div { align-content: start; gap: 0; }
body .site-footer.footer-editorial { padding-top: 34px; }
body .site-header .header-action { --action-text: #fff6e4; border-radius: 13px; border-color: #cbd3bd30; background: #ffffff03; color: #ebeede; }
body .site-header .header-action:hover { border-color: #edb47d70; background: #ffffff09; color: #fff6e4; }

/* The account shell is never painted before the session has been checked. */
body .account-gate { width: min(500px,calc(100% - 40px)); margin: 10vh auto; padding: 36px; border: 1px solid #ffffff20; border-radius: 24px; background: #1e251d; text-align: center; }
body .account-gate h2 { margin: 22px 0 14px; font-size: 38px; letter-spacing: -.04em; }
body .account-gate p { color: #bcc8b0; }
body .account-gate > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
body .account-gate-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: auto; border: 1px solid #d7b38335; border-radius: 18px; color: #dfbb88; }
body .account-gate-icon > .ui-icon { position: static; width: 28px; height: 28px; margin: 0; }

@media (max-width: 900px) {
  body .guide-shell .guide-layout { grid-template-columns: 1fr; }
  body .guide-shell .guide-toc { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
  body .legal-shell .document-sections > section { padding-inline: 0; }
  body .legal-shell .document-sections h2 { position: static; width: auto; transform: none; margin-bottom: 16px; }
}
@media (max-width: 700px) {
  body .pricing-shell .pricing-intro { padding: 24px; gap: 14px; }
  body .pricing-shell .pricing-intro > p { font-size: 14px; }
  body .pricing-shell .pricing-note { padding: 24px; }
  body .footer-editorial nav b { font-size: 15px; margin-bottom: 8px; }
  body .footer-editorial nav a { min-height: 40px; padding-block: 8px; }
  body .guide-shell .editorial-intro { padding: 26px 24px; }
  body .guide-shell .guide-sections section { padding: 24px; }
  body .guide-shell .guide-toc { padding: 10px; }
  body .guide-shell .guide-toc a { padding: 10px; font-size: 12px; }
  body .legal-shell .legal-lead { padding: 90px 24px 26px; }
  body .legal-symbol { width: 48px; height: 48px; top: 24px; left: 24px; right: auto; border-radius: 14px; }
  body .legal-symbol > .ui-icon { width: 26px; height: 26px; }
  body .legal-shell .document-sections { padding-inline: 24px; }
  body .experience-shell.xp-info .xp-info-lead { padding: 100px 24px 26px; }
  body .experience-shell .xp-info-symbol { top: 24px; left: 24px; right: auto; width: 54px; height: 54px; border-radius: 16px; }
  body .experience-shell .xp-info-symbol > .ui-icon { width: 28px; height: 28px; }
}

/* Responsive download composition keeps the primary action close to the copy. */
@media (min-width: 761px) and (max-width: 1120px) {
  body .experience-shell.xp-download .xp-app-hero { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); padding: 32px; gap: 28px; }
  body .experience-shell.xp-download h1 { font-size: clamp(38px,4.6vw,50px); }
  body .experience-shell.xp-download .xp-installer-visual { min-height: 260px; padding: 24px; }
  body .experience-shell.xp-download .xp-app-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  body .experience-shell.xp-download .xp-app-hero { padding: 28px 24px; gap: 24px; }
  body .experience-shell.xp-download .xp-app-copy { max-width: none; }
  body .experience-shell.xp-download .xp-installer-visual { grid-template-columns: auto minmax(0,1fr); min-height: 136px; padding: 20px; gap: 16px; }
  body .experience-shell.xp-download .xp-installer-product img { width: 64px; height: 64px; }
  body .experience-shell.xp-download .xp-installer-visual figcaption { margin: 0; text-align: left; }
  body .experience-shell.xp-download .xp-installer-visual figcaption > span { font-size: 12px; }
  body .experience-shell.xp-download .xp-installer-visual figcaption > strong { font-size: 20px; }
  body .experience-shell.xp-download .xp-download-notes { grid-template-columns: minmax(0,1fr); gap: 24px; }
  body .footer-editorial nav a { overflow-wrap: anywhere; }
}
@media (max-width: 600px) {
  body .experience-shell.xp-download h1 { font-size: clamp(32px,9.5vw,38px); }
  body .experience-shell.xp-download .xp-app-copy > .xp-kicker { font-size: 11px; letter-spacing: .05em; }
  body .experience-shell.xp-download .xp-download-actions { flex-direction: row; align-items: center; }
  body button.scrollorb { right: max(12px,env(safe-area-inset-right)); bottom: max(12px,env(safe-area-inset-bottom)); }
}
@media (max-width: 360px) {
  body .experience-shell.xp-download .xp-app-hero { padding-inline: 20px; }
  body .experience-shell.xp-download .xp-app-benefits { grid-template-columns: minmax(0,1fr); }
  body .experience-shell.xp-download .xp-app-benefits dt { flex-direction: row; align-items: center; }
  body .experience-shell.xp-download .xp-installer-visual { padding-inline: 16px; gap: 12px; }
}