/* Stałe wsparcie: wspólna paleta, typografia i komponenty revisi. */
:root{--rv-support-reading:42rem;--rv-support-card-space:var(--rv-space-4);--rv-support-stripe-width:clamp(1.5rem,3vw,3rem);--rv-support-hours-size:clamp(1.75rem,2.5vw,2.5rem);--rv-support-price-size:1.5rem}
.rv-support-section{padding-block:var(--rv-space-6)}
.rv-support-intro{max-width:var(--rv-support-reading);margin-bottom:var(--rv-space-5)}
.rv-support-intro h2{margin-bottom:var(--rv-space-3)}
.rv-support-hero{position:relative;isolation:isolate;overflow:clip}
.rv-support-hero-inner{position:relative;padding-block:var(--rv-space-6);display:grid;gap:var(--rv-space-5)}
.rv-support-hero h1{font-size:clamp(2.8rem,5vw,5.5rem);max-width:none;margin-bottom:var(--rv-space-4)}
.rv-support-hero h1 span{color:var(--rv-red)}
.rv-support-hero p{max-width:var(--rv-support-reading)}
.rv-support-bars{position:absolute;right:25%;top:-80%;height:260%;--rv-bar-height:100%;--rv-bar-width:var(--rv-support-stripe-width);--rv-bar-gap:var(--rv-space-3);z-index:-1}
.rv-support-flow{display:grid;gap:var(--rv-space-3);margin:0;padding:0;list-style:none;font-weight:var(--rv-bold)}
.rv-support-flow li{display:flex;align-items:center;gap:var(--rv-space-3);padding:var(--rv-space-4);font-size:var(--rv-size-subheading)}
.rv-support-value-grid,.rv-support-package-grid{display:grid;gap:var(--rv-space-3)}
.rv-support-value-card{padding:var(--rv-support-card-space);display:grid;gap:var(--rv-space-3)}
.rv-support-value-layout,.rv-support-process-layout,.rv-support-scope-layout{display:grid;gap:var(--rv-space-5)}
.rv-support-package{display:flex;flex-direction:column;gap:var(--rv-space-3);padding:var(--rv-support-card-space);border:var(--rv-border-width) solid var(--rv-grey);min-width:0}
.rv-support-package--featured{border-color:var(--rv-red)}
.rv-support-package h3,.rv-support-package-bonus{color:var(--rv-red)}
.rv-support-package-hours{font-size:var(--rv-support-hours-size);font-weight:var(--rv-bold)}
.rv-support-package-bonus{font-size:var(--rv-size-note)}
.rv-support-package-price{font-size:var(--rv-support-price-size);font-weight:var(--rv-bold)}
.rv-support-package-description{flex:1;font-size:1rem}
.rv-support-package .rv-button{font-size:var(--rv-size-note);gap:var(--rv-space-2)}
.rv-support-included{margin-top:var(--rv-space-5)}
.rv-support-included ul{display:grid;gap:var(--rv-space-3);padding-left:var(--rv-space-3);margin-top:var(--rv-space-3)}
.rv-support-included li::marker{color:var(--rv-red)}
.rv-support-dark{background:var(--rv-ink);color:var(--rv-paper)}
.rv-support-process{list-style:none;padding:0;margin:0}
.rv-support-process li{display:flex;gap:var(--rv-space-3);padding-block:var(--rv-space-4);border-top:var(--rv-border-width) solid var(--rv-grey)}
.rv-support-process h3{margin-bottom:var(--rv-space-2)}
.rv-support-step-number{color:var(--rv-red);font-weight:var(--rv-bold)}
.rv-support-scope{list-style:none;margin:0;padding:0}
.rv-support-scope li{font-size:var(--rv-size-subheading);font-weight:var(--rv-bold);padding-block:var(--rv-space-3);border-bottom:var(--rv-border-width) solid var(--rv-grey)}
.rv-support-final .rv-support-intro{margin-bottom:var(--rv-space-4)}
@media(min-width:48rem){.rv-support-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rv-support-included ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){.rv-support-value-layout,.rv-support-process-layout,.rv-support-scope-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rv-support-value-layout .rv-support-intro,.rv-support-process-layout .rv-support-intro{margin-bottom:0}}
@media(min-width:88rem){.rv-support-package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:47.999rem){.rv-support-bars{right:-20%;opacity:1}}

