.media-console .build-bay-head{font-size:11px}.media-radar-screen{height:auto;aspect-ratio:660/500;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(34,195,218,.19),transparent 34%),linear-gradient(180deg,#04182d,#061f39)!important}.media-rings{position:absolute;left:50%;top:50%;width:73%;aspect-ratio:1;transform:translate(-50%,-50%)}.media-rings:before,.media-rings:after,.media-rings i{content:"";position:absolute;inset:0;border:1px solid rgba(75,225,240,.17);border-radius:50%}.media-rings:after{inset:17%}.media-rings i:nth-child(1){inset:34%;border-color:rgba(75,225,240,.25)}.media-rings i:nth-child(2){inset:7%;border-style:dashed;animation:media-spin 32s linear infinite}.media-rings i:nth-child(3){left:50%;top:50%;width:43%;height:1px;border:0;border-top:1px solid rgba(80,225,240,.2);border-radius:0;transform-origin:left;animation:media-sweep 8s linear infinite}.media-rings i:nth-child(4){inset:46%;border-color:#4de5f2;box-shadow:0 0 20px rgba(62,221,238,.35)}
.media-creative{position:absolute;z-index:3;left:50%;top:50%;width:52%;min-height:210px;padding:25px 26px;border:1px solid rgba(90,232,245,.54);border-radius:24px;background:linear-gradient(145deg,rgba(8,64,88,.98),rgba(5,29,52,.98));box-shadow:0 24px 55px rgba(0,0,0,.3),0 0 42px rgba(45,232,253,.12);transform:translate(-50%,-50%)}.media-creative>span{color:#65e5f2;font-size:9px;font-weight:800;letter-spacing:.16em}.media-creative>b{display:block;margin-top:16px;color:#f4feff;font-size:24px;line-height:1.25}.media-creative>small{display:block;margin-top:18px;color:#8ebcc8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.media-play{position:absolute;right:23px;bottom:21px;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(104,236,247,.38);border-radius:50%;color:#071d34;background:#4be1ef;box-shadow:0 0 22px rgba(49,225,242,.23);font-style:normal;font-size:14px}
.media-play::before{content:"";display:block;width:13px;height:16px;margin-left:3px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
@media(max-width:760px){.media-play::before{width:10px;height:12px;margin-left:2px}}
.media-node{position:absolute;z-index:4;display:flex;min-width:150px;padding:14px 16px;align-items:center;flex-direction:column;border:1px solid rgba(76,219,236,.55);border-radius:14px;background:rgba(5,29,50,.96);text-align:center;box-shadow:0 12px 25px rgba(0,0,0,.22),0 0 20px rgba(45,232,253,.06)}.media-node b{color:#ecfeff;font-size:13px;letter-spacing:.1em}.media-node span{margin-top:5px;color:#8bbbc7;font-size:10px}.media-node-video{left:6%;top:1%}.media-node-banner{right:6%;top:1%}.media-node-ctv{left:6%;bottom:1%}.media-node-audio{right:6%;bottom:1%}
@media (orientation:landscape) and (max-width:1100px){.media-node-video{left:11%;top:15%}.media-node-banner{right:11%;top:15%}.media-node-ctv{left:11%;bottom:15%}.media-node-audio{right:11%;bottom:15%}}
.media-price-line{display:inline-flex;margin:22px 0 2px!important;padding:14px 17px;border:1px solid rgba(83,220,239,.48);border-radius:14px;color:#b6d3db!important;background:linear-gradient(135deg,rgba(22,119,148,.24),rgba(8,53,82,.34));font-size:15px!important;line-height:1.35;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,16,34,.16)}.media-price-line strong{margin-left:7px;color:#79f0fa;font-size:18px;white-space:nowrap}
.context-formats .format-card{min-height:365px;padding:22px 22px 20px}.context-formats .format-icon{width:68px;height:68px;margin:17px 0 15px}.context-formats .format-icon svg{width:45px}.context-formats .format-card h3{min-height:50px;margin-bottom:8px;font-size:20px}.context-formats .format-card>p{min-height:70px;line-height:1.55}.context-formats .context-format-examples{min-height:45px;padding-top:12px}
@keyframes media-spin{to{transform:rotate(360deg)}}@keyframes media-sweep{to{transform:rotate(360deg)}}
@media(max-width:760px){.media-console .build-bay-head{font-size:8.5px}.media-creative{width:56%;min-height:145px;padding:15px 16px;border-radius:16px}.media-creative>b{margin-top:10px;font-size:15px}.media-creative>small{margin-top:11px;font-size:7px}.media-play{right:13px;bottom:12px;width:32px;height:32px;font-size:10px}.media-node{min-width:88px;padding:9px 10px}.media-node b{font-size:9.5px}.media-node span{display:block;margin-top:3px;font-size:7px}.context-formats .format-card{min-height:0;padding:21px 20px}.context-formats .format-card h3,.context-formats .format-card>p{min-height:0}.media-price-line{display:block!important;font-size:13px!important}.media-price-line strong{display:block;margin:4px 0 0;font-size:18px}}

/* Keep the price callout identical to the contextual advertising landing. */
.dev-price-copy .media-price-line{display:inline-flex;max-width:none;margin:22px 0 0!important;padding:10px 14px;border:1px solid rgba(83,220,239,.34);border-radius:12px;color:#9bc9d5!important;background:rgba(23,112,139,.16);font-size:14px!important;line-height:1.35;box-shadow:none}
.dev-price-copy .media-price-line strong{margin-left:5px;color:#77e9f4;font-size:15px;font-weight:800;white-space:nowrap}
@media(max-width:760px){.dev-price-copy .media-price-line{display:block!important;margin-top:18px!important;padding:10px 12px;font-size:13px!important}.dev-price-copy .media-price-line strong{display:block;margin:3px 0 0;font-size:14px}}
@media(prefers-reduced-motion:reduce){.media-rings i{animation:none!important}}

/* Portrait mobile: local media-center rings remain; page-wide arcs do not. */
@media(max-width:760px){.dev-hero:before{display:none}}