
/* SERINLETME R24 — premium navigation, 4-column video gallery, viewport containment, corporate UI, CTA repair */
:root{--max:1480px!important;--r24-navy:#071f30;--r24-blue:#0a789e;--r24-cyan:#31bad5;--r24-ink:#0c3045;--r24-line:rgba(14,94,126,.14);--r24-soft:#f2fafc}
html,body{max-width:100%;overflow-x:clip}main,section,header,footer,.container{min-width:0}.container{width:min(calc(100% - clamp(28px,5vw,76px)),var(--max))!important;margin-inline:auto!important}img,svg,video,iframe{max-width:100%}section[id]{scroll-margin-top:calc(var(--header-h,94px) + 22px)}
/* primary navigation */
.site-header{border-top:2px solid rgba(49,186,213,.25)!important}.site-header .container.nav{max-width:1480px!important}.site-header .nav-links.r24-nav{gap:4px!important;padding:6px!important;background:linear-gradient(180deg,#fff,#f6fbfd)!important;border-color:rgba(8,83,116,.14)!important;box-shadow:0 10px 32px rgba(10,60,84,.07)!important}.site-header .nav-links.r24-nav>a,.site-header .nav-links.r24-nav .nav-dropdown>summary{font-size:clamp(.68rem,.66vw,.79rem)!important;font-weight:900!important;min-height:40px!important;padding:9px clamp(7px,.58vw,12px)!important;letter-spacing:.015em!important}.site-header .nav-links.r24-nav>a.active,.site-header .nav-dropdown.r24-current>summary{background:linear-gradient(135deg,#072d43,#0b82aa)!important;color:#fff!important;box-shadow:0 10px 24px rgba(10,111,149,.18)!important}.nav-dropdown--corp>.nav-dropdown-menu{width:min(700px,90vw)!important;grid-template-columns:1fr 1fr!important;gap:14px!important;padding:17px!important;border-radius:24px!important;border-color:rgba(10,99,131,.15)!important;box-shadow:0 28px 80px rgba(4,36,54,.22)!important}.r22-menu-group{padding:6px;border-radius:16px;background:linear-gradient(180deg,#fff,#f7fcfe)}.r22-menu-group h4{padding-bottom:8px;border-bottom:1px solid #e3f0f4}.r22-menu-group a{position:relative;padding-left:28px!important}.r22-menu-group a:before{content:'›';position:absolute;left:12px;color:#27aeca;font-weight:950}.r22-menu-group a:hover{transform:translateX(2px)}
.site-header .nav-cta{margin-left:auto!important}.site-header .lang-switch a{width:38px!important;min-width:38px!important;height:38px!important}
.r24-mobile-nav .r24-mobile-contact{background:linear-gradient(135deg,#092f47,#0b83aa)!important;color:#fff!important}.r24-mobile-nav details>summary{position:relative}.r24-mobile-nav details>summary:before{content:'◆';margin-right:9px;color:#2bb4d0;font-size:.62rem}
/* 4-column video gallery */
.r20-page .video-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.r20-page .video-card{border-radius:20px!important;box-shadow:0 14px 40px rgba(16,71,98,.08)!important}.r20-page .video-card__body{padding:15px!important}.r20-page .video-card h2{font-size:.97rem!important;line-height:1.32!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.r20-page .video-card p{font-size:.82rem!important;-webkit-line-clamp:2!important}.r20-page .video-card__play{width:42px!important;height:42px!important;left:13px!important;bottom:12px!important}.r20-page .video-card__meta{font-size:.68rem!important}.r20-page .video-toolbar{position:sticky;top:calc(var(--header-h,94px) + 10px);z-index:20;padding:10px;border:1px solid rgba(14,94,126,.10);border-radius:20px;background:rgba(247,252,254,.94);backdrop-filter:blur(14px)}
/* product dedicated-watch CTA repair */
.r24-watch-page-row{display:flex;justify-content:center;padding-top:14px!important}.r24-watch-page-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 18px;border:1px solid rgba(90,225,237,.26);border-radius:999px;background:linear-gradient(135deg,#071f30,#0b5872);color:#fff!important;text-decoration:none!important;font-size:.82rem;font-weight:900;box-shadow:0 14px 34px rgba(4,40,59,.16);transition:transform .2s ease,box-shadow .2s ease}.r24-watch-page-link span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#0a799c;font-size:.7rem}.r24-watch-page-link b{color:#73d9ed}.r24-watch-page-link:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(4,40,59,.22)}
.r25-watch-card-shell{background:#071f30;border-radius:20px;overflow:hidden;box-shadow:0 20px 48px rgba(4,40,59,.2)}.r25-video-watch-card{display:block;position:relative;color:#fff!important;text-decoration:none!important;isolation:isolate}.r25-video-watch-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:brightness(.76)}.r25-video-watch-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,17,29,.04),rgba(2,17,29,.6));z-index:-1}.r25-video-watch-card__play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.94);border-radius:50%;background:rgba(2,37,55,.78);font-size:1.35rem;line-height:1;box-shadow:0 8px 28px rgba(0,0,0,.35)}.r25-video-watch-card__label{position:absolute;inset:auto 16px 16px;display:block;font-size:.85rem;font-weight:900;letter-spacing:.03em;text-align:center;text-transform:uppercase}.r25-video-watch-card:hover .r25-video-watch-card__play,.r25-video-watch-card:focus-visible .r25-video-watch-card__play{background:#0a799c;transform:translate(-50%,-50%) scale(1.08)}.r25-video-watch-card:focus-visible{outline:3px solid #73d9ed;outline-offset:4px}
/* corporate pages */
.r24-corp-page{background:linear-gradient(#f3fbfd,#fff 620px)}.r24-corporate-main{min-height:60vh}.r24-corp-hero{position:relative;overflow:hidden;padding:clamp(48px,6vw,82px) 0 38px;background:radial-gradient(circle at 84% 18%,rgba(48,187,213,.15),transparent 30%),linear-gradient(145deg,#f8fdff,#eff9fc)}.r24-corp-hero:after{content:'';position:absolute;right:-110px;bottom:-140px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(34,168,199,.16)}.r24-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:#6a8798;font-size:.78rem}.r24-breadcrumb a{color:#0b7da2;text-decoration:none}.r24-corp-kicker{display:inline-flex;margin-top:22px;padding:7px 11px;border:1px solid rgba(18,145,176,.14);border-radius:999px;background:#e4f8fc;color:#08728b;font-size:.69rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.r24-corp-hero h1{max-width:1020px;margin:15px 0 14px;color:#092b40;font-size:clamp(2.2rem,4.8vw,4.7rem);line-height:1.02;letter-spacing:-.045em}.r24-corp-hero p{max-width:920px;margin:0;color:#567487;font-size:clamp(1rem,1.45vw,1.16rem);line-height:1.75}.r24-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.r24-hero-actions a,.r24-callout-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;text-decoration:none;font-size:.81rem;font-weight:900}.r24-hero-actions .primary{background:linear-gradient(135deg,#082d43,#0a81aa);color:#fff}.r24-hero-actions .ghost{border:1px solid #c6e1e9;background:#fff;color:#145b78}.r24-trust-strip{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.r24-trust-strip span{padding:8px 11px;border:1px solid rgba(15,109,142,.13);border-radius:999px;background:rgba(255,255,255,.78);color:#315f74;font-size:.72rem;font-weight:850}.r24-corp-section{padding:clamp(42px,5vw,72px) 0}.r24-corp-section--soft{background:linear-gradient(180deg,#f1fafc,#f8fdff)}.r24-section-head{max-width:900px;margin-bottom:26px}.r24-section-head>span{color:#0b91aa;font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.r24-section-head h2{margin:9px 0;color:#0b2e43;font-size:clamp(1.6rem,3vw,2.65rem);line-height:1.12}.r24-section-head p{margin:0;color:#637f90;line-height:1.7}.r24-corp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.r24-corp-card{position:relative;min-height:190px;padding:22px;border:1px solid rgba(15,98,128,.12);border-radius:22px;background:#fff;box-shadow:0 16px 46px rgba(22,82,105,.07);transition:.22s ease}.r24-corp-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(22,82,105,.12)}.r24-card-index{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:11px;background:#e8f8fc;color:#0b86a4;font-size:.7rem;font-weight:950}.r24-corp-card h3{margin:0 0 9px;color:#0a2d43;font-size:1.02rem}.r24-corp-card p{margin:0;color:#647f90;font-size:.88rem;line-height:1.65}.r24-card-link{display:inline-flex;margin-top:14px;color:#0a7ba1;font-size:.78rem;font-weight:900;text-decoration:none}.r24-corp-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:clamp(24px,4vw,38px);border:1px solid rgba(48,187,213,.19);border-radius:28px;background:linear-gradient(135deg,#071f30,#0b435b);box-shadow:0 24px 70px rgba(4,40,59,.16)}.r24-corp-callout>div>span{color:#6dd7e8;font-size:.68rem;font-weight:950;letter-spacing:.11em}.r24-corp-callout h2{margin:9px 0;color:#fff;font-size:clamp(1.45rem,2.5vw,2.3rem)}.r24-corp-callout p{max-width:850px;margin:0;color:#bdd1dc;line-height:1.65}.r24-callout-actions{display:flex;flex-direction:column;gap:9px}.r24-callout-actions a:first-child{background:#fff;color:#0a3951}.r24-callout-actions a:last-child{border:1px solid rgba(255,255,255,.25);color:#fff}.r24-legal-main{background:linear-gradient(#f5fbfd,#fff 520px)}.r24-legal-intro{padding:50px 0 24px}.r24-legal-intro span{color:#0b91aa;font-size:.7rem;font-weight:950;letter-spacing:.1em}.r24-legal-intro h1{max-width:980px;margin:10px 0;color:#0a2d43;font-size:clamp(2rem,4vw,3.8rem)}.r24-legal-intro p{max-width:850px;color:#617e90;line-height:1.7}
/* full viewport containment */
.service-grid,.services-grid-8,.premium-grid,.comparison-grid,.seo-grid,.contact-grid,.audience-grid,.gallery-grid,.insight-grid,.content-grid,.related-grid,.step-grid,.faq-grid,.grid-3,.r22-footer-top,.r22-eco-grid{min-width:0}.service-card,.premium-card,.comparison-card,.seo-card,.audience-card,.gallery-card,.article-card,.insight-card,.intro-card,.side-card,.related-card,.step-card,.faq-item,.contact-card,.r22-eco-card{min-width:0}.product-gallery,.detail-media,.video-v2-shell,.watch-layout{max-width:100%!important;min-width:0!important}
@media(max-width:1240px){.r20-page .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.site-header .site-logo{max-width:205px!important}}
@media(max-width:980px){.r20-page .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.r24-corp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r24-corp-callout{grid-template-columns:1fr}.r24-callout-actions{flex-direction:row;flex-wrap:wrap}.r20-page .video-toolbar{position:relative;top:auto}}
@media(max-width:640px){.r20-page .video-grid{grid-template-columns:1fr!important}.r24-corp-grid{grid-template-columns:1fr}.r24-corp-card{min-height:0}.r24-corp-hero{padding-top:38px}.r24-corp-hero h1{font-size:2.25rem}.r24-hero-actions,.r24-callout-actions{flex-direction:column}.r24-hero-actions a,.r24-callout-actions a,.r24-watch-page-link{width:100%}.r24-watch-page-row{padding-inline:14px!important}.nav-dropdown--corp>.nav-dropdown-menu{grid-template-columns:1fr!important}}
@media(hover:hover) and (pointer:fine){.r24-corp-card,.r24-watch-page-link,.r22-menu-group a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}}
@media(prefers-reduced-motion:reduce){.r24-corp-card,.r24-watch-page-link,.r22-menu-group a{transition:none!important}}
/* Existing legal/policy pages: preserve site-specific legal copy while aligning with the premium corporate system. */
.r24-policy-main .r22-corp-hero,.r24-policy-main .legal-wrap{position:relative}.r24-policy-main .r22-corp-hero{padding:clamp(48px,6vw,78px) 0 36px;background:radial-gradient(circle at 86% 16%,rgba(48,187,213,.15),transparent 30%),linear-gradient(145deg,#f8fdff,#eff9fc)}.r24-policy-main .r22-corp-hero h1,.r24-policy-main .legal-hero h1{font-size:clamp(2.15rem,4.6vw,4.35rem)!important;letter-spacing:-.04em!important;line-height:1.04!important;color:#092b40!important}.r24-policy-main .r22-corp-hero p,.r24-policy-main .legal-hero p{max-width:900px;color:#587587!important;line-height:1.72!important}.r24-policy-main .r22-section{padding:clamp(42px,5vw,70px) 0}.r24-policy-main .r22-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.r24-policy-main .r22-card{min-height:170px;border-radius:22px;border-color:rgba(15,98,128,.12);box-shadow:0 16px 46px rgba(22,82,105,.07)}.r24-policy-main.legal-page{padding:0 0 70px}.r24-policy-main .legal-wrap{padding-top:clamp(44px,5vw,70px)}.r24-policy-main .legal-hero{padding:clamp(24px,4vw,38px);border:1px solid rgba(15,98,128,.13);border-radius:28px;background:linear-gradient(145deg,#f8fdff,#eff9fc);box-shadow:0 18px 54px rgba(19,78,103,.08)}.r24-policy-main .legal-card{margin-top:18px;border-radius:24px!important;border-color:rgba(15,98,128,.12)!important;box-shadow:0 16px 46px rgba(22,82,105,.07)!important}.r24-policy-main .legal-card h2{color:#0a2d43}.r24-policy-main .legal-card h3{color:#15516e}@media(max-width:760px){.r24-policy-main .r22-card-grid{grid-template-columns:1fr}.r24-policy-main .r22-card{min-height:0}}
/* Corporate is the second primary item in R24, so its desktop panel anchors to the left edge instead of spilling off-screen. */
@media(min-width:1181px){.site-header .nav-dropdown--corp>.nav-dropdown-menu{left:0!important;right:auto!important;transform:none!important}}
.site-header .nav-dropdown-menu .r22-menu-group>a{display:flex!important;width:100%!important;max-width:100%!important}
