/* Generated by scripts/build_public_home_css_bundle.py. Do not edit directly. */

/* Strizh CSS source: fonts.css */
@font-face{font-family:Manrope;src:url('/fonts/manrope-400.woff2') format('woff2'),url('/fonts/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-500.woff2') format('woff2'),url('/fonts/manrope-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-600.woff2') format('woff2'),url('/fonts/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-700.woff2') format('woff2'),url('/fonts/manrope-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-800.woff2') format('woff2'),url('/fonts/manrope-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}

/* Strizh CSS source: account.css */
:root {
  font-family:Manrope,sans-serif;
  color:#252535;
  background:#f3f1f8
}
* {
  box-sizing:border-box
}
body {
  margin:0;
  min-height:100vh;
  background:radial-gradient(circle at 15% 10%,#e4ddff 0,transparent 37%),#f7f6fa
}
.shell {
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(250px,.78fr) minmax(320px,1.12fr) minmax(330px,.88fr);
  align-items:center;
  gap:24px;
  padding:6vh 4vw
}
.intro {
  max-width:520px
}
.logo-link {
  display:inline-block;
  text-decoration:none
}
.logo {
  width:126px;
  height:auto;
  margin-bottom:44px
}
.eyebrow {
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  color:#7564d9;
  margin:0 0 14px
}
h1 {
  font:700 clamp(42px,3.25vw,56px)/1.08 Manrope,sans-serif;
  letter-spacing:-.072em;
  margin:0;
  color:#272437
}
.lead {
  font-size:16px;
  line-height:1.65;
  color:#676477;
  max-width:520px;
  margin:26px 0
}
.points {
  display:flex;
  flex-wrap:wrap;
  gap:10px
}
.points span {
  background:#fff;
  border:1px solid #e6e2ef;
  border-radius:99px;
  padding:10px 15px;
  font-size:13px;
  color:#585469
}
.download-buttons {
  position:fixed;
  z-index:5;
  top:24px;
  right:28px;
  display:flex;
  align-items:center;
  gap:9px
}
.download-button {
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:11px 16px;
  border-radius:14px;
  background:#272437;
  color:#fff;
  text-decoration:none;
  box-shadow:0 12px 35px #27243728
}
.download-button svg {
  width:23px;
  height:23px;
  fill:currentColor
}
.download-button span {
  display:flex;
  flex-direction:column;
  gap:1px
}
.download-button b {
  font-size:12px
}
.download-button small {
  color:#c8c1f5;
  font-size:9px
}
.windows-download {
  background:#1f2430
}
.site-menu {
  position:fixed;
  z-index:30;
  top:20px;
  left:22px
}
.site-menu summary {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:30px;
  height:30px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  list-style:none;
  opacity:.92;
  transition:opacity .15s ease,transform .15s ease
}
.site-menu summary:hover,.site-menu[open] summary {
  opacity:1;
  transform:translateY(-1px)
}
.site-menu summary::-webkit-details-marker {
  display:none
}
.site-menu summary span {
  display:block;
  width:21px;
  height:3px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 5px rgba(31,28,42,.22)
}
.site-menu[open] summary {
  background:transparent;
  box-shadow:none
}
.site-menu[open] summary span {
  background:#fff
}
.site-menu-panel {
  position:absolute;
  top:36px;
  left:0;
  width:min(310px,calc(100vw - 34px));
  display:grid;
  gap:5px;
  padding:10px;
  border:1px solid #e5e1ef;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 22px 58px #3f345326;
  backdrop-filter:blur(14px)
}
.site-menu-panel a {
  display:flex;
  align-items:center;
  min-height:36px;
  padding:8px 11px;
  border-radius:11px;
  color:#514b61;
  text-decoration:none;
  font:800 11.5px/1.25 Manrope,sans-serif
}
.site-menu-panel a:hover {
  background:#f4f1ff;
  color:#6756e8;
  text-decoration:none
}
.site-menu-panel .site-menu-main {
  margin-bottom:4px;
  background:#f2f0fb;
  color:#6756e8;
  font-size:12.5px
}
.mac-app .download-buttons {
  display:none
}
.card {
  width:100%;
  max-width:440px;
  justify-self:end;
  background:#fff;
  border:1px solid #e7e4ed;
  border-radius:28px;
  padding:18px 32px 32px;
  box-shadow:0 30px 80px #3f34531a
}
.tabs {
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:5px;
  background:#f2f0f6;
  border-radius:14px;
  margin:0 0 38px
}
.tabs button {
  border:0;
  background:transparent;
  padding:13px 8px;
  border-radius:10px;
  color:#777283;
  font:600 13px Manrope;
  cursor:pointer
}
.tabs button.active {
  background:#fff;
  color:#332e43;
  box-shadow:0 3px 12px #31274712
}
form {
  display:grid;
  gap:19px
}
form[hidden] {
  display:none
}
h2,.form-title {
  font:700 34px/1.08 Manrope,sans-serif;
  letter-spacing:-.064em;
  margin:0 0 8px;
  color:#292638
}
.form-title {
  display:block
}
label {
  display:grid;
  gap:8px;
  font-size:13px;
  font-weight:600;
  color:#4f4b5c
}
input {
  width:100%;
  border:1px solid #dedbe6;
  border-radius:12px;
  padding:14px 15px;
  font:500 15px Manrope;
  outline:none;
  background:#fcfcfd
}
input:focus {
  border-color:#7564d9;
  box-shadow:0 0 0 3px #7564d918
}
#account-reset-code-fields {
  display:grid;
  gap:19px
}
.remember-device {
  display:flex;
  grid-template-columns:none;
  align-items:center;
  gap:10px;
  color:#686275;
  font-size:12px
}
.remember-device input {
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-grid!important;
  place-content:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1.25px solid #3b4054!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:0 2px 5px rgba(37,48,74,.07)!important;
  cursor:pointer;
  flex:0 0 18px!important;
  vertical-align:middle!important;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease
}
.remember-device input:checked {
  border-color:#3b4054!important;
  background-color:#6756e8!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.1 9.2 7.3 12.4 13.9 5.6' fill='none' stroke='white' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:82% 82%!important;
  box-shadow:0 4px 11px rgba(108,92,231,.20)!important
}
.remember-device input:focus-visible {
  outline:0!important;
  box-shadow:0 0 0 3px rgba(108,92,231,.14),0 4px 11px rgba(108,92,231,.18)!important
}
.account-consent {
  display:flex;
  grid-template-columns:none;
  align-items:flex-start;
  gap:10px;
  color:#686275;
  font-size:12px;
  line-height:1.55
}
.account-consent input {
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-grid!important;
  place-content:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:1px 0 0!important;
  padding:0!important;
  border:1.25px solid #3b4054!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:0 2px 5px rgba(37,48,74,.07)!important;
  cursor:pointer;
  flex:0 0 18px!important;
  vertical-align:middle!important;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease
}
.account-consent input:checked {
  border-color:#3b4054!important;
  background-color:#6756e8!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.1 9.2 7.3 12.4 13.9 5.6' fill='none' stroke='white' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:82% 82%!important;
  box-shadow:0 4px 11px rgba(108,92,231,.20)!important
}
.account-consent input:focus-visible {
  outline:0!important;
  box-shadow:0 0 0 3px rgba(108,92,231,.14),0 4px 11px rgba(108,92,231,.18)!important
}
.account-consent a {
  color:#6756e8;
  font-weight:800;
  text-decoration:none
}
.account-consent a:hover,.legal-links a:hover {
  text-decoration:underline
}
.legal-links {
  display:flex;
  justify-content:center;
  margin-top:4px;
  color:#8f8a99;
  font-size:12px;
  line-height:1.2
}
.legal-links a {
  color:#8f8a99;
  font-weight:700;
  text-decoration:none
}
.submit {
  border:0;
  border-radius:13px;
  padding:15px;
  background:#6756e8;
  color:#fff;
  font:700 14px Manrope;
  cursor:pointer;
  margin-top:4px
}
.submit:hover {
  background:#5948d5
}
.submit:disabled {
  opacity:.65
}
form small {
  color:#898493;
  line-height:1.5;
  text-align:center
}
.form-copy {
  color:#777283;
  line-height:1.6;
  margin:0
}
.text-button {
  border:0;
  background:transparent;
  color:#6756e8;
  font:600 13px Manrope;
  cursor:pointer;
  padding:3px
}
#verify-panel {
  padding:22px 0
}
#message {
  min-height:22px;
  margin:18px 0 0;
  text-align:center;
  font-size:13px
}
#message:empty {
  min-height:0;
  margin:5px 0 0
}
.error {
  color:#b8404f
}
.success {
  color:#38805a
}
.account-update-modal[hidden] {
  display:none
}
.account-update-modal {
  position:fixed;
  inset:0;
  z-index:50;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(28,35,52,.42);
  backdrop-filter:blur(8px);
  animation:accountUpdateIn .18s ease both
}
.account-update-panel {
  width:min(640px,calc(100vw - 56px));
  max-height:95vh;
  overflow:auto;
  background:#fff;
  border-radius:20px;
  padding:34px 36px;
  box-shadow:0 24px 80px rgba(38,43,65,.18);
  display:grid;
  gap:18px;
  text-align:left;
  font-family:Manrope,sans-serif;
  animation:accountUpdatePanelIn .24s cubic-bezier(.2,.8,.2,1) both
}
.account-update-head {
  display:block;
  margin-bottom:2px
}
.account-update-panel h2 {
  font-family:Manrope,sans-serif;
  font-size:34px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.064em;
  margin:0
}
.account-update-panel .eyebrow {
  margin:0 0 8px;
  color:#6656df
}
.account-update-text {
  margin:0;
  color:#676477;
  line-height:1.45
}
.account-update-progress {
  width:100%;
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:#edf0f5;
  box-shadow:inset 0 1px 2px rgba(32,39,56,.08)
}
.account-update-progress i {
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#6656df,#08aead);
  transition:width .2s ease
}
.account-update-progress-label {
  display:block;
  color:#6656df;
  font-size:22px;
  text-align:center
}
.account-update-actions {
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:4px
}
.account-update-actions .secondary {
  border:1px solid #e5e1ef;
  background:#fff;
  color:#292638;
  border-radius:13px;
  padding:13px 18px;
  font:800 13px Manrope;
  cursor:pointer
}
@media(max-width:600px) {
  .account-update-panel {
    width:min(450px,calc(100vw - 40px));
    padding:28px;
    gap:14px
  }
  .account-update-panel h2 {
    font-size:28px;
    line-height:1.1
  }
}
@keyframes accountUpdateIn {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes accountUpdatePanelIn {
  from {
    opacity:0;
    transform:translateY(14px) scale(.98)
  }
  to {
    opacity:1;
    transform:none
  }
}
.product-preview {
  align-self:center
}
.product-preview img {
  display:block;
  width:100%;
  height:auto;
  border-radius:20px;
  box-shadow:0 22px 55px #5545771d
}
.seo-content {
  grid-column:1/-1;
  background:#fff;
  border:1px solid #e7e4ed;
  border-radius:28px;
  padding:34px 38px;
  box-shadow:0 18px 55px #3f345312
}
.seo-content-collapsed {
  padding:26px 38px
}
.seo-details summary {
  cursor:pointer;
  color:#8a8494;
  font:700 13px Manrope
}
.seo-details summary::marker,.seo-details summary::-webkit-details-marker {
  color:#8a8494
}
.seo-details-body {
  margin-top:28px
}
.seo-content h2 {
  font-size:30px
}
.seo-content p {
  color:#676477;
  line-height:1.75;
  font-size:15px
}
.seo-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:22px
}
.seo-grid article {
  background:#f8f7fb;
  border:1px solid #edeaf3;
  border-radius:18px;
  padding:20px
}
.seo-grid h2,.seo-grid h3 {
  font:700 15px Manrope;
  margin:0 0 8px;
  color:#292638
}
.seo-grid p {
  font-size:13px;
  margin:0
}
.seo-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:28px
}
.seo-columns article {
  border-top:1px solid #eeeaf5;
  padding-top:24px
}
.seo-columns h2,.seo-faq h2 {
  font-size:25px
}
.seo-columns ul {
  margin:14px 0 0;
  padding-left:20px;
  color:#676477;
  line-height:1.8;
  font-size:15px
}
.seo-faq {
  margin-top:30px;
  padding-top:26px;
  border-top:1px solid #eeeaf5
}
.seo-faq details {
  border:1px solid #edeaf3;
  border-radius:16px;
  background:#f8f7fb;
  margin-top:10px;
  padding:15px 18px
}
.seo-faq summary {
  cursor:pointer;
  font-weight:800;
  color:#292638
}
.seo-faq details p {
  margin:10px 0 0;
  font-size:14px
}
.seo-links {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px
}
.seo-links a {
  padding:10px 14px;
  border-radius:999px;
  background:#f2f0fb;
  color:#5f4ee0;
  text-decoration:none;
  font-size:13px;
  font-weight:800
}
.seo-landing-shell {
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(310px,.92fr) minmax(420px,1.08fr);
  align-items:center;
  gap:34px;
  padding:7vh 5vw
}
.seo-landing-hero {
  max-width:620px;
  min-width:0
}
.seo-landing-hero .logo {
  width:122px;
  margin-bottom:40px
}
.seo-cta {
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:24px
}
.seo-cta .submit {
  display:inline-flex;
  text-decoration:none
}
.seo-landing-content {
  grid-column:1/-1;
  min-width:0
}
.seo-landing-content .seo-grid h2 {
  font-size:15px
}
.seo-breadcrumbs {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:-20px 0 22px;
  color:#8a8494;
  font-size:12px;
  font-weight:700
}
.seo-breadcrumbs a {
  color:#6756e8;
  text-decoration:none
}
.seo-breadcrumbs i {
  color:#b5b0be;
  font-style:normal
}
.seo-article-meta {
  margin:-12px 0 24px;
  color:#8a8494;
  font-size:12px;
  font-weight:700
}
.seo-guide {
  display:grid;
  gap:18px;
  margin-top:30px
}
.seo-guide-section {
  min-width:0;
  padding:26px;
  border:1px solid #e7e4ed;
  border-radius:20px;
  background:#fff
}
.seo-guide-section h2 {
  margin:0 0 12px;
  font-size:23px
}
.seo-guide-section p {
  margin:10px 0 0
}
.seo-guide-section ul,.seo-guide-section ol {
  margin:14px 0 0;
  padding-left:22px;
  color:#676477;
  font-size:15px;
  line-height:1.75
}
.seo-formula,.seo-guide-note {
  margin-top:16px;
  padding:16px 18px;
  border-radius:14px;
  background:#f2f0fb;
  color:#3f376f;
  font-size:14px;
  font-weight:800;
  line-height:1.55
}
.seo-guide-note {
  border-left:4px solid #6756e8;
  font-weight:600
}
.seo-table-wrap {
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  margin-top:18px
}
.seo-table-wrap table {
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  font-size:13px
}
.seo-table-wrap th,.seo-table-wrap td {
  padding:12px 14px;
  border:1px solid #e7e4ed;
  text-align:left;
  vertical-align:top
}
.seo-table-wrap th {
  background:#f2f0fb;
  color:#3f376f
}
.seo-related {
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid #eeeaf5
}
.seo-related h2 {
  margin:0;
  font-size:23px
}
.seo-related .seo-links {
  margin-top:16px
}
.seo-article-gallery {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  align-items:start;
  gap:24px;
  margin:30px 0 0
}
.seo-article-media {
  display:grid;
  justify-items:center;
  gap:14px;
  margin:0
}
.seo-article-media img {
  display:block;
  width:min(100%,360px);
  height:auto;
  border-radius:24px;
  box-shadow:0 22px 55px #55457724
}
.seo-article-media img[width="1440"] {
  width:min(100%,920px)
}
.seo-article-media figcaption {
  max-width:520px;
  color:#676477;
  font-size:13px;
  line-height:1.6;
  text-align:center
}
.account-update-panel h2 {
  font-size:28px!important;
  line-height:1.12!important
}
.account-update-actions #account-update-cancel {
  border:0;
  background:linear-gradient(135deg,#7463ee,#5a49d8);
  color:#fff;
  box-shadow:0 9px 22px rgba(102,84,224,.25)
}
.account-update-actions #account-update-cancel:hover {
  background:linear-gradient(135deg,#806ff4,#6251e0);
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(102,84,224,.3)
}
@media(max-width:900px) {
  .download-buttons {
    display:none
  }
  .site-menu {
    top:14px;
    left:16px
  }
  .shell,.seo-landing-shell {
    grid-template-columns:1fr;
    padding:66px 20px 60px
  }
  .intro {
    display:block
  }
  .intro .logo,.seo-landing-hero .logo {
    width:104px;
    margin-bottom:28px
  }
  .intro h1,.seo-landing-hero h1 {
    font-size:42px
  }
  .card {
    justify-self:center;
    padding:14px 24px 30px;
    border-radius:22px
  }
  .product-preview img {
    border-radius:18px
  }
  .seo-content {
    padding:24px
  }
  .seo-content-collapsed {
    padding:20px 24px
  }
  .seo-grid,.seo-columns {
    grid-template-columns:1fr
  }
  .seo-guide-section {
    padding:20px
  }
  .seo-cta {
    align-items:flex-start;
    flex-direction:column
  }
}
@media(max-width:600px) {
  .account-update-panel h2 {
    font-size:26px!important;
    line-height:1.12!important
  }
}

