.arw-plans-page { --plan-blue: #078fce; --plan-ink: #102a52; --plan-muted: #607b9d; --plans-page-bg: #f2f8fc; color: var(--plan-ink); background: var(--plans-page-bg); }
.arw-plans-page main { background: var(--plans-page-bg); }
.arw-plans-page main > section:not(.arw-plans-cta) { background: var(--plans-page-bg); }
.arw-plans-page main > section.arw-plans-hero { background: radial-gradient(ellipse 54% 92% at 77% 48%, rgba(208, 237, 251, .5) 0%, rgba(237, 247, 253, .24) 54%, transparent 100%), var(--plans-page-bg); }
.arw-plans-page main > section.arw-plans-faq { background: #edf7fc; }
.arw-plans-page .header .navmenu a.active { color: #078fce; }
.arw-plans-page .arw-plans-hero { overflow: hidden; padding: 12px 0 32px; }
.arw-plans-page .arw-breadcrumb { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; color: #193653; font-size: 13px; }
.arw-plans-page .arw-breadcrumb a { color: inherit; text-decoration: none; }
.arw-plans-page .arw-breadcrumb a:hover { color: var(--plan-blue); }
.arw-plans-page .arw-breadcrumb i { color: #7b93ad; font-size: 10px; }
.arw-plans-page .arw-plans-hero-grid { display: grid; grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); align-items: center; gap: 30px; min-height: 370px; }
.arw-plans-page .arw-plans-intro { min-width: 0; padding: 10px 0 20px; }
.arw-plans-page .arw-plans-intro .arw-eyebrow,
.arw-plans-page .arw-plans-faq .arw-eyebrow { margin: 0 0 8px; color: #087fc2; font-size: 13px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.arw-plans-page .arw-plans-intro h1 { max-width: 580px; margin: 0 0 8px; color: #102a52; font-family: var(--heading-font); font-size: clamp(2.4rem, 3.4vw, 3.55rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.02; }
.arw-plans-page .arw-plans-intro h1 span { color: #078fdf; }
.arw-plans-page .arw-plans-lead { max-width: 540px; margin: 0; color: #637b9b; font-size: 16px; line-height: 1.45; }
.arw-plans-page .arw-plans-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 22px; }
.arw-plans-page .arw-plans-benefits > div { display: flex; min-width: 0; flex-direction: column; padding: 0 14px; border-left: 1px solid #d9e8f4; }
.arw-plans-page .arw-plans-benefits > div:first-child { padding-left: 0; border-left: 0; }
.arw-plans-page .arw-plans-benefits i { margin-bottom: 4px; color: #078fdf; font-size: 24px; line-height: 1; }
.arw-plans-page .arw-plans-benefits strong { color: #183151; font-size: 14px; font-weight: 700; line-height: 1.35; }
.arw-plans-page .arw-plans-benefits span { margin-top: 3px; color: #6c809b; font-size: 13px; line-height: 1.45; }
.arw-plans-page .arw-plans-hero-art { position: relative; isolation: isolate; display: flex; width: 100%; max-width: 590px; min-width: 0; align-items: center; justify-content: center; margin-left: auto; aspect-ratio: 1.5; }
.arw-plans-page .arw-plans-hero-bg { position: absolute; z-index: -1; inset: -44px -70px -70px -20px; background: url("../img/arw-plans-office-bg.png") center / cover no-repeat; pointer-events: none; }
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .arw-plans-page .arw-plans-hero-bg { right: min(-70px, calc(570px - 50vw)); }
}
@media (min-width: 1400px) {
  .arw-plans-page .arw-plans-hero-bg { right: min(-70px, calc(660px - 50vw)); }
}
.arw-plans-page .arw-plans-hero-art img { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.arw-plans-page .arw-plans-catalog { overflow: visible; padding: 18px 0 44px; }
.arw-plans-page .arw-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 16px; }
.arw-plans-page .arw-plan-card { position: relative; display: flex; min-width: 0; min-height: 420px; flex-direction: column; align-items: center; padding: 24px 28px 20px; border: 1px solid #dbe8f4; border-radius: 10px; background: #fff; box-shadow: 0 4px 16px rgba(27, 78, 123, .045); text-align: center; }
.arw-plans-page .arw-plan-card h2 { margin: 0 0 4px; color: var(--plan-accent); font-family: var(--heading-font); font-size: 19px; font-weight: 800; text-transform: uppercase; }
.arw-plans-page .arw-plan-symbol { display: grid; width: 72px; height: 72px; margin: 4px 0 10px; place-items: center; border-radius: 50%; color: var(--plan-accent); background: var(--plan-pale); font-size: 34px; }
.arw-plans-page .arw-plan-limit { display: inline-flex; min-height: 26px; align-items: center; justify-content: center; width: 78%; padding: 4px 8px; border-radius: 20px; color: var(--plan-accent); background: var(--plan-pale); font-size: 13px; font-weight: 700; line-height: 1.2; }
.arw-plans-page .arw-plan-price { display: flex; align-items: baseline; gap: 5px; margin: 18px 0 0; color: #162e57; white-space: nowrap; }
.arw-plans-page .arw-plan-price span { font-size: 16px; font-weight: 800; }
.arw-plans-page .arw-plan-price strong { color: var(--plan-accent); font-size: clamp(2.35rem, 3vw, 3rem); font-weight: 900; letter-spacing: -.05em; line-height: 1; }
.arw-plans-page .arw-plan-price small { font-size: 14px; }
.arw-plans-page .arw-plan-contact-price { display: flex; min-height: 57px; align-items: center; justify-content: center; margin: 8px 0 0; color: var(--plan-accent); font-size: 20px; font-weight: 900; line-height: 1.05; text-transform: uppercase; }
.arw-plans-page .arw-plan-summary { display: flex; max-width: 230px; min-height: 68px; align-items: center; justify-content: center; margin: 10px 0 12px; color: #596f8c; font-size: 15px; line-height: 1.5; }
.arw-plans-page .arw-plan-button { display: flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; gap: 6px; margin: auto 0 0; padding: 9px; border: 1px solid var(--plan-accent); border-radius: 7px; color: var(--plan-accent); background: #fff; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
.arw-plans-page .arw-plan-button:hover { color: #fff; background: var(--plan-accent); box-shadow: 0 5px 12px color-mix(in srgb, var(--plan-accent) 22%, transparent); }
.arw-plans-page .arw-plan-card.is-featured { border: 2px solid #8424ed; background: linear-gradient(180deg, #fcf9ff, #fff 46%); box-shadow: 0 7px 18px rgba(126, 33, 223, .11); }
.arw-plans-page .arw-plan-badge { position: absolute; z-index: 2; top: -14px; left: 50%; padding: 6px 14px; border-radius: 20px; color: #fff; background: #7922d5; font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; transform: translateX(-50%); }
.arw-plans-page .plan-start { --plan-accent: #1168ec; --plan-pale: #e4f0ff; }
.arw-plans-page .plan-pro { --plan-accent: #7420d7; --plan-pale: #f0e5ff; }
.arw-plans-page .plan-growth { --plan-accent: #f15b25; --plan-pale: #fff0e7; }
.arw-plans-page .plan-business { --plan-accent: #128a94; --plan-pale: #e3f4f4; }
.arw-plans-page .plan-enterprise { --plan-accent: #102c78; --plan-pale: #e7eafa; }
.arw-plans-page .plan-corporate { --plan-accent: #ad6800; --plan-pale: #fff3df; }
.arw-plans-page .arw-plan-benefits-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 34px; padding: 16px 12px; border-radius: 11px; background: #e7f3ff; }
.arw-plans-page .arw-plan-benefits-strip > div { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 0 16px; border-left: 1px solid #c8dff2; background: transparent; }
.arw-plans-page .arw-plan-benefits-strip > div:first-child { border-left: 0; }
.arw-plans-page .arw-plan-benefits-strip section { min-width: 0; margin: 0; padding: 0; color: inherit; background: transparent; overflow: visible; scroll-margin-top: 0; }
.arw-plans-page .arw-plan-benefits-strip > div > span { display: grid; width: 54px; height: 54px; flex: 0 0 54px; place-items: center; border-radius: 50%; color: #066de6; background: #dceeff; font-size: 29px; }
.arw-plans-page .arw-plan-benefits-strip h2 { margin: 0 0 3px; color: #142e54; font-family: var(--heading-font); font-size: 16px; font-weight: 800; }
.arw-plans-page .arw-plan-benefits-strip p { margin: 0; color: #637b9b; font-size: 14px; line-height: 1.45; }
.arw-plans-page .arw-plans-faq { padding: 54px 0 44px; }
.arw-plans-page .arw-plans-faq h2 { margin: 0; color: #122d55; font-family: var(--heading-font); font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 800; letter-spacing: -.035em; }
.arw-plans-page .arw-plans-faq .arw-faq-list { margin-top: 22px; }
.arw-plans-page .arw-plans-faq-help { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(140px, 1fr); align-items: center; gap: 10px; margin-top: 22px; }
.arw-plans-page .arw-plans-faq-help .arw-faq-illustration { width: 100%; height: auto; }
.arw-plans-page .arw-plans-faq-help > div { display: flex; flex-direction: column; gap: 4px; }
.arw-plans-page .arw-plans-faq-help strong { color: #142e54; font-size: 15px; }
.arw-plans-page .arw-plans-faq-help span { color: #637b9b; font-size: 14px; line-height: 1.45; }
.arw-plans-page .arw-plans-faq-help .arw-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; align-self: flex-start; margin-top: 8px; padding: 10px 15px; border-radius: 24px; color: #fff; background: linear-gradient(105deg, #12a9e8, #087eb7); box-shadow: 0 6px 14px rgba(8, 142, 204, .18); font-size: 13px; font-weight: 700; text-decoration: none; }
.arw-plans-page .arw-plans-faq .accordion-item { margin-bottom: 6px; overflow: hidden; border: 1px solid #e0eaf3; border-radius: 8px; background: #fff; }
.arw-plans-page .arw-plans-faq .accordion-button { padding: 13px 16px; color: #142e54; background: #fff; font-size: 14px; font-weight: 600; box-shadow: none; }
.arw-plans-page .arw-plans-faq .accordion-button:not(.collapsed) { color: #0783c5; background: #f7fbfe; }
.arw-plans-page .arw-plans-faq .accordion-body { padding: 11px 16px 14px; color: #607b9d; font-size: 14px; line-height: 1.55; }
.arw-plans-page .arw-plans-faq .accordion-body a { color: #078fce; font-weight: 600; }
.arw-plans-page .arw-plans-cta { padding: 0; color: #fff; background: linear-gradient(112deg, #078bc9 0%, #109bd6 52%, #24a9e2 100%); }
.arw-plans-page .arw-plans-cta > .container { display: flex; min-height: 360px; align-items: center; justify-content: space-between; gap: 25px; padding-block: 70px; }
.arw-plans-page .arw-plans-cta .arw-eyebrow { color: #fff; }
.arw-plans-page .arw-plans-cta h2 { max-width: 640px; margin: 0 0 8px; color: #fff; font-family: var(--heading-font); font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 500; line-height: 1.2; }
.arw-plans-page .arw-plans-cta > .container > div > span { color: rgba(255, 255, 255, .85); font-size: 16px; line-height: 1.6; }
.arw-plans-page .arw-plans-cta .arw-demo-whatsapp { max-width: 100%; }
.arw-plans-page .arw-footer { background: var(--plans-page-bg); }
@media (max-width: 1199.98px) {
  .arw-plans-page .arw-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .arw-plans-page .arw-plan-card { padding-inline: 16px; }
  .arw-plans-page .arw-plan-button { max-width: 220px; }
}
@media (max-width: 991.98px) {
  .arw-plans-page .arw-plans-hero-grid { grid-template-columns: minmax(0, .45fr) minmax(0, .55fr); gap: 22px; min-height: 330px; }
  .arw-plans-page .arw-plans-hero-art { max-width: 520px; }
  .arw-plans-page .arw-plans-intro h1 { font-size: clamp(2.25rem, 5vw, 3.1rem); }
  .arw-plans-page .arw-plans-benefits > div { padding-inline: 12px; }
  .arw-plans-page .arw-plan-benefits-strip > div { padding-inline: 10px; }
  .arw-plans-page .arw-plan-benefits-strip > div > span { width: 46px; height: 46px; flex-basis: 46px; font-size: 25px; }
  .arw-plans-page .arw-plans-faq-help { grid-template-columns: minmax(120px, .7fr) minmax(150px, 1fr); max-width: 520px; }
}
@media (max-width: 767.98px) {
  .arw-plans-page .arw-plans-hero { padding: 12px 0 26px; }
  .arw-plans-page .arw-plans-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; min-height: 0; }
  .arw-plans-page .arw-plans-intro { padding: 4px 0 0; }
  .arw-plans-page .arw-plans-intro h1 { max-width: 540px; font-size: clamp(2.25rem, 9vw, 3rem); }
  .arw-plans-page .arw-plans-lead { font-size: 15px; }
  .arw-plans-page .arw-plans-benefits { margin-top: 18px; }
  .arw-plans-page .arw-plans-benefits > div { padding-inline: 8px; }
  .arw-plans-page .arw-plans-benefits strong { font-size: 13px; }
  .arw-plans-page .arw-plans-benefits span { font-size: 12px; }
  .arw-plans-page .arw-plans-hero-art { width: 100%; max-width: 560px; min-height: 0; margin: 0 auto; aspect-ratio: 1.5; }
  .arw-plans-page .arw-plans-hero-bg { top: 0; bottom: 0; }
  .arw-plans-page .arw-plans-hero-art img { max-width: 560px; }
  .arw-plans-page .arw-plan-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .arw-plans-page .arw-plan-card { padding: 14px 10px; }
  .arw-plans-page .arw-plan-card { min-height: 360px; }
  .arw-plans-page .arw-plan-benefits-strip { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .arw-plans-page .arw-plan-benefits-strip > div { padding: 0; border-left: 0; }
  .arw-plans-page .arw-plans-faq { padding: 30px 0; }
  .arw-plans-page .arw-plans-faq-help { grid-template-columns: minmax(100px, .7fr) minmax(140px, 1fr); }
  .arw-plans-page .arw-plans-cta > .container { min-height: 0; align-items: flex-start; flex-direction: column; padding-block: 30px; }
  .arw-plans-page .arw-plans-cta .arw-button { min-width: min(100%, 340px); }
}
@media (max-width: 420px) {
  .arw-plans-page .arw-plans-benefits > div { padding-inline: 6px; }
  .arw-plans-page .arw-plans-benefits strong { font-size: 12px; }
  .arw-plans-page .arw-plans-benefits span { font-size: 11px; }
  .arw-plans-page .arw-plan-grid { gap: 10px; }
  .arw-plans-page .arw-plan-card { min-height: 0; padding-inline: 15px; }
  .arw-plans-page .arw-plan-card h2 { font-size: 18px; }
  .arw-plans-page .arw-plan-button { max-width: none; }
  .arw-plans-page .arw-plans-faq-help { grid-template-columns: 1fr; max-width: 330px; }
  .arw-plans-page .arw-plans-faq-help .arw-faq-illustration { max-width: 235px; }
}

/* Full-page plans backdrop and shared content alignment. */
@media (min-width: 768px) {
  .arw-plans-page {
    background-color: var(--plans-page-bg);
    background-image: linear-gradient(180deg, rgba(242, 248, 252, .24), rgba(242, 248, 252, .56)), url("../img/arw-plans-office-bg.png");
    background-position: center, right top;
    background-size: cover, auto 100vh;
    background-repeat: no-repeat;
    background-attachment: fixed, fixed;
  }
  .arw-plans-page main,
  .arw-plans-page main > section:not(.arw-plans-cta) { background-color: transparent; }
  .arw-plans-page main > section.arw-plans-hero {
    background: radial-gradient(ellipse 54% 92% at 77% 48%, rgba(208, 237, 251, .32) 0%, rgba(237, 247, 253, .12) 54%, transparent 100%);
  }
  .arw-plans-page main > section.arw-plans-faq { background: rgba(237, 247, 252, .72); }
  .arw-plans-page main > section.arw-plans-cta { background: linear-gradient(112deg, rgba(7, 139, 201, .97) 0%, rgba(16, 155, 214, .95) 52%, rgba(36, 169, 226, .94) 100%); }
  .arw-plans-page .arw-plans-hero-bg { display: none; }
  .arw-plans-page .arw-plans-hero > .container,
  .arw-plans-page .arw-plans-catalog > .container { width: 100%; max-width: 1320px; padding-inline: 12px; }
  .arw-plans-page .arw-footer { background: rgba(242, 248, 252, .82); }
}