/* ---------- Plans page ----------
   Matches the 762px-wide reference: --u is one reference pixel and spans the full viewport like the home page.
   Type and vertical spacing use --t (74% of --u) so text and section heights stay moderate on wide screens. */
.plans { --u: calc(100vw / 762); --t: calc(var(--u) * .74); --pg: #0f4d2b; --pg2: #0d5c2c; --pline: #e6ece7; --inter: "Inter", system-ui, sans-serif; overflow: hidden; background: #f9fbf8; color: #111; }
.plans-wrap { position: relative; width: calc(762 * var(--u)); margin-inline: auto; }
.plans-script { font-family: "Caveat", "Segoe Script", cursive; font-weight: 600; line-height: 1.1; color: #26332c; }

/* 1. hero: --r is one pixel of the 2103x748 reference banner, spanning the viewport */
.plans-hero { --r: calc(100vw / 2103); position: relative; height: calc(748 * var(--r)); overflow: hidden; background: radial-gradient(calc(420 * var(--r)) calc(300 * var(--r)) at 0 100%, #dcebdc, transparent 70%), linear-gradient(90deg, #fff 0, #fbfcfb 38%, #eef2ee 55%); }
.plans-hero__photo { position: absolute; top: 0; right: 0; width: calc(1063 * var(--r)); height: 100%; object-fit: cover; -webkit-mask-image: linear-gradient(90deg, transparent, #000 15%); mask-image: linear-gradient(90deg, transparent, #000 15%); }
.plans-hero__copy { position: absolute; z-index: 1; left: calc(118 * var(--r)); top: calc(86 * var(--r)); }
.plans-hero__chip { display: inline-flex; align-items: center; gap: calc(26 * var(--r)); height: calc(63 * var(--r)); padding: 0 calc(34 * var(--r)) 0 calc(27 * var(--r)); border-radius: 999px; background: #e0efe3; color: #111; font-family: var(--inter); font-size: calc(27 * var(--r)); font-weight: 500; letter-spacing: .01em; text-transform: uppercase; }
.plans-hero__chip::before { content: ""; width: calc(24 * var(--r)); height: calc(24 * var(--r)); border-radius: 50%; background: radial-gradient(circle, #e0efe3 0 calc(4 * var(--r)), #10241a calc(4.5 * var(--r))); }
.plans-hero__title { margin-top: calc(16 * var(--r)); font-size: calc(97 * var(--r)); font-weight: 800; line-height: calc(88 * var(--r)); letter-spacing: -.045em; color: #0a0a0a; }
.plans-hero__title span { display: block; color: #0c3a21; }
.plans-hero__lead { margin-top: calc(26 * var(--r)); font-family: var(--inter); font-size: calc(30.5 * var(--r)); line-height: calc(38 * var(--r)); color: #1f2937; }
.plans-hero__perks { display: flex; margin-top: calc(42 * var(--r)); }
.plans-hero__perks li { display: flex; align-items: center; gap: calc(17 * var(--r)); font-family: var(--inter); font-size: calc(21.5 * var(--r)); line-height: calc(28 * var(--r)); color: #222; }
.plans-hero__perks li + li { margin-left: calc(20 * var(--r)); padding-left: calc(18 * var(--r)); border-left: calc(2 * var(--r)) solid #cdd6cf; }
.plans-hero__perks span { flex: none; display: grid; place-items: center; width: calc(61 * var(--r)); height: calc(61 * var(--r)); border-radius: calc(12 * var(--r)); background: #0d3a22; color: #fff; }
.plans-hero__perks .icon { width: calc(34 * var(--r)); height: calc(34 * var(--r)); }

/* 2. plan cards: side by side; --c is one pixel of an 830px-wide card */
.plans-cards { display: grid; grid-template-columns: 1fr 1fr; gap: calc(20 * var(--u)); width: calc(680 * var(--u)); margin: calc(30 * var(--t)) auto 0; }
.pcard { --c: calc(330 * var(--u) / 830); position: relative; display: grid; grid-template-columns: 1fr calc(290 * var(--c)); grid-template-rows: auto auto 1fr auto; grid-template-areas: "badge photo" "head photo" "feat feat" "price price"; padding: calc(26 * var(--c)) calc(28 * var(--c)) calc(26 * var(--c)); overflow: hidden; border: 1px solid #e2eee4; border-radius: calc(26 * var(--c)); background: radial-gradient(calc(260 * var(--c)) calc(300 * var(--c)) at 100% 12%, #e2f3e5, transparent 70%), radial-gradient(calc(300 * var(--c)) calc(240 * var(--c)) at 0 60%, #e9f5ec, transparent 70%), linear-gradient(180deg, #fff, #f7fbf8); box-shadow: 0 calc(10 * var(--c)) calc(36 * var(--c)) rgba(20, 70, 35, .07); }
.pcard__badge { grid-area: badge; justify-self: start; display: inline-flex; align-items: center; gap: calc(10 * var(--c)); height: calc(40 * var(--c)); padding: 0 calc(20 * var(--c)) 0 calc(16 * var(--c)); border-radius: 999px; background: linear-gradient(180deg, #eef9f0, #ddf1e2); box-shadow: 0 calc(5 * var(--c)) calc(14 * var(--c)) rgba(20, 100, 45, .14), inset 0 0 0 calc(2 * var(--c)) #fff; color: #111; font-family: var(--inter); font-size: calc(17 * var(--c)); font-weight: 800; text-transform: uppercase; }
.pcard__badge .icon { width: calc(20 * var(--c)); height: calc(20 * var(--c)); fill: currentColor; stroke-width: 1.4; }
.pcard__head { grid-area: head; position: relative; z-index: 1; margin-top: calc(14 * var(--c)); }
.pcard__title { font-family: "Montserrat", var(--font); font-size: calc(50 * var(--c)); font-weight: 900; line-height: 1.02; letter-spacing: -.04em; text-transform: uppercase; color: #0a0a0a; }
.pcard--automation .pcard__title { font-size: calc(45 * var(--c)); }
/* recommended plan: green outline, soft glow and a ribbon label */
.pcard--automation { border: 2px solid #3fb15d; background: radial-gradient(calc(260 * var(--c)) calc(300 * var(--c)) at 100% 12%, #d6f0db, transparent 70%), linear-gradient(180deg, #f2fbf4, #fff 60%); box-shadow: 0 0 0 calc(5 * var(--c)) rgba(63, 177, 93, .14), 0 calc(16 * var(--c)) calc(40 * var(--c)) rgba(20, 110, 45, .18); }
.pcard__reco { position: absolute; z-index: 3; top: 0; right: calc(28 * var(--c)); display: inline-flex; align-items: center; gap: calc(8 * var(--c)); height: calc(36 * var(--c)); padding: 0 calc(18 * var(--c)); border-radius: 0 0 calc(12 * var(--c)) calc(12 * var(--c)); background: linear-gradient(180deg, #13883a, #0a5326); color: #fff; font-family: var(--inter); font-size: calc(15 * var(--c)); font-weight: 700; letter-spacing: .02em; box-shadow: 0 calc(4 * var(--c)) calc(12 * var(--c)) rgba(10, 83, 38, .3); }
.pcard__reco .icon { width: calc(18 * var(--c)); height: calc(18 * var(--c)); fill: #ffd54a; stroke: #ffd54a; }
.pcard__title span { background: linear-gradient(180deg, #16a03f, #0a5326); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pcard--manual .pcard__title span { margin-left: .28em; }
.pcard__title::after { content: ""; display: block; width: calc(200 * var(--c)); height: calc(4 * var(--c)); margin-top: calc(8 * var(--c)); border-radius: 9px; background: linear-gradient(90deg, #138a37, #0c5a28 70%, transparent); }
.pcard__intro { margin-top: calc(10 * var(--c)); font-family: var(--inter); font-size: calc(16.5 * var(--c)); font-weight: 500; line-height: 1.45; color: #1c2541; }
.pcard__features { grid-area: feat; align-self: start; position: relative; z-index: 1; margin-top: calc(16 * var(--c)); padding: calc(2 * var(--c)) calc(18 * var(--c)); border: 1px solid #edf3ee; border-radius: calc(20 * var(--c)); background: rgba(255, 255, 255, .94); box-shadow: 0 calc(8 * var(--c)) calc(30 * var(--c)) rgba(20, 80, 40, .09); }
.pcard__features li { position: relative; display: grid; grid-template-columns: calc(46 * var(--c)) 1fr calc(30 * var(--c)); align-items: center; gap: calc(14 * var(--c)); min-height: calc(54 * var(--c)); padding-block: calc(6 * var(--c)); }
.pcard__features li + li::before { content: ""; position: absolute; top: 0; left: calc(60 * var(--c)); right: 0; border-top: 1.5px solid #edf1ee; }
.pcard__ico { display: grid; place-items: center; height: calc(42 * var(--c)); border-radius: calc(10 * var(--c)); background: linear-gradient(180deg, #f1f9f3, #e5f3e8); color: #111; }
.pcard__ico .icon { width: calc(24 * var(--c)); height: calc(24 * var(--c)); stroke-width: 2.4; }
.pcard__text { font-family: var(--inter); color: #141b3a; letter-spacing: -.01em; }
.pcard__text b { font-size: calc(18 * var(--c)); font-weight: 600; }
.pcard__text small, .pcard--manual .pcard__text > span { font-size: calc(15 * var(--c)); color: #2b3350; }
.pcard__text > span { display: block; margin-top: calc(1 * var(--c)); font-size: calc(14.5 * var(--c)); line-height: 1.35; color: #3a4157; }
.pcard--manual .pcard__text > span { margin-top: 0; }
.pcard__mark { display: grid; place-items: center; width: calc(30 * var(--c)); height: calc(30 * var(--c)); border-radius: 50%; color: #fff; }
.pcard__mark .icon { width: 52%; height: 52%; stroke-width: 3.4; }
.pcard__mark--yes { background: #0d5a2a; } .pcard__mark--no { background: #6b7075; }
.pcard__price { grid-area: price; position: relative; z-index: 1; display: flex; align-items: center; height: calc(100 * var(--c)); margin-top: calc(16 * var(--c)); padding-left: calc(22 * var(--c)); border: calc(2 * var(--c)) solid #d3edd9; border-radius: calc(22 * var(--c)); background: linear-gradient(90deg, #e4f5e8, #f7fcf8 55%, #e9f7ec); box-shadow: 0 calc(8 * var(--c)) calc(24 * var(--c)) rgba(20, 100, 40, .1); }
.pcard__rupee { flex: none; display: grid; place-items: center; width: calc(70 * var(--c)); height: calc(70 * var(--c)); border-radius: 50%; background: #0b3a20; color: #fff; font-family: var(--inter); font-size: calc(40 * var(--c)); font-weight: 700; line-height: 1; }
.pcard__price p { display: flex; flex-direction: column; align-items: flex-start; margin-left: calc(20 * var(--c)); padding-left: calc(18 * var(--c)); border-left: calc(2 * var(--c)) solid #9cc3a6; }
.pcard__price strong { font-family: "Montserrat", var(--font); font-size: calc(54 * var(--c)); font-weight: 900; line-height: .95; letter-spacing: -.03em; color: #0a1f12; }
.pcard__price p span { display: inline-flex; align-items: center; height: calc(28 * var(--c)); margin-top: calc(6 * var(--c)); padding-inline: calc(20 * var(--c)); border-radius: 999px; background: #0b3a20; color: #fff; font-family: var(--inter); font-size: calc(13 * var(--c)); font-weight: 700; text-transform: uppercase; white-space: nowrap; }
.pcard__photo { grid-area: photo; align-self: center; width: 100%; mix-blend-mode: multiply; -webkit-mask-image: radial-gradient(farthest-side, #000 80%, transparent); mask-image: radial-gradient(farthest-side, #000 80%, transparent); }
/* between tablet and small desktop the half-width cards get too small: stack them */
@media (min-width: 900px) and (max-width: 1199px) {
  .plans-cards { grid-template-columns: 1fr; width: min(calc(680 * var(--u)), 860px); }
  .pcard { --c: calc(min(calc(680 * var(--u)), 860px) / 830); }
}

/* shared section heads */
.plans-section { padding-left: calc(42 * var(--u)); padding-right: calc(40 * var(--u)); }
.plans-head--split { display: flex; justify-content: space-between; align-items: flex-start; gap: calc(12 * var(--u)); }
.plans-title { font-size: calc(24 * var(--t)); font-weight: 800; line-height: 1.05; letter-spacing: -.035em; color: #0b0d0c; }
.plans-title span { color: var(--pg2); }
.plans-sub { margin-top: calc(5 * var(--t)); font-family: var(--inter); font-size: calc(9.2 * var(--t)); color: #333; }

/* 3. comparison */
.plans-compare { margin-top: calc(28 * var(--t)); }
.plans-legend { display: flex; gap: calc(14 * var(--u)); margin-top: calc(14 * var(--t)); font-family: var(--inter); font-size: calc(8 * var(--t)); color: #222; }
.plans-legend span { display: inline-grid; align-items: center;grid-auto-flow: column; gap: calc(6 * var(--u)); }
.plans-legend .plan-mark { width: calc(14 * var(--t)); height: calc(14 * var(--t)); }
.plan-mark { width: calc(11 * var(--t)); height: calc(11 * var(--t)); border-radius: 50%; display: inline-grid; place-items: center; vertical-align: middle; color: #fff; }
.plan-mark .icon { width: 70%; height: 70%; stroke-width: 3.4; }
.plan-mark--yes { background: #1e8a3a; } .plan-mark--no { background: #e2483d; }
.plans-table-wrap { margin-top: calc(13 * var(--t)); border-radius: calc(8 * var(--u)); overflow: hidden; border: 1px solid var(--pline); background: #fff; }
.plans-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-family: var(--inter); }
.plans-table thead th { height: calc(38 * var(--t)); padding: 0; color: #fff; font-size: calc(9.2 * var(--t)); font-weight: 700; line-height: 1.35; text-align: center; }
.plans-table thead th:first-child { width: calc(285 * var(--u)); padding-left: calc(16 * var(--u)); background: #0b3d22; text-align: left; font-size: calc(9 * var(--t)); font-weight: 500; }
.plans-table thead th.is-manual { width: calc(190 * var(--u)); background: linear-gradient(180deg, #7b807c, #3e4541); }
.plans-table thead th.is-auto { background: linear-gradient(180deg, #2b9a4c, #17733a); }
.plans-table thead small { display: block; font-size: calc(8.6 * var(--t)); font-weight: 500; opacity: .9; }
.plans-table tbody tr { height: calc(23 * var(--t)); }
.plans-table tbody tr:last-child { height: calc(42 * var(--t)); }
.plans-table tbody tr + tr > * { border-top: 1px solid #eef1ee; }
.plans-table tbody th { padding: 0 0 0 calc(17 * var(--u)); text-align: left; font-size: calc(8.4 * var(--t)); font-weight: 400; color: #222; }
.plans-table tbody th > * { vertical-align: middle; }
.plans-table tbody th .icon { width: calc(13 * var(--t)); height: calc(13 * var(--t)); margin-right: calc(19 * var(--u)); color: #1d2a22; stroke-width: 2.2; }
.plans-table td { padding: 0 calc(22 * var(--u)); text-align: center; font-size: calc(8.4 * var(--t)); line-height: calc(14 * var(--t)); color: #222; }
.plans-table td.is-manual { background: #fdf7f5; border-left: 1px solid #f1ecea; }
.plans-table td.is-auto { background: #f0f9f1; }
.plans-table td { white-space: pre-line; }

/* 4. how it works */
.plans-how { margin-top: calc(27 * var(--t)); }
.plans-steps { display: grid; grid-template-columns: calc(173 * var(--u)) calc(178 * var(--u)) calc(182 * var(--u)) 1fr; margin: calc(18 * var(--t)) 0 0 calc(6 * var(--u)); padding: 0; list-style: none; }
.plans-step { position: relative; display: grid; grid-template-columns: calc(13 * var(--u)) 1fr; grid-template-rows: calc(56 * var(--t)) auto auto; }
.plans-step__num { position: absolute; left: 0; top: 0; z-index: 1; width: calc(22 * var(--t)); height: calc(22 * var(--t)); border-radius: 50%; display: grid; place-items: center; background: #0b3d22; color: #fff; font-size: calc(9 * var(--t)); font-weight: 700; }
.plans-step::before { content: ""; position: absolute; left: calc(10.5 * var(--u)); top: calc(22 * var(--t)); width: 1px; height: calc(72 * var(--t)); background: linear-gradient(#dfe8e1, transparent); }
.plans-step__ico { position: absolute; left: calc(31 * var(--u)); top: calc(3 * var(--t)); width: calc(50 * var(--t)); height: calc(50 * var(--t)); border-radius: 50%; display: grid; place-items: center; background: #e9f4ea; color: #0f4d2b; }
.plans-step__ico .icon { width: calc(24 * var(--t)); height: calc(24 * var(--t)); stroke-width: 2.4; }
.plans-step:not(:last-child)::after { content: ""; position: absolute; left: calc(140 * var(--u)); top: calc(38 * var(--t)); width: calc(15 * var(--u)); height: calc(8 * var(--t)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 8' fill='none' stroke='%23222' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4h13M10.5 1L14 4l-3.5 3'/%3E%3C/svg%3E") center / contain no-repeat; }
.plans-step:nth-child(2)::after { left: calc(146 * var(--u)); } .plans-step:nth-child(3)::after { left: calc(150 * var(--u)); }
.plans-step h3 { grid-column: 2; grid-row: 2; font-size: calc(10.6 * var(--t)); letter-spacing: -.02em; font-weight: 800; color: #111; }
.plans-step p { grid-column: 2; grid-row: 3; margin: calc(4 * var(--t)) 0 0 calc(3 * var(--u)); font-family: var(--inter); font-size: calc(8.2 * var(--t)); line-height: calc(13 * var(--t)); color: #444; white-space: pre-line; }

/* 5. ready to start */
.plans-section--ready { margin-top: calc(24 * var(--t)); padding-inline: calc(13 * var(--u)) calc(13 * var(--u)); }
.plans-ready { position: relative; display: grid; grid-template-columns: calc(200 * var(--u)) 1fr calc(167 * var(--u)); height: calc(166 * var(--t)); grid-template-rows: minmax(0, 1fr); overflow: hidden; border-radius: calc(12 * var(--u)); background: radial-gradient(calc(420 * var(--u)) calc(200 * var(--u)) at 30% 40%, #145a32, #0a3b20 60%, #062b17); color: #fff; }
.plans-ready__photo { align-self: end; justify-self: center; width: auto; height: calc(150 * var(--t)); max-width: 100%; object-fit: contain; object-position: bottom; filter: drop-shadow(0 calc(6 * var(--u)) calc(14 * var(--u)) rgba(0, 0, 0, .35)); }
.plans-ready::before { content: ""; position: absolute; left: calc(20 * var(--u)); bottom: calc(-40 * var(--t)); width: calc(160 * var(--u)); height: calc(160 * var(--t)); border-radius: 50%; background: radial-gradient(closest-side, rgba(110, 220, 120, .28), transparent); }
.plans-ready__copy { padding-top: calc(25 * var(--t)); padding-left: calc(16 * var(--u)); }
.plans-ready__copy h2 { font-size: calc(22 * var(--t)); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
.plans-ready__copy h2 span { color: #8ee88b; }
.plans-ready__copy p { margin-top: calc(7 * var(--t)); font-family: var(--inter); font-size: calc(9.3 * var(--t)); line-height: calc(16.5 * var(--t)); color: rgba(255,255,255,.9); }
.plans-ready__btns { display: flex; gap: calc(12 * var(--u)); margin-top: calc(13 * var(--t)); }
.plans-ready__btn { display: inline-flex; align-items: center; justify-content: center; height: calc(33 * var(--t)); padding-inline: calc(15 * var(--u)); border: 1px solid #5fd06a; border-radius: calc(9 * var(--u)); background: #1e8a3a; color: #fff; font-family: var(--inter); font-size: calc(8.5 * var(--t)); font-weight: 600; transition: transform .2s, filter .2s; }
.plans-ready__btn--light { border-color: #fff; background: #fff; color: #111; }
.plans-ready__btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.plans-ready__perks { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: calc(5 * var(--t)); padding: calc(15 * var(--t)) calc(16 * var(--u)) calc(14 * var(--t)) 0; }
.plans-ready__perks li { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 0; gap: calc(3 * var(--t)); padding: calc(8 * var(--t)) calc(6 * var(--u)); border: 1px solid rgba(255,255,255,.14); border-radius: calc(8 * var(--u)); background: rgba(255,255,255,.03); text-align: center; font-family: var(--inter); font-size: calc(7 * var(--t)); line-height: calc(9.5 * var(--t)); color: rgba(255,255,255,.88); }
.plans-ready__perks .icon { width: calc(15 * var(--t)); height: calc(15 * var(--t)); color: #e6f4e8; }

/* 6. faq */
.plans-faq-section { margin-top: calc(14 * var(--t)); padding-bottom: calc(34 * var(--t)); }
.plans-faq-section .plans-title { font-size: calc(21 * var(--t)); }
.plans-faq-section .plans-sub { font-size: calc(9 * var(--t)); }
.plans-faq__all { display: inline-flex; align-items: center; gap: calc(7 * var(--u)); height: calc(25 * var(--t)); margin-top: calc(4 * var(--t)); padding-inline: calc(14 * var(--u)); border: 1px solid #a9c6af; border-radius: 999px; background: #fff; color: #111; font-family: var(--inter); font-size: calc(7.5 * var(--t)); font-weight: 600; transition: background .2s, color .2s; }
.plans-faq__all:hover { background: var(--pg); color: #fff; }
.plans-faq__all .icon { width: calc(10 * var(--t)); height: calc(10 * var(--t)); }
.plans-faq { display: grid; grid-template-columns: calc(162 * var(--u)) calc(177 * var(--u)) calc(175 * var(--u)) 1fr; margin-top: calc(14 * var(--t)); }
.plans-faq li + li { padding-left: calc(17 * var(--u)); border-left: 1px solid #e3e8e4; }
.plans-faq li + li { background-clip: padding-box; }
.plans-faq__ico { width: calc(38 * var(--t)); height: calc(38 * var(--t)); border-radius: 50%; display: grid; place-items: center; background: #e9f4ea; color: #0f4d2b; }
.plans-faq__ico .icon { width: calc(22 * var(--t)); height: calc(22 * var(--t)); stroke-width: 2.4; }
.plans-faq h3 { margin-top: calc(7 * var(--t)); font-family: var(--inter); font-size: calc(9.6 * var(--t)); font-weight: 700; color: #111; }
.plans-faq p { margin-top: calc(4 * var(--t)); font-family: var(--inter); font-size: calc(8.2 * var(--t)); line-height: calc(14 * var(--t)); color: #555; white-space: pre-line; }

/* tablet & mobile: drop the fixed reference scale and stack */
@media (max-width: 899px) {
  .plans { --u: 1px; --t: 1px; }
  .plans-wrap { width: auto; padding-inline: 16px !important; }
  .plans-hero { --r: 1px; height: auto; display: flex; flex-direction: column; background: linear-gradient(180deg, #fff, #f3f7f3); }
  .plans-hero__photo { position: static; order: 2; width: 100%; height: auto; aspect-ratio: 1063 / 748; -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%); mask-image: linear-gradient(180deg, transparent, #000 12%); }
  .plans-hero__copy { position: static; padding: 28px 16px 8px; }
  .plans-hero__chip { height: 32px; gap: 10px; padding: 0 16px 0 12px; font-size: .74rem; }
  .plans-hero__chip::before { width: 14px; height: 14px; background: radial-gradient(circle, #e0efe3 0 2.5px, #10241a 3px); }
  .plans-hero__title { margin-top: 14px; font-size: clamp(2rem, 8.4vw, 3.2rem); line-height: 1.04; }
  .plans-hero__lead { margin-top: 14px; font-size: 1rem; line-height: 1.55; } .plans-hero__lead br { display: none; }
  .plans-hero__perks { display: grid; grid-template-columns: repeat(4, auto); gap: 12px; margin-top: 22px; }
  .plans-hero__perks li { gap: 8px; font-size: .78rem; line-height: 1.3; }
  .plans-hero__perks li + li { margin-left: 0; padding-left: 12px; border-left-width: 1px; }
  .plans-hero__perks span { width: 36px; height: 36px; border-radius: 8px; } .plans-hero__perks .icon { width: 20px; height: 20px; }
  .plans-cards { grid-template-columns: 1fr; width: auto; gap: 22px; margin-top: 24px; padding-inline: 16px; }
  .pcard { --c: .62px; display: flex; flex-direction: column; padding: 22px 16px 0; border-radius: 18px; }
  .pcard__reco { right: 16px; height: 30px; gap: 6px; padding: 0 14px; border-radius: 0 0 10px 10px; font-size: .78rem; } .pcard__reco .icon { width: 15px; height: 15px; }
  .pcard__badge { position: static; align-self: flex-start; height: 34px; gap: 8px; padding: 0 16px 0 12px; font-size: .8rem; }
  .pcard__badge .icon { width: 16px; height: 16px; }
  .pcard__head { margin-top: 14px; }
  .pcard__title, .pcard--automation .pcard__title { font-size: clamp(1.8rem, 8vw, 2.6rem); }
  .pcard__title::after { width: 120px; height: 3px; margin-top: 8px; }
  .pcard__intro { margin-top: 10px; font-size: .95rem; }
  .pcard__features { margin-top: 18px; padding: 4px 12px; border-radius: 16px; }
  .pcard__features li { grid-template-columns: 46px 1fr 26px; gap: 12px; min-height: 64px; padding-block: 8px; }
  .pcard__features li + li::before { left: 58px; }
  .pcard__ico { height: 44px; border-radius: 10px; } .pcard__ico .icon { width: 24px; height: 24px; }
  .pcard__text b { font-size: .95rem; }
  .pcard__text small, .pcard--manual .pcard__text > span { font-size: .82rem; }
  .pcard__text > span { margin-top: 2px; font-size: .82rem; }
  .pcard__mark { width: 26px; height: 26px; }
  .pcard__price { height: auto; margin-top: 16px; padding: 16px; border-width: 1.5px; border-radius: 16px; }
  .pcard__rupee { width: 64px; height: 64px; font-size: 2rem; }
  .pcard__price p { margin-left: 14px; padding-left: 14px; border-left-width: 1.5px; }
  .pcard__price strong { font-size: clamp(2.2rem, 10vw, 3rem); }
  .pcard__price p span { width: auto; height: 30px; margin-top: 8px; padding-inline: 12px; font-size: clamp(.58rem, 2.6vw, .7rem); white-space: nowrap; }
  .pcard__photo { align-self: center; width: min(100%, 520px); margin-top: 12px; }
  .plans-compare, .plans-how, .plans-section--ready, .plans-faq-section { margin-top: 44px; }
  .plans-title, .plans-faq-section .plans-title { font-size: 1.8rem; } .plans-sub, .plans-faq-section .plans-sub { font-size: .92rem; }
  .plans-head--split { flex-wrap: wrap; }
  .plans-legend { margin-top: 6px; font-size: .8rem; gap: 16px; } .plans-legend .plan-mark { width: 18px; height: 18px; }
  .plans-table-wrap { margin-top: 16px; overflow-x: auto; }
  .plans-table { min-width: 620px; }
  .plans-table thead th, .plans-table thead th:first-child { height: 52px; font-size: .82rem; } .plans-table thead small { font-size: .74rem; }
  .plans-table thead th:first-child { width: 250px; padding-left: 14px; } .plans-table thead th.is-manual { width: 180px; }
  .plans-table tbody tr { height: 38px; } .plans-table tbody tr:last-child { height: 60px; }
  .plans-table tbody th, .plans-table td { font-size: .8rem; line-height: 1.35; } .plans-table tbody th { padding-left: 14px; }
  .plans-table tbody th .icon { width: 16px; height: 16px; margin-right: 12px; }
  .plan-mark { width: 18px; height: 18px; }
  .plans-steps { grid-template-columns: 1fr 1fr; row-gap: 28px; margin: 22px 0 0; }
  .plans-step { grid-template-columns: 0 1fr; grid-template-rows: 70px auto auto; padding-left: 40px; }
  .plans-step__num { width: 28px; height: 28px; font-size: .85rem; } .plans-step::before { left: 13.5px; top: 28px; height: 100px; }
  .plans-step__ico { left: 40px; top: 0; width: 60px; height: 60px; } .plans-step__ico .icon { width: 28px; height: 28px; }
  .plans-step::after { display: none; }
  .plans-step h3 { font-size: 1rem; } .plans-step p { margin-left: 0; font-size: .86rem; line-height: 1.45; }
  .plans-ready { grid-template-columns: 1fr; grid-template-rows: none; height: auto; }
  .plans-ready__photo { order: 1; justify-self: center; width: auto; height: 220px; margin-top: 8px; }
  .plans-ready::before { left: 50%; bottom: auto; top: auto; transform: translateX(-50%); width: 280px; height: 280px; }
  .plans-ready__copy { padding: 22px 20px 0; }
  .plans-ready__copy h2 { font-size: 1.9rem; } .plans-ready__copy p { font-size: .95rem; line-height: 1.5; } .plans-ready__copy p br { display: none; }
  .plans-ready__btns { flex-wrap: wrap; margin-top: 18px; } .plans-ready__btn { height: 44px; padding-inline: 18px; border-radius: 10px; font-size: .9rem; }
  .plans-ready__perks { grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 20px; }
  .plans-ready__perks li { min-height: 0; padding: 10px 8px; gap: 6px; font-size: .74rem; line-height: 1.25; border-radius: 10px; } .plans-ready__perks .icon { width: 20px; height: 20px; }
  .plans-faq__all { height: 38px; padding-inline: 18px; font-size: .85rem; gap: 8px; } .plans-faq__all .icon { width: 14px; height: 14px; }
  .plans-faq { grid-template-columns: 1fr 1fr; gap: 26px 0; margin-top: 22px; padding-bottom: 8px; }
  .plans-faq li:nth-child(3) { padding-left: 0; border-left: 0; }
  .plans-faq li { padding-right: 12px; }
  .plans-faq__ico { width: 48px; height: 48px; } .plans-faq__ico .icon { width: 24px; height: 24px; }
  .plans-faq h3 { margin-top: 10px; font-size: .98rem; } .plans-faq p { font-size: .86rem; line-height: 1.5; white-space: normal; }
}
@media (max-width: 560px) {
  .plans-hero__perks { grid-template-columns: 1fr 1fr; } .plans-hero__perks li:nth-child(3) { padding-left: 0; border-left: 0; }
  .plans-steps, .plans-faq { grid-template-columns: 1fr; }
  .plans-faq li + li { padding-left: 0; border-left: 0; padding-top: 22px; border-top: 1px solid #e3e8e4; }
  .plans-ready__perks { grid-template-columns: 1fr 1fr; }
}