.dev-hero .hero-grid{grid-template-columns:minmax(0,1.083fr) minmax(0,1fr)}
.ads-console .build-bay-screen{height:auto;aspect-ratio:660/500;background:radial-gradient(circle at 50% 47%,rgba(30,184,214,.2),transparent 34%),linear-gradient(180deg,#04182d,#061f39)}
.ads-radar{position:absolute;inset:50%;width:390px;height:390px;transform:translate(-50%,-51%);border:1px solid rgba(63,211,231,.16);border-radius:50%}
.ads-radar:before,.ads-radar:after,.ads-radar i{content:"";position:absolute;inset:14%;border:1px solid rgba(63,211,231,.12);border-radius:50%}
.ads-radar:after{inset:29%}.ads-radar i:nth-child(1){inset:43%;border-color:rgba(63,211,231,.24)}
.ads-radar i:nth-child(2){inset:50% auto auto 50%;width:48%;height:1px;border:0;border-top:1px solid rgba(63,211,231,.15);border-radius:0;transform-origin:left;animation:adsSweep 8s linear infinite}
.ads-radar i:nth-child(3){inset:8%;border-style:dashed;opacity:.55;animation:adsOrbit 28s linear infinite}
.ads-console .ads-links{position:absolute;z-index:1;inset:0;width:100%;height:100%;transform:none;pointer-events:none}.ads-links path{fill:none;stroke:#43ddec;stroke-width:2;stroke-dasharray:7 8;opacity:.62}.ads-links marker path{fill:#43ddec;stroke:none;stroke-dasharray:none;opacity:.88}.ads-links .signal{fill:#7af4ff;offset-rotate:0deg;animation:adsConnectedSignal 4.6s linear infinite;filter:drop-shadow(0 0 7px #2de8fd)}
.ads-links .s2{animation-delay:.7s}.ads-links .s3{animation-delay:1.4s}.ads-links .s4{animation-delay:2.1s}
@keyframes adsConnectedSignal{0%{offset-distance:0%;opacity:0}12%,88%{opacity:1}100%{offset-distance:100%;opacity:0}}
.ads-core{position:absolute;z-index:3;left:50%;top:48%;display:flex;width:184px;height:184px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #45deec;border-radius:42%;color:#eaffff;background:radial-gradient(circle at 50% 35%,#0c5b76,#08243e 66%);box-shadow:0 0 42px rgba(45,232,253,.16),inset 0 0 28px rgba(45,232,253,.08);transform:translate(-50%,-50%)}
.ads-core:before{content:"";position:absolute;inset:13px;border:1px solid rgba(96,234,246,.25);border-radius:39%}.ads-core small{font-size:9px;font-weight:800;letter-spacing:.23em;color:#7fb1c1}.ads-core strong{margin:7px 0 12px;font-size:20px;letter-spacing:.05em}.ads-core span{padding:7px 11px;border:1px solid rgba(74,221,236,.26);border-radius:999px;color:#7eeef8;font-size:9px;font-weight:800;letter-spacing:.1em}.ads-core span i{display:inline-block;width:5px;height:5px;margin:0 3px;border-radius:50%;background:#8bff96;box-shadow:0 0 8px #8bff96}
.ads-channel{position:absolute;z-index:3;display:flex;width:124px;min-height:72px;padding:13px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(72,217,235,.52);border-radius:16px;color:#dffcff;background:rgba(5,30,51,.94);box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 18px rgba(45,232,253,.08)}
.ads-channel b{font-size:12px;letter-spacing:.09em}.ads-channel span{margin-top:5px;color:#8bb7c6;font-size:10px}.ads-channel-search{left:5%;top:12%}.ads-channel-media{right:5%;top:12%}.ads-channel-social{left:5%;bottom:15%}.ads-channel-crm{right:5%;bottom:15%}
.dev-steps .step-icon .icon-accent{stroke:#35ddec}
@keyframes adsSweep{to{transform:rotate(360deg)}}@keyframes adsOrbit{to{transform:rotate(-360deg)}}
@keyframes adsSignal1{0%{transform:translate(125px,125px);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(330px,250px);opacity:0}}@keyframes adsSignal2{0%{transform:translate(535px,125px);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(330px,250px);opacity:0}}@keyframes adsSignal3{0%{transform:translate(125px,375px);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(330px,250px);opacity:0}}@keyframes adsSignal4{0%{transform:translate(535px,375px);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(330px,250px);opacity:0}}
@media(min-width:900px) and (max-width:1050px){.dev-hero .hero-grid{grid-template-columns:1fr!important}.dev-hero .hero-copy{max-width:780px}.ads-console{width:100%;max-width:720px!important;margin:20px auto 0}.dev-hero .dev-proof{position:relative!important;left:auto!important;bottom:auto!important;margin:55px auto 0!important;transform:none!important}}
@media(max-width:760px){.dev-hero .hero-grid{grid-template-columns:1fr!important;gap:34px}.dev-hero .hero-copy{width:100%}.ads-console{width:100%;max-width:none!important;margin:14px 0 0}.dev-hero h1{font-size:clamp(37px,10.2vw,42px)!important}.dev-hero .typing-line{white-space:normal!important}.ads-radar{width:78%;height:auto;aspect-ratio:1}.ads-core{width:34%;height:auto;aspect-ratio:1}.ads-core strong{font-size:15px}.ads-channel{width:25%;min-height:58px;padding:8px}.ads-channel b{font-size:11px}.ads-channel span{font-size:9px}.ads-channel-search,.ads-channel-social{left:4%}.ads-channel-media,.ads-channel-crm{right:4%}.ads-links{transform:scale(.98)}}
@media(max-width:340px){.dev-hero h1{font-size:36px!important}}
@media(max-width:390px){.ads-core small{font-size:7px}.ads-core strong{font-size:13px}.ads-channel{min-height:56px}.ads-channel-search,.ads-channel-media{top:11%}.ads-channel-social,.ads-channel-crm{bottom:16%}}
@media(prefers-reduced-motion:reduce){.ads-radar i,.ads-links .signal{animation:none!important}}

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

/* Approved desktop hero-title size. */
@media(min-width:1051px){.dev-hero .hero-copy h1{font-size:78px}}
/* Match the approved 1020px service hero; the inherited concept skin used 1012px. */
@media(min-width:1367px){.concept-deep .dev-hero{min-height:1020px}}

/* The older concept skin is brighter than the approved service-hub first screen. */
.concept-deep .dev-hero{background:radial-gradient(ellipse at 78% 31%,rgba(13,93,139,.58) 0,rgba(7,49,84,.34) 25%,transparent 47%),linear-gradient(180deg,#04172d 0%,#031326 52%,#010817 100%)}
.concept-deep .dev-hero:before{inset:58px 0 45px;background:repeating-radial-gradient(ellipse at 73% 46%,transparent 0 78px,rgba(76,193,222,.04) 79px 80px)}
@media(min-width:761px) and (max-width:899px){.concept-deep .dev-hero .hero-copy h1{font-size:54px}}
@media(min-width:900px) and (max-width:1050px){.concept-deep .dev-hero .hero-copy h1{font-size:clamp(52px,6.3vw,65px)}}