html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.uv-page :focus-visible { outline: 2px solid #4636F0; outline-offset: 3px; }
.uv-page .uv-composer-input:focus-visible { outline: none; } 
.uv-nav.is-open .uv-mobile-panel { display: flex; }
.uv-nav.is-open { background-color: #FFFFFF; }
@media (min-width: 992px) { .uv-mobile-panel { display: none !important; } }
.uv-pricing .uv-price-annual, .uv-pricing.uv-annual .uv-price-monthly { display: none; }
.uv-pricing.uv-annual .uv-price-annual { display: flex; }
.uv-rich > :first-child { margin-top: 0; }
.uv-rich h2 { margin: 56px 0 16px; font-size: 32px; font-weight: 700; line-height: 1.15; letter-spacing: -0.025em; text-wrap: balance; }
.uv-rich h3 { margin: 40px 0 12px; font-size: 19px; font-weight: 700; line-height: 1.35; }
.uv-rich h4, .uv-rich h5, .uv-rich h6 { margin: 32px 0 8px; font-size: 17px; font-weight: 700; line-height: 1.4; }
.uv-rich p { margin: 0 0 20px; }
.uv-rich ul, .uv-rich ol { margin: 0 0 24px; padding-left: 24px; }
.uv-rich li { margin-bottom: 8px; }
.uv-rich a { color: #4636F0; text-decoration: underline; }
.uv-rich strong { font-weight: 700; }
.uv-rich blockquote { margin: 32px 0; padding: 0 0 0 24px; border-left: 3px solid #D8D0FB; font-size: 22px; line-height: 1.5; }
.uv-rich figure { margin: 40px 0; }
.uv-rich figure img, .uv-rich img { display: block; width: 100%; height: auto; border-radius: 20px; }
.uv-rich figcaption { margin-top: 10px; font-size: 13px; line-height: 1.4; color: #5E5B72; }
@media (max-width: 767px) { .uv-rich { font-size: 17px; } .uv-rich h2 { font-size: 26px; } }
.uv-consent.is-open { display: flex; }
.uv-newsletter.is-done .uv-newsletter-form { display: none; }
.uv-newsletter.is-done .uv-newsletter-done { display: block; }
.uv-newsletter.is-failed .uv-newsletter-fail { display: block; }
.uv-motion .uv-draw-line { clip-path: inset(0 100% 0 0); }
.uv-motion .uv-draw-fade { opacity: 0; }
.uv-card-grid[data-tone="sky"] > .uv-card:nth-child(odd) { background-color: #EEF5FF; }
.uv-card-grid[data-tone="butter"] > .uv-card:nth-child(odd) { background-color: #FFF6DB; }
.uv-feature-more { display: inline-flex; align-items: center; gap: 10px; padding: 0; border: 0; background: transparent; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.uv-feature-plus { flex-shrink: 0; width: 22px; height: 22px; padding: 4px; border: 1px solid #E4E1EC; border-radius: 999px; color: #0E0D14; }
.uv-feature-more:hover .uv-feature-plus { background-color: #ECE8FE; }
.uv-feature-more:focus-visible { outline: 2px solid #4636F0; outline-offset: 4px; border-radius: 6px; }
.uv-box-close:hover { background-color: #ECE8FE; }
.uv-box-pop:popover-open { display: flex; flex-direction: column; gap: 12px; }
.uv-box-pop::backdrop { background-color: rgba(14, 13, 20, 0.32); }
.uv-feature-play { padding: 5px 4px 5px 6px; }
.uv-clip { display: flex; align-items: center; gap: 14px; }
.uv-clip-play { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 999px; background-color: #4636F0; color: #FFFFFF; cursor: pointer; }
.uv-clip-play:focus-visible { outline: 2px solid #4636F0; outline-offset: 3px; }
.uv-clip-play svg { width: 20px; height: 20px; }
.uv-clip-seek { --uv-seek: 0%; flex: 1; min-width: 0; height: 20px; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; }
.uv-clip-seek::-webkit-slider-runnable-track { height: 4px; border-radius: 999px; background: linear-gradient(#0E0D14, #0E0D14) 0 0 / var(--uv-seek) 100% no-repeat, #D8D0FB; }
.uv-clip-seek::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5px; border: 0; border-radius: 999px; background: #0E0D14; }
.uv-clip-seek::-moz-range-track { height: 4px; border-radius: 999px; background: #D8D0FB; }
.uv-clip-seek::-moz-range-progress { height: 4px; border-radius: 999px; background: #0E0D14; }
.uv-clip-seek::-moz-range-thumb { width: 14px; height: 14px; border: 0; border-radius: 999px; background: #0E0D14; }
.uv-clip-seek:focus-visible { outline: 2px solid #4636F0; outline-offset: 4px; border-radius: 4px; }
.uv-clip-time { flex-shrink: 0; min-width: 76px; font-size: 13px; line-height: 1.3; font-variant-numeric: tabular-nums; text-align: right; color: #5E5B72; }
.uv-box-line:hover { background-color: #ECE8FE; }
.uv-box-line:focus-visible { outline: 2px solid #4636F0; outline-offset: 0; }
.uv-box-line.uv-is-active { background-color: #D8D0FB; }
.uv-box-say:lang(zh) { font-family: "Hanken Grotesk", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; font-weight: 400; }
.uv-box-audio.uv-is-playing .uv-box-line:not(.uv-is-active) .uv-box-say { color: #5E5B72; }
@media (prefers-reduced-motion: no-preference) { .uv-box-line, .uv-box-say { transition: background-color .25s ease, color .25s ease; } }
.uv-nav.uv-nav-float { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background-color: #FFFFFF; transform: translateY(-100%); }
.uv-nav.uv-nav-float.uv-nav-in { transform: translateY(0); box-shadow: 0 8px 30px rgba(14, 13, 20, 0.06); }
@media (prefers-reduced-motion: no-preference) { .uv-nav.uv-nav-float.uv-nav-anim { transition: transform .32s cubic-bezier(.2, .7, .2, 1), box-shadow .32s; } }
.uv-mark::before { content: ""; position: absolute; left: -0.18em; right: -0.18em; top: 0.38em; bottom: 0.2em; z-index: -1; border-radius: 999px; background-color: #D8D0FB; }
.uv-starter.uv-is-active { border-color: #4636F0; background-color: #ECE8FE; }
.uv-starter:focus-visible { outline: 2px solid #4636F0; outline-offset: 2px; }
.uv-hero-l3[data-lang="sv"] .uv-note-img { height: 74px; margin-top: 18px; }
.uv-hero-l3[data-lang="sv"] .uv-note-line { height: 56px; }
.uv-hero-l3[data-lang="sv"] .uv-note-arrow-m { top: 66px; }
@media (max-width: 767px) {
  .uv-mark { white-space: normal; text-decoration-line: underline; text-decoration-color: #D8D0FB; text-decoration-thickness: 0.42em; text-underline-offset: -0.3em; text-decoration-skip-ink: none; }
  .uv-mark::before { display: none; }
  .uv-hero-a2 .uv-prompt { padding-left: 0; padding-right: 0; }
  .uv-hero-l3[data-lang="sv"] .uv-note-arrow-m { top: 67px; }
}