/* Local Radware story: shared case-study components, flat artwork and natural ratios. */
html.site-typography body{color:#4D5B70;font-family:Manrope,sans-serif}
html.site-typography body .rw-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:64px max(24px,5vw);height:auto!important;aspect-ratio:auto;background:#FAFBFD;border-bottom:1px solid #E1E8F1}
.rw-hero__copy{min-width:0;display:flex;flex-direction:column;gap:24px}
html.site-typography body .rw-hero .project-banner__title{font:400 clamp(40px,5vw,72px)/1.1 Manrope,sans-serif!important;margin:0;color:#17345C;overflow-wrap:normal}
html.site-typography body .rw-hero .project-banner__subtitle{font:400 18px/1.6 Manrope,sans-serif!important;margin:0;color:#4D5B70}
.rw-hero>img{width:100%;height:auto;border-radius:16px;border:1px solid #E1E8F1}
.rw-hero .project-tags{margin:0;flex-wrap:wrap;gap:10px}
.rw-overview{display:grid;grid-template-columns:1fr 1fr;gap:64px}
html.site-typography body .rw-overview .ty-stitle{font-size:32px!important;line-height:1.2!important;margin:0 0 24px;color:#17345C}
html.site-typography body .rl-head h2.ty-stitle,html.site-typography body .rl-closing h2.ty-stitle{color:#17345C!important}
html.site-typography body .cs-body{color:#4D5B70}
.rw-grid{display:grid;gap:32px;align-items:start;min-width:0}
.rw-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.rw-row{margin-top:40px!important}
html.site-typography body .rl-card{border:1px solid #E1E8F1;border-radius:16px;box-shadow:none!important;background:transparent}
html.site-typography body .rl-card img{width:100%;height:auto;object-fit:contain;display:block}
html.site-typography body figure,html.site-typography body img{box-shadow:none!important}
html.site-typography body .rl-fig figcaption{align-items:flex-start;text-align:left}
.rw-landing{grid-template-columns:1622fr 674fr}
.rw-carousel{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.rw-ads{grid-template-columns:960fr 600fr 600fr}
html.site-typography body .rw-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:48px 0 0}
html.site-typography body .rw-principles li{padding:0;border:0;background:transparent;box-shadow:none}
.rw-principles h3{font-size:24px;line-height:1.3;margin:16px 0}
.rw-principles p{font-size:16px;line-height:1.6}
html.site-typography body .plugin-compare__stage{aspect-ratio:1172/560;border:1px solid #E1E8F1;border-radius:16px}
html.site-typography body .plugin-compare__handle{box-shadow:none}
html.site-typography body .case-study-more [data-r="mp-row"]{grid-template-columns:repeat(3,minmax(0,1fr))}
html.site-typography body [data-r="mp-card"]{border:1px solid #E1E8F1;box-shadow:none}
h1,h2,h3{text-wrap:balance}p,figcaption{text-wrap:pretty}
@media(max-width:1023px){html.site-typography body .rw-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.rw-overview{gap:32px}html.site-typography body .rw-hero{padding:48px 32px;gap:24px}}
@media(max-width:767px){html.site-typography body .rw-hero{grid-template-columns:1fr;padding:40px 24px;gap:32px}.rw-hero__copy{gap:20px}.rw-overview,.rw-grid--two{grid-template-columns:1fr}.rw-grid{gap:24px}.rw-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}html.site-typography body .rw-principles{grid-template-columns:1fr;gap:24px}.rw-landing{grid-template-columns:1622fr 674fr;gap:16px}.rw-ads{gap:12px}.rw-ads .rl-cap{font-size:10px;letter-spacing:.04em}.rl-cap{overflow-wrap:normal}html.site-typography body .rw-hero .project-banner__title{white-space:normal!important;font-size:40px!important}}
html.site-typography body .rw-hero .project-tags li{color:#17345C!important;border-color:#E1E8F1!important;background:#fff!important}
html.site-typography body .rw-overview h2.ty-stitle{font-size:32px!important;line-height:1.2!important;text-align:left!important}
@media(max-width:1199px){
html.site-typography body section.rw-hero.project-banner.project-banner.project-banner{height:auto!important;aspect-ratio:auto!important;padding:48px 32px!important;background:#FAFBFD!important;overflow:visible!important}
html.site-typography body section.rw-hero.project-banner>.rw-hero__copy{display:flex!important}
html.site-typography body section.rw-hero.project-banner>img{display:block!important}
}
@media(max-width:767px){html.site-typography body section.rw-hero.project-banner.project-banner.project-banner{padding:40px 24px!important}}
html.site-typography.marketing-case body section.rw-hero.project-banner.project-banner.project-banner :is(.project-banner__title,.project-banner__label){color:#17345C!important}
html.site-typography.marketing-case body section.rw-hero.project-banner.project-banner.project-banner .project-banner__subtitle{color:#4D5B70!important}
html.site-typography.marketing-case body .case-study-more [data-r="mp-card"]>img{position:static!important;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover!important;display:block}
html.site-typography.marketing-case body .case-study-more [data-r="mp-card"]{justify-content:flex-start!important}
/* 2026-10-25b: consistent chapter rhythm and matching landing-page heights. */
html.site-typography.marketing-case body .rl-section>.rl-wrap{padding-top:96px!important;padding-bottom:96px!important}
html.site-typography.marketing-case body .rw-overview-section{background:#fff!important}
html.site-typography.marketing-case body .rw-overview-section>.rl-wrap{padding-top:96px!important;padding-bottom:24px!important}
html.site-typography.marketing-case body .rl-head{margin-bottom:56px!important}
.rw-landing{grid-template-columns:811fr 337fr;gap:24px;max-width:1172px;margin-inline:auto}
html.site-typography.marketing-case body :is(figure,.rl-card,[data-r="mp-card"],.plugin-compare__stage,.plugin-compare__handle,.plugin-compare__divider,img){box-shadow:none!important}
@media(max-width:1023px){
html.site-typography.marketing-case body .rl-section>.rl-wrap{padding-top:64px!important;padding-bottom:64px!important}
html.site-typography.marketing-case body .rw-overview-section>.rl-wrap{padding-top:64px!important;padding-bottom:16px!important}
html.site-typography.marketing-case body .rl-head{margin-bottom:40px!important}
}
@media(max-width:767px){
.rw-landing{grid-template-columns:minmax(0,1fr);gap:24px}
.rw-landing>.rl-fig:last-child{width:calc(100% * 337 / 811)}
}
/* Account for the border without changing the aspect ratio of the artwork. */
.rw-landing>.rl-fig:first-child>.rl-card{aspect-ratio:811/507}
.rw-landing>.rl-fig:last-child>.rl-card{aspect-ratio:337/507}
html.site-typography.marketing-case body .rw-landing .rl-card img{height:100%!important;object-fit:contain!important}
/* Radware visual QA: readable system boards, native zoom controls and shared lightbox. */
.rw-system>.rl-fig:nth-child(-n+2){grid-column:1/-1}
button.rw-zoom{appearance:none;-webkit-appearance:none;display:block;padding:0;margin:0;width:100%;min-width:0;cursor:zoom-in;background:transparent;color:inherit;font:inherit}
button.rw-zoom:focus-visible{outline:3px solid #467cc3;outline-offset:4px}
.rw-hero-art{border:1px solid #E1E8F1;border-radius:16px;overflow:hidden}
.rw-hero-art img{display:block;width:100%;height:auto}
html.site-typography body section.rw-hero.project-banner>.rw-hero-art{display:block!important}
html.site-typography.marketing-case body .rw-landing .rw-zoom img{height:100%!important;object-fit:contain!important}
html.site-typography.marketing-case body .plugin-compare__handle{width:44px!important;height:44px!important;border:1px solid rgba(23,52,92,.18)!important;background:#fff!important;box-shadow:none!important}
html.site-typography.marketing-case body .rl-fig{gap:12px!important}
html.site-typography.marketing-case body :is(.rl-cap,.rw-lb-caption){font:600 12px/1.5 Manrope,sans-serif!important;letter-spacing:.1em!important;color:#65758B!important;text-align:left;margin:0}
html.site-typography.marketing-case body .plugin-compare__legend{margin-top:12px;font:600 12px/1.5 Manrope,sans-serif;letter-spacing:.1em;color:#65758B}
.rw-full-hint{font:400 14px/1.5 Manrope,sans-serif;color:#65758B;margin:16px auto 0;text-align:center}
.rl-card video{display:block;width:100%;height:auto;aspect-ratio:4/5;background:#FAFBFD}
.rw-video-story{width:calc((100% - 24px)/2);margin-left:auto!important;margin-right:auto!important}
.rw-lightbox{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:64px 64px 32px}
.rw-lb-close{position:absolute;top:16px;right:20px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:#fff;cursor:pointer;z-index:3}
.rw-lb-box{position:relative;width:1440px;max-width:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:6px;background:#FAFBFD;padding:20px;box-sizing:border-box}
.rw-lb-figure{display:flex;align-items:center;justify-content:center;min-height:0;margin:0;width:100%}
.rw-lb-image{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 200px);object-fit:contain;border:1px solid #E1E8F1;border-radius:8px}
html.site-typography.marketing-case body .rw-lb-caption{align-self:center;max-width:100%;text-align:center}
.rw-lb-toggle{display:flex;gap:8px;flex-shrink:0;align-self:center}
.rw-lb-toggle button{border:1px solid #E1E8F1;border-radius:999px;background:white;color:#17345C;padding:8px 20px;cursor:pointer;font:600 14px/1.5 Manrope,sans-serif}
.rw-lb-toggle button[aria-pressed="true"]{background:#17345C;color:#fff}
.rw-lb-scroll{min-height:0;max-height:calc(100dvh - 230px);width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;text-align:center}
.rw-lb-landing{display:block;margin:0 auto;border:1px solid #E1E8F1;border-radius:8px}
.rw-lb-prev,.rw-lb-next{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:none;border-radius:999px;background:#FAFBFD;color:#17345C;cursor:pointer;z-index:2}
.rw-lb-prev{left:-52px}.rw-lb-next{right:-52px}
.rw-lightbox button:focus-visible,.rw-lb-scroll:focus-visible{outline:3px solid #467cc3;outline-offset:3px}
@media(max-width:767px){
 .rw-carousel{grid-template-columns:minmax(0,1fr)}
 .rw-landing>.rl-fig:last-child{width:60%;justify-self:center}
 .rw-landing>.rl-fig:first-child>.rl-card,.rw-landing>.rl-fig:last-child>.rl-card{aspect-ratio:auto}
 html.site-typography.marketing-case body .rw-landing .rw-zoom img{height:auto!important}
 .rw-ads{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .rw-ads>.rl-fig:first-child{grid-column:1/-1}
 .rw-video-story{width:100%}
 .rw-lightbox{padding:64px 12px 20px}
 .rw-lb-box{padding:12px;gap:12px}
 .rw-lb-prev,.rw-lb-next{top:auto;bottom:-4px;transform:none;width:36px;height:36px}
 .rw-lb-prev{left:4px}.rw-lb-next{right:4px}
 .rw-lb-caption{padding:0 36px;box-sizing:border-box}
 .rw-lb-scroll{max-height:calc(100dvh - 230px)}
}
/* Override the template's mobile image-only lightbox rules for interactive full pages. */
html.site-typography.marketing-case body [data-r="lb-box"].rw-lb-box{pointer-events:auto!important;background:#FAFBFD!important;border-radius:6px!important;max-height:100%!important;overflow:visible!important;justify-content:flex-start!important}
html.site-typography.marketing-case body .rw-lb-box img.rw-lb-landing{height:auto!important;max-height:none!important;margin:0 auto!important;object-fit:contain!important;box-shadow:none!important}
html.site-typography.marketing-case body .rw-lb-box img.rw-lb-image{max-height:calc(100dvh - 200px)!important;margin:0 auto!important;box-shadow:none!important}
/* 2026-10-28: the wrapper supplies the only artwork frame. */
html.site-typography.marketing-case body .rl-section .rl-card>img,
html.site-typography.marketing-case body .rl-section .rl-card>video,
html.site-typography.marketing-case body .plugin-compare__stage img{border:0!important;border-radius:0!important;box-shadow:none!important}
html.site-typography.marketing-case body .rw-lb-figure,
html.site-typography.marketing-case body .rw-lb-scroll{border:0!important;border-radius:0!important;box-shadow:none!important}
html.site-typography.marketing-case body .rw-lb-image,
html.site-typography.marketing-case body .rw-lb-landing{border:1px solid #E1E8F1!important;box-shadow:none!important}
/* Only the landing previews become scroll windows; preserve their original outer boxes. */
.rw-landing>.rl-fig{container-type:inline-size}
.rw-inline-frame{position:relative;cursor:auto}
.rw-inline-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(101,117,139,.45) transparent;outline:none}
.rw-inline-scroll::-webkit-scrollbar{width:5px}
.rw-inline-scroll::-webkit-scrollbar-track{background:transparent}
.rw-inline-scroll::-webkit-scrollbar-thumb{background:rgba(101,117,139,.45);border-radius:999px}
html.site-typography.marketing-case body .rw-landing .rw-inline-scroll img{display:block;width:100%!important;height:auto!important;max-width:100%;object-fit:contain;border:0!important;border-radius:0!important}
.rw-inline-frame::after{content:"";position:absolute;left:0;right:0;bottom:0;height:32px;background:linear-gradient(transparent,rgba(250,251,253,.94));pointer-events:none;opacity:0;transition:opacity .18s ease}
.rw-inline-frame.rw-has-more::after{opacity:1}
.rw-inline-frame:has(.rw-inline-scroll:focus-visible){outline:3px solid #467cc3;outline-offset:4px}
@media(max-width:767px){
 .rw-landing>.rl-fig:first-child>.rw-inline-frame{height:calc((100cqw - 2px)*1014/1622 + 2px)}
 .rw-landing>.rl-fig:last-child>.rw-inline-frame{height:calc((100cqw - 2px)*1014/674 + 2px)}
}
@media(prefers-reduced-motion:reduce){.rw-inline-frame::after{transition:none}}

/* Launch media only: inline full pages and grouped campaign formats. */
.rw-landing .rw-inline-scroll{overscroll-behavior:contain;scrollbar-color:#9ca9b9 #f0f2f4}
.rw-scroll-hint{position:absolute;z-index:1;bottom:10px;left:50%;transform:translateX(-50%);padding:4px 10px;border:1px solid #E1E8F1;border-radius:999px;background:rgba(250,251,253,.94);color:#65758B;font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.1em;pointer-events:none;white-space:nowrap}
.rw-launch-group{margin-top:56px}
html.site-typography.marketing-case body .rw-group-label{display:block;padding-top:16px;border-top:1px solid #E1E8F1;margin-bottom:24px}
.rw-launch-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.rw-launch-pair .rw-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rw-launch-pair .rw-carousel .rl-card{aspect-ratio:4/5}
html.site-typography.marketing-case body .rw-launch-pair .rw-carousel img{height:100%!important;object-fit:contain}
.rw-launch-video,.rw-launch-slides{min-width:0}
.rw-launch-video>.rl-card{aspect-ratio:4/5}
.rw-launch-video video{height:100%;object-fit:contain}
.rw-launch-group .rw-ads{grid-template-columns:8fr 5fr 5fr;gap:24px;align-items:start}
.rw-launch-group .rw-ads .rl-card{aspect-ratio:1/2}
.rw-launch-group .rw-ads>.rl-fig:first-child .rl-card{aspect-ratio:4/5}
html.site-typography.marketing-case body .rw-launch-group .rw-ads .rl-card :is(img,video){height:100%!important;object-fit:contain}
@media(min-width:768px){.rw-launch-slides .rw-carousel{height:calc((100cqw - 24px)*.625)}.rw-launch-pair{container-type:inline-size}.rw-launch-slides .rw-carousel .rl-card{height:100%;aspect-ratio:auto}.rw-launch-slides .rw-carousel{grid-template-rows:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .rw-landing>.rl-fig:last-child{width:100%;justify-self:stretch}
 .rw-landing>.rl-fig:first-child>.rw-inline-frame{height:auto;aspect-ratio:16/10}
 .rw-landing>.rl-fig:last-child>.rw-inline-frame{height:auto;aspect-ratio:358/480}
 .rw-launch-group{margin-top:40px}
 .rw-launch-pair{grid-template-columns:minmax(0,1fr);gap:24px}
 .rw-launch-pair .rw-carousel{gap:12px}
 .rw-launch-group .rw-ads{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 html.site-typography.marketing-case body .rw-launch-group .rw-ads .rl-cap{font-size:12px!important;letter-spacing:.1em!important}
}
html.site-typography.marketing-case body section.rl-section .rw-launch-group h3.rl-cap.rw-group-label{color:#65758B!important}

/* Radware supplied responsive campaign banners, local 2026-11-01. */
html.site-typography.marketing-case body section.rw-banner.project-banner{position:relative;width:100%;height:auto!important;aspect-ratio:4100/1400!important;overflow:hidden;padding:0!important;border-bottom:1px solid #E1E8F1;background:#f5f5f5!important}
.rw-banner__picture{position:absolute;inset:0;display:block}
.rw-banner__picture img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.rw-banner__copy{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:44%;display:flex;flex-direction:column;gap:24px;z-index:1}
html.site-typography.marketing-case body section.rw-banner .project-banner__title{font:400 clamp(40px,5vw,72px)/1.1 Manrope,sans-serif!important;margin:0;text-wrap:balance;white-space:normal!important}
html.site-typography.marketing-case body section.rw-banner .project-banner__subtitle{font:400 18px/1.6 Manrope,sans-serif!important;margin:0}
.rw-banner .project-banner__label{font:700 16px/1.4 Manrope,sans-serif;letter-spacing:.075em}
.rw-banner .project-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0}
@media(min-width:768px) and (max-width:1199px){html.site-typography.marketing-case body section.rw-banner.project-banner{aspect-ratio:2048/1200!important}.rw-banner__copy{left:5%;top:8%;transform:none;width:62%;gap:20px}}
@media(max-width:767px){html.site-typography.marketing-case body section.rw-banner.project-banner{aspect-ratio:1080/1350!important}.rw-banner__copy{left:24px;right:24px;top:24px;transform:none;width:auto;gap:12px}html.site-typography.marketing-case body section.rw-banner .project-banner__title{font-size:36px!important;line-height:1.1!important}html.site-typography.marketing-case body section.rw-banner .project-banner__subtitle{font-size:15px!important;line-height:1.5!important}.rw-banner .project-banner__label{font-size:12px}.rw-banner .project-tags{gap:6px}.rw-banner .project-tags li{font-size:11px!important;padding:5px 9px!important}}
html.site-typography.marketing-case body section.rw-banner.project-banner.project-banner.project-banner{aspect-ratio:4100/1400!important}
html.site-typography.marketing-case body section.rw-banner.project-banner>.rw-banner__picture{display:block!important}
html.site-typography.marketing-case body section.rw-banner.project-banner>.rw-banner__copy{display:flex!important}
@media(min-width:768px) and (max-width:1199px){html.site-typography.marketing-case body section.rw-banner.project-banner.project-banner.project-banner{aspect-ratio:2048/1200!important}}
@media(max-width:767px){html.site-typography.marketing-case body section.rw-banner.project-banner.project-banner.project-banner{aspect-ratio:1080/1350!important}}
@media(min-width:768px) and (max-width:1199px){.rw-banner__copy{top:24px;gap:12px}.rw-banner__copy .project-banner__subtitle{max-width:460px}html.site-typography.marketing-case body section.rw-banner .project-banner__subtitle{font-size:16px!important;line-height:1.5!important}.rw-banner .project-tags li{font-size:12px!important;padding:6px 10px!important}}
@media(max-width:767px){html.site-typography.marketing-case body section.rw-banner.project-banner.project-banner.project-banner{height:calc(100vw * 1350 / 1080)!important}}
@media(max-width:767px){html.site-typography.marketing-case body section.rw-banner.rw-banner.rw-banner.project-banner.project-banner.project-banner.project-banner{height:125vw!important;aspect-ratio:1080/1350!important}}