/* Strizh CSS source: cookie-notice.css */
.cookie-notice {
  position: fixed;
  z-index: 2147483000;
  left: max(18px, env(safe-area-inset-left));
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: min(760px, calc(100vw - 36px));
  margin: 0 auto;
  padding: 14px 16px;
  border: 1px solid rgba(225, 226, 238, .92);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  color: #292638;
  box-shadow: 0 20px 58px rgba(34, 38, 58, .18);
  backdrop-filter: blur(16px);
  font-family: Manrope, sans-serif;
}

.cookie-notice[hidden] {
  display: none !important;
}

.cookie-notice p {
  margin: 0;
  color: #5f6573;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
}

.cookie-notice a {
  color: #6756e8;
  font-weight: 850;
  text-decoration: none;
}

.cookie-notice a:hover {
  text-decoration: underline;
}

.cookie-notice button {
  min-height: 40px;
  border: 0;
  border-radius: 12px;
  padding: 0 16px;
  background: linear-gradient(135deg, #7564f0, #5744d8);
  color: #fff;
  font: 850 12px Manrope, sans-serif;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(103, 86, 232, .26);
}

.cookie-notice button:hover {
  transform: translateY(-1px);
}

.desktop-app .cookie-notice {
  display: none !important;
}

@media (max-width: 560px) {
  .cookie-notice {
    grid-template-columns: 1fr;
    justify-items: stretch;
    padding: 14px;
    border-radius: 16px;
  }

  .cookie-notice button {
    width: 100%;
  }
}