.road-page .road-content{container-type:inline-size}
/* ContrasteLab V176 - editorial CTA family. Content remains HTML, CTA links remain native links. */
.road-page .road-banner.clb-e176-banner{
 --e176-ink:#fff;--e176-subtle:#d9d2e9;--e176-line:rgba(234,221,255,.18);
 --e176-paper:#1d1731;--e176-accent:#ca9dff;
 position:relative;isolation:isolate;overflow:hidden;
 width:100%;box-sizing:border-box;min-height:0;
 margin:clamp(34px,4vw,48px) 0 clamp(32px,4vw,42px);
 border-radius:22px;border:1px solid var(--e176-line)!important;
 color:var(--e176-ink)!important;
 background:var(--e176-paper)!important;
 box-shadow:0 18px 44px rgba(19,11,39,.1);
}
/* one immersive image-free background, right-side cut-out bot */
.road-page .road-banner.clb-e176-banner--feature{
 display:block;min-height:360px;padding:0;
 background:radial-gradient(ellipse 50% 95% at 92% 68%,rgba(141,88,232,.39),transparent 85%),radial-gradient(ellipse 55% 75% at 100% -15%,rgba(233,109,193,.21),transparent 90%),linear-gradient(130deg,#171228 0%,#25183f 75%,#372052 100%)!important;
}
.road-page .clb-e176-banner--feature::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none}
.road-page .clb-e176-banner .road-banner__copy{position:relative;z-index:2;min-width:0}
.road-page .clb-e176-banner--feature .road-banner__copy{padding:35px 0 34px clamp(28px,3.6vw,42px);width:64%;max-width:560px}
.road-page .clb-e176-banner .road-banner__copy>span{display:flex;align-items:center;gap:10px;width:fit-content;margin:0 0 19px!important;font:800 10px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:.15em!important;text-transform:uppercase;color:var(--e176-accent)!important}
.road-page .clb-e176-banner .road-banner__copy>span::before{content:"";width:16px;height:1px;flex:0 0 16px;background:currentColor;opacity:.8}
.road-page .clb-e176-banner .road-banner__copy h3{font:800 clamp(25px,2.5vw,34px)/1.16 system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:-.05em!important;margin:0 0 17px!important;max-width:18ch;text-wrap:balance;color:var(--e176-ink)!important}
.road-page .clb-e176-banner .road-banner__copy p{font:400 14px/1.64 system-ui,-apple-system,'Segoe UI',sans-serif!important;margin:0 0 24px!important;max-width:40ch;color:var(--e176-subtle)!important}
/* Secondary links are understated and don't impersonate UI decorations */
.road-page .clb-e176-banner .road-banner__links{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0 0 15px!important;padding:0!important}
.road-page .clb-e176-banner .road-banner__links li{list-style:none!important;padding:0!important;margin:0!important}
.road-page .clb-e176-banner .road-banner__links a{display:inline!important;min-height:0!important;padding:0 0 3px!important;border:0!important;border-radius:0!important;border-bottom:1px solid currentColor!important;background:none!important;box-shadow:none!important;color:var(--e176-subtle)!important;font:600 12px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif!important;text-decoration:none!important}
.road-page .clb-e176-banner .road-banner__links a:hover{color:#fff!important;border-color:currentColor!important}
.road-page .clb-e176-banner a.road-banner__cta{display:inline-flex!important;align-items:center;justify-content:space-between;gap:15px;min-height:44px;padding:11px 15px!important;background:#fff!important;border-radius:10px!important;border:1px solid transparent!important;box-shadow:0 7px 20px rgba(9,6,28,.1)!important;color:#241a38!important;font:750 13px/1.35 system-ui,-apple-system,'Segoe UI',sans-serif!important;text-decoration:none!important;max-width:100%}
.road-page .clb-e176-banner a.road-banner__cta b{font-size:17px;line-height:1}
.road-page .clb-e176-banner a.road-banner__cta:hover{background:#f3eaff!important;transform:translateY(-1px)}
.road-page .clb-e176-banner :is(a,button):focus-visible{outline:2px solid #eaabff;outline-offset:4px}
/* official transparent mascot, no box, cards, false UI or CSS-generated charts */
.road-page .clb-e176-art{position:absolute;z-index:1;inset:0 0 0 auto;width:42%;height:100%;overflow:hidden;pointer-events:none}
.road-page .clb-e176-art__aurora{position:absolute;width:100%;height:90%;right:-15%;bottom:-24%;border-radius:50%;background:radial-gradient(circle,rgba(179,120,242,.47),rgba(93,78,181,.16) 54%,transparent 72%);filter:blur(18px)}
.road-page .clb-e176-art__disc{position:absolute;width:104%;aspect-ratio:1;right:-26%;bottom:-51%;border-radius:50%;border:1px solid rgba(220,196,255,.31);box-shadow:0 0 0 30px rgba(168,127,249,.035),0 0 0 75px rgba(168,127,249,.028)}
.road-page .clb-e176-art img{position:absolute;z-index:1;display:block;width:108%;max-width:none;height:auto!important;aspect-ratio:1;right:-10%;bottom:-13%;border:0!important;border-radius:0!important;background:transparent!important;object-fit:contain!important;filter:drop-shadow(0 20px 18px rgba(18,7,39,.21))}
/* Related recommendation: quiet integrated editorial strip rather than interrupting mini billboard */
.road-page .road-banner.clb-e176-banner--note{
 --e176-ink:#251d36;--e176-subtle:#655c73;--e176-line:#ded5ea;--e176-paper:#f4eff9;--e176-accent:#7041a4;
 display:block;padding:0!important;
 background:linear-gradient(120deg,#f7f2fc 0%,#f2edf8 61%,#eee8f8 100%)!important;
 box-shadow:none!important;
}
.road-page .clb-e176-banner--note .road-banner__copy{width:100%;padding:26px clamp(24px,3vw,34px)!important;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 25px;align-items:center}
.road-page .clb-e176-banner--note .road-banner__copy>span{grid-column:1/-1;margin-bottom:10px!important;font-size:9px!important}
.road-page .clb-e176-banner--note .road-banner__copy h3{grid-column:1;max-width:22ch;font-size:clamp(22px,2.2vw,28px)!important;margin-bottom:11px!important}
.road-page .clb-e176-banner--note .road-banner__copy p{grid-column:1;max-width:57ch;margin:0 0 15px!important;color:var(--e176-subtle)!important}
.road-page .clb-e176-banner--note .road-banner__links{grid-column:1;grid-row:auto;margin:0!important}
.road-page .clb-e176-banner--note .road-banner__links a{color:#68478f!important}
.road-page .clb-e176-banner--note .road-banner__links a:hover{color:#40236a!important}
.road-page .clb-e176-banner--note .road-banner__cta{grid-column:2;grid-row:2/5;align-self:center;background:#261c3e!important;color:#fff!important;max-width:210px}
.road-page .clb-e176-banner--note .road-banner__cta:hover{background:#443068!important}
html[data-theme=dark] .road-page .clb-e176-banner--note{--e176-ink:#faf6ff;--e176-subtle:#bdb0ce;--e176-line:#50445f;--e176-paper:#272036;--e176-accent:#c9a6ff;background:linear-gradient(122deg,#282136,#241c31)!important}
html[data-theme=dark] .road-page .clb-e176-banner--note .road-banner__links a{color:#d8c4ff!important}
html[data-theme=dark] .road-page .clb-e176-banner--note .road-banner__cta{background:#eee8ff!important;color:#241d38!important}
/* Layout is governed by actual card width, not only viewport width */
@container (max-width:620px){
 .road-page .clb-e176-banner--feature .road-banner__copy{width:100%;padding:27px 24px 12px;max-width:none}
 .road-page .clb-e176-banner--feature .road-banner__copy h3{max-width:24ch}
 .road-page .clb-e176-banner--feature .road-banner__copy p{max-width:52ch}
 .road-page .clb-e176-art{position:relative;width:100%;height:220px;inset:auto}
 .road-page .clb-e176-art img{height:275px!important;width:275px;right:calc(50% - 141px);bottom:-48px}
 .road-page .clb-e176-art__aurora{right:15%;bottom:-92%;width:70%;height:180%}
 .road-page .clb-e176-art__disc{width:230px;right:calc(50% - 115px);bottom:-155px}
 .road-page .clb-e176-banner--note .road-banner__copy{display:block;padding:25px 23px!important}
 .road-page .clb-e176-banner--note .road-banner__copy h3{max-width:25ch}
 .road-page .clb-e176-banner--note .road-banner__links{margin-bottom:18px!important}
 .road-page .clb-e176-banner--note .road-banner__cta{max-width:100%}
}
/* responsive fallback where container queries are not supported */
@media(max-width:767.98px){
 .road-page .road-banner.clb-e176-banner--feature{display:block!important}
 .road-page .clb-e176-banner--feature .road-banner__copy{width:100%;padding:27px 24px 8px;max-width:none}
 .road-page .clb-e176-banner--feature .road-banner__copy h3{max-width:24ch}
 .road-page .clb-e176-art{position:relative;width:100%;height:220px;inset:auto}
 .road-page .clb-e176-art img{height:270px!important;width:270px;right:calc(50% - 135px);bottom:-50px}
 .road-page .clb-e176-art__aurora{right:15%;bottom:-90%;width:70%;height:180%}
 .road-page .clb-e176-art__disc{width:230px;right:calc(50% - 115px);bottom:-155px}
 .road-page .clb-e176-banner--note .road-banner__copy{display:block;padding:25px 23px!important}
 .road-page .clb-e176-banner--note .road-banner__links{margin-bottom:17px!important}
}
@media(prefers-reduced-motion:reduce){.road-page .clb-e176-banner a.road-banner__cta:hover{transform:none}}
/* Final visual review: ensure that the mascot is not clipped and editorial CTAs are visible. */
.road-page .road-banner.clb-e176-banner--feature .clb-e176-art img{bottom:2%}
.road-page .road-banner.clb-e176-banner--note a.road-banner__cta{background:#271d3e!important;color:#fff!important;box-shadow:0 6px 14px rgba(27,16,53,.12)!important}
.road-page .road-banner.clb-e176-banner--note a.road-banner__cta:hover{background:#463165!important;color:#fff!important}
html[data-theme=dark] .road-page .road-banner.clb-e176-banner--note a.road-banner__cta{background:#f2eafe!important;color:#211731!important}
@media(max-width:767.98px){
 .road-page .road-banner.clb-e176-banner--feature .clb-e176-art{height:210px}
 .road-page .road-banner.clb-e176-banner--feature .clb-e176-art img{bottom:20px;width:265px;height:265px!important;right:calc(50% - 132px)}
}
.road-page .road-banner.clb-e176-banner a.road-banner__cta b{color:inherit!important}