/* Values verified against the public reference layout. */
html {
  font-size:calc(16px * var(--s700-text-scale,1))
}
::-webkit-scrollbar {
  width:5px;
  height:5px
}
::-webkit-scrollbar-thumb {
  background:#253035;
  border-radius:5px
}
::-webkit-scrollbar-track {
  background:#f2f5f7
}
.brand img {
  object-fit:contain;
  transform:translateY(-10px)
}
.home-content {
  padding-top:10px
}
.ip-address {
  height:61px;
  padding:10px
}
.ip-address strong {
  line-height:1.2
}
.software-summary .download-links {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  width:100%;
  gap:0
}
.download-links .download-button {
  width:calc(50% - 10px);
  margin:5px;
  padding:15px;
  line-height:1.1
}
.social-icon { fill:currentColor; stroke:none; }
.download-links .download-button.primary {
  width:calc(100% - 10px);
  background:var(--orange);
  color:var(--blue);
  font-weight:600
}
.download-links .download-button.primary:hover {
  background:#ffb462
}
.guide-single {
  width:100%;
  max-width:none;
  padding:0
}
.guide-hero {
  padding:50px 0;
  position:relative;
  isolation:isolate;
  background:#fff;
  min-height:450px
}
.guide-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(#ffffff8a 5%,#fff 80%),var(--guide-image) center/cover no-repeat;
  filter:blur(15px)
}
.guide-hero .site-banner {
  height:230px;
  margin-bottom:0
}
.guide-heading {
  display:flex;
  align-items:flex-end;
  gap:20px;
  width:min(calc(100% - 40px),900px);
  margin:auto;
  padding:10px 0 20px
}
.guide-heading>div {
  width:calc(100% - 420px);
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  gap:20px
}
.guide-heading h1 {
  font-size:1.5625rem;
  line-height:1;
  margin-bottom:7px
}
.guide-heading .guide-intro {
  font-size:1rem;
  line-height:25px;
  font-weight:300;
  margin:0 0 7px
}
.guide-heading .guide-cover {
  width:400px;
  max-width:50%;
  height:220px;
  object-fit:contain;
  margin:0;
  border-radius:15px;
  box-shadow:0 15px 40px -10px #30566f3d
}
.guide-body {
  max-width:1000px;
  padding:0 10px 100px
}
.guide-body>.entry-content {
  position:relative;
  background:#fff;
  padding:25px 30px 50px;
  margin-top:-50px;
  border-radius:20px;
  box-shadow:0 15px 40px -10px #30566f3d;
  font-size:1rem;
  font-weight:400
}
.guide-body>.entry-content h2 {
  font-size:1.25rem;
  line-height:1.2;
  font-weight:800;
  margin:0 0 60px
}
.guide-feedback {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  background:#e1e6eb;
  padding:80px 30px 40px;
  margin-top:-30px;
  border-radius:25px
}
.guide-feedback h2 {
  font-size:1.25rem
}
.guide-feedback .feedback-buttons {
  margin:0
}
.guide-feedback>[role=status]:empty {
  display:none
}
.extension-hero {
  background:var(--pale)
}
.extension-hero .site-banner {
  margin-bottom:50px
}
.extension-single {
  flex-wrap:wrap
}
.extension-single>.extension-list {
  width:calc(60% - 20px)
}
.extension-single>.software-sidebar {
  margin-top:-100px;
  position:relative
}
.extension-summary {
  padding:10px;
  background:white;
  border-radius:25px;
  box-shadow:var(--shadow)
}
.extension-cover {
  height:240px;
  background:#fcfcfc center/cover no-repeat;
  border-radius:20px
}
.extension-summary-body {
  padding:40px;
  text-align:center
}
.extension-summary-body>.software-logo {
  display:block;
  position:relative;
  box-sizing:content-box;
  padding:20px;
  background:white;
  border-radius:25px;
  width:70px;
  height:70px;
  margin:-90px auto 20px
}
.extension-summary-body h1 {
  font-size:1.25rem;
  line-height:1.2;
  margin:20px 0 10px
}
.extension-summary-body p {
  font-size:1.0625rem;
  color:var(--muted);
  margin:0 0 50px
}
.extension-list nav {
  display:flex;
  flex-direction:column;
  gap:12px
}
.extension-list-item {
  display:flex;
  align-items:center;
  gap:20px;
  padding:15px 20px;
  border-radius:20px;
  background:#f5f7f9;
  color:var(--ink)
}
.extension-list-item img {
  width:40px;
  height:40px;
  object-fit:contain
}
.extension-list-item h2 {
  font-size:1rem;
  font-weight:400
}
.extension-list-item.current {
  background:var(--pale);
  color:var(--blue)
}
.directory-page {
  padding:130px 20px 80px
}
.directory-page h1 {
  margin-bottom:30px
}
.directory-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.directory-grid article {
  padding:25px;
  background:#f2f6f7;
  border-radius:20px
}
.directory-grid h2 {
  font-size:1.25rem;
  margin-bottom:20px
}
.qs-page {
  background:#f8fbfc
}
.qs-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 20px;
  max-width:1100px;
  margin:auto
}
.qs-header img {
  width:150px;
  height:60px;
  object-fit:contain
}
.qs-page .quick-support {
  padding-top:20px
}
.qs-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin-top:30px;
  text-align:right
}
.qs-section-title {
  grid-column:1/-1;
  text-align:center;
  font-weight:400;
  font-size:1.125rem;
  margin-top:25px
}
.qs-card {
  display:flex;
  align-items:center;
  gap:15px;
  background:white;
  border-radius:20px;
  padding:20px;
  min-height:100px;
  box-shadow:var(--shadow)
}
.qs-card>img,.qs-card>svg {
  width:35px;
  height:35px;
  object-fit:contain
}
.qs-card>span {
  display:flex;
  flex-direction:column;
  gap:5px
}
.qs-card strong {
  font-size:1rem;
  font-weight:500
}
.qs-card small {
  font-size:0.75rem;
  color:#88959c
}
.qs-card[aria-disabled] {
  cursor:default;
  opacity:.7
}
.software-card {
  border-radius:0;
  background:#fff;
  overflow:visible;
  box-shadow:0 5px 20px -10px #30566f3d;
  align-items:stretch
}
.software-picture {
  width:100%;
  height:120px;
  border-radius:20px;
  background-size:50px;
  transition:transform .5s,border-radius .5s,background-size .5s,box-shadow .5s
}
.software-card:hover .software-picture,.software-card:focus-within .software-picture {
  transform:scale(1.05) translateY(-10px);
  border-radius:20px 3px 20px 0;
  box-shadow:0 15px 20px -10px #30566f26;
  background-size:70px
}
.software-caption {
  position:relative;
  padding:15px 5px
}
.software-caption h2 {
  font-size:0.9375rem;
  font-weight:400;
  line-height:1.2
}
.software-caption p {
  max-height:0;
  overflow:hidden;
  font-size:0.8125rem;
  font-weight:400;
  line-height:17px;
  letter-spacing:.2px;
  padding:0 5px;
  margin:0;
  transition:max-height .8s 1s,padding .8s 1s
}
.software-caption:hover p,.software-caption:focus p {
  max-height:300px;
  padding-top:15px;
  transition-duration:1s
}
.software-card:hover .software-caption h2,.software-card:focus-within h2 {
  color:var(--blue);
  font-weight:500
}
.card-actions {
  background:transparent;
  transition:opacity .8s .1s
}
.category-picture {
  border-radius:100px;
  background-size:50px
}
.category-card:hover .category-picture {
  transform:scale(1.1) translateY(-10px);
  transition:transform .5s
}
.category-card h2 {
  font-size:0.9375rem;
  font-weight:400
}
.remote-tool:hover {
  transform:none;
  box-shadow:0 3px 5px #00000026
}
.remote-tool img {
  transition:transform .3s
}
.remote-tool:hover img {
  transform:scale(1.1)
}
.cookie-notice {
  border-radius:16px;
  box-shadow:0 35px 34px -10px #0003
}
.cookie-notice a {
  color:#253035
}
.support-dialog {
  inset:auto 20px 20px auto;
  margin:0;
  width:350px;
  padding:0;
  border-radius:25px;
  overflow:visible;
  background:linear-gradient(#ffffffb0,#fff 35%),url('images/2025--05--QS-700-250525.jpg') center top/cover;
  box-shadow:0 15px 25px #0003
}
.support-dialog::backdrop {
  background:transparent;
  backdrop-filter:none
}
.support-dialog>.dialog-logo {
  position:absolute;
  top:-40px;
  left:calc(50% - 45px);
  width:90px;
  height:90px;
  border-radius:50%;
  padding:15px;
  background:#fff;
  box-shadow:0 5px 10px #00000008
}
.support-dialog .support-body {
  max-height:calc(100dvh - 110px);
  overflow:auto;
  padding:65px 20px 20px
}
.support-dialog h2 {
  font-size:1.25rem;
  font-weight:300;
  margin:0 0 5px
}
.support-dialog .support-body>p {
  font-size:0.875rem;
  font-weight:500;
  margin-bottom:35px
}
.support-section summary {
  display:block;
  list-style:none;
  padding:13px 10px;
  background:#f5f5f5;
  color:var(--ink);
  border-radius:30px;
  font-weight:500;
  cursor:pointer;
  font-size:0.875rem
}
.support-section summary::-webkit-details-marker {
  display:none
}
.support-section[open]>summary {
  background:var(--blue);
  color:white
}
.support-section+.support-section {
  margin-top:10px
}
.contact-methods {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:25px
}
.contact-method {
  display:flex;
  align-items:center;
  gap:15px;
  border:1px solid currentColor;
  border-radius:40px;
  padding:8px 20px;
  color:#222;
  min-height:56px;
  text-align:right
}
.contact-method svg {
  width:22px;
  height:22px
}
.contact-method span {
  display:flex;
  flex-direction:column
}
.contact-method strong {
  font-size:0.875rem;
  font-weight:700
}
.contact-method small {
  font-size:0.75rem;
  font-weight:300;
  color:#999
}
.contact-method.whatsapp {
  color:#4ec782
}
.contact-method.telegram {
  color:#48b0c7
}
.contact-method.email {
  color:#ce365e
}
.contact-method.phone {
  background:#009969;
  border:0;
  color:#fff;
  justify-content:center
}
.support-section .contact-form {
  gap:15px
}
.support-section .contact-form input,.support-section .contact-form textarea {
  border-radius:20px
}
.support-section .contact-form .pill {
  background:var(--orange);
  color:var(--blue)
}
.offer-dialog {
  width:500px;
  max-width:calc(100% - 20px);
  padding:25px 30px;
  background:#fff
}
.offer-purchase {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:1rem;
  font-weight:400;
  line-height:20px;
  padding:15px;
  background:var(--orange);
  color:var(--blue);
  border-radius:50px;
  box-shadow:0 15px 15px -5px #f99e3b2e
}
.offer-purchase:hover {
  background:#ffb462
}
.offer-phone {
  display:block;
  font-size:0.8125rem;
  margin-bottom:20px
}
@media(max-width:767px) {
  .support-dialog {
    right:10px;
    bottom:10px;
    width:350px;
    max-width:calc(100% - 20px)
  }
  .software-caption h2 {
    font-size:0.9375rem
  }
  .software-caption p {
    font-size:0.8125rem
  }
  .category-card h2 {
    font-size:0.9375rem
  }
  .offer-dialog {
    padding-inline:10px
  }
}
@media(min-width:1025px) {
  .remote-tools {
    margin-bottom:0
  }
  .remote-tool {
    height:153.375px;
    min-height:153.375px;
    justify-content:flex-start;
    gap:13px;
    padding:10px 10px 20px
  }
  .remote-tool.anydesk,.remote-tool.teamviewer {
    padding:19px 10px 30px
  }
  .search-box form {
    border-width:5px;
    padding:3px 0
  }
  .ip-address {
    height:61px;
    padding:10px
  }
}
@media(max-width:767px) {
  .home-hero .hero-inner {
    padding-top:80px
  }
  .remote-tools {
    width:320px;
    gap:20px;
    margin-bottom:0
  }
  .remote-tool {
    height:133.375px;
    min-height:133.375px;
    justify-content:flex-start;
    padding:10px 10px 20px;
    gap:13px
  }
  .remote-tool.anydesk,.remote-tool.teamviewer {
    padding:19px 10px 30px
  }
  .remote-tool img {
    width:52px;
    height:52px
  }
  .remote-tool h2 {
    font-size:1rem;
    line-height:1.2
  }
  .home-hero .site-banner {
    margin-bottom:50px
  }
  .search-box form {
    padding:3px 0
  }
  .search-input input {
    font-size:0.9375rem;
    height:48px;
    padding:15px 45px 15px 15px
  }
  .search-input>svg {
    right:15px;
    width:20px;
    height:20px
  }
  .search-category {
    width:120px
  }
  .search-category select {
    font-size:0.9375rem
  }
  .search-box form>button {
    width:48px;
    height:48px;
    flex-basis:48px
  }
  .extensions-promo {
    flex-direction:column;
    gap:40px;
    text-align:center;
    margin-top:15vh;
    padding:30px
  }
  .extensions-promo .browser-icons {
    order:-1;
    width:100%;
    flex-wrap:nowrap
  }
  .browser-icons img {
    width:80px;
    height:80px
  }
  .extensions-promo h2 {
    font-size:1.5625rem
  }
  .extensions-promo p {
    font-size:1rem
  }
  .single-hero .breadcrumbs {
    display:none
  }
  .single-layout>.software-sidebar {
    margin-top:-50px
  }
  .software-summary h1 {
    font-size:1.125rem
  }
  .software-summary .software-logo {
    width:105px;
    height:105px
  }
  .software-summary {
    padding:50px
  }
  .software-summary .software-description {
    font-size:0.9375rem;
    line-height:21px;
    margin-bottom:25px
  }
  .cookie-title {
    flex-direction:column;
    align-items:flex-start;
    gap:20px
  }
  .cookie-title h2 {
    font-size:1.125rem;
    width:100%;
    text-align:right
  }
  .cookie-notice p {
    font-size:0.9375rem;
    line-height:1.5
  }
  .guide-hero {
    padding-top:80px
  }
  .guide-hero .site-banner {
    height:auto
  }
  .guide-heading {
    flex-direction:column
  }
  .guide-heading>div {
    width:100%;
    text-align:center
  }
  .guide-heading .guide-cover {
    order:-1;
    width:100%;
    max-width:100%;
    height:220px
  }
  .guide-body>.entry-content {
    padding:20px 20px 50px
  }
  .guide-feedback {
    flex-wrap:wrap;
    padding:80px 20px 40px
  }
  .guide-feedback h2 {
    width:100%
  }
  .extension-single>.extension-list {
    width:100%
  }
  .extension-single>.software-sidebar {
    margin-top:-50px
  }
  .extension-hero .site-banner {
    margin-bottom:30px
  }
  .extension-summary-body h1 {
    font-size:1.125rem
  }
  .directory-grid,.qs-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .qs-card {
    padding:15px;
    gap:10px;
    flex-direction:column;
    text-align:center
  }
  .qs-card strong {
    font-size:0.875rem
  }
  .qs-header img {
    width:110px
  }
}
.accessibility-toggle {
  position:fixed;
  bottom:15px;
  left:30px;
  z-index:45;
  border-radius:50%;
  width:38px;
  height:38px;
  padding:6px;
  background:var(--blue);
  color:#fff;
  box-shadow:var(--shadow)
}
.accessibility-toggle svg {
  width:100%;
  height:100%
}
.accessibility-panel {
  position:fixed;
  bottom:65px;
  left:20px;
  width:360px;
  max-width:calc(100% - 40px);
  max-height:calc(100dvh - 100px);
  overflow:auto;
  z-index:55;
  background:#fff;
  border-radius:20px;
  box-shadow:0 10px 40px #0003;
  color:#253035;
  font-family:Arial,sans-serif
}
.accessibility-panel[hidden] {
  display:none
}
.accessibility-header {
  display:flex;
  align-items:center;
  gap:10px;
  padding:20px;
  border-bottom:1px solid #ddd
}
.accessibility-header h2 {
  flex:1;
  font-size:1.375rem
}
.accessibility-header button {
  background:#f1f4f6;
  border-radius:10px;
  padding:6px;
  color:#253035
}
.accessibility-options {
  padding:20px
}
.accessibility-options h3 {
  font-size:1.0625rem;
  margin:20px 0 10px
}
.accessibility-options h3:first-child {
  margin-top:0
}
.accessibility-options>label {
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #e5e8ec;
  padding:12px;
  margin-bottom:8px;
  border-radius:10px;
  font-size:0.9375rem
}
.accessibility-options select {
  min-width:100px;
  margin-right:auto;
  border:1px solid #ddd;
  border-radius:5px
}
.accessibility-statement {
  display:block;
  text-align:center;
  padding:15px;
  border-top:1px solid #ddd
}
.accessibility-options nav a {
  display:block;
  padding:8px;
  border-bottom:1px solid #ddd;
  font-size:0.8125rem
}
.a11y-readable main,.a11y-readable main * {
  font-family:Arial,sans-serif!important
}
.a11y-gray>header,.a11y-gray>main,.a11y-gray>footer,.a11y-gray>dialog {
  filter:grayscale(1)
}
.a11y-images main img {
  visibility:hidden
}
.a11y-images main [style*="background-image"] {
  background-image:none!important
}
.a11y-motion *,.a11y-motion *:before,.a11y-motion *:after {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important
}
.a11y-links main a {
  text-decoration:underline!important;
  text-decoration-thickness:2px!important
}
.a11y-focus :focus {
  outline:4px solid #f99e3b!important;
  outline-offset:4px!important
}
body[data-a11y-contrast="dark"] main,body[data-a11y-contrast="dark"] main * {
  background-color:#111!important;
  color:#fff!important;
  border-color:#fff!important
}
body[data-a11y-contrast="light"] main,body[data-a11y-contrast="light"] main * {
  background-color:#fff!important;
  color:#111!important;
  border-color:#111!important
}
body[data-a11y-line="on"] main p,body[data-a11y-line="on"] main h1,body[data-a11y-line="on"] main h2,body[data-a11y-line="on"] main h3 {
  line-height:var(--s700-line)!important
}
body[data-a11y-align="right"] main p,body[data-a11y-align="right"] main h1,body[data-a11y-align="right"] main h2 {
  text-align:right!important
}
body[data-a11y-align="left"] main p,body[data-a11y-align="left"] main h1,body[data-a11y-align="left"] main h2 {
  text-align:left!important
}
body[data-a11y-align="center"] main p,body[data-a11y-align="center"] main h1,body[data-a11y-align="center"] main h2 {
  text-align:center!important
}
.reading-mask {
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:54;
  background:linear-gradient(to bottom,#0009 0,#0009 calc(var(--reading-y,50vh) - 60px),transparent calc(var(--reading-y,50vh) - 60px),transparent calc(var(--reading-y,50vh) + 60px),#0009 calc(var(--reading-y,50vh) + 60px),#0009 100%)
}
.reading-mask[hidden] {
  display:none
}
.download-links .download-button {
  line-height:1;
  flex-direction:row-reverse;
}
.download-links .download-button.primary svg { width:15px; height:15px; }
.contact-form .honey { left:auto; inset-inline-start:0; width:1px; height:1px; margin:-1px; padding:0; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; overflow:hidden; }
.download-links .download-site {
  background:var(--blue);
  color:#fff;
}
@media(max-width:767px) {
  .single-hero {
    padding-top:50px;
  }
  .single-hero .hero-inner {
    width:100%;
  }
  .single-hero .site-banner {
    margin:10px 0 30px;
  }
  .single-layout>.software-sidebar {
    padding:10px;
  }
  .software-summary {
    padding:30px;
  }
  .software-summary>a[data-lightbox] {
    display:block;
    padding:20px;
    line-height:0;
  }
  .software-summary h1 {
    line-height:1;
  }
  .software-summary .software-description {
    padding:10px 0;
    margin:0 0 20px;
  }
}