:root { --uepb-ssr: 9 / 19.5;
--uepb-radius: 14px;
--uepb-gap: 16px;
--uepb-muted: #6b7280;
--uepb-success: #16a34a;
--uepb-danger: #dc2626;
--uepb-star: #ffc107;
--t: .3s ease-in-out; } [id] { scroll-margin-top: 80px; } .uepb-section-header{text-align:center;max-width:800px;margin:0 auto 48px}
.uepb-section-header h3{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#111827;margin:0 0 14px;position:relative;display:inline-block}
.uepb-section-header h3:after{content:'';position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#00B14F,#FF6B35);border-radius:2px}
.uepb-section-header p{color:#4B5563} .wp-block-uepb-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.4)),var(--uepb-hero-bg,none);background-size:cover;background-position:center;overflow:hidden}
.wp-block-uepb-hero__inner{position:relative;z-index:2;width:100%;max-width:1080px;padding:64px 24px;text-align:center}
.wp-block-uepb-hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin:0 0 16px}
.wp-block-uepb-hero__sub{font-size:clamp(1.125rem,2.5vw,1.5rem);max-width:800px;margin:0 auto 40px;opacity:.95}
.wp-block-uepb-hero__buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}
.wp-block-uepb-hero__btn{display:inline-block;padding:14px 28px;border-radius:.75rem;font-weight:700;text-decoration:none;border:2px solid transparent;transition:all var(--t)}
.wp-block-uepb-hero__btn--primary{background:#00B14F;color:#fff;border-color:#00B14F}
.wp-block-uepb-hero__btn--primary:hover{background:#008C3F;border-color:#008C3F}
.wp-block-uepb-hero__btn--secondary{background:#fff;color:#111827}
.wp-block-uepb-hero__btn--secondary:hover{background:#f3f4f6}
.wp-block-uepb-hero__btn--line{background:#00B900;color:#fff;border-color:#00B900}
.wp-block-uepb-hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px;background:rgba(0,0,0,.2);border-radius:1rem;backdrop-filter:blur(6px);max-width:900px;margin:0 auto}
.wp-block-uepb-hero__stat-number{font-size:clamp(2rem,4vw,2.5rem);font-weight:800}
.wp-block-uepb-hero__stat-label{opacity:.9} .wp-block-uepb-hero__stat-number {
font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
} .wp-block-uepb-faq{padding:80px 0;background:linear-gradient(135deg,#fff,#f8fafc);max-width:1000px;margin:0 auto}
.wp-block-uepb-faq__item{background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:16px;transition:transform var(--t),box-shadow var(--t)}
.wp-block-uepb-faq__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.wp-block-uepb-faq__q{width:100%;padding:20px 24px;background:transparent;border:0;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;color:#111827;position:relative}
.wp-block-uepb-faq__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,177,79,.1);color:#00B14F;transition:transform .2s ease}
.wp-block-uepb-faq__a{max-height:0;overflow:hidden;padding:0 24px;border-top:1px solid #f1f5f9;transition:max-height .28s ease,padding .28s ease}
.wp-block-uepb-faq__a[hidden] { display: block; max-height: 0; }
.wp-block-uepb-faq__q[aria-expanded="true"]+.wp-block-uepb-faq__a{max-height:500px;padding:16px 24px}
.wp-block-uepb-faq__q[aria-expanded="true"] .wp-block-uepb-faq__icon{transform:rotate(45deg)} .wp-block-uepb-form{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}
.wp-block-uepb-form__inner{max-width:900px;margin:0 auto;background:#fff;padding:40px;border-radius:1.5rem;box-shadow:var(--shadow-xl)}
.wp-block-uepb-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.wp-block-uepb-form__field.is-full{grid-column:1/-1}
.wp-block-uepb-form__label{display:block;font-weight:600;color:#374151;margin-bottom:6px}
.wp-block-uepb-form__field input,.wp-block-uepb-form__field textarea{width:100%;padding:12px 14px;border:2px solid #E5E7EB;border-radius:.75rem;font:inherit}
.wp-block-uepb-form__actions{text-align:center;margin-top:20px}
.wp-block-uepb-form__btn{background:linear-gradient(135deg,var(--primary-green),var(--secondary-orange));color:#fff;border:0;border-radius:.75rem;padding:14px 36px;font-weight:800;cursor:pointer}
.wp-block-uepb-form__hp{position:absolute;left:-9999px;width:0;height:0;opacity:0} .uepb-contact-form .is-invalid {
border-color: var(--uepb-danger) !important;
outline: none;
box-shadow: 0 0 0 2px rgba(220,38,38,.12);
}
.uepb-contact-form .uepb-field-error {
margin-top: 6px;
font-size: 13px;
color: var(--uepb-danger);
}
.wp-block-uepb-form__msg {
display: block;
margin-top: 12px;
font-size: 14px;
font-weight: 600;
color: #111827;
}
.wp-block-uepb-form__msg.is-success { color: var(--uepb-success); }
.wp-block-uepb-form__msg.is-error   { color: var(--uepb-danger); } .wp-block-uepb-testimonials{padding:80px 0;background:linear-gradient(135deg,#f8fdf9,#ecfdf5);position:relative;overflow-anchor:none} .wp-block-uepb-testimonials__track{display:flex;gap:var(--uepb-gap);padding:8px 16px} .wp-block-uepb-testimonials__card{
flex: 0 0 100%; scroll-snap-align: start;
scroll-snap-stop: always;
background:#fff;
border-radius:var(--uepb-radius);
box-shadow:0 6px 18px rgba(0,0,0,.06);
overflow:hidden;
}
.wp-block-uepb-testimonials__body{padding:16px} .wp-block-uepb-testimonials__quote{color:var(--uepb-muted);font-style:italic;margin:0 0 12px}
.wp-block-uepb-testimonials__author{font-weight:700;color:#111827}
.wp-block-uepb-testimonials__role{color:var(--uepb-muted);font-size:14px} .wp-block-uepb-testimonials__rating {
font-size: 20px;
line-height: 1;
color: var(--uepb-star);
margin-bottom: 10px;
letter-spacing: 1px;
} .wp-block-uepb-testimonials__media {
position: relative;
overflow: hidden;
background: #0b0b0b; }
.wp-block-uepb-testimonials__avatar {
display: block;
width: 100%;
height: auto;
aspect-ratio: var(--uepb-ssr);
object-fit: contain; background: #0b0b0b;
border-radius: 0;
} .wp-block-uepb-testimonials__viewport {
overflow-x: auto !important;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: thin;
position: relative;
z-index: 1;
} .wp-block-uepb-testimonials__nav{
display:flex;
justify-content:center;
gap:10px;
margin-top:10px;
position:relative;
z-index:5
}
.wp-block-uepb-testimonials__prev,
.wp-block-uepb-testimonials__next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
pointer-events: auto;
border: none;
background: rgba(17,24,39,.65);
color: #fff;
width: 40px; height: 40px;
border-radius: 999px;
display: grid; place-items: center;
cursor: pointer;
transition: background .2s ease, transform .2s ease;
}
.wp-block-uepb-testimonials__prev:hover,
.wp-block-uepb-testimonials__next:hover {
background: rgba(17,24,39,.8);
transform: translateY(-50%) scale(1.04);
}
.wp-block-uepb-testimonials__prev { left: 8px; }
.wp-block-uepb-testimonials__next { right: 8px; }
.wp-block-uepb-testimonials__prev:focus-visible,
.wp-block-uepb-testimonials__next:focus-visible {
box-shadow: 0 0 0 3px rgba(34,197,94,.45); } .wp-block-uepb-hero.alignfull,
.wp-block-uepb-testimonials.alignfull,
.wp-block-uepb-faq.alignfull,
.wp-block-uepb-form.alignfull {
width: 100vw;
margin-left: 50%;
transform: translateX(-50%);
}
.wp-block-uepb-hero.alignfull > .wp-block-uepb-hero__inner,
.wp-block-uepb-testimonials.alignfull > .container,
.wp-block-uepb-faq.alignfull > .container,
.wp-block-uepb-form.alignfull > .wp-block-uepb-form__inner {
max-width: min(1200px, 92vw);
margin: 0 auto;
}
.wp-block-uepb-hero.alignwide,
.wp-block-uepb-testimonials.alignwide,
.wp-block-uepb-faq.alignwide,
.wp-block-uepb-form.alignwide {
max-width: min(1200px, 92vw);
margin-inline: auto;
} @media (max-width: 640px) {
:root { --uepb-gap: 12px; }
.wp-block-uepb-testimonials__card {
min-width: 88vw;
}
.wp-block-uepb-testimonials__prev,
.wp-block-uepb-testimonials__next {
width: 36px; height: 36px;
}
} .wp-block-uepb-testimonials__prev:focus-visible,
.wp-block-uepb-testimonials__next:focus-visible,
.wp-block-uepb-testimonials__viewport:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}