/* Free AI Cost Audit page (OpenProject #1484). Ported from the design HTML (rp-/sr- report styles, ec5- cards, ac- form chips)
   and enhanced; every rule is scoped under .rp-page. Loaded after ecommerce.css, which supplies the shared ec- system. */

.rp-page .b2b5-faq-ask { margin: 20px 0 0; font-size: 15px; line-height: 24px; color: #4A5550; }
.rp-page .b2b5-faq-ask a { color: #00744A; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.rp-page .sr-page { position:relative;width:794px;height:1123px;background:#fff;color:#1C2522;font-family:Poppins,system-ui,sans-serif;padding:64px 64px 70px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column }
.rp-page .sr-page * { box-sizing:border-box }
.rp-page .sr-body { position:relative;z-index:1;flex:1;display:flex;flex-direction:column }
.rp-page .sr-run { display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6B736F;padding-bottom:12px;border-bottom:1px solid #E3EAE6;margin-bottom:28px }
.rp-page .sr-run b { color:#1C2522;font-weight:600 }
.rp-page .sr-tag { display:inline-block;padding:2px 8px;border-radius:999px;background:#FFF4DA;color:#7A5200;font-size:10.5px;font-weight:600 }
.rp-page .sr-foot { position:absolute;left:64px;right:64px;bottom:28px;display:flex;justify-content:space-between;font-size:10.5px;color:#6B736F;border-top:1px solid #E3EAE6;padding-top:10px;z-index:1 }
.rp-page .sr-kicker { font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00744A;margin:0 0 6px }
.rp-page .sr-h { font-size:30px;line-height:1.2;font-weight:600;margin:0 0 14px;letter-spacing:-.01em }
.rp-page .sr-p { font-size:13.5px;line-height:1.6;color:#3A4541;margin:0 0 12px }
.rp-page .sr-small { font-size:11.5px;line-height:1.5;color:#6B736F }
.rp-page .sr-grid { display:grid;gap:12px }
.rp-page .sr-box { border:1px solid #E3EAE6;border-radius:12px;padding:14px 16px }
.rp-page .sr-box h4 { margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6B736F }
.rp-page .sr-big { font-size:26px;font-weight:700;letter-spacing:-.01em }
.rp-page .sr-tbl { width:100%;border-collapse:collapse;font-size:12px }
.rp-page .sr-tbl th { text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6B736F;padding:8px 6px;border-bottom:1.5px solid #1C2522 }
.rp-page .sr-tbl td { padding:9px 6px;border-bottom:1px solid #E3EAE6;vertical-align:top;line-height:1.4 }
.rp-page .sr-tbl td.n,.rp-page .sr-tbl th.n { text-align:right;white-space:nowrap }
.rp-page .sr-pill { display:inline-block;white-space:nowrap;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:600 }
.rp-page .sr-low { background:#E7F6EF;color:#00744A }
.rp-page .sr-med { background:#FFF4DA;color:#7A5200 }
.rp-page .sr-high { background:#FDE8E3;color:#A2381F }
.rp-page .sr-none { background:#EEF1F0;color:#4A5550 }
.rp-page .sr-bars { display:grid;gap:8px }
.rp-page .sr-bar { display:grid;grid-template-columns:150px 1fr 92px;gap:10px;align-items:center;font-size:12px }
.rp-page .sr-bar i { display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#00B26B,#55D39C) }
.rp-page .sr-bar i.g { background:#C9D4CF }
.rp-page .sr-key { display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 22px;font-size:11.5px;color:#5E6B65 }
.rp-page .sr-key i { display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:linear-gradient(90deg,#00B26B,#55D39C) }
.rp-page .sr-key i.g { background:#C9D4CF }
.rp-page .sr-bar span:last-child { text-align:right;font-weight:600 }
.rp-page .sr-toc { list-style:none;margin:8px 0 0;padding:0;font-size:14px }
.rp-page .sr-toc li { display:flex;align-items:baseline;gap:8px;padding:9px 0;border-bottom:1px dashed #DDE5E1 }
.rp-page .sr-toc li span:first-child { width:26px;color:#00744A;font-weight:600 }
.rp-page .sr-toc li em { flex:1;border-bottom:1px dotted #C9D4CF;transform:translateY(-4px) }
.rp-page .sr-code { font-family:Consolas,"Cascadia Mono",monospace;font-size:11px;line-height:1.55;border-radius:10px;padding:10px 12px;white-space:pre-wrap }
.rp-page .sr-del { background:#FDF0EC;color:#7A2E1B }
.rp-page .sr-add { background:#ECF8F2;color:#0B4B30 }
.rp-page .sr-note { border-left:3px solid #00B26B;background:#F4F8F6;padding:10px 12px;border-radius:0 10px 10px 0;font-size:12.5px;line-height:1.5;color:#3A4541 }
.rp-page .sr-cover { background:#04150D;color:#fff;padding:72px 64px }
.rp-page .sr-cover .sr-run { color:rgba(255,255,255,.62);border-color:rgba(255,255,255,.14) }
.rp-page .sr-cover .sr-run b { color:#fff }
.rp-page .sr-cover .sr-foot { color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.14) }
.rp-page .sr-cover-glow { position:absolute;inset:0;background:radial-gradient(70% 50% at 100% 0%,rgba(0,178,107,.45),transparent 60%),radial-gradient(60% 40% at 0% 100%,rgba(0,178,107,.25),transparent 60%);z-index:0 }
.rp-page .sr-logo { display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600 }
.rp-page .sr-logo .sr-mark { display:block;height:32px;width:auto;flex:none }
.rp-page .rp-scale { transform-origin: 0 0; transform: scale(var(--s, .5)); width: 794px; height: 1123px; }
.rp-page .rp-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(60% 70% at 85% 30%, rgba(0,178,107,.30), transparent 60%), radial-gradient(50% 60% at 0% 100%, rgba(0,178,107,.18), transparent 60%), #04150D; }
.rp-page .rp-hero__in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; padding-top: 88px; padding-bottom: 96px; }
@media (max-width: 1023.98px){
.rp-page .rp-hero__in { grid-template-columns: 1fr; padding-top: 56px; padding-bottom: 64px; gap: 40px; }
}
.rp-page .rp-chip { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; padding: 6px 6px 6px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; font-size: 13.5px; font-weight: 500; color: #CFF5E3; }
.rp-page .rp-chip span { padding: 2px 10px; border-radius: 999px; background: #FFF4DA; color: #7A5200; font-size: 12px; font-weight: 600; }
.rp-page .rp-hero__h { margin: 0; font-size: clamp(34px, 4.2vw, 56px); line-height: 1.1; font-weight: 600; letter-spacing: -.02em; }
.rp-page .rp-hero__p { margin: 20px 0 0; max-width: 600px; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.82); }
.rp-page .rp-hero__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 30px; }
.rp-page .rp-ghost { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; color: #fff; font-weight: 600; font-size: 16px; text-decoration: underline; text-decoration-color: #00B26B; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.rp-page .rp-facts { list-style: none; margin: 36px 0 0; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.14); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 640px; }
.rp-page .rp-facts li { display: grid; gap: 2px; }
.rp-page .rp-facts b { font-size: 17px; color: #fff; }
.rp-page .rp-facts span { font-size: 13.5px; color: rgba(255,255,255,.66); line-height: 1.4; }
@media (max-width: 559px){
.rp-page .rp-facts { grid-template-columns: 1fr; gap: 12px; }
.rp-page .rp-hero__acts .ec-btn { width: 100%; }
}
.rp-page .rp-hero__stack { position: relative; width: min(100%, 440px); justify-self: center; aspect-ratio: 794 / 1123; }
@media (max-width: 1023.98px){
.rp-page .rp-hero__stack { width: min(78%, 340px); }
}
.rp-page .rp-stack__cover,.rp-page .rp-stack__sheet { position: absolute; inset: 0; border-radius: 8px; overflow: hidden; }
.rp-page .rp-stack__cover { transform: rotate(-2.5deg); box-shadow: 0 40px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.1); }
.rp-page .rp-stack__sheet { background: #F2F5F3; box-shadow: 0 20px 50px rgba(0,0,0,.4); }
.rp-page .rp-stack__sheet--2 { transform: translate(18px, 14px) rotate(2deg); background: #E5ECE8; }
.rp-page .rp-stack__sheet--3 { transform: translate(34px, 26px) rotate(5deg); background: #D4DED9; }
.rp-page .rp-read { background: #EDF2EF; padding: 88px 0 96px; }
.rp-page .rp-read__head { max-width: 820px; margin: 0 auto 44px; text-align: center; }
.rp-page .rp-kicker { margin: 0 0 10px; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #00744A; }
.rp-page .rp-h2 { margin: 0; font-size: clamp(28px, 3vw, 40px); line-height: 1.2; font-weight: 600; color: #101814; letter-spacing: -.01em; }
.rp-page .rp-lead { margin: 16px auto 0; max-width: 720px; font-size: 16.5px; line-height: 1.6; color: #3A4541; }
.rp-page .rp-pages .sr-tbl,.rp-page .rp-stack__cover .sr-tbl { table-layout: fixed; min-width: 0; }
.rp-page .rp-pages .sr-tbl td,.rp-page .rp-pages .sr-tbl th { overflow-wrap: anywhere; }
.rp-page .rp-lead2 { margin: 12px 0 0; font-size: 15px; line-height: 1.6; color: #3A4541; }
.rp-page .rp-annot [data-sr-note]::after { width: 24px; height: 24px; border-radius: 50%; background: #00B26B; color: #04150D; font-size: 12px; font-weight: 700; display: grid; place-items: center; }
.rp-page .rp-annot [data-sr-note] { position: relative; }
.rp-page .rp-annot [data-sr-note]::after { content: attr(data-sr-note); position: absolute; top: -12px; right: -12px; box-shadow: 0 0 0 3px #fff; }
@media (max-width: 767.98px){
.rp-page .rp-read { padding: 56px 0 64px; }
}
.rp-page .rp-pages .sr-page:not(.sr-cover) { height: auto; min-height: 0; padding-bottom: 96px; }
.rp-page .rp-pages .sr-cover { height: 1123px; }

/* ── Enhancements over the design ── */
.rp-page .rp-hero__in { padding-top: calc(var(--ec-header-h, 76px) + 40px); }
.rp-page #sample, .rp-page #your-data { scroll-margin-top: var(--ec-header-h, 76px); }
.rp-page .rp-ghost:focus-visible { outline: 2px solid #00B26B; outline-offset: 3px; border-radius: 6px; }
.rp-page .sr-cover-h { font-size: 46px; line-height: 1.12; font-weight: 600; margin: 0 0 18px; letter-spacing: -.02em; }
.rp-page .rp-chip { background: rgba(255,255,255,.04); }

.rp-page .rp-faqkicker { margin-top: 0; }
@media (prefers-reduced-motion: reduce){
  .rp-page .rp-pages .sr-page { transition: none; }
}
/* Sample-report modifiers (formerly inline styles) */
.rp-page .sr-push { margin-top:auto }
.rp-page .sr-cover .sr-k-mint { color:#6EE7B7 }
.rp-page .sr-cover-lede { font-size:15px;line-height:1.6;color:rgba(255,255,255,.78);margin:0 0 28px;max-width:560px }
.rp-page .sr-cover-meta { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;font-size:12.5px }
.rp-page .sr-cover-card { border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px }
.rp-page .sr-cover-lbl { color:rgba(255,255,255,.6) }
.rp-page .sr-cover-disc { margin:32px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,244,218,.12);color:#FFE7A8;font-size:12.5px;line-height:1.5;max-width:620px }
.rp-page .sr-cols-2 { grid-template-columns:1fr 1fr }
.rp-page .sr-cols-3 { grid-template-columns:repeat(3,1fr) }
.rp-page .sr-big-sm { font-size:22px;color:#00744A }
.rp-page .sr-lh-15 { line-height:1.5 }
.rp-page .sr-bars-lg { margin:18px 0 10px }
.rp-page .sr-small-md { font-size:12.5px;color:#3A4541 }
.rp-page .sr-h3 { font-size:20px;font-weight:600;margin:28px 0 10px }
.rp-page .sr-note-warn { border-color:#A2381F;background:#FDF0EC }
.rp-page .sr-note.sr-next { border-color:#00B26B;background:#EAF8F1 }
.rp-page .sr-next a { color:#00744A;font-weight:600 }
.rp-page .sr-nw { white-space:nowrap }
.rp-page .sr-mt-6 { margin-top:6px }
.rp-page .sr-mt-10 { margin-top:10px }
.rp-page .sr-mt-16 { margin-top:16px }
.rp-page .sr-mt-18 { margin-top:18px }
.rp-page .sr-mt-20 { margin-top:20px }
.rp-page .sr-mt-22 { margin-top:22px }
.rp-page .sr-mt-24 { margin-top:24px }
.rp-page .sr-mt-26 { margin-top:26px }
.rp-page .sr-mt-28 { margin-top:28px }
.rp-page .sr-mb-14 { margin-bottom:14px }
.rp-page .sr-mb-18 { margin-bottom:18px }
.rp-page .sr-m0 { margin:0 }
.rp-page .sr-tbl th.sr-cw4 { width:4% }
.rp-page .sr-tbl th.sr-cw11 { width:11% }
.rp-page .sr-tbl th.sr-cw12 { width:12% }
.rp-page .sr-tbl th.sr-cw14 { width:14% }
.rp-page .sr-tbl th.sr-cw15 { width:15% }
.rp-page .sr-tbl th.sr-cw16 { width:16% }
.rp-page .sr-tbl th.sr-cw18 { width:18% }
.rp-page .sr-tbl th.sr-cw24 { width:24% }
.rp-page .sr-tbl th.sr-cw28 { width:28% }
.rp-page .sr-tbl th.sr-cw38 { width:38% }
.rp-page .sr-tbl th.sr-cw60 { width:60% }
.rp-page .sr-bar i.sr-w10 { width:10% }
.rp-page .sr-bar i.sr-w15 { width:15% }
.rp-page .sr-bar i.sr-w17 { width:17% }
.rp-page .sr-bar i.sr-w18 { width:18% }
.rp-page .sr-bar i.sr-w20 { width:20% }
.rp-page .sr-bar i.sr-w26 { width:26% }
.rp-page .sr-bar i.sr-w36 { width:36% }
.rp-page .sr-bar i.sr-w38 { width:38% }
.rp-page .sr-bar i.sr-w44 { width:44% }
.rp-page .sr-bar i.sr-w45 { width:45% }
.rp-page .sr-bar i.sr-w61 { width:61% }
.rp-page .sr-bar i.sr-w100 { width:100% }

/* ── UI/UX refinement pass (visual only; copy unchanged) ── */
.rp-page .rp-hero__h, .rp-page .rp-h2, .rp-page .sr-h { text-wrap: balance; }
.rp-page .rp-hero__h { font-size: clamp(32px, 3.7vw, 52px); letter-spacing: -.025em; }
.rp-page .rp-hero__p { color: rgba(255,255,255,.86); }
.rp-page .rp-hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,178,107,.55), transparent); }
.rp-page .rp-facts { border-top: 0; padding-top: 0; gap: 12px; max-width: 660px; }
.rp-page .rp-facts li { gap: 4px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.04); position: relative; overflow: hidden; }
.rp-page .rp-facts li::before { content: ""; position: absolute; left: 16px; top: 0; width: 28px; height: 3px; border-radius: 0 0 3px 3px; background: #00B26B; }
.rp-page .rp-facts b { font-size: 16.5px; }
.rp-page .rp-hero__stack::before { content: ""; position: absolute; inset: -12% -18%; background: radial-gradient(closest-side, rgba(0,178,107,.32), transparent 72%); z-index: -1; pointer-events: none; }
.rp-page .rp-hero__stack { isolation: isolate; }
.rp-page .rp-stack__cover { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.rp-page .rp-hero__stack:hover .rp-stack__cover { transform: rotate(-1deg) translateY(-6px); }
.rp-page .rp-ghost { transition: color .15s ease, text-decoration-color .15s ease; }
.rp-page .rp-ghost:hover { color: #6EE7B7; }
.rp-page .rp-ghost span { display: inline-block; transition: transform .2s ease; }
.rp-page .rp-ghost:hover span { transform: translateY(3px); }

/* sections: theme light tokens, rhythm, head */
.rp-page .rp-read { background: #F4F8F6; }
.rp-page .rp-read__head { margin-bottom: 52px; }
.rp-page .rp-kicker { display: inline-flex; align-items: center; gap: 10px; }
.rp-page .rp-kicker::before, .rp-page .rp-kicker::after { content: ""; width: 22px; height: 2px; border-radius: 2px; background: #00B26B; }
.rp-page .rp-lead b { color: #101814; }
.rp-page .rp-lead2 { display: block; max-width: 720px; margin: 22px auto 0; padding: 14px 20px; border: 1px solid #D9E6DF; border-radius: 16px; background: #fff; color: #3A4541; }
.rp-page .rp-lead2 b { color: #00744A; }

/* reader: rail, progress, controls */

/* paper depth */

/* scroll reveal (JS adds .rp-js; disabled for reduced motion) */
@media (prefers-reduced-motion: no-preference) {
  html:has(.rp-page) { scroll-behavior: smooth; }
  .rp-page.rp-js [data-rp-rv] { transition: opacity .55s ease, transform .55s cubic-bezier(.2,.7,.2,1); }
  .rp-page.rp-js [data-rp-rv]:not(.is-in) { opacity: 0; transform: translateY(20px); }
  .rp-page .rp-hero__stack .rp-stack__sheet--2 { animation: rp-sway 7s ease-in-out 3; }
  .rp-page .rp-hero__stack .rp-stack__sheet--3 { animation: rp-sway 9s ease-in-out 3 reverse; }
}
@keyframes rp-sway { 0%, 100% { translate: 0 0; } 50% { translate: 5px -4px; } }

/* form polish */

/* tablet + phone: contents become a sticky chip strip */
@media (max-width: 767.98px) {
  .rp-page .rp-read__head { margin-bottom: 36px; }
  .rp-page .rp-lead2 { padding: 12px 16px; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .rp-page .rp-frame, .rp-page .rp-stack__cover { transition: none; }
}

/* print: reveals may never have run (nothing scrolled), so show everything; drop the sticky/interactive chrome */
@media print {
  .rp-page.rp-js [data-rp-rv] { opacity: 1 !important; transform: none !important; transition: none !important; }
  .rp-page .ec5-mbar { display: none !important; }
}

/* ===== FAQ (centred, single card accordion) ===== */
.rp-page .is-enhanced .ec-faq.is-open .ec-faq__a { opacity: 1; transform: none; transition-delay: .06s; }
@media print {
  .rp-page .is-enhanced .ec-faq__panel { grid-template-rows: 1fr; visibility: visible; transition: none; }
  .rp-page .is-enhanced .ec-faq__a { opacity: 1; transform: none; }
}


/* Hero label = the service pages' pill: uppercase, green dot */
.ec-page .rp-hero .ec10-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 22px; padding: 6px 14px; border-radius: 999px;
  border: 1px solid rgba(0,178,107,.45); background: rgba(0,178,107,.10); color: #6EE7B7;
  font-size: 13px; font-weight: 600; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.ec-page .rp-hero .ec10-eyebrow__dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: #00B26B; box-shadow: 0 0 0 3px rgba(0,178,107,.25); }
@media (max-width: 767px) { .ec-page .rp-hero .ec10-eyebrow { margin-bottom: 16px; font-size: 11.5px; } }
/* "Read the sample": a clean secondary link (no underline) with a round arrow chip that nudges down on hover */
.ec-page .rp-hero .rp-ghost { gap: 10px; text-decoration: none; }
.ec-page .rp-hero .rp-ghost span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; font-size: 15px; line-height: 1;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease; }
.ec-page .rp-hero .rp-ghost:hover { color: #6EE7B7; text-decoration: none; }
.ec-page .rp-hero .rp-ghost:hover span { border-color: #00B26B; background: rgba(0,178,107,.12); transform: translateY(2px); }
@media (prefers-reduced-motion: reduce) { .ec-page .rp-hero .rp-ghost span { transition: none; } .ec-page .rp-hero .rp-ghost:hover span { transform: none; } }
/* Fact cards: no little green tab on top */
.ec-page .rp-hero .rp-facts li::before { display: none; }

/* "Read the sample": a plain text link with a clean green underline; centred under the button on phones */
.ec-page .rp-hero .rp-ghost { min-height: 48px; text-decoration: underline; text-decoration-color: rgba(110,231,183,.6); text-decoration-thickness: 1.5px; text-underline-offset: 6px;
  transition: color .15s ease, text-decoration-color .15s ease; }
.ec-page .rp-hero .rp-ghost:hover { color: #6EE7B7; text-decoration: underline; text-decoration-color: #6EE7B7; }
@media (max-width: 639.98px) { .ec-page .rp-hero .rp-ghost { width: 100%; justify-content: center; } }