.dev-hero .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(440px,.8fr);gap:48px}.social-studio{width:min(calc(100% + 42px),572px);margin-right:-16px;justify-self:end;overflow:hidden}.social-studio .build-bay-head{font-size:11px}.social-studio-screen{position:relative;display:grid;height:auto;aspect-ratio:660/500;padding:32px 30px 76px;grid-template-columns:minmax(0,1.45fr) minmax(150px,.72fr);gap:14px;overflow:hidden;background:radial-gradient(circle at 22% 16%,rgba(48,216,234,.13),transparent 30%),linear-gradient(145deg,#03172b 0%,#062640 100%)}
.social-studio-screen:before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(91,215,230,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,215,230,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.social-editor,.social-pulse,.social-flow{position:relative;z-index:2}.social-editor{min-width:0;padding:13px;border:1px solid rgba(95,225,239,.28);border-radius:19px;background:rgba(4,25,43,.72);box-shadow:0 20px 45px rgba(0,0,0,.24)}.social-editor-head{display:flex;height:24px;align-items:center;color:#7faab5;font-size:8px;letter-spacing:.1em}.social-editor-head>div{display:flex;gap:4px}.social-editor-head i{width:5px;height:5px;border-radius:50%;background:#347184}.social-editor-head span{margin-left:9px}.social-editor-head b{margin-left:auto;color:#58e3ee;font-size:8px}
.social-creative{position:relative;display:flex;min-height:230px;padding:27px 25px;align-items:flex-end;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#087b91 0%,#09536f 48%,#071f39 100%)}.social-creative:before{content:"";position:absolute;width:250px;height:250px;right:-104px;top:-105px;border:1px solid rgba(208,252,255,.2);border-radius:50%;box-shadow:0 0 0 34px rgba(139,240,248,.035),0 0 0 68px rgba(139,240,248,.025)}.social-brand-mark{position:absolute;right:23px;top:17px;color:rgba(228,253,255,.16);font-size:64px;font-weight:800;line-height:1}.social-creative-copy{position:relative;z-index:2;display:flex;flex-direction:column}.social-creative-copy small{color:#9eeaf0;font-size:7px;letter-spacing:.14em}.social-creative-copy strong{margin-top:8px;color:#fff;font-size:20px;line-height:1.14}.social-creative-copy span{margin-top:9px;color:#beeef1;font-size:8px;letter-spacing:.05em}.social-creative-wave{position:absolute;right:-15px;bottom:5px;width:52%;height:45%}.social-creative-wave i{position:absolute;right:0;width:100%;height:65%;border:1px solid rgba(160,245,251,.18);border-left:0;border-bottom:0;border-radius:100% 0 0}.social-creative-wave i:nth-child(2){right:-20px;bottom:10px;width:84%}.social-creative-wave i:nth-child(3){right:-38px;bottom:21px;width:68%}.social-reactions{display:flex;margin-top:11px;align-items:center;gap:13px;color:#88b8c3;font-size:8px}.social-reactions b{color:#d9f8fa;font-weight:600}.social-reactions em{margin-left:auto;color:#56e3ed;font-size:7px;font-style:normal;letter-spacing:.08em}
.social-pulse{display:flex;min-width:0;padding:14px 13px;flex-direction:column;border:1px solid rgba(95,225,239,.25);border-radius:19px;background:linear-gradient(180deg,rgba(8,47,72,.88),rgba(4,27,47,.94));box-shadow:0 20px 45px rgba(0,0,0,.2)}.social-pulse-head{display:flex;align-items:center;justify-content:space-between;color:#9fcbd3;font-size:7px;letter-spacing:.1em}.social-pulse-head i{padding:3px 5px;border:1px solid rgba(81,229,239,.4);border-radius:5px;color:#5be4ed;font-size:6px;font-style:normal}.social-audience{display:flex;margin-top:22px;flex-direction:column}.social-audience strong{color:#fff;font-size:29px;line-height:1}.social-audience span{margin-top:5px;color:#7faab6;font-size:7px}.social-audience b{margin-top:8px;color:#59e5ef;font-size:10px}.social-bars{display:flex;height:69px;margin-top:10px;align-items:flex-end;gap:5px;border-bottom:1px solid rgba(91,220,234,.2)}.social-bars i{width:100%;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#52e0ea,#087691);box-shadow:0 0 10px rgba(53,214,229,.12)}.social-dialogues{margin-top:17px}.social-dialogues>span{color:#729fac;font-size:7px;letter-spacing:.09em}.social-dialogues>div{display:flex;margin-top:8px}.social-dialogues i{display:grid;width:27px;height:27px;margin-left:-5px;place-items:center;border:2px solid #082b45;border-radius:50%;color:#d9fbfd;background:#0c6379;font-size:7px;font-style:normal}.social-dialogues i:first-child{margin-left:0}.social-dialogues i:nth-child(2){background:#174e70}.social-dialogues i:nth-child(3){background:#086b65}.social-dialogues i:last-child{background:#092d49}.social-signal{display:flex;margin-top:auto;flex-direction:column;gap:6px;color:#9ac5ce;font-size:7px}.social-signal span{display:flex;align-items:center}.social-signal i{width:5px;height:5px;margin-right:6px;border-radius:50%;background:#45e6ee;box-shadow:0 0 8px #45e6ee}
.social-flow{position:absolute;left:30px;right:30px;bottom:21px;display:flex;height:38px;padding:0 13px;align-items:center;justify-content:space-between;border:1px solid rgba(86,222,236,.24);border-radius:11px;background:rgba(3,22,39,.88);color:#acd1d8;font-size:7px;letter-spacing:.08em}.social-flow span{display:flex;align-items:center;white-space:nowrap}.social-flow b{display:grid;width:19px;height:19px;margin-right:6px;place-items:center;border-radius:6px;color:#06243a;background:#55dfeb;font-size:7px}.social-flow>i{color:#3c8190;font-style:normal}.social-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)}.social-price-line strong{margin-left:7px;color:#79f0fa;font-size:18px;white-space:nowrap}
.context-formats .format-card{min-height:342px;padding:20px 20px 18px}.context-formats .format-icon{width:62px;height:62px;margin:14px 0 13px;border-radius:18px}.context-formats .format-icon svg{width:41px}.context-formats .format-card h3{min-height:46px;margin-bottom:7px;font-size:19px}.context-formats .format-card>p{min-height:66px;font-size:13.5px;line-height:1.52}.context-formats .context-format-examples{min-height:42px;padding-top:11px;gap:6px}.context-formats .context-format-examples li{padding:6px 8px;font-size:10px}
@media(min-width:1051px){.social-studio-screen{height:410px;aspect-ratio:auto;padding-top:24px;padding-bottom:66px}.social-creative{min-height:180px;padding:20px}.social-creative-copy strong{font-size:17px}.social-pulse{padding:11px}.social-audience{margin-top:13px}.social-audience strong{font-size:25px}.social-audience b{margin-top:5px}.social-bars{height:47px;margin-top:7px}.social-dialogues{margin-top:9px}.social-dialogues>div{margin-top:5px}.social-dialogues i{width:22px;height:22px}.social-signal{margin-top:7px;gap:3px}.social-flow{bottom:15px;height:34px}}
@media(min-width:1051px){.dev-hero h1{font-size:clamp(62px,5vw,72px)}}
@media(max-width:1050px){.dev-hero .hero-grid{grid-template-columns:1fr;gap:45px}.social-studio{width:100%;max-width:720px;margin-right:0;justify-self:center}.context-formats .format-card{min-height:330px}}
@media(max-width:760px){.social-studio .build-bay-head{font-size:8px}.social-studio-screen{padding:18px 17px 59px;grid-template-columns:minmax(0,1.5fr) minmax(92px,.72fr);gap:8px}.social-editor{padding:8px;border-radius:13px}.social-editor-head{height:17px;font-size:5px}.social-editor-head i{width:3px;height:3px}.social-creative{min-height:145px;padding:16px 13px;border-radius:9px}.social-brand-mark{right:12px;top:9px;font-size:38px}.social-creative-copy small{font-size:4.5px}.social-creative-copy strong{margin-top:5px;font-size:12px}.social-creative-copy span{margin-top:5px;font-size:5px}.social-reactions{margin-top:7px;gap:7px;font-size:5px}.social-reactions em{display:none}.social-pulse{padding:9px 8px;border-radius:13px}.social-pulse-head{font-size:4.5px}.social-pulse-head i{font-size:4px}.social-audience{margin-top:13px}.social-audience strong{font-size:18px}.social-audience span{font-size:5px}.social-audience b{margin-top:5px;font-size:7px}.social-bars{height:40px;margin-top:6px;gap:3px}.social-dialogues{margin-top:10px}.social-dialogues>span{font-size:4.5px}.social-dialogues i{width:18px;height:18px;font-size:5px}.social-signal{gap:4px;font-size:4.5px}.social-flow{left:17px;right:17px;bottom:13px;height:30px;padding:0 7px;font-size:4.5px}.social-flow b{width:14px;height:14px;margin-right:3px;font-size:5px}.context-formats .format-card{min-height:0;padding:21px 20px}.context-formats .format-card h3,.context-formats .format-card>p{min-height:0}.social-price-line{display:block!important;font-size:13px!important}.social-price-line strong{display:block;margin:4px 0 0;font-size:18px}}

/* The hero control panel is information, not background decoration: keep it legible. */
.social-reactions{font-size:9.5px}.social-reactions em{font-size:8.5px}
.social-pulse-head{font-size:8.5px}.social-pulse-head i{font-size:7px}
.social-audience span{font-size:8px}.social-audience b{font-size:11px}
.social-dialogues>span{font-size:8px}.social-dialogues i{font-size:7.5px}
.social-signal{font-size:9px;line-height:1.35}.social-creative-copy span{font-size:8px}
.social-flow{height:38px;font-size:8.5px}.social-flow b{width:20px;height:20px;font-size:8px}
@media(max-width:760px){
  .social-creative-copy small{font-size:6px}.social-creative-copy span{font-size:7px}
  .social-reactions{font-size:7px}
  .social-pulse-head,.social-pulse-head i{font-size:7px}
  .social-audience span{font-size:7px}.social-audience b{font-size:9px}
  .social-dialogues>span,.social-dialogues i{font-size:7px}.social-signal{font-size:7.5px;line-height:1.35}
  .social-flow{height:32px;font-size:7px}.social-flow b{width:16px;height:16px;font-size:7px}
}

/* Keep the price callout identical to the contextual advertising landing. */
.dev-price-copy .social-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 .social-price-line strong{margin-left:5px;color:#77e9f4;font-size:15px;font-weight:800;white-space:nowrap}
@media(max-width:760px){.dev-price-copy .social-price-line{display:block!important;margin-top:18px!important;padding:10px 12px;font-size:13px!important}.dev-price-copy .social-price-line strong{display:block;margin:3px 0 0;font-size:14px}}

/* Portrait mobile: local social-network rings remain; page-wide arcs do not. */
@media(max-width:760px){.dev-hero:before{display:none}}
@media(max-width:480px){
  .social-pulse-head{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
  .social-pulse-head span{letter-spacing:0;white-space:nowrap}
  .social-pulse-head i{justify-self:end}
}

/* Approved desktop hero-title size. */
@media(min-width:1051px){.dev-hero .hero-copy h1{font-size:70px}}