@font-face {
  font-family:Geist;
  src:url('/landing/assets/parity/geist-semibold.woff2') format('woff2');
  font-weight:600;
  font-display:swap
}
@font-face {
  font-family:Geist;
  src:url('/landing/assets/parity/geist-medium.woff2') format('woff2');
  font-weight:500;
  font-display:swap
}
@font-face {
  font-family:Geist;
  src:url('/landing/assets/parity/geist-light.woff2') format('woff2');
  font-weight:300;
  font-display:swap
}
@font-face {
  font-family:Geist;
  src:url('/landing/assets/parity/geist-regular.woff2') format('woff2');
  font-weight:400;
  font-display:swap
}
@font-face {
  font-family:Cairo;
  src:url('/landing/assets/cairo-arabic.woff2') format('woff2');
  font-display:swap
}
@font-face {
  font-family:Poppins;
  src:url('/landing/assets/poppins-latin.woff2') format('woff2');
  font-display:swap
}
:root {
  --background:#f2fbf6;
  --card:#fff;
  --ink:#10201a;
  --muted:#52665c;
  --faint:#52665c;
  --line:#c7d8ce;
  --accent:#067a50;
  --tile:#d8f3e5;
  --pill:#e1efe7;
  --cta:#e5f6ec;
  --button-ink:#fff;
  color-scheme:light;
  font-size:100%
}
:root[data-appearance=dark] {
  --background:#050b09;
  --card:#ffffff0d;
  --ink:#eef6f2;
  --muted:#97aaa1;
  --faint:#91a79b;
  --line:#ffffff17;
  --accent:#1dc97f;
  --tile:#123828;
  --pill:#0e1a15;
  --cta:#08140f;
  --button-ink:#04130c;
  color-scheme:dark
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body.ui-foundation {
  margin:0;
  background:var(--background);
  color:var(--ink);
  font:1.125rem/1.5 Geist,Arial,sans-serif;
  overflow-wrap:normal;
  --ui-green-text:var(--accent)
}
[lang=ar] body.ui-foundation {
  font-family:Cairo,Arial,sans-serif
}
h1,h2,h3,p,ul,ol {
  margin:0
}
h1,h2,h3 {
  font-weight:400
}
p {
  color:var(--muted)
}
a {
  text-decoration:none
}
a,button,select,summary {
  min-block-size:48px;
  min-inline-size:48px
}
a,summary {
  align-items:center
}
a {
  display:inline-flex
}
.ui-foundation a {
  color:inherit
}
a:hover {
  color:var(--accent)
}
main {
  max-inline-size:1200px;
  margin-inline:auto
}
section {
  scroll-margin-block-start:24px
}
button,select {
  font:inherit;
  color:var(--ink);
  background:var(--pill)
}
[hidden] {
  display:none!important
}
.sr-only {
  position:absolute;
  inline-size:1px;
  block-size:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.skip {
  position:absolute;
  inset-block-start:-100px;
  inset-inline-start:16px;
  z-index:10;
  background:var(--background);
  padding:12px
}
.skip:focus {
  inset-block-start:8px
}
.ui-foundation .primary,.ui-foundation .secondary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border-radius:99px;
  min-block-size:54px;
  font:600 1rem/1.4 Poppins,Arial,sans-serif;
  text-align:center;
  white-space:normal;
  max-inline-size:100%
}
.ui-foundation .primary {
  background:var(--accent);
  color:var(--button-ink);
  border:1px solid transparent
}
.ui-foundation .secondary {
  background:var(--pill);
  color:var(--ink);
  border:1px solid var(--line)
}
[lang=ar] .ui-foundation :is(.primary,.secondary) {
  font-family:Cairo,Arial,sans-serif
}
:is(.ui-logo,.footer-logo) {
  gap:7px;
  font:500 1.125rem/1.4 Poppins,Arial,sans-serif;
  white-space:nowrap
}
:is(.ui-logo,.footer-logo) img {
  object-fit:contain
}
.ui-foundation :is(.ui-logo,.footer-logo) {
  color:var(--ink);
  display:inline-flex;
  direction:ltr;
  font:500 1.125rem/1.4 Poppins,Arial,sans-serif
}
:root:not([data-appearance=dark]) :is(.ui-logo,.footer-logo) img {
  filter:brightness(.2)
}
.site-header {
  max-inline-size:1200px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  gap:32px;
  min-block-size:84px
}
.desktop-nav {
  display:flex;
  justify-content:center;
  gap:28px;
  flex:1;
  font-size:.90625rem;
  color:var(--muted)
}
.signin {
  font-size:.90625rem
}
.ui-foundation .header-start {
  min-block-size:48px
}
.menu {
  position:relative;
  display:none
}
.menu summary {
  display:flex;
  justify-content:center;
  cursor:pointer;
  border-radius:99px;
  background:var(--card);
  list-style:none
}
.menu summary::-webkit-details-marker {
  display:none
}
.menu nav {
  position:absolute;
  inset-inline-end:0;
  inset-block-start:56px;
  z-index:5;
  min-inline-size:230px;
  padding:16px;
  background:var(--background);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 10px 30px #0005
}
.menu nav a,.menu nav button {
  display:flex;
  inline-size:100%;
  padding:8px 12px
}
.hero {
  position:relative;
  inline-size:calc(100% + 240px);
  margin-inline:-120px;
  min-block-size:700px;
  overflow:hidden;
  background:radial-gradient(ellipse 500px 300px at 75% 40%,#1dc97f12,transparent)
}
.hero-copy {
  position:relative;
  z-index:2;
  padding-block-start:120px;
  margin-inline-start:120px;
  inline-size:540px;
  display:flex;
  flex-direction:column;
  gap:22px
}
h1 {
  font-size:4rem;
  line-height:1.0625;
  letter-spacing:-.045em
}
.hero-description {
  font-size:1.125rem;
  line-height:28px
}
.hero-actions {
  display:flex;
  gap:12px
}
.hero-guarantee {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.78125rem;
  line-height:18px
}
.hero-guarantee .icon {
  inline-size:14px;
  block-size:14px
}
.proof-stage {
  position:absolute;
  inset-block-start:90px;
  inset-inline-start:520px;
  inline-size:900px;
  block-size:520px
}
.proof-card {
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  background:var(--card);
  border:1px solid var(--line);
  padding:18px;
  border-radius:18px;
  font-size:.8125rem;
  backdrop-filter:blur(8px)
}
.proof-card h3 {
  font-size:.875rem;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:8px;
  line-height:20px
}
.proof-card p {
  font-size:.8125rem;
  line-height:19px
}
.proof-card .icon {
  inline-size:16px;
  block-size:16px
}
.order-proof {
  left:80px;
  inset-block-start:110px;
  inline-size:230px;
  min-block-size:118px
}
.received-proof {
  left:360px;
  inset-block-start:210px;
  inline-size:260px;
  min-block-size:122px;
  gap:10px;
  border-radius:20px
}
.screenshot-proof {
  left:720px;
  inset-block-start:90px;
  inline-size:220px;
  padding:16px;
  min-block-size:81px
}
.screenshot-proof h3,.screenshot-proof p {
  color:#ff7a7f
}
.badge {
  display:inline-flex;
  background:var(--tile);
  color:var(--accent);
  font-size:.75rem;
  font-weight:600;
  line-height:17px;
  padding:4px 10px;
  border-radius:99px
}
.spatial-floor {
  position:absolute;
  inset-block-end:0;
  inset-inline:0;
  block-size:280px;
  overflow:hidden;
  background:url('/landing/assets/parity/spatial-floor.svg') center/cover no-repeat;
  mask-image:linear-gradient(transparent,#000 20%,transparent)
}
.mobile-copy,.mobile-proof-intro,.mobile-partners,.mobile-step-index,.mobile-comparison {
  display:none
}
.partners {
  text-align:center;
  padding-block-start:10px;
  min-block-size:88px
}
.partners>p {
  font-size:.84375rem;
  margin-block-end:14px
}
.partner-logos {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px
}
.partner-logos img {
  inline-size:44px;
  block-size:44px;
  border-radius:13px;
  border:1px solid var(--line)
}
.partner-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:14px;
  padding:0 16px;
  min-block-size:44px;
  background:var(--pill);
  font-size:.84375rem;
  color:var(--ink)
}
.content-section {
  padding-block-start:110px
}
.content-section>h2 {
  text-align:center;
  font-size:2.625rem;
  line-height:1.2;
  margin-block-end:28px;
  letter-spacing:-.025em
}
.section-subtitle {
  text-align:center;
  font-size:1.0625rem;
  line-height:26px;
  margin-block-start:-18px;
  margin-block-end:28px
}
.surface,.plan,.included,.comparison,.questions-grid details {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:24px
}
.steps-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:start
}
.step {
  position:relative;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:12px
}
.icon-tile {
  inline-size:44px;
  block-size:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--tile);
  border-radius:13px;
  flex-shrink:0
}
.icon {
  display:block;
  object-fit:contain
}
.step-index {
  position:absolute;
  inset-block-start:34px;
  inset-inline-end:24px;
  color:var(--muted);
  font-size:.9375rem
}
.step h3 {
  font-size:1.1875rem;
  font-weight:500;
  line-height:27px;
  margin-block-end:12px
}
.step p {
  font-size:.90625rem;
  line-height:22px
}
.features-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px
}
.feature {
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  min-block-size:180px
}
.feature h3 {
  font-size:1.25rem;
  font-weight:500;
  line-height:28px
}
.feature p {
  font-size:.9375rem;
  line-height:22px
}
.proof-alert .icon-tile {
  background:#2a1517
}
.money-back {
  max-inline-size:760px;
  margin:0 auto 28px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid var(--accent);
  border-radius:20px;
  background:var(--tile);
  min-block-size:82px
}
.money-back>.guarantee-icon {
  padding:10px;
  background:var(--accent);
  border-radius:14px;
  inline-size:44px;
  block-size:44px;
  flex-shrink:0
}
.money-back strong {
  font-size:1.125rem;
  font-weight:600;
  line-height:26px;
  display:block
}
.money-back p {
  font-size:.84375rem;
  line-height:20px
}
.period-control {
  position:relative;
  max-inline-size:600px;
  margin-inline:auto;
  margin-block-end:28px
}
.period-control select {
  position:absolute;
  inset:0;
  inline-size:100%;
  block-size:100%;
  opacity:0;
  cursor:pointer;
  z-index:1
}
.period-control:focus-within {
  outline:3px solid var(--accent);
  outline-offset:3px;
  border-radius:99px
}
.period-options {
  display:flex;
  background:var(--tile);
  border-radius:99px;
  padding:4px;
  min-block-size:48px
}
.period-options>span {
  flex:1;
  text-align:center;
  font-size:.84375rem;
  line-height:20px;
  padding:10px 4px;
  color:var(--muted);
  border-radius:99px;
  display:block
}
.period-control:has(option[value=monthly]:checked) .period-options>span:nth-child(1),.period-control:has(option[value=yearly]:checked) .period-options>span:nth-child(2) {
  background:color-mix(in srgb,var(--ink) 8%,var(--tile));
  color:var(--ink)
}
.plan-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 20px;
  align-items:start;
  margin-block-end:28px
}
.plan {
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  gap:16px;
  border-radius:26px;
  min-inline-size:0;
  font-size:.875rem
}
.plan-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-block-size:28px
}
.plan h3 {
  font-size:1.1875rem;
  font-weight:500;
  line-height:28px
}
.plan-description {
  font-size:.84375rem;
  line-height:20px
}
.plan .price {
  display:flex;
  gap:6px;
  align-items:baseline;
  color:var(--ink);
  font-size:.84375rem;
  line-height:20px
}
.price .display-price {
  font-family:Geist,Arial,sans-serif;
  font-size:2.75rem;
  line-height:53px;
  font-weight:300
}
.ui-number {
  font-family:Geist,Arial,sans-serif
}
.plan .primary,.plan .secondary {
  inline-size:100%;
  min-block-size:50px
}
.plan-features {
  list-style:none;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:.875rem;
  line-height:20px
}
.plan-features li {
  position:relative;
  padding-inline-start:20px
}
.plan-features li:before {
  content:'✓';
  position:absolute;
  inset-inline-start:0;
  color:var(--accent)
}
.featured {
  border:1.5px solid var(--accent);
  background:color-mix(in srgb,var(--ink) 8%,var(--background))
}
.stores-note {
  font-size:.78125rem;
  line-height:18px
}
.plan-note {
  padding:10px 12px;
  border-radius:12px;
  background:var(--tile);
  font-size:.84375rem;
  line-height:20px
}
.billed {
  font-size:.84375rem;
  line-height:20px
}
.included {
  grid-column:span 2;
  padding:20px 22px;
  margin:0
}
.included summary {
  display:flex;
  gap:12px;
  list-style:none;
  cursor:pointer;
  min-block-size:48px
}
.included summary>.icon {
  inline-size:44px;
  block-size:44px;
  background:var(--tile);
  padding:10px;
  border-radius:13px;
  flex-shrink:0
}
.included strong {
  display:block;
  font-size:1.125rem;
  line-height:26px;
  font-weight:600
}
.included small {
  display:block;
  color:var(--muted);
  font-size:.8125rem;
  line-height:19px
}
.disclosure {
  padding-block-start:16px;
  font-size:.875rem
}
.disclosure ul {
  padding-inline-start:20px;
  margin-block:16px
}
.disclosure h3 {
  font-size:1.125rem
}
.plan[data-plan=enterprise] {
  position:relative;
  padding:18px 20px;
  gap:6px;
  border-radius:22px
}
.plan[data-plan=enterprise] h3 {
  font-size:1.0625rem
}
.plan[data-plan=enterprise]>p:not(.enterprise-price) {
  font-size:.8125rem;
  line-height:19px;
  max-inline-size:70%
}
.enterprise-price {
  position:absolute;
  inset-inline-end:20px;
  inset-block-start:18px;
  max-inline-size:40%;
  font-size:.6875rem;
  text-align:end
}
.enterprise-price .ui-number {
  display:block;
  color:var(--ink);
  font-size:1.375rem
}
.plan[data-plan=enterprise] .secondary {
  min-block-size:48px;
  margin-block-start:8px
}
.comparison {
  padding:22px 26px;
  border-radius:26px;
  font-size:.8125rem;
  overflow:auto
}
table {
  inline-size:100%;
  border-collapse:collapse;
  text-align:start;
  table-layout:fixed
}
caption {
  text-align:start;
  color:var(--ink);
  font-size:1.125rem;
  line-height:26px;
  margin-block-end:18px
}
th,td {
  padding:14px 0;
  border-block-end:1px solid var(--line);
  font-weight:400;
  font-size:.875rem;
  line-height:20px
}
thead th {
  font-size:.8125rem;
  color:var(--muted)
}
th:first-child {
  inline-size:48%;
  text-align:start
}
td,thead th:not(:first-child) {
  text-align:center
}
.feature-value {
  color:var(--accent)
}
.comparison>p {
  font-size:.8125rem;
  line-height:20px;
  margin-block-start:12px;
  max-inline-size:580px
}
.addons,.payment-policy {
  font-size:.8125rem;
  line-height:20px;
  margin-block-start:28px
}
.payment-policy {
  text-align:center
}
.questions-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 20px;
  align-items:start
}
.questions-grid details {
  padding:10px 18px;
  border-radius:18px;
  font-size:.875rem;
  line-height:21px
}
.questions-grid details:nth-child(2) {
  grid-column:1;
  grid-row:2
}
.questions-grid details:nth-child(3) {
  grid-column:2;
  grid-row:1
}
.questions-grid summary {
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:10px;
  list-style:none;
  font-size:.96875rem;
  font-weight:500;
  cursor:pointer;
  min-block-size:48px
}
.questions-grid summary:after {
  content:'+';
  color:var(--muted)
}
.questions-grid [open] summary:after {
  content:'×'
}
.questions-grid p {
  margin-block:4px 10px
}
.questions-grid ol {
  padding-inline-start:20px
}
.questions-grid li {
  margin-block:12px
}
.closing {
  padding-block:110px
}
.cta-band {
  text-align:center;
  position:relative;
  padding:64px 40px;
  border:1px solid var(--line);
  border-radius:36px;
  background:radial-gradient(ellipse 350px 150px at 50% 0,#1dc97f33,transparent),var(--cta);
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:18px
}
.cta-band h2 {
  font-size:3rem;
  line-height:58px;
  letter-spacing:-.035em
}
.cta-band p {
  font-size:1.0625rem;
  line-height:25px
}
.cta-band .primary {
  min-block-size:56px
}
.site-footer {
  position:relative;
  padding:28px max(20px,calc((100% - 1200px)/2)) 36px;
  background:color-mix(in srgb,var(--background) 90%,#000);
  min-block-size:166px
}
.site-footer :is(.ui-logo,.footer-logo) {
  font-size:1rem;
  min-block-size:48px
}
.site-footer :is(.ui-logo,.footer-logo) img {
  inline-size:19px;
  block-size:26px
}
.site-footer nav {
  display:flex;
  gap:18px;
  font-size:.84375rem;
  color:var(--muted);
  margin-block-start:4px;
  flex-wrap:wrap
}
.site-footer p {
  font-size:.78125rem;
  line-height:18px;
  color:var(--faint)
}
.footer-appearance {
  position:absolute;
  inset-inline-end:max(20px,calc((100% - 1200px)/2));
  inset-block-start:28px
}
.ui-foundation a[lang=ar] {
  font-family:Cairo,Arial,sans-serif
}
.ui-foundation a[lang=en] {
  font-family:Geist,Arial,sans-serif
}
#connection {
  margin:0
}
#connection:not(:empty) {
  padding:16px;
  border:2px solid var(--accent);
  border-radius:16px;
  font-size:1rem;
  margin-block-end:24px
}
a[aria-disabled=true] {
  opacity:.65;
  cursor:wait
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
}
@media(max-width:1279px) and (min-width:701px) {
  main,.site-header {
    max-inline-size:calc(100% - 64px)
  }
  .site-header {
    gap:16px
  }
  .desktop-nav {
    gap:16px
  }
  .hero {
    inline-size:calc(100% + 64px);
    margin-inline:-32px
  }
  .hero-copy {
    margin-inline-start:32px
  }
  .partner-logos {
    gap:10px;
    flex-wrap:wrap
  }
  .partners {
    min-block-size:110px
  }
  .plan-grid {
    gap:20px
  }
  .plan {
    padding:20px 16px
  }
  .plan-heading {
    flex-wrap:wrap
  }
}
@media(max-width:700px) {
  main {
    max-inline-size:100%;
    inline-size:100%
  }
  .site-header {
    padding:10px 20px;
    min-block-size:70px;
    gap:8px
  }
  .site-header :is(.ui-logo,.footer-logo) {
    font-size:.875rem;
    gap:5px;
    margin-inline-end:auto
  }
  .site-header :is(.ui-logo,.footer-logo) img {
    inline-size:18px;
    block-size:24px
  }
  .desktop-nav,.signin,.desktop-copy,.partner-logos,.desktop-comparison {
    display:none
  }
  .menu {
    display:block
  }
  .ui-foundation .header-start {
    font-family:Geist,Cairo,Arial,sans-serif;
    font-size:.8125rem;
    min-block-size:48px;
    padding-inline:16px
  }
  .menu .icon {
    inline-size:18px;
    block-size:18px
  }
  .mobile-copy {
    display:inline
  }
  .mobile-proof-intro,.mobile-partners,.mobile-comparison {
    display:block
  }
  .hero {
    inline-size:100%;
    margin:0;
    min-block-size:0;
    background:none
  }
  .hero-copy {
    padding:24px 22px 0;
    inline-size:100%;
    margin:0;
    text-align:center;
    gap:16px;
    align-items:center
  }
  .hero h1 {
    font-size:2.5rem;
    line-height:46px;
    letter-spacing:-.04em;
    max-inline-size:346px
  }
  .hero-description {
    font-size:.9375rem;
    line-height:23px;
    max-inline-size:346px
  }
  .hero-actions {
    gap:10px;
    justify-content:center;
    inline-size:100%
  }
  .hero-actions .primary {
    min-inline-size:140px
  }
  .hero-actions .secondary {
    min-inline-size:156px
  }
  .hero-actions .primary,.hero-actions .secondary {
    min-block-size:50px;
    padding-inline:20px
  }
  .hero-guarantee {
    font-size:.78125rem;
    line-height:18px;
    gap:6px;
    justify-content:center;
    max-inline-size:100%
  }
  .mobile-proof-intro {
    padding:48px 22px 0;
    text-align:center
  }
  .mobile-proof-intro h2 {
    font-size:1.75rem;
    line-height:34px;
    margin-block-end:14px;
    letter-spacing:-.025em
  }
  .mobile-proof-intro p {
    font-size:.90625rem;
    line-height:21px
  }
  .proof-stage {
    position:relative;
    inset:auto;
    inline-size:390px;
    max-inline-size:100%;
    block-size:420px;
    margin-inline:auto
  }
  .order-proof {
    left:18px;
    inset-block-start:110px
  }
  .received-proof {
    left:100px;
    inset-block-start:210px
  }
  .screenshot-proof {
    left:38px;
    inset-block-start:90px;
    z-index:1
  }
  .spatial-floor {
    display:none
  }
  .partners {
    padding:0 20px;
    min-block-size:124px
  }
  .mobile-partners {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px
  }
  .partner-pill {
    border-radius:99px;
    font-size:.78125rem;
    min-block-size:36px;
    padding:8px 12px;
    line-height:18px
  }
  .content-section {
    padding:56px 20px 0
  }
  .content-section>h2 {
    font-size:1.75rem;
    line-height:34px;
    margin-block-end:14px;
    letter-spacing:-.025em
  }
  .steps-grid,.features-grid {
    grid-template-columns:1fr;
    gap:14px
  }
  .step {
    padding:16px;
    flex-direction:row;
    align-items:center;
    gap:12px;
    border-radius:20px
  }
  .step .icon-tile {
    inline-size:40px;
    block-size:40px
  }
  .step h3 {
    font-size:.96875rem;
    line-height:22px;
    margin-block-end:4px
  }
  .step p {
    font-size:.8125rem;
    line-height:19px
  }
  .step-index {
    display:none
  }
  .mobile-step-index {
    display:inline
  }
  .feature {
    padding:18px;
    gap:10px;
    min-block-size:0;
    border-radius:22px
  }
  .feature .icon-tile {
    inline-size:40px;
    block-size:40px
  }
  .feature h3 {
    font-size:.96875rem;
    line-height:22px
  }
  .feature p {
    font-size:.8125rem;
    line-height:19px
  }
  .money-back {
    margin-block-end:14px;
    gap:14px
  }
  .money-back strong {
    font-size:1.125rem;
    line-height:26px
  }
  .money-back p {
    font-size:.84375rem;
    line-height:20px
  }
  .period-control {
    margin-block-end:6px
  }
  .period-saving {
    display:block;
    text-align:center;
    color:var(--accent);
    font-size:.75rem;
    line-height:17px;
    margin-block-end:14px
  }
  .plan-grid {
    grid-template-columns:1fr;
    gap:14px;
    margin-block-end:14px
  }
  .plan {
    padding:24px 22px
  }
  .included {
    grid-column:auto;
    padding:20px 22px
  }
  .plan[data-plan=enterprise] {
    padding:18px 20px
  }
  .plan[data-plan=enterprise] .secondary {
    margin-block-start:8px
  }
  .addons,.payment-policy {
    font-size:.8125rem;
    line-height:20px;
    margin-block-start:14px
  }
  .mobile-comparison {
    font-size:.875rem;
    margin-block:14px;
    border:1px solid var(--line);
    border-radius:18px;
    padding-inline:16px
  }
  .mobile-comparison>summary {
    display:flex;
    justify-content:space-between;
    cursor:pointer;
    list-style:none
  }
  .mobile-comparison>summary:after {
    content:'+'
  }
  .mobile-comparison[open]>summary:after {
    content:'−'
  }
  .mobile-comparison .comparison {
    border:0;
    border-radius:0;
    padding:8px 0
  }
  .comparison th,.comparison td {
    font-size:.6875rem;
    overflow-wrap:anywhere
  }
  .comparison th:first-child {
    inline-size:32%
  }
  .comparison caption {
    font-size:1rem
  }
  .questions-grid {
    grid-template-columns:1fr;
    gap:14px
  }
  .questions-grid details {
    padding:4px 18px
  }
  .questions-grid details:nth-child(n) {
    grid-column:auto;
    grid-row:auto
  }
  .questions-grid summary {
    font-size:.96875rem;
    line-height:22px
  }
  .questions-grid details[open] {
    padding-block:10px
  }
  .questions-grid p {
    font-size:.875rem;
    line-height:21px
  }
  .closing {
    padding:48px 20px
  }
  .cta-band {
    padding:32px 22px;
    gap:14px;
    border-radius:28px
  }
  .cta-band h2 {
    font-size:1.625rem;
    line-height:38px;
    letter-spacing:-.025em
  }
  .cta-band p {
    font-size:.875rem;
    line-height:20px
  }
  .cta-band .primary {
    inline-size:100%;
    min-block-size:52px
  }
  .site-footer {
    padding:28px 20px 36px
  }
  .site-footer nav {
    gap:18px;
    flex-wrap:wrap
  }
  .site-footer nav a {
    min-inline-size:0
  }
  .footer-appearance {
    inset-inline-end:20px
  }
  .hero-guarantee .icon {
    flex-shrink:0
  }
}
@media(max-width:374px) {
  .hero-actions {
    flex-wrap:wrap
  }
  .hero-actions .primary,.hero-actions .secondary {
    min-inline-size:0;
    flex:1
  }
  .received-proof {
    left:auto;
    right:20px
  }
  .hero-guarantee {
    flex-wrap:wrap
  }
  .plan-heading {
    flex-wrap:wrap
  }
}
:root:not([data-appearance=dark]) .screenshot-proof h3,:root:not([data-appearance=dark]) .screenshot-proof p {
  color:#b42318
}
.footer-socials {
  position:absolute;
  inset-inline-end:max(20px,calc((100% - 1200px)/2));
  inset-block-start:32px;
  display:flex;
  gap:8px;
  align-items:center
}
.footer-appearance {
  inset-inline-end:max(100px,calc((100% - 1040px)/2))
}
@media(max-width:700px) {
  .footer-socials {
    inset-inline-end:20px
  }
  .footer-appearance {
    inset-inline-end:100px
  }
}
.guarantee-icon .icon {
  filter:brightness(0);
  inline-size:24px;
  block-size:24px
}
@media(min-width:701px) {
  [lang=ar] .proof-stage {
    inset-inline-start:auto;
    left:40px
  }
}
/* The brand lockup is LTR even inside the Arabic header. */
@media (max-width:700px) {
  [lang=ar] .site-header .ui-logo {
    margin-right:0;
    margin-left:auto;
  }
}
@media (max-width:700px) {
  [lang=ar] .partners {
    min-block-size:80px;
  }
  [lang=ar] .mobile-partners {
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
  }
  [lang=ar] .mobile-partners .partner-pill:first-child {
    order:3;
  }
}

