/* Amazon RDS page only (/aws/rds/). Loaded via `extra: crm, p-aws-rds`. Every class is scoped with .pards- */

/* ---------- hero: primary, standby, replicas, failover drill ---------- */
.pards-hero .pards-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.pards-hero .crm-sub { max-width: 42ch; }
.pards-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; max-width: 600px; }
.pards-chips li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px 6px 6px; border-radius: 999px; background: #fff; border: 1px solid #D5E3EE; font: 600 13.5px/1.25 var(--f-body); color: #082238; }
.pards-chips img, .pards-chips svg { flex: none; width: 26px; height: 26px; padding: 4px; border-radius: 50%; background: #EAF4FA; box-sizing: border-box; }
.pards-chips svg { fill: none; stroke: #0A6FA8; stroke-width: 2; stroke-linecap: round; }
.pards-badge img { width: 64px !important; padding: 6px 8px; border-radius: 10px; background: #fff; border: 1px solid #E2E8F0; }

.pards-viz { margin: 0; container-type: inline-size; }
.pards-viz__board { position: relative; aspect-ratio: 560 / 460; border-radius: 24px; background: radial-gradient(120% 90% at 50% 0%, #FFFFFF 0%, #EEF5FA 70%); border: 1px solid #D5E3EE; box-shadow: 0 50px 90px -50px rgba(8,34,56,.55); overflow: hidden; }
.pards-viz__wires { position: absolute; inset: 0; width: 100%; height: 100%; }
.pards-w { fill: none; stroke: #1D3F8F; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; transition: opacity .4s, stroke .4s; }
.pards-w--alt { opacity: 0; stroke: #3FB97A; stroke-width: 2.4; }
.pards-w--sync { stroke: #00A3D9; stroke-width: 3; stroke-dasharray: 6 5; animation: pards-dash 1s linear infinite; }
.pards-w--async { stroke: #64748B; stroke-dasharray: 3 6; }
.pards-w--bak { stroke: #F0A400; stroke-dasharray: 2 5; }
@keyframes pards-dash { to { stroke-dashoffset: -11; } }

.pards-zone { position: absolute; top: 25.4%; height: 30.6%; border-radius: 16px; border: 1.5px dashed rgba(10,111,168,.35); background: rgba(0,163,217,.04); padding: 6px 10px; font: 700 clamp(8.5px, 1.9cqw, 11px)/1 ui-monospace, SFMono-Regular, Menlo, monospace; color: #0A6FA8; letter-spacing: .06em; text-transform: uppercase; box-sizing: border-box; display: flex; align-items: flex-start; }
.pards-zone--a { left: 5%; width: 44%; }
.pards-zone--b { left: 51.5%; width: 44%; }

.pards-node { position: absolute; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 2.2cqw; padding: 1.8cqw 2.4cqw; border-radius: 14px; background: #fff; border: 1.5px solid #CFE0EC; box-shadow: 0 16px 30px -22px rgba(8,34,56,.6); box-sizing: border-box; transition: border-color .35s, box-shadow .35s, background .35s, opacity .35s; }
.pards-node img { grid-row: span 2; width: clamp(18px, 5.4cqw, 30px); height: auto; }
.pards-node b { font: 700 clamp(10px, 2.6cqw, 14.5px)/1.2 var(--f-display); color: #082238; }
.pards-node span { font: 500 clamp(8.5px, 2.1cqw, 12px)/1.3 var(--f-body); color: #4B6478; }
.pards-node--app { left: 33.9%; top: 2.6%; width: 32.2%; height: 12.6%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #082238; border-color: #082238; }
.pards-node--app b { color: #fff; }
.pards-node--app span { color: #9FC0D8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }
.pards-node--pri, .pards-node--stb { top: 32.6%; width: 35.7%; height: 20.9%; }
.pards-node--pri { left: 8.9%; border-color: #1D3F8F; }
.pards-node--stb { left: 55.4%; border-style: dashed; }
.pards-io { grid-column: 1 / -1; display: flex; align-items: flex-end; gap: 3px; height: 2.6cqw; margin-top: 1.2cqw; font-style: normal; }
.pards-io em { flex: 1; height: 30%; border-radius: 2px; background: #00A3D9; animation: pards-io 1.6s ease-in-out infinite; }
.pards-io em:nth-child(2) { animation-delay: -.3s; } .pards-io em:nth-child(3) { animation-delay: -.7s; } .pards-io em:nth-child(4) { animation-delay: -1s; } .pards-io em:nth-child(5) { animation-delay: -1.3s; }
.pards-node--stb .pards-io em { background: #9DB7CB; animation-duration: 2.4s; }
@keyframes pards-io { 0%, 100% { height: 30%; } 50% { height: 100%; } }
.pards-sync { position: absolute; left: 50%; top: 39.5%; transform: translate(-50%, -100%); padding: 2px 6px; border-radius: 6px; background: #E0F4FB; font: 700 clamp(8px, 1.9cqw, 10.5px)/1.2 ui-monospace, Menlo, monospace; color: #0A6FA8; }
.pards-node--rep, .pards-node--bak { top: 75%; height: 15.2%; display: flex; flex-direction: column; justify-content: center; }
.pards-node--r1 { left: 2.7%; width: 27.4%; }
.pards-node--r2 { left: 32.1%; width: 27.4%; }
.pards-node--rep { border-style: dashed; background: #F7FAFC; }
.pards-node--bak { left: 64.3%; width: 30.4%; display: grid; background: #FFF9EA; border-color: #F8DF9A; }
.pards-flash { position: absolute; left: 8.9%; top: 32.6%; width: 35.7%; height: 20.9%; border-radius: 14px; pointer-events: none; opacity: 0; background: radial-gradient(circle, rgba(239,68,68,.55), rgba(239,68,68,0) 70%); }

.pards-viz__cap { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 14px 4px 0; font: 500 14px/1.4 var(--f-body); color: #334155; }
.pards-viz__cap b { font-weight: 700; color: #082238; }
.pards-viz__cap em { margin-left: auto; padding: 4px 9px; border-radius: 999px; background: #EEF3FA; font: 600 11.5px/1 var(--f-body); font-style: normal; color: #4B6478; }
.pards-viz__dot { width: 10px; height: 10px; border-radius: 50%; background: #3FB97A; box-shadow: 0 0 0 4px rgba(63,185,122,.2); transition: background .3s, box-shadow .3s; }

/* drill states (set by p-aws-rds.js): 1 fail, 2 promote, 3 rebuild */
.pards-viz[data-state="1"] .pards-node--pri { border-color: #EF4444; background: #FEF2F2; }
.pards-viz[data-state="1"] .pards-node--pri .pards-io em { animation: none; height: 10%; background: #FCA5A5; }
.pards-viz[data-state="1"] .pards-flash { animation: pards-flash .9s ease-out 2; }
.pards-viz[data-state="1"] .pards-w--app, .pards-viz[data-state="1"] .pards-w--sync { stroke: #EF4444; opacity: .35; animation: none; }
.pards-viz[data-state="1"] .pards-viz__dot { background: #EF4444; box-shadow: 0 0 0 4px rgba(239,68,68,.2); }
.pards-viz[data-state="2"] .pards-w--app, .pards-viz[data-state="3"] .pards-w--app { opacity: 0; }
.pards-viz[data-state="2"] .pards-w--alt, .pards-viz[data-state="3"] .pards-w--alt { opacity: 1; }
.pards-viz[data-state="2"] .pards-node--stb, .pards-viz[data-state="3"] .pards-node--stb { border-style: solid; border-color: #3FB97A; box-shadow: 0 0 0 5px rgba(63,185,122,.18), 0 16px 30px -22px rgba(8,34,56,.6); }
.pards-viz[data-state="2"] .pards-node--stb .pards-io em, .pards-viz[data-state="3"] .pards-node--stb .pards-io em { background: #3FB97A; animation-duration: 1.6s; }
.pards-viz[data-state="2"] .pards-node--pri { opacity: .45; border-color: #EF4444; }
.pards-viz[data-state="2"] .pards-node--pri .pards-io em { animation: none; height: 10%; background: #FCA5A5; }
.pards-viz[data-state="2"] .pards-w--sync { opacity: 0; }
.pards-viz[data-state="2"] .pards-viz__dot { background: #F0A400; box-shadow: 0 0 0 4px rgba(240,164,0,.2); }
.pards-viz[data-state="3"] .pards-node--pri { border-style: dashed; border-color: #9DB7CB; }
.pards-viz[data-state="3"] .pards-node--pri .pards-io em { background: #9DB7CB; animation-duration: 2.4s; }
@keyframes pards-flash { 0% { opacity: 0; transform: scale(.9); } 30% { opacity: 1; } 100% { opacity: 0; transform: scale(1.25); } }

/* ---------- 01 fit: two-column ledger ---------- */
.pards-fit__grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 22px; margin-top: 40px; }
.pards-fit__col { margin: 0; padding: 26px 26px 10px; list-style: none; border-radius: 22px; position: relative; }
.pards-fit__col::before { display: block; margin: 0 0 14px; font: 800 12px/1 var(--f-body); letter-spacing: .1em; text-transform: uppercase; }
.pards-fit__col--yes { background: #F2FAF6; border: 1px solid #C8EBD8; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 26px; }
.pards-fit__col--yes::before { content: "Good fit"; color: #15803D; grid-column: 1 / -1; }
.pards-fit__col--no { background: #FFF7F3; border: 1px solid #F7D9CB; }
.pards-fit__col--no::before { content: "Look elsewhere"; color: #B45309; }
.pards-fit__col li { position: relative; padding: 0 0 18px 34px; }
.pards-fit__col li::before { content: ""; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; border-radius: 50%; background: #16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat; }
.pards-fit__col--no li::before { background: #EA7A3B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E") center / 14px no-repeat; }
.pards-fit__col b { display: block; margin: 0 0 4px; font: 700 16.5px/1.3 var(--f-display); color: #082238; }
.pards-fit__col span { display: block; font-size: 15px; line-height: 1.55; color: #334155; }
.pards-fit__col a { color: #0A6FA8; font-weight: 600; }

/* ---------- 02 services: config-line cards ---------- */
.pards-svc__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 40px 0 0; padding: 0; list-style: none; counter-reset: pards-svc; }
.pards-svc__card { grid-column: span 2; position: relative; padding: 0 22px 22px; border-radius: 18px; background: #fff; border: 1px solid #E2E8F0; overflow: hidden; counter-increment: pards-svc; transition: transform .3s, box-shadow .3s, border-color .3s; }
.pards-svc__card:nth-child(4), .pards-svc__card:nth-child(5) { grid-column: span 3; }
.pards-svc__card:hover { transform: translateY(-3px); border-color: #9DD3EC; box-shadow: 0 26px 40px -30px rgba(8,34,56,.55); }
.pards-svc__card code { display: block; margin: 0 -22px 18px; padding: 12px 22px; background: #0B2540; color: #7FE0C4; font: 600 12.5px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pards-svc__card code::before { content: "0" counter(pards-svc) "  "; color: #5D7A93; white-space: pre; }
.pards-svc__card h3 { margin: 0 0 8px; font: 700 18px/1.3 var(--f-display); color: #082238; }
.pards-svc__card p { margin: 0; font-size: 15px; line-height: 1.6; color: #334155; }

/* ---------- 03 night: sky ribbon + hour cards ---------- */
.pards-night__wrap { margin-top: 40px; }
.pards-sky { position: relative; height: 70px; border-radius: 18px 18px 0 0; background: linear-gradient(90deg, #071B33 0%, #0B2A4D 40%, #1E3A6B 62%, #7C5BA6 80%, #F6A85A 93%, #FFD27A 100%); overflow: hidden; }
.pards-sky::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(1.5px 1.5px at 6% 30%, #fff, transparent), radial-gradient(1px 1px at 14% 70%, #fff, transparent), radial-gradient(1.5px 1.5px at 23% 22%, #fff, transparent), radial-gradient(1px 1px at 31% 58%, #fff, transparent), radial-gradient(1.5px 1.5px at 42% 35%, #fff, transparent), radial-gradient(1px 1px at 50% 72%, #fff, transparent), radial-gradient(1px 1px at 58% 25%, #fff, transparent), radial-gradient(1px 1px at 66% 60%, rgba(255,255,255,.6), transparent); opacity: .85; }
.pards-sky__orb { position: absolute; top: 50%; left: var(--orb, 4%); width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background: #F4F1E4; box-shadow: inset -8px -3px 0 0 #D9D3BD, 0 0 22px rgba(244,241,228,.6); transition: left .5s cubic-bezier(.2,.8,.2,1), background .5s, box-shadow .5s; }
.pards-night__wrap.is-dawn .pards-sky__orb { background: #FFD27A; box-shadow: 0 0 0 6px rgba(255,210,122,.35), 0 0 30px rgba(255,190,90,.9); }
.pards-sky__win { position: absolute; left: 43.6%; width: 27.1%; top: 10px; bottom: 10px; border-radius: 10px; border: 1.5px dashed rgba(127,224,196,.85); background: rgba(127,224,196,.12); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 5px; }
.pards-sky__win b { font: 700 9.5px/1 ui-monospace, Menlo, monospace; letter-spacing: .08em; text-transform: uppercase; color: #BFF3E4; }
.pards-night__list { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border: 1px solid #E2E8F0; border-top: 0; border-radius: 0 0 18px 18px; background: #fff; }
.pards-hr { position: relative; padding: 22px 16px 22px; border-left: 1px solid #EEF2F6; transition: background .35s; }
.pards-hr:first-child { border-left: 0; }
.pards-hr::before { content: ""; position: absolute; left: 16px; top: -6px; width: 11px; height: 11px; border-radius: 50%; background: #1D3F8F; border: 2px solid #fff; box-shadow: 0 0 0 1px #CFE0EC; }
.pards-hr time { display: inline-block; margin: 0 0 10px; padding: 4px 8px; border-radius: 6px; background: #0B2540; color: #fff; font: 700 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.pards-hr h3 { margin: 0 0 6px; font: 700 16px/1.3 var(--f-display); color: #082238; }
.pards-hr p { margin: 0; font-size: 14px; line-height: 1.55; color: #334155; }
.pards-hr--bad::before { background: #EF4444; }
.pards-hr--bad time { background: #DC2626; }
.pards-hr--bad { background: linear-gradient(180deg, #FEF2F2, #fff 70%); }
.pards-hr--fix::before { background: #10B981; }
.pards-hr--fix time { background: #047857; }
.pards-hr--sun::before { background: #F0A400; }
.pards-hr--sun time { background: #F0A400; color: #082238; }
.pards-hr.is-on { background: #F3F9FD; }
.pards-hr--bad.is-on { background: #FEE2E2; }
.pards-night__fine { margin: 16px 0 0; font-size: 13.5px; line-height: 1.6; color: #4B6478; max-width: 110ch; }
.pards-night__wrap.is-arm .pards-hr { opacity: .35; transform: translateY(8px); }
.pards-night__wrap .pards-hr { transition: opacity .5s ease calc(var(--i) * .12s), transform .5s ease calc(var(--i) * .12s), background .35s; }
.pards-night__wrap.is-arm.is-go .pards-hr { opacity: 1; transform: none; }

/* ---------- 04 engine picker (dark band) ---------- */
.pards-quiz__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 22px; margin-top: 40px; align-items: start; }
.pards-quiz__form { display: grid; gap: 14px; margin: 0; }
.pards-quiz__form fieldset { margin: 0; padding: 16px 18px 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.05); display: flex; flex-wrap: wrap; gap: 8px; }
.pards-quiz__form legend { float: left; width: 100%; margin: 0 0 6px; padding: 0; display: flex; align-items: center; gap: 10px; font: 700 15.5px/1.3 var(--f-display); color: #fff; }
.pards-quiz__form legend i { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(95,211,243,.18); color: #5FD3F3; font: 800 12px/1 var(--f-body); font-style: normal; }
.pards-quiz__form label { position: relative; cursor: pointer; }
.pards-quiz__form input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.pards-quiz__form label span { display: block; padding: 9px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22); font: 600 13.5px/1.25 var(--f-body); color: #DCE8F2; transition: background .2s, border-color .2s, color .2s; }
.pards-quiz__form label:hover span { border-color: rgba(255,255,255,.5); }
.pards-quiz__form input:checked + span { background: #5FD3F3; border-color: #5FD3F3; color: #062038; }
.pards-quiz__form input:focus-visible + span { outline: 2px solid #FFB81C; outline-offset: 2px; }
.pards-quiz__out { position: sticky; top: 96px; padding: 24px; border-radius: 22px; background: #F7FBFE; color: #082238; box-shadow: 0 40px 70px -40px rgba(0,0,0,.7); }
.pards-quiz__tag { display: inline-block; margin: 0 0 12px; padding: 4px 10px; border-radius: 999px; background: #FFF6DB; border: 1px solid #F8DF9A; font: 700 11.5px/1 var(--f-body); color: #92400E; letter-spacing: .04em; text-transform: uppercase; }
.pards-quiz__pick { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 800 22px/1.2 var(--f-display); color: #082238; }
.pards-quiz__pick img { flex: none; width: 44px; height: 44px; padding: 6px; border-radius: 12px; background: #fff; border: 1px solid #DCE7EF; box-sizing: border-box; }
.pards-quiz__pick.is-new { animation: pards-pop .45s cubic-bezier(.2,1.4,.4,1); }
@keyframes pards-pop { from { transform: scale(.96); opacity: .4; } to { transform: none; opacity: 1; } }
.pards-quiz__bars { display: grid; gap: 9px; margin: 0 0 18px; padding: 0 0 16px; list-style: none; border-bottom: 1px dashed #CFE0EC; }
.pards-quiz__bars li { display: grid; grid-template-columns: 86px minmax(0, 1fr) 26px; align-items: center; gap: 10px; font: 600 13px/1 var(--f-body); color: #334155; }
.pards-quiz__bars i { display: block; height: 10px; width: var(--w, 4%); min-width: 4px; border-radius: 6px; background: #B8CCDB; transition: width .4s cubic-bezier(.2,.8,.2,1), background .3s; }
.pards-quiz__bars li.is-top i { background: linear-gradient(90deg, #1D3F8F, #00A3D9); }
.pards-quiz__bars li.is-top { color: #082238; }
.pards-quiz__bars b { text-align: right; font-variant-numeric: tabular-nums; }
.pards-quiz__h { margin: 0 0 8px; font: 700 15px/1.3 var(--f-display); color: #082238; }
.pards-quiz__why { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.pards-quiz__why li { position: relative; padding-left: 20px; font-size: 14.5px; line-height: 1.5; color: #334155; }
.pards-quiz__why li::before { content: ""; position: absolute; left: 2px; top: 7px; width: 8px; height: 8px; border-radius: 2px; background: #00A3D9; transform: rotate(45deg); }
.pards-quiz__alt { margin: 14px 0 0; padding: 10px 12px; border-radius: 12px; background: #EAF4FA; font-size: 13.5px; line-height: 1.5; color: #1F3A52; }
.pards-quiz__alt:empty { display: none; }
.pards-quiz__note { margin: 22px 0 0; font-size: 13px; line-height: 1.6; color: #8FB3CC; max-width: 110ch; }

/* ---------- 05 RDS + Zoho patterns ---------- */
.pards-zoho__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 40px; }
.pards-pat { padding: 24px; border-radius: 20px; background: #fff; border: 1px solid #E2E8F0; border-top: 4px solid #F0A400; }
.pards-pat:nth-child(2) { border-top-color: #00A3D9; } .pards-pat:nth-child(3) { border-top-color: #3FB97A; } .pards-pat:nth-child(4) { border-top-color: #7C5BA6; }
.pards-pat__k { margin: 0 0 6px; font: 700 11.5px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; text-transform: uppercase; color: #64748B; }
.pards-pat h3 { margin: 0 0 14px; font: 700 18px/1.3 var(--f-display); color: #082238; }
.pards-pat__flow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 4px; margin: 0 0 14px; padding: 0; list-style: none; }
.pards-pat__flow li { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px 6px 6px; border-radius: 10px; background: #F3F7F9; font: 600 13px/1.2 var(--f-body); color: #082238; }
.pards-pat__flow li + li::before { content: "→"; margin: 0 6px 0 -2px; color: #94A3B8; font-weight: 700; }
.pards-pat__flow li + li { padding-left: 0; background: none; }
.pards-pat__flow li + li img { padding: 3px; border-radius: 8px; background: #F3F7F9; }
.pards-pat__flow img { width: 26px; height: 26px; box-sizing: border-box; }
.pards-pat p:last-child { margin: 0; font-size: 15px; line-height: 1.6; color: #334155; }
.pards-pat a { color: #0A6FA8; font-weight: 600; }

/* ---------- 06 pricing ---------- */
.pards-price__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 22px; margin-top: 40px; align-items: start; }
.pards-price__grid .crm-vs__wrap { margin: 0; }
.pards-rates { min-width: 540px; }
.pards-rates td:last-child { max-width: none; }
.pards-rates th small, .pards-rates td small { display: block; margin-top: 3px; font: 500 12.5px/1.4 var(--f-body); color: #64748B; }
.pards-rates td b { font: 800 17px/1.2 var(--f-display); color: #082238; }
.pards-bill { padding: 24px; border-radius: 20px; background: #082238; color: #DCE8F2; background-image: repeating-linear-gradient(180deg, transparent 0 27px, rgba(255,255,255,.04) 27px 28px); }
.pards-bill__k { margin: 0 0 6px; font: 700 11.5px/1 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: #FFB81C; }
.pards-bill h3 { margin: 0 0 16px; font: 700 18px/1.3 var(--f-display); color: #fff; }
.pards-bill dl { margin: 0; }
.pards-bill dl div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px dashed rgba(255,255,255,.18); }
.pards-bill dt { font: 600 14px/1.35 var(--f-body); color: #fff; }
.pards-bill dt small { display: block; font: 500 12.5px/1.4 ui-monospace, Menlo, monospace; color: #8FB3CC; }
.pards-bill dd { margin: 0; font: 700 15px/1.35 var(--f-body); color: #fff; font-variant-numeric: tabular-nums; }
.pards-bill__tot { margin: 14px 0 0; font-size: 14.5px; line-height: 1.5; }
.pards-bill__tot b { font: 800 22px/1 var(--f-display); color: #FFB81C; }
.pards-levers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0 0; padding: 0; list-style: none; }
.pards-levers li { padding: 16px 18px; border-radius: 16px; background: #F3F7F9; font-size: 14.5px; line-height: 1.55; color: #334155; }
.pards-levers b { display: block; margin: 0 0 4px; font: 700 15.5px/1.3 var(--f-display); color: #082238; }

/* ---------- responsive ---------- */
@media (max-width: 1100px) {
  .pards-sky__win { display: none; }
  .pards-night__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pards-hr:nth-child(5) { border-left: 0; }
  .pards-hr:nth-child(n+5) { border-top: 1px solid #EEF2F6; }
}
@media (max-width: 980px) {
  .pards-hero .pards-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .pards-viz { max-width: 600px; }
  .pards-fit__grid, .pards-quiz__grid, .pards-price__grid { grid-template-columns: minmax(0, 1fr); }
  .pards-quiz__out { position: static; }
  .pards-svc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pards-svc__card, .pards-svc__card:nth-child(4), .pards-svc__card:nth-child(5) { grid-column: auto; }
  .pards-svc__card:nth-child(5) { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .pards-sky { display: none; }
  .pards-night__list { grid-template-columns: minmax(0, 1fr); border: 0; background: none; padding-left: 22px; position: relative; }
  .pards-night__list::before { content: ""; position: absolute; left: 5px; top: 8px; bottom: 8px; width: 3px; border-radius: 3px; background: linear-gradient(180deg, #071B33, #1E3A6B 55%, #7C5BA6 80%, #FFD27A); }
  .pards-hr, .pards-hr:nth-child(n+5) { border: 1px solid #E2E8F0; border-radius: 14px; margin: 0 0 10px; background: #fff; }
  .pards-hr::before { left: -23px; top: 24px; }
  .pards-fit__col--yes { grid-template-columns: minmax(0, 1fr); }
  .pards-zoho__grid, .pards-levers { grid-template-columns: minmax(0, 1fr); }
  .pards-svc__grid { grid-template-columns: minmax(0, 1fr); }
  .pards-svc__card:nth-child(5) { grid-column: auto; }
  .pards-fit__col { padding: 22px 18px 6px; }
  .pards-quiz__out { padding: 20px 18px; }
  .pards-quiz__pick { font-size: 19px; }
  .pards-viz__cap em { margin-left: 0; }
  .pards-rates { min-width: 0; }
  .pards-rates th, .pards-rates td { padding: 12px 10px; font-size: 13.5px; }
  .pards-rates td b { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .pards-w--sync, .pards-io em, .pards-flash, .pards-quiz__pick.is-new { animation: none !important; }
  .pards-night__wrap.is-arm .pards-hr { opacity: 1; transform: none; }
  .pards-node, .pards-w, .pards-sky__orb, .pards-quiz__bars i, .pards-svc__card { transition: none !important; }
}