.pbs {
--b-blue: #64aad2;
--b-blue-dark: #4b93bd;
--b-navy: #1c244b;
--b-navy-mid: #324a6d;
--b-charcoal: #3f3f3f;
--b-pale: #d5e0e7;
--b-pale-2: #eef3f6;
--b-gold: #d3b574;
--b-ink: #101010;
--b-text: #444444;
--b-white: #ffffff;
--b-font-head: "Noto Sans Hebrew", "Noto Sans", Arial, sans-serif;
--b-font-body: "Open Sans Hebrew", "Open Sans", Arial, sans-serif; --b-shell: 1300px;
--b-read: 780px;
--b-radius: 6px;
--b-radius-pill: 10px; --b-gap-block: 72px;
--b-gap-inner: 28px;
background: var(--b-white);
color: var(--b-text);
font-family: var(--b-font-body);
font-size: 18px;
font-weight: 300;
line-height: 1.85;
}
.pbs *,
.pbs *::before,
.pbs *::after { box-sizing: border-box; } .pbs-shell {
width: 100%;
max-width: var(--b-shell);
margin-inline: auto;
padding-inline: 0;
}
@media (max-width: 1348px) {
.pbs-shell { padding-inline: 24px; }
} .pbs-faqs .pbs-faq { max-width: 1000px; } .pbs-hero {
position: relative;
isolation: isolate;
background: var(--b-charcoal);
color: var(--b-white);
padding-block: 88px 92px;
overflow: hidden;
} .pbs-hero--image::before {
content: "";
position: absolute;
inset: 0;
z-index: -2;
background-image: var(--pbs-hero-img);
background-size: cover;
background-position: center 20%;
transform: scale(1.04);
} .pbs-hero--image::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background:
linear-gradient(100deg,
rgba(28, 36, 75, 0.96) 0%,
rgba(28, 36, 75, 0.92) 34%,
rgba(50, 74, 109, 0.86) 58%,
rgba(60, 110, 155, 0.78) 100%),
linear-gradient(to top, rgba(28, 36, 75, 0.55) 0%, rgba(28, 36, 75, 0) 45%);
}
.pbs-hero__inner { max-width: 760px; }
.pbs-crumbs {
font-size: 12.5px;
letter-spacing: 0.09em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.72);
margin-bottom: 22px;
}
.pbs-crumbs a { color: rgba(255, 255, 255, 0.72); text-decoration: none; }
.pbs-crumbs a:hover { color: var(--b-white); }
.pbs-crumbs span { margin-inline: 9px; }
.pbs-crumbs span[aria-current] { margin-inline: 0; color: var(--b-white); }
.pbs-hero__title {
font-family: var(--b-font-head);
font-size: clamp(32px, 5vw, 50px);
font-weight: 600;
line-height: 1.18;
letter-spacing: -0.01em;
color: var(--b-white);
margin: 0;
max-width: 16ch;
}
.pbs-hero__rule {
width: 210px;
height: 3px;
background: var(--b-blue);
border: 0;
margin: 26px 0 0;
}
.pbs-hero__sub {
margin: 24px 0 0;
max-width: 58ch;
font-size: clamp(16px, 1.9vw, 19px);
font-weight: 300;
line-height: 1.8;
color: rgba(255, 255, 255, 0.92);
}
.pbs-hero__price {
display: inline-flex;
align-items: baseline;
gap: 12px;
margin: 30px 0 0;
padding: 14px 26px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(2px);
border: 1px solid rgba(211, 181, 116, 0.85);
border-radius: var(--b-radius-pill);
color: var(--b-white);
}
.pbs-hero__price-from {
font-family: var(--b-font-head);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.13em;
text-transform: uppercase;
color: var(--b-gold);
}
.pbs-hero__price strong {
font-family: var(--b-font-head);
font-size: clamp(21px, 3vw, 27px);
font-weight: 700;
letter-spacing: -0.01em;
}
.pbs-hero__cta {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 32px;
}
.pbs-btn {
display: inline-block;
padding: 14px 30px;
border-radius: var(--b-radius);
font-family: var(--b-font-head);
font-size: 16px;
font-weight: 600;
text-decoration: none;
border: 2px solid transparent;
transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
} .pbs-btn--primary {
background: var(--b-blue);
border-color: var(--b-blue);
color: var(--b-white);
}
.pbs-btn--primary:hover,
.pbs-btn--primary:focus-visible {
background: var(--b-white);
border-color: var(--b-white);
color: var(--b-navy);
}
.pbs-btn--ghost {
background: var(--b-pale);
border-color: var(--b-pale);
color: var(--b-navy);
}
.pbs-btn--ghost:hover,
.pbs-btn--ghost:focus-visible {
background: var(--b-white);
border-color: var(--b-white);
color: var(--b-navy);
}
.pbs-trust {
display: flex;
flex-wrap: wrap;
gap: 12px 32px;
list-style: none;
margin: 34px 0 0;
padding: 0;
font-size: 15px;
color: rgba(255, 255, 255, 0.95);
}
.pbs-trust li { position: relative; padding-left: 26px; }
.pbs-trust li::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 13px;
height: 7px;
border-left: 2.5px solid var(--b-blue);
border-bottom: 2.5px solid var(--b-blue);
transform: rotate(-45deg);
} .pbs-body { padding-block: 0 0; }
.pbs-section {
padding-block: var(--b-gap-block);
border-bottom: 1px solid var(--b-pale-2);
}
.pbs-section:last-of-type { border-bottom: 0; } .pbs-section--tint {
background: var(--b-pale-2);
border-bottom: 0;
}
.pbs-read { max-width: var(--b-read); }
.pbs-intro {
font-size: clamp(18px, 2.1vw, 21px);
line-height: 1.85;
color: var(--b-navy-mid);
font-weight: 300;
max-width: var(--b-read);
}
.pbs-intro p { margin: 0 0 20px; }
.pbs-intro p:last-child { margin-bottom: 0; } .pbs h2 {
font-family: var(--b-font-head);
font-size: clamp(24px, 3.2vw, 32px);
font-weight: 600;
line-height: 1.28;
letter-spacing: -0.01em;
color: var(--b-navy);
margin: 0 0 var(--b-gap-inner);
position: relative;
padding-bottom: 18px;
}
.pbs h2::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 62px;
height: 3px;
background: var(--b-blue);
}
.pbs h3 {
font-family: var(--b-font-head);
font-size: 20px;
font-weight: 600;
color: var(--b-navy);
margin: 0 0 8px;
line-height: 1.4;
}
.pbs-section p { margin: 0 0 20px; }
.pbs-section p:last-child { margin-bottom: 0; }
.pbs-section a:not(.pbs-btn) {
color: var(--b-blue-dark);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
.pbs-section a:not(.pbs-btn):hover { color: var(--b-navy); }
.pbs-section ul,
.pbs-section ol { margin: 0 0 20px; padding-left: 1.35em; }
.pbs-section li { margin-bottom: 12px; line-height: 1.8; }
.pbs-section li::marker { color: var(--b-blue); }
.pbs-section strong { color: var(--b-navy); font-weight: 700; } .pbs-ticks {
list-style: none;
padding-left: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 16px 40px;
}
.pbs-ticks li {
position: relative;
padding-left: 34px;
margin-bottom: 0;
font-size: 16.5px;
line-height: 1.65;
}
.pbs-ticks li::before {
content: "";
position: absolute;
left: 2px;
top: 0.42em;
width: 15px;
height: 8px;
border-left: 2.5px solid var(--b-blue);
border-bottom: 2.5px solid var(--b-blue);
transform: rotate(-45deg);
} .pbs-tablewrap {
overflow-x: auto;
background: var(--b-white);
border: 1px solid var(--b-pale);
border-radius: var(--b-radius);
margin-bottom: 18px;
}
.pbs-table {
width: 100%;
border-collapse: collapse;
font-size: 16px;
min-width: 560px;
}
.pbs-table thead th {
background: var(--b-navy);
color: var(--b-white);
font-family: var(--b-font-head);
font-weight: 600;
font-size: 14.5px;
letter-spacing: 0.02em;
text-align: left;
padding: 16px 20px;
}
.pbs-table tbody th,
.pbs-table tbody td {
padding: 18px 20px;
border-bottom: 1px solid var(--b-pale-2);
vertical-align: top;
text-align: left;
line-height: 1.65;
}
.pbs-table tbody tr:last-child th,
.pbs-table tbody tr:last-child td { border-bottom: 0; }
.pbs-table tbody th {
font-family: var(--b-font-head);
font-weight: 600;
color: var(--b-navy);
width: 32%;
}
.pbs-table__price {
font-family: var(--b-font-head);
font-weight: 700;
color: var(--b-blue-dark);
white-space: nowrap;
}
.pbs-note {
font-size: 14.5px;
line-height: 1.7;
color: var(--b-navy-mid);
background: var(--b-pale-2);
border-left: 3px solid var(--b-blue);
padding: 14px 18px;
border-radius: 0 var(--b-radius) var(--b-radius) 0;
margin: 0;
}
.pbs-section--tint .pbs-note { background: var(--b-white); }
.pbs-section--tint .pbs-tablewrap { background: var(--b-white); } .pbs-steps {
list-style: none;
padding-left: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap: 24px;
}
.pbs-steps li {
display: flex;
gap: 18px;
margin: 0;
background: var(--b-white);
border: 1px solid var(--b-pale);
border-radius: var(--b-radius);
padding: 24px 22px;
align-items: flex-start;
}
.pbs-section--tint .pbs-steps li { background: var(--b-white); }
.pbs-steps__n {
flex: 0 0 auto;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--b-blue);
color: var(--b-white);
border-radius: var(--b-radius);
font-family: var(--b-font-head);
font-weight: 700;
font-size: 17px;
}
.pbs-steps p { margin: 0; font-size: 16px; line-height: 1.7; } .pbs-faqs .pbs-faq {
background: var(--b-white);
border: 1px solid var(--b-pale);
border-radius: var(--b-radius);
margin-bottom: 14px;
overflow: hidden;
transition: border-color 0.18s ease;
}
.pbs-faq[open] { border-color: var(--b-blue); }
.pbs-faq:last-child { margin-bottom: 0; }
.pbs-faq summary {
cursor: pointer;
list-style: none;
padding: 22px 60px 22px 24px;
position: relative;
font-family: var(--b-font-head);
font-size: 18px;
font-weight: 600;
color: var(--b-navy);
line-height: 1.5;
}
.pbs-faq summary::-webkit-details-marker { display: none; }
.pbs-faq summary::after {
content: "";
position: absolute;
right: 26px;
top: 50%;
width: 10px;
height: 10px;
border-right: 2.5px solid var(--b-blue);
border-bottom: 2.5px solid var(--b-blue);
transform: translateY(-70%) rotate(45deg);
transition: transform 0.2s ease;
}
.pbs-faq[open] summary::after { transform: translateY(-25%) rotate(-135deg); }
.pbs-faq__a {
padding: 0 24px 24px;
font-size: 16.5px;
}
.pbs-faq__a p { margin: 0 0 14px; }
.pbs-faq__a > :last-child { margin-bottom: 0; } .pbs-areas,
.pbs-related {
list-style: none;
padding-left: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.pbs-areas li,
.pbs-related li { margin: 0; }
.pbs-section .pbs-areas a,
.pbs-related a {
display: inline-block;
padding: 10px 20px;
background: var(--b-white);
border: 1px solid var(--b-pale);
border-radius: var(--b-radius-pill);
color: var(--b-navy-mid);
font-size: 15.5px;
text-decoration: none;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.pbs-section .pbs-areas a:hover,
.pbs-related a:hover,
.pbs-areas a:focus-visible,
.pbs-related a:focus-visible {
background: var(--b-blue);
border-color: var(--b-blue);
color: var(--b-white);
} .pbs-cta {
background: var(--b-blue);
color: var(--b-white);
text-align: center;
padding: 68px 30px 72px;
}
.pbs-cta h2 {
color: var(--b-white);
margin: 0 auto 16px;
padding-bottom: 0;
max-width: 20ch;
font-size: clamp(25px, 3.4vw, 34px);
}
.pbs-cta h2::after { display: none; }
.pbs-cta p {
margin: 0 auto;
color: rgba(255, 255, 255, 0.96);
max-width: 60ch;
font-size: 17.5px;
}
.pbs-cta .pbs-hero__cta {
margin-top: 30px;
justify-content: center;
}
.pbs-cta .pbs-btn--primary {
background: var(--b-white);
border-color: var(--b-white);
color: var(--b-navy);
}
.pbs-cta .pbs-btn--primary:hover { background: var(--b-navy); border-color: var(--b-navy); color: var(--b-white); }
.pbs-cta .pbs-btn--ghost {
background: transparent;
border-color: rgba(255, 255, 255, 0.75);
color: var(--b-white);
}
.pbs-cta .pbs-btn--ghost:hover { background: var(--b-white); border-color: var(--b-white); color: var(--b-navy); } .pbs a:focus-visible,
.pbs summary:focus-visible {
outline: 3px solid var(--b-blue);
outline-offset: 3px;
border-radius: 3px;
}
.pbs-hero a:focus-visible,
.pbs-cta a:focus-visible { outline-color: var(--b-white); } @media (max-width: 1024px) {
.pbs { --b-gap-block: 56px; }
.pbs-hero { padding-block: 64px 68px; }
}
@media (max-width: 767px) {
.pbs { font-size: 16.5px; --b-gap-block: 44px; --b-gap-inner: 22px; }
.pbs-hero { padding-block: 48px 52px; }
.pbs-hero--image::after {
background:
linear-gradient(180deg, rgba(28, 36, 75, 0.94) 0%, rgba(50, 74, 109, 0.9) 100%);
}
.pbs-hero__title { max-width: none; }
.pbs-btn { flex: 1 1 100%; text-align: center; }
.pbs-cta { padding: 48px 20px 52px; }
.pbs-faq summary { padding: 18px 50px 18px 18px; font-size: 16.5px; }
.pbs-faq__a { padding: 0 18px 18px; }
.pbs-steps li { padding: 20px 18px; }
}
@media (prefers-reduced-motion: reduce) {
.pbs * { transition: none !important; }
} @media print {
.pbs-hero { background: none; color: #000; padding-block: 0 16px; border-bottom: 2px solid #000; }
.pbs-hero--image::before,
.pbs-hero--image::after { display: none; }
.pbs-hero__title,
.pbs-hero__sub,
.pbs-hero__price,
.pbs-trust { color: #000; }
.pbs-hero__cta,
.pbs-cta .pbs-hero__cta { display: none; }
.pbs-cta { background: none; color: #000; }
.pbs-cta h2, .pbs-cta p { color: #000; }
.pbs-section { padding-block: 18px; break-inside: avoid; }
.pbs-section--tint { background: none; }
.pbs-faq__a { display: block !important; }
.pbs { font-size: 11pt; }
}  .pbs-facts {
display: flex;
flex-wrap: wrap;
gap: 14px 12px;
list-style: none;
margin: 28px 0 0;
padding: 0;
}
.pbs-facts li {
display: flex;
flex-direction: column;
gap: 3px;
padding: 12px 20px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: var(--b-radius);
margin: 0;
}
.pbs-facts__k {
font-family: var(--b-font-head);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--b-pale);
}
.pbs-facts__v {
font-family: var(--b-font-head);
font-size: 16px;
font-weight: 600;
color: var(--b-white);
line-height: 1.3;
} .pbs-feature {
display: block;
text-decoration: none;
background: var(--b-white);
border: 1px solid var(--b-pale);
border-left: 5px solid var(--b-blue);
border-radius: var(--b-radius);
padding: 30px 32px;
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.pbs-feature:hover,
.pbs-feature:focus-visible {
border-color: var(--b-blue);
border-left-color: var(--b-blue-dark);
box-shadow: 0 6px 24px rgba(28, 36, 75, 0.09);
}
.pbs-feature__kicker {
display: block;
font-family: var(--b-font-head);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--b-blue-dark);
margin-bottom: 8px;
}
.pbs-feature__title {
display: block;
font-family: var(--b-font-head);
font-size: clamp(21px, 2.6vw, 27px);
font-weight: 600;
line-height: 1.3;
color: var(--b-navy);
margin-bottom: 10px;
}
.pbs-feature__desc {
display: block;
max-width: 62ch;
font-size: 16.5px;
line-height: 1.75;
color: var(--b-text);
}
.pbs-feature__go {
display: inline-block;
margin-top: 16px;
font-family: var(--b-font-head);
font-size: 15px;
font-weight: 600;
color: var(--b-blue-dark);
}
.pbs-feature__go::after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
margin-left: 9px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-1px) rotate(-45deg);
} .pbs-cards {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 18px;
}
.pbs-cards li { margin: 0; }
.pbs-cards a {
display: flex;
flex-direction: column;
gap: 7px;
height: 100%;
padding: 22px 24px;
background: var(--b-white);
border: 1px solid var(--b-pale);
border-radius: var(--b-radius);
text-decoration: none;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.pbs-section .pbs-cards a:hover,
.pbs-cards a:focus-visible {
border-color: var(--b-blue);
box-shadow: 0 6px 20px rgba(28, 36, 75, 0.08);
transform: translateY(-2px);
}
.pbs-cards__title {
font-family: var(--b-font-head);
font-size: 17.5px;
font-weight: 600;
line-height: 1.4;
color: var(--b-navy);
}
.pbs-cards__desc {
font-size: 15px;
line-height: 1.65;
color: var(--b-text);
}
@media (max-width: 767px) {
.pbs-facts { gap: 10px; }
.pbs-facts li { padding: 10px 16px; flex: 1 1 100%; }
.pbs-feature { padding: 24px 20px; }
.pbs-cards { grid-template-columns: 1fr; }
} .pbs-section a.pbs-feature,
.pbs-section a.pbs-feature:hover,
.pbs-section .pbs-cards a,
.pbs-section .pbs-cards a:hover,
.pbs-section .pbs-areas a,
.pbs-section .pbs-areas a:hover,
.pbs-section .pbs-related a,
.pbs-section .pbs-related a:hover {
text-decoration: none;
}
.pbs-section a.pbs-feature:hover .pbs-feature__title { color: var(--b-blue-dark); }
.pbs-cards a:hover .pbs-cards__title { color: var(--b-blue-dark); } .pbs-404__code {
display: inline-block;
margin: 0 0 18px;
padding: 7px 16px;
background: rgba(211, 181, 116, 0.16);
border: 1px solid rgba(211, 181, 116, 0.8);
border-radius: var(--b-radius-pill);
font-family: var(--b-font-head);
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--b-gold);
}
.pbs-search {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 30px;
max-width: 560px;
}
.pbs-search input[type="search"] {
flex: 1 1 260px;
min-width: 0;
padding: 14px 18px;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: var(--b-radius);
background: rgba(255, 255, 255, 0.12);
color: var(--b-white);
font-family: var(--b-font-body);
font-size: 16px;
line-height: 1.4;
}
.pbs-search input[type="search"]::placeholder { color: rgba(255, 255, 255, 0.6); }
.pbs-search input[type="search"]:focus {
outline: 3px solid var(--b-gold);
outline-offset: 2px;
background: rgba(255, 255, 255, 0.18);
border-color: var(--b-white);
}
.pbs-search .pbs-btn { flex: 0 0 auto; cursor: pointer; }
.pbs-404 .pbs-hero__title { max-width: 20ch; } .pbs .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 767px) {
.pbs-search .pbs-btn { flex: 1 1 100%; }
} .pbs button.pbs-btn,
.pbs input[type="submit"].pbs-btn {
appearance: none;
-webkit-appearance: none;
cursor: pointer;
font-family: var(--b-font-head);
font-size: 16px;
font-weight: 600;
line-height: 1.4;
padding: 14px 30px;
border-radius: var(--b-radius);
border: 2px solid var(--b-blue);
background: var(--b-blue);
color: var(--b-white);
text-shadow: none;
}
.pbs button.pbs-btn:hover,
.pbs button.pbs-btn:focus-visible {
background: var(--b-white);
border-color: var(--b-white);
color: var(--b-navy);
} .pbs-pagination { margin-top: 32px; }
.pbs-pagination ul {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
}
.pbs-pagination li { margin: 0; }
.pbs-pagination .page-numbers {
display: inline-block;
min-width: 42px;
padding: 9px 14px;
text-align: center;
background: var(--b-white);
border: 1px solid var(--b-pale);
border-radius: var(--b-radius);
color: var(--b-navy-mid);
font-family: var(--b-font-head);
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.pbs-pagination a.page-numbers:hover,
.pbs-pagination a.page-numbers:focus-visible {
background: var(--b-blue);
border-color: var(--b-blue);
color: var(--b-white);
}
.pbs-pagination .page-numbers.current {
background: var(--b-navy);
border-color: var(--b-navy);
color: var(--b-white);
}
.pbs-pagination .page-numbers.dots {
border-color: transparent;
background: transparent;
}
.pbs-section .pbs-pagination a { text-decoration: none; } .pbs-search-results .pbs-hero__title,
.pbs-archive .pbs-hero__title { max-width: 22ch; }