@charset "UTF-8";
.header-actions{display:flex;align-items:center;gap:23px;min-width:0}
html:is(:lang(en),.localized-page) .overview .r-title{font-size:clamp(2.65rem,4.4vw,3.65rem);line-height:1.17;letter-spacing:-.045em;max-width:590px}
html:is(:lang(en),.localized-page) .r-kicker{letter-spacing:.045em}
html:is(:lang(en),.localized-page) .r-lede{line-height:1.8;margin-top:27px}
html:is(:lang(en),.localized-page) .r-section h2,html:is(:lang(en),.localized-page) .r-download h2{line-height:1.22;letter-spacing:-.035em}
html:is(:lang(en),.localized-page) .r-section h3{line-height:1.4;letter-spacing:-.02em}
html:is(:lang(en),.localized-page) .r-eyebrow{letter-spacing:.06em}
html:is(:lang(en),.localized-page) .r-section-intro,html:is(:lang(en),.localized-page) .r-point p,html:is(:lang(en),.localized-page) .r-screen-tile p{line-height:1.8}
html:is(:lang(en),.localized-page) .r-screen-strip{align-items:stretch}
html:is(:lang(en),.localized-page) .r-screen-tile{display:flex;flex-direction:column}
html:is(:lang(en),.localized-page) .r-screen-tile img{margin-top:auto}
html:is(:lang(en),.localized-page) .r-screen-tile p{padding-bottom:29px;margin-bottom:0}
html:is(:lang(en),.localized-page) .o-review-card p{line-height:1.8;overflow-wrap:normal}
html:is(:lang(en),.localized-page) .o-price-caption{font-size:11px}
@media(max-width:1100px){
 .header-actions{gap:15px}.header-actions .nav-links{gap:18px}
 html:is(:lang(en),.localized-page) .overview .r-title{font-size:clamp(2.4rem,4.4vw,3.1rem)}
}
@media(min-width:801px) and (max-width:1000px){
 .header-actions .nav-links>a:not(.nav-button){display:none}
}
@media(max-width:800px){
 .header-actions .nav-links{display:none}
 .header-actions{gap:0}
 html:is(:lang(en),.localized-page) .overview .r-title{font-size:clamp(2.15rem,8.4vw,3.7rem);line-height:1.18;max-width:590px}
 html:is(:lang(en),.localized-page) .r-hero-grid{padding-top:38px}
 html:is(:lang(en),.localized-page) .r-section h2,html:is(:lang(en),.localized-page) .r-download h2{line-height:1.28}
 html:is(:lang(en),.localized-page) .o-price-equivalent .o-price-unit{white-space:normal;line-height:1.4}
 html:is(:lang(en),.localized-page) .o-price-equivalent{gap:2px}
 html:is(:lang(en),.localized-page) .o-feature-col{width:44%}
 html:is(:lang(en),.localized-page) .o-free-col{width:21%}
 html:is(:lang(en),.localized-page) .o-paid-col{width:35%}
 html:is(:lang(en),.localized-page) .o-plan-table tbody th{line-height:1.6}
 html:is(:lang(en),.localized-page) .o-plan-table tbody td{line-height:1.6}
}
@media(max-width:380px){
 html:is(:lang(en),.localized-page) .overview .r-title{font-size:1.75rem}
 html:is(:lang(en),.localized-page) .overview .r-kicker{font-size:11px;letter-spacing:.025em}
}

/* Native language names stay readable in both writing directions. */
.language-menu{position:relative;flex-shrink:0;z-index:10;font-size:13px}
.language-menu summary{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 0;font-weight:600;cursor:pointer;list-style:none;white-space:nowrap}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu[open] summary{color:var(--accent)}
.language-options{position:absolute;inset-inline-end:0;top:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:286px;max-height:min(540px,70vh);overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 32px #103d4920;text-align:start}
.language-options a{min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:7px;white-space:nowrap;font-size:14px;letter-spacing:0}
.language-options a:hover{background:#eff9fa}
.language-options a[aria-current=page]{color:var(--accent);background:#e5f6f8;font-weight:700}
html.localized-page .brand{min-width:0;flex-shrink:1}
html.localized-page .brand span small{letter-spacing:0;line-height:1.35;max-width:20em}
html.localized-page .r-title,html.localized-page .r-section h2{overflow-wrap:break-word}
html.localized-page .o-plan-table th,html.localized-page .o-plan-table td{overflow-wrap:anywhere;hyphens:auto}
html.localized-page .o-price-period,html.localized-page .o-price-unit{white-space:normal}
html.localized-page .o-price-billing{white-space:normal;max-width:100%}
html.localized-page .o-price-billing>span:first-child{unicode-bidi:isolate}
html.localized-page .o-price-equivalent strong{unicode-bidi:isolate;max-width:100%;overflow-wrap:normal;white-space:nowrap}
html:is(:lang(zh),:lang(ko)) .overview .r-title{line-height:1.5;letter-spacing:-.035em}
html:is(:lang(zh),:lang(ko)) .r-section h2{line-height:1.5}
html:is(:lang(ar),:lang(th),:lang(hi)) .overview .r-title,
html:is(:lang(ar),:lang(th),:lang(hi)) .r-section h2,
html:is(:lang(ar),:lang(th),:lang(hi)) .r-section h3{letter-spacing:0;line-height:1.6}
html:is(:lang(ar),:lang(th),:lang(hi)) .r-kicker,
html:is(:lang(ar),:lang(th),:lang(hi)) .r-eyebrow{letter-spacing:0}
html[dir=rtl] .o-hero-pair{direction:ltr}
html[dir=rtl] .r-pair-label{direction:rtl}
html[dir=rtl] .r-kicker:before{margin-right:0;margin-left:10px}
html[dir=rtl] .r-flow .flow-arrow{transform:scaleX(-1)}
html[dir=rtl] .o-plan-table tbody th{text-align:start}
html[dir=rtl] .o-faq summary{padding-right:0;padding-left:30px}
html[dir=rtl] .o-faq summary:after{right:auto;left:0}
html[dir=rtl] .o-faq details p{padding-right:0}
html[dir=rtl] [data-rating-score]{display:inline-block;direction:ltr}
html[dir=rtl] [data-rating-score][hidden]{display:none}
@media(max-width:1200px){html.localized-page .header-actions .nav-links>a:not(.nav-button){display:none}}
@media(max-width:800px){
 .site-header{gap:12px}
 html.localized-page .brand span small{max-width:11em;font-size:11px}
 html.localized-page .o-price-equivalent strong{font-size:clamp(16px,5vw,23px)}
 html:lang(ar) .o-price-equivalent strong{font-size:clamp(15px,4.4vw,21px)}
 html.localized-page .r-flow .item{min-width:0;line-height:1.6}
 .language-options{width:min(286px,calc(100vw - 40px))}
}
@media(max-width:380px){.language-menu{font-size:12px}.language-menu summary{gap:4px}}