/* ============================================================================
   BRIT GMBH / DIGITALE RECHNUNGSVERARBEITUNG
   Individuelle Leistungsseite – lokal, IIS-kompatibel, ohne Framework.
   01 Hero / 02 Intro / 03 Rechnungsstrecke / 04 Eingangsformate
   05 Freigaben / 06 Lösungen / 07 Einführung / 08 FAQ / 09 CTA
   ============================================================================ */
/* 00 / PAGE BASE --------------------------------------------------------- */
.rv-page {
  --rv-ink:#12261c;
  --rv-dark:#10271d;
  --rv-lime:#84b413;
  --rv-muted:#516255;
  --rv-line:#dbe6d5
}
.rv-main {
  overflow:hidden
}
.rv-main h1,.rv-main h2,.rv-main h3 {
  letter-spacing:-.052em
}
.rv-section {
  padding:clamp(76px,8.4vw,132px) 0;
  position:relative
}
.rv-section h2 {
  overflow-wrap:break-word;
  hyphens:auto;
  font-size:clamp(2.45rem,4.5vw,5.15rem);
  line-height:1.09;
  margin:17px 0 27px;
  max-width:880px
}
.rv-section h2 em {
  font-style:normal;
  color:#719c1e
}
.rv-section p {
  color:#52655a;
  line-height:1.8
}
.rv-heading-row {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr);
  gap:7%;
  align-items:end;
  margin-bottom:48px
}
.rv-heading-row h2 {
  margin-bottom:0
}
.rv-heading-row>p {
  font-size:1.06rem;
  margin:0 0 10px
}
.rv-main .eyebrow {
  color:#6c9527
}
.rv-main .btn-light-outline {
  color:#fff;
  border-color:#adc3aa
}
.rv-main .btn-light-outline:hover {
  background:#ffffff20
}
.rv-main a:focus-visible,.rv-main button:focus-visible,.rv-main summary:focus-visible {
  outline:3px solid #a3d453;
  outline-offset:4px
}
/* 01 / HERO -------------------------------------------------------------- */
.rv-hero {
  position:relative;
  isolation:isolate;
  background:#0d211b;
  color:#fff;
  min-height:725px;
  overflow:hidden
}
.rv-hero-photo,.rv-hero-photo:after {
  position:absolute;
  inset:0
}
.rv-hero-photo {
  z-index:-2
}
.rv-hero-photo img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center
}
.rv-hero-photo:after {
  content:'';
  background:linear-gradient(90deg,#091b17f7 0%,#091b17e7 28%,#091b178a 57%,#091b171a 100%)
}
.rv-hero-inner {
  min-height:725px;
  display:flex;
  flex-direction:column;
  padding-top:27px;
  padding-bottom:115px
}
.rv-crumb {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  font-size:.76rem;
  font-weight:730;
  color:#c3d3c2
}
.rv-crumb a:hover {
  color:#c6ec88
}
.rv-crumb .icon {
  width:13px;
  height:13px;
  color:#84b413
}
.rv-hero-copy {
  margin:auto 0;
  max-width:760px;
  padding:58px 0 28px
}
.rv-kicker {
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.16em;
  color:#bde67c
}
.rv-hero h1 {
  font-size:clamp(3.3rem,6vw,7.3rem);
  line-height:.99;
  margin:21px 0 26px;
  max-width:900px;
  font-weight:820
}
.rv-hero h1 em {
  font-style:normal;
  color:#a9d96a
}
.rv-hero-copy>p {
  max-width:660px;
  color:#e3ebe1;
  font-size:clamp(1.01rem,1.24vw,1.21rem);
  line-height:1.8;
  margin:0
}
.rv-hero-tags {
  display:flex;
  flex-wrap:wrap;
  gap:13px 26px;
  margin-top:38px;
  color:#d8e6d2;
  font-size:.81rem;
  font-weight:730
}
.rv-hero-tags span {
  display:inline-flex;
  gap:9px;
  align-items:center
}
.rv-hero-tags .icon {
  width:18px;
  height:18px;
  color:#a6dd62
}
.rv-hero-foot {
  position:absolute;
  bottom:0;
  width:100%;
  height:52px;
  background:#0a1d18b9;
  border-top:1px solid #ffffff1b
}
.rv-hero-foot>.wrap {
  height:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#b9d0b9;
  font-size:.65rem;
  font-weight:850;
  letter-spacing:.13em;
  gap:20px
}
/* 02 / EDITORIAL CONTEXT ------------------------------------------------ */
.rv-context {
  background:#f7faf5
}
.rv-context-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9%
}
.rv-context h2 {
  max-width:690px
}
.rv-context-right {
  padding-top:36px
}
.rv-context-right>p {
  font-size:1.07rem;
  max-width:650px
}
.rv-context-facts {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:34px
}
.rv-context-facts>div {
  border-top:2px solid #8db924;
  padding-top:17px;
  display:grid;
  grid-template-columns:22px 1fr;
  gap:1px 10px
}
.rv-context-facts .icon {
  width:19px;
  height:19px;
  color:#7eae22;
  grid-row:1/3
}
.rv-context-facts strong {
  font-size:.97rem
}
.rv-context-facts small {
  font-size:.79rem;
  color:#687b6e
}
/* 03 / INTERACTIVE JOURNEY ---------------------------------------------- */
.rv-journey {
  background:#eaf1e5
}
.rv-journey-shell {
  display:grid;
  grid-template-columns:minmax(295px,.54fr) minmax(0,1fr);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 30px 70px #1c3a1b1b;
  background:#fff;
  border:1px solid #d6e4cb
}
.rv-journey-steps {
  padding:20px;
  background:#173628;
  display:flex;
  flex-direction:column;
  gap:5px
}
.rv-step {
  background:transparent;
  border:1px solid transparent;
  text-align:left;
  color:#daead4;
  padding:19px 19px;
  display:grid;
  grid-template-columns:37px 1fr 18px;
  gap:14px;
  align-items:center;
  border-radius:11px;
  cursor:pointer;
  transition:background .24s,border-color .24s,transform .24s
}
.rv-step:hover {
  background:#ffffff10
}
.rv-step.is-current {
  background:#ffffff15;
  border-color:#a7d14a6d;
  color:white
}
.rv-step .rv-step-no {
  font-size:.71rem;
  font-weight:860;
  color:#b1df73
}
.rv-step-info {
  display:flex;
  flex-direction:column;
  gap:4px
}
.rv-step-info strong {
  font-size:1.05rem;
  letter-spacing:-.03em
}
.rv-step-info small {
  font-size:.78rem;
  color:#b4cbb4;
  line-height:1.4
}
.rv-step>.icon {
  width:16px;
  height:16px;
  color:#9bd045
}
.rv-stage {
  padding:28px clamp(24px,4.4vw,65px) 24px;
  min-width:0;
  background:radial-gradient(ellipse at 100% 0,#edf6e3,#fff 65%)
}
.rv-stage-head {
  display:flex;
  align-items:center;
  gap:9px;
  color:#6b826c;
  font-weight:800;
  letter-spacing:.13em;
  font-size:.63rem;
  padding-bottom:24px;
  border-bottom:1px solid #e3e9de
}
.rv-stage-bullet {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#84b413;
  box-shadow:0 0 0 5px #84b41320
}
#rv-step-count {
  margin-left:auto
}
.rv-stage-copy {
  min-height:172px;
  padding:31px 0 19px
}
.rv-stage-eyebrow {
  font-size:.69rem;
  font-weight:840;
  letter-spacing:.14em;
  color:#76a41e
}
.rv-stage-copy h3 {
  font-size:clamp(1.65rem,2.5vw,2.55rem);
  line-height:1.13;
  margin:8px 0 14px
}
.rv-stage-copy p {
  max-width:670px;
  margin:0;
  font-size:.93rem
}
.rv-invoice-preview {
  max-width:560px;
  background:#fff;
  border:1px solid #dce5d6;
  box-shadow:0 15px 55px #142b1520;
  border-radius:11px;
  padding:22px 25px;
  position:relative
}
.rv-invoice-preview:after {
  content:'';
  position:absolute;
  bottom:-10px;
  right:17px;
  width:78%;
  height:10px;
  background:#dfebd7;
  border-radius:0 0 8px 8px
}
.rv-paper-head {
  display:flex;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #e4eae0;
  padding-bottom:16px;
  align-items:center
}
.rv-paper-head>div {
  display:grid;
  gap:4px
}
.rv-doc-mini {
  font-size:.61rem;
  letter-spacing:.14em;
  color:#81947f;
  font-weight:780
}
.rv-paper-head strong {
  font-size:1.08rem
}
.rv-paper-format {
  background:#eaf3d8;
  color:#587c19;
  border-radius:30px;
  padding:7px 12px;
  font-size:.64rem;
  font-weight:850;
  letter-spacing:.08em
}
.rv-paper-row {
  display:flex;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #edf1e9;
  padding:11px 0;
  font-size:.82rem
}
.rv-paper-row span {
  color:#7c8d7c
}
.rv-paper-row strong {
  color:#1f3427;
  text-align:right
}
.rv-paper-total {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:20px 0 12px;
  color:#192f23;
  font-size:.88rem;
  font-weight:800
}
.rv-paper-total strong {
  font-size:1.4rem
}
.rv-document-state {
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 13px;
  background:#eff6e6;
  border-radius:8px;
  color:#3c621e;
  font-size:.83rem;
  font-weight:750;
  margin-top:12px
}
.rv-document-state .icon {
  width:17px;
  height:17px
}
.rv-stage-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:29px;
  font-size:.69rem;
  color:#728270
}
.rv-stage-nav {
  display:flex;
  gap:7px
}
.rv-stage-nav button {
  display:grid;
  place-items:center;
  border:1px solid #d4dfca;
  background:#fff;
  width:40px;
  height:40px;
  border-radius:9px;
  cursor:pointer;
  color:#416d1b;
  transition:.2s
}
.rv-stage-nav button:hover:not(:disabled) {
  background:#e9f3d7;
  border-color:#84b413
}
.rv-stage-nav button:disabled {
  opacity:.35;
  cursor:not-allowed
}
.rv-stage-nav .icon {
  width:18px;
  height:18px
}
#rv-prev .icon {
  transform:rotate(180deg)
}
/* 04 / FORMATS ----------------------------------------------------------- */
.rv-formats {
  background:#fff
}
.rv-format-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.rv-format-card {
  min-height:405px;
  border:1px solid #dce7d5;
  border-radius:17px;
  background:#f4f8ef;
  padding:32px;
  display:flex;
  flex-direction:column;
  transition:transform .3s,border-color .3s,box-shadow .3s
}
.rv-format-card:hover {
  transform:translateY(-5px);
  border-color:#9ec76b;
  box-shadow:0 19px 45px #243b1916
}
.rv-format-card.rv-format-pdf {
  background:#e8f0df
}
.rv-format-card.rv-format-xml {
  background:#183429;
  color:#fff;
  border-color:#244c36
}
.rv-format-num {
  font-size:.72rem;
  letter-spacing:.15em;
  font-weight:850;
  color:#65911b
}
.rv-format-xml .rv-format-num {
  color:#b8e17b
}
.rv-format-icon {
  width:45px;
  height:45px;
  margin:39px 0 20px;
  color:#70a11b
}
.rv-format-xml .rv-format-icon {
  color:#b5e474
}
.rv-format-card h3 {
  font-size:clamp(1.5rem,2.1vw,2rem);
  line-height:1.2;
  margin:0 0 12px
}
.rv-format-card p {
  font-size:.96rem;
  line-height:1.74;
  margin:0;
  max-width:390px
}
.rv-format-xml p {
  color:#d0e1d0
}
.rv-format-foot {
  margin-top:auto;
  border-top:1px solid #cfdac9;
  padding-top:18px;
  font-size:.66rem;
  font-weight:850;
  letter-spacing:.12em;
  color:#658825
}
.rv-format-xml .rv-format-foot {
  border-color:#52765f;
  color:#b7dc7d
}
.rv-format-note {
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:19px 21px;
  margin:27px 0 0;
  background:#f8f9f5;
  border-left:3px solid #84b413;
  border-radius:0 8px 8px 0;
  color:#516653;
  font-size:.89rem
}
.rv-format-note .icon {
  width:20px;
  height:20px;
  flex:none;
  color:#78a11a;
  margin-top:3px
}
/* 05 / APPROVAL RULES ---------------------------------------------------- */
.rv-approval {
  background:#10281e;
  color:#fff
}
.rv-approval-grid {
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:8%;
  align-items:center
}
.rv-approval .eyebrow {
  color:#b4e478
}
.rv-approval h2 {
  color:#fff
}
.rv-approval h2 em {
  color:#b2d983
}
.rv-approval-copy>p {
  color:#c0d2c2;
  font-size:1.05rem
}
.rv-approval-points {
  display:grid;
  gap:15px;
  margin:35px 0
}
.rv-approval-points>div {
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:#f0f6ec;
  font-weight:680;
  line-height:1.5
}
.rv-approval-points .icon {
  width:20px;
  height:20px;
  color:#b4e578;
  flex:none;
  margin-top:2px
}
.rv-approval .text-link {
  color:#b7e57e
}
.rv-approval-art {
  padding:29px 34px 28px;
  border-radius:16px;
  background:linear-gradient(135deg,#315440,#18352a);
  border:1px solid #ffffff22;
  box-shadow:0 25px 65px #0003
}
.rv-approval-window {
  display:flex;
  gap:10px;
  align-items:center;
  font-size:.7rem;
  letter-spacing:.13em;
  color:#bad0b6;
  font-weight:850;
  padding-bottom:24px;
  border-bottom:1px solid #ffffff22
}
.rv-approval-window>.icon {
  margin-left:auto;
  width:18px;
  color:#b4e56d
}
.rv-approval-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#abdf5f
}
.rv-review-card {
  background:#fff;
  color:#142b1f;
  display:grid;
  grid-template-columns:45px 1fr auto;
  gap:15px;
  align-items:center;
  padding:20px;
  border-radius:11px;
  box-shadow:0 10px 25px #0002;
  min-width:0
}
.rv-review-card--active {
  border-left:4px solid #84b413
}
.rv-review-symbol {
  width:44px;
  height:44px;
  border-radius:11px;
  background:#ecf5df;
  display:grid;
  place-items:center;
  color:#79a91b
}
.rv-review-symbol .icon {
  width:23px;
  height:23px
}
.rv-review-card>div:nth-child(2) {
  display:grid;
  gap:5px
}
.rv-review-card>div:nth-child(2)>span {
  font-size:.65rem;
  font-weight:820;
  letter-spacing:.13em;
  color:#7b9c53
}
.rv-review-card strong {
  font-size:1.1rem;
  line-height:1.25
}
.rv-review-card small {
  font-size:.74rem;
  color:#6b7c6d;
  line-height:1.5
}
.rv-review-pill {
  border-radius:20px;
  background:#eff5e9;
  color:#608323;
  padding:7px 10px;
  font-size:.66rem;
  font-weight:810;
  white-space:nowrap
}
.rv-review-line {
  height:29px;
  margin-left:44px;
  border-left:2px dashed #a7d66a80;
  position:relative
}
.rv-review-line:after {
  content:'';
  position:absolute;
  bottom:0;
  left:-4px;
  border-top:7px solid #a7d66a;
  border-right:3px solid transparent;
  border-left:3px solid transparent
}
.rv-review-footer {
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:26px;
  font-size:.83rem;
  color:#c5dfb7
}
.rv-review-footer .icon {
  width:19px;
  height:19px;
  color:#b4e57e
}
/* 06 / PRODUCT FIT ------------------------------------------------------- */
.rv-solutions {
  background:#f5f8f1
}
.rv-solution-grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px
}
.rv-solution {
  min-height:455px;
  border-radius:18px;
  padding:clamp(30px,3.4vw,49px);
  display:flex;
  flex-direction:column
}
.rv-solution--main {
  background:#203d2c;
  color:white
}
.rv-solution--secondary {
  background:#e7f0dd;
  color:#163021;
  border:1px solid #d1e1c4
}
.rv-solution-meta {
  display:flex;
  align-items:center;
  gap:13px;
  color:#b7dd88;
  font-size:.7rem;
  letter-spacing:.12em;
  font-weight:830;
  margin-bottom:35px
}
.rv-solution-meta .icon {
  width:28px;
  height:28px
}
.rv-solution--secondary .rv-solution-meta {
  color:#719827
}
.rv-solution h3 {
  font-size:clamp(2.35rem,3.4vw,4rem);
  line-height:1.07;
  margin:0 0 20px
}
.rv-solution h3 em {
  font-style:normal;
  color:#a5d258
}
.rv-solution--secondary h3 em {
  color:#648d1b
}
.rv-solution p {
  color:#d0dfcf;
  font-size:1rem;
  margin:0;
  max-width:650px
}
.rv-solution--secondary p {
  color:#526650
}
.rv-solution-tags {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:26px
}
.rv-solution-tags span {
  padding:8px 11px;
  border-radius:7px;
  border:1px solid #ffffff38;
  color:#e1eddd;
  font-size:.71rem;
  font-weight:700
}
.rv-solution--secondary .rv-solution-tags span {
  border-color:#bfd4ae;
  color:#4c6d27
}
.rv-solution-link {
  margin-top:auto;
  display:inline-flex;
  gap:10px;
  align-items:center;
  padding-top:27px;
  font-weight:800;
  font-size:.9rem;
  color:#c8eb8e
}
.rv-solution--secondary .rv-solution-link {
  color:#557b19
}
.rv-solution-link .icon {
  width:18px;
  height:18px;
  transition:transform .22s
}
.rv-solution-link:hover .icon {
  transform:translateX(5px)
}
.rv-product-note {
  margin-top:22px;
  padding:18px 22px;
  background:white;
  border:1px solid #dce7d5;
  border-radius:11px;
  display:flex;
  gap:16px;
  align-items:center
}
.rv-product-note>.icon {
  height:24px;
  width:24px;
  flex:none;
  color:#7ca424
}
.rv-product-note p {
  margin:0;
  font-size:.9rem
}
.rv-product-note a {
  text-decoration:underline;
  text-underline-offset:3px;
  color:#507d11;
  font-weight:800
}
/* 07 / IMPLEMENTATION ---------------------------------------------------- */
.rv-implementation {
  background:#fff
}
.rv-implementation-layout {
  display:grid;
  grid-template-columns:.91fr 1.09fr;
  gap:9%
}
.rv-implementation-layout>div:first-child>p {
  font-size:1.07rem;
  max-width:625px
}
.rv-implementation .text-link {
  margin-top:28px
}
.rv-implementation-steps {
  border-top:1px solid #dae6d1
}
.rv-implementation-steps article {
  display:grid;
  grid-template-columns:60px 1fr;
  gap:18px;
  padding:27px 4px;
  border-bottom:1px solid #dae6d1
}
.rv-implementation-steps article>span {
  font-size:.81rem;
  font-weight:850;
  color:#719c23
}
.rv-implementation-steps h3 {
  font-size:1.35rem;
  margin:0 0 9px
}
.rv-implementation-steps p {
  margin:0;
  font-size:.93rem
}
/* 08 / FAQ --------------------------------------------------------------- */
.rv-faq {
  background:#eff5e9
}
.rv-faq-layout {
  display:grid;
  grid-template-columns:.74fr 1.26fr;
  gap:10%
}
.rv-faq-layout>div:first-child p {
  max-width:400px
}
.rv-faq-list {
  border-top:1px solid #cdddc3
}
.rv-faq-list details {
  border-bottom:1px solid #cdddc3
}
.rv-faq-list summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  font-size:1.04rem;
  font-weight:800;
  padding:24px 4px;
  cursor:pointer;
  list-style:none;
  line-height:1.5
}
.rv-faq-list summary::-webkit-details-marker {
  display:none
}
.rv-faq-list summary .icon {
  width:18px;
  height:18px;
  flex:none;
  color:#7da721;
  transition:transform .25s
}
.rv-faq-list details[open] summary .icon {
  transform:rotate(180deg)
}
.rv-faq-list details p {
  margin:0;
  padding:0 20px 23px 4px;
  font-size:.93rem
}
/* 09 / CONTACT CTA ------------------------------------------------------- */
.rv-cta {
  background:#a5d15c;
  padding:73px 0;
  color:#142f20
}
.rv-cta-inner {
  display:grid;
  grid-template-columns:1fr auto;
  gap:50px;
  align-items:center
}
.rv-cta .eyebrow {
  color:#365319
}
.rv-cta h2 {
  font-size:clamp(2.4rem,3.6vw,4.35rem);
  margin:14px 0 20px;
  line-height:1.11;
  max-width:850px
}
.rv-cta p {
  max-width:700px;
  color:#355025;
  font-size:1.05rem;
  margin:0
}
/* 10 / RESPONSIVE & REDUCED MOTION --------------------------------------- */
@media(max-width:1130px) {
  .rv-journey-shell {
    grid-template-columns:minmax(245px,.52fr) minmax(0,1fr)
  }
  .rv-step {
    padding:17px 12px;
    gap:10px
  }
  .rv-approval-grid {
    gap:5%
  }
}
@media(max-width:900px) {
  .rv-hero,.rv-hero-inner {
    min-height:660px
  }
  .rv-hero-photo:after {
    background:linear-gradient(90deg,#091b17f0,#091b17aa 75%,#091b177a)
  }
  .rv-heading-row,.rv-context-grid,.rv-approval-grid,.rv-implementation-layout,.rv-faq-layout {
    grid-template-columns:minmax(0,1fr);
    gap:25px
  }
  .rv-heading-row>p {
    max-width:680px
  }
  .rv-context-right {
    padding-top:0
  }
  .rv-journey-shell {
    grid-template-columns:1fr
  }
  .rv-journey-steps {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px
  }
  .rv-step {
    grid-template-columns:30px 1fr;
    padding:16px
  }
  .rv-step>.icon {
    display:none
  }
  .rv-format-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .rv-format-card:last-child {
    grid-column:1/-1;
    min-height:300px
  }
  .rv-approval-art {
    max-width:760px
  }
}
@media(max-width:650px) {
  .rv-section {
    padding:72px 0
  }
  .rv-hero,.rv-hero-inner {
    min-height:0
  }
  .rv-hero-inner {
    padding-top:24px;
    padding-bottom:93px
  }
  .rv-hero-copy {
    padding:76px 0 68px
  }
  .rv-hero h1 {
    font-size:clamp(2.75rem,11vw,4.7rem)
  }
  .rv-hero-copy>p {
    font-size:1.01rem
  }
  .rv-hero-tags {
    margin-top:28px;
    gap:11px 17px
  }
  .rv-hero-tags span {
    font-size:.73rem
  }
  .rv-hero-foot>.wrap>span:last-child {
    display:none
  }
  .rv-context-facts {
    grid-template-columns:1fr
  }
  .rv-journey-steps {
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:12px;
    gap:6px
  }
  .rv-step {
    grid-template-columns:1fr;
    gap:5px;
    padding:12px
  }
  .rv-step-info strong {
    font-size:.89rem
  }
  .rv-step-info small {
    font-size:.68rem
  }
  .rv-stage {
    padding:22px 16px 20px
  }
  .rv-stage-head {
    letter-spacing:.08em;
    font-size:.58rem
  }
  .rv-stage-copy {
    min-height:0;
    padding:27px 0 22px
  }
  .rv-stage-copy h3 {
    font-size:1.75rem
  }
  .rv-invoice-preview {
    padding:18px 15px
  }
  .rv-stage-bottom {
    align-items:flex-start
  }
  .rv-format-grid,.rv-solution-grid {
    grid-template-columns:1fr
  }
  .rv-format-card,.rv-format-card:last-child {
    grid-column:1;
    min-height:330px;
    padding:28px
  }
  .rv-format-icon {
    margin:30px 0 18px
  }
  .rv-approval-art {
    padding:19px 13px
  }
  .rv-review-card {
    grid-template-columns:38px 1fr;
    gap:11px;
    padding:16px
  }
  .rv-review-symbol {
    width:38px;
    height:38px
  }
  .rv-review-pill {
    grid-column:2;
    justify-self:start
  }
  .rv-approval .rv-section {
    padding:60px 0
  }
  .rv-solution {
    min-height:360px;
    padding:30px 25px
  }
  .rv-implementation-steps article {
    grid-template-columns:40px 1fr
  }
  .rv-cta-inner {
    grid-template-columns:1fr;
    gap:27px
  }
}
@media(max-width:390px) {
  .rv-hero .hero-actions {
    flex-direction:column;
    align-items:stretch
  }
  .rv-hero h1 {
    font-size:2.65rem
  }
  .rv-stage-head {
    font-size:.54rem
  }
  .rv-paper-total strong {
    font-size:1.12rem
  }
}
@media(prefers-reduced-motion:reduce) {
  .rv-step,.rv-format-card,.rv-faq-list summary .icon,.rv-solution-link .icon {
    transition:none!important
  }
}