/* Upcoming integrations remain visible without implying launch availability. */
.partner-soon{display:inline-flex;position:relative;flex-shrink:0;opacity:.7}
.partner-soon small{position:absolute;inset-block-start:100%;inset-inline-start:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:var(--ink)}
[dir=rtl] .partner-soon small{transform:translateX(50%)}

@media(min-width:701px) {
  .order-proof { left:170px }
  .received-proof { left:400px }
  .screenshot-proof { left:660px }
  [lang=ar] .order-proof { left:20px }
  [lang=ar] .received-proof { left:230px }
  [lang=ar] .screenshot-proof { left:480px }
}
/* Laptops narrower than the 1440 design: no sideways scroll, and no cards under the copy. */
html,body { overflow-x:clip }
@media(min-width:701px) and (max-width:1259px) {
  .proof-stage { display:none }
}
/* Phones: the three example cards stack without covering each other's text. */
@media(max-width:700px) {
  .proof-stage { block-size:400px }
  .screenshot-proof { inset-block-start:20px }
  .order-proof { inset-block-start:124px }
  .received-proof { inset-block-start:262px }
  .enterprise-price { font-size:.75rem }
}
/* Billing period: two real buttons. The select stays for assistive tech only and no longer opens a menu over them. */
.period-control select { position:absolute; inline-size:1px; block-size:1px; inset:auto; opacity:0; pointer-events:none }
.period-options>button {
  flex:1; text-align:center; font:inherit; font-size:.84375rem; line-height:20px; padding:10px 4px; min-block-size:40px;
  color:var(--muted); background:none; border:0; border-radius:99px; cursor:pointer
}
.period-options>button[aria-pressed=true] { background:color-mix(in srgb,var(--ink) 8%,var(--tile)); color:var(--ink) }
.period-options>button:focus-visible { outline:3px solid var(--accent); outline-offset:2px }
.period-control:focus-within { outline:none }
/* The WhatsApp mark is black artwork; keep it visible on the dark theme. */
:root[data-appearance=dark] .footer-socials img[src*="whatsapp"] { filter:invert(1) }