/* Hero: dwie linie nagłówka i prostokątne etapy na paskach. */
:root{--rv-support-visual-width:32rem}
.rv-support-hero-visual{position:relative;isolation:isolate;align-self:center;width:100%;max-width:var(--rv-support-visual-width);justify-self:end}
.rv-support-flow-number{font-size:var(--rv-size-note);color:var(--rv-red)}
.rv-support-flow li:nth-child(2){margin-left:var(--rv-space-4)}
.rv-support-flow li:nth-child(3){margin-left:var(--rv-space-5)}
.rv-support-hero h1{font-size:clamp(2.8rem,4.5vw,5.5rem)}
.rv-support-hero h1 span{white-space:nowrap}
.rv-support-intro h2,.rv-support-section h3{text-wrap:balance}
.rv-support-hero p,.rv-support-section p{text-wrap:pretty}
@media(min-width:64rem){.rv-support-hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}.rv-support-hero h1{white-space:nowrap}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Kolorystyczne wyróżnienie pakietów i dyskretny zapis podatku. */
:root{--rv-support-vat-size:var(--rv-size-note);--rv-support-vat-offset:.3em}
.rv-support-package--featured{background:var(--rv-red);color:var(--rv-paper);border-color:var(--rv-red)}
.rv-support-package--individual{background:var(--rv-ink);color:var(--rv-paper);border-color:var(--rv-ink)}
.rv-support-package--featured h3,.rv-support-package--featured .rv-support-package-bonus,.rv-support-package--individual h3,.rv-support-package--individual .rv-support-package-bonus{color:var(--rv-paper)}
.rv-support-package-bonus{font-weight:var(--rv-bold)}
.rv-support-vat{display:block;font-size:var(--rv-support-vat-size);font-weight:var(--rv-light);margin-top:var(--rv-space-1)}
.rv-support-package--featured .rv-button--outline,.rv-support-package--individual .rv-button--outline{color:var(--rv-paper);border-color:var(--rv-paper);background-image:linear-gradient(var(--rv-paper),var(--rv-paper))}
.rv-support-package--featured .rv-button--outline:is(:hover,:focus-visible),.rv-support-package--individual .rv-button--outline:is(:hover,:focus-visible){color:var(--rv-ink);border-color:var(--rv-paper)}
.rv-support-package--featured .rv-button:focus-visible,.rv-support-package--individual .rv-button:focus-visible{outline-color:var(--rv-paper)}

/* Cena i okres bez łamania, VAT w osobnym wierszu. */
.rv-support-price-line,.rv-support-package-hours{white-space:nowrap}
.rv-support-period{font-size:var(--rv-size-note);font-weight:var(--rv-light)}

.rv-support-package-label{font-size:var(--rv-size-note);font-weight:var(--rv-light)}

/* Wspólne korzyści pakietów jako kompaktowe kafelki z ikonami. */
:root{--rv-support-benefit-icon-size:var(--rv-space-4);--rv-support-benefit-icon-stroke:1.4}
.rv-support-included{border-top:var(--rv-border-width) solid var(--rv-grey);padding-top:var(--rv-space-4)}
.rv-support-included>h3{max-width:var(--rv-support-reading);text-wrap:balance}
.rv-support-included .rv-support-benefits{list-style:none;padding:0;margin:var(--rv-space-4) 0 0;display:grid;gap:var(--rv-space-3)}
.rv-support-benefits li{display:flex;align-items:center;gap:var(--rv-space-3);padding:var(--rv-space-3);border:var(--rv-border-width) solid var(--rv-grey);min-width:0}
.rv-support-benefits li span{font-size:var(--rv-service-copy-size,1rem);font-weight:var(--rv-bold);text-wrap:pretty}
.rv-support-benefit-icon{width:var(--rv-support-benefit-icon-size);height:var(--rv-support-benefit-icon-size);flex-shrink:0;stroke:var(--rv-red);stroke-width:var(--rv-support-benefit-icon-stroke);stroke-linecap:butt;stroke-linejoin:miter}
@media(min-width:48rem){.rv-support-included .rv-support-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:88rem){.rv-support-included .rv-support-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(max-width:47.999rem){.rv-support-scope{display:none}}
