/* Shared screen-pixel floors for first-screen illustrative compositions.
   Large titles/counters retain their approved sizes. Page text is untouched. */
[data-hero-composition] { --hc-label:12; --hc-caption:11; --hc-meta:10; }
[data-hero-composition] [data-hc-font] {
  font-size:max(var(--hc-base-font),var(--hc-floor-font))!important;
}
[data-hero-composition] :is(.build-bay-head,.corp-showcase-head,.media-console-head,.social-studio-head,.review-terminal-head,.review-terminal-foot,.privacy-hero-card-head,.lost-route-head,.lost-status) {
  gap:12px; flex-wrap:wrap; line-height:1.45; letter-spacing:.08em;
}
[data-hero-composition] .build-bay-status { align-items:stretch; }
[data-hero-composition] .build-bay-status>span { min-width:0; line-height:1.35; }
[data-hero-composition] .build-bay-status b { line-height:1.3; }
[data-hero-composition] .build-progress { min-height:38px; }
[data-hero-composition] .build-progress>span { min-width:0; padding:6px 4px; line-height:1.35; text-align:center; white-space:normal; }
[data-hero-composition] .research-station text { letter-spacing:.025em; }
[data-hero-composition] .research-station .data-sources text { transform:translateX(-4px); }
[data-hero-composition] :is(.context-ad-label,.shop-cart,.shop-product-badge) { letter-spacing:.04em; }
[data-hero-composition] :is(.growth-point small,.radar-core small,.services-map-core span) { line-height:1.35; }
/* User-approved compact caption inside the services map's central circle. */
[data-hero-composition] .services-map-core small { --hc-floor-font:9px!important; }
[data-hero-composition] .growth-point:hover small,
[data-hero-composition] .growth-point:focus small { max-height:42px; }
[data-hero-composition] :is(.terminal-paper small,.terminal-paper>span) { letter-spacing:.06em; }
[data-hero-composition] .terminal-paper:after { font-size:9px; position:static; display:table; margin:14px 0 0 auto; transform:rotate(-3deg); }
[data-hero-composition] .partnership-caption { width:max-content; max-width:calc(100% - 24px); min-width:0; padding:8px 12px; text-align:center; }
[data-hero-composition] .partnership-caption b { white-space:normal; line-height:1.4; letter-spacing:.05em; }
.analytics-compact { display:none; }
.station-mobile-heading { display:none; }
.station-mobile-decision { display:none; }
.station-mobile-route { display:none; }
.station-mobile-connectors { display:none; }
.station-mobile-pulses { display:none; }
.core-label-mobile { display:none; }
.station-mobile-link { display:none; }
.analytics-compact-map svg circle:last-child { animation:hc-observation-pulse 6s ease-in-out infinite; }
@keyframes hc-observation-pulse { 50% { fill:#64e9f4; opacity:.6; } }
@media(prefers-reduced-motion:reduce) { .analytics-compact-map svg circle:last-child { animation:none; } }
@media(prefers-reduced-motion:reduce) { [data-hero-composition].analytics-console .station-mobile-pulses { display:none!important; } }
@media(min-width:761px) and (max-width:1050px) {
  [data-hero-composition] .growth-radar-return { top:auto!important; bottom:40px!important; }
}
@media(max-width:760px) {
  [data-hero-composition] { --hc-label:11; --hc-caption:10; --hc-meta:9; }
  [data-hero-composition] .build-bay-status { gap:6px; }
  [data-hero-composition] .build-bay-status>span { padding:9px 5px; }
  [data-hero-composition] .build-bay-status b { margin-bottom:4px; }
  [data-hero-composition] .growth-point small { white-space:normal; }
  [data-hero-composition] .services-map-core { width:100px; height:100px; }
  [data-hero-composition] .services-map-core small { --hc-floor-font:8px!important; }
  [data-hero-composition] .shop-buy { flex-wrap:wrap; gap:12px; align-items:center; }
  [data-hero-composition] .shop-buy button { min-height:32px; padding:8px 10px; }
  [data-hero-composition] .context-ad-actions { flex-wrap:wrap; gap:10px; }
  [data-hero-composition] .context-ad-actions>span { padding:8px 10px; }
  [data-hero-composition] .automation-results text { text-anchor:end; transform:translateX(57px); }
  [data-hero-composition] .core-label-desktop { display:none; }
  [data-hero-composition] .core-label-mobile { display:block; text-anchor:middle; }
  [data-hero-composition] .automation-sources text { letter-spacing:0; }
  [data-hero-composition].analytics-console .research-station { position:relative; display:block; inset:auto; width:100%; height:auto; aspect-ratio:565 / 355.32; }
  [data-hero-composition].analytics-console .data-sources rect { width:160px; }
  [data-hero-composition].analytics-console .data-sources circle { display:block; r:3.5px; cx:12px; stroke:none; fill:#67e8f1; }
  [data-hero-composition].analytics-console .data-sources text { transform:translate(-14px,-4px); dominant-baseline:central; letter-spacing:0; }
  [data-hero-composition].analytics-console .analysis-map { transform:none; }
  [data-hero-composition].analytics-console .analysis-map>rect { x:302px; y:112px; width:240px; height:270px; }
  [data-hero-composition].analytics-console .station-desktop-route { display:none; }
  [data-hero-composition].analytics-console .station-mobile-route { display:block; }
  [data-hero-composition].analytics-console :is(.data-routes,.station-pulses) { clip-path:url(#stationRoutesOutsideSources); }
  [data-hero-composition].analytics-console :is(.station-desktop-connectors,.station-desktop-pulses) { display:none; }
  [data-hero-composition].analytics-console :is(.station-mobile-connectors,.station-mobile-pulses) { display:block; }
  [data-hero-composition].analytics-console .decision-node { transform:translate(564px,210px); }
  [data-hero-composition].analytics-console .station-desktop-heading { display:none; }
  [data-hero-composition].analytics-console .station-mobile-heading { display:block; text-anchor:middle; transform:translateX(93px); }
  [data-hero-composition].analytics-console .station-desktop-decision { display:none; }
  [data-hero-composition].analytics-console .station-mobile-decision { display:block; text-anchor:middle; letter-spacing:0; }
  [data-hero-composition].analytics-console .station-result { display:block; text-anchor:middle; transform:translate(78px,25px); letter-spacing:0; }
  [data-hero-composition].analytics-console .station-desktop-link { display:none; }
  [data-hero-composition].analytics-console .station-mobile-link { display:block; }
  [data-hero-composition].analytics-console .build-bay-screen { height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; }
  [data-hero-composition].analytics-console .build-progress { display:none; }
  .analytics-compact { display:none; }
  .analytics-compact-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .analytics-compact-sources span { padding:9px 8px; border:1px solid #285a70; border-radius:10px; color:#c8eef4; font-size:11px; text-align:center; }
  .analytics-compact-map { padding:14px; border:1px solid #34889a; border-radius:18px; background:linear-gradient(135deg,#0c3e54,#072438); }
  .analytics-compact-map b { color:#9eecf5; font-size:12px; }
  .analytics-compact-map svg { display:block; width:100%; height:112px; margin:12px 0; }
  .analytics-compact-map span { color:#b4dce6; font-size:11px; }
  .analytics-compact-decision { color:#a6f7fb; font-size:12px; text-align:center; }
  [data-hero-composition] .automation-steps { gap:8px; }
  [data-hero-composition].service-visual-strategy .build-bay-status { grid-template-columns:1fr; gap:8px; margin-inline:0; }
  [data-hero-composition].service-visual-strategy .build-bay-status>span { padding:10px 12px; white-space:normal!important; }
  [data-hero-composition].service-visual-strategy .build-bay-status b { white-space:normal!important; }
  [data-hero-composition].service-visual-conversion .conversion-mobile-graphic>strong { align-self:center; width:100%; text-align:center; }
  [data-hero-composition].service-visual-reputation .reputation-mobile-graphic li { font-size:16px!important; line-height:1.5; }
  [data-hero-composition].service-visual-reputation .reputation-mobile-graphic>small { font-size:11px!important; line-height:1.5; }
  [data-hero-composition].service-visual-reputation .build-bay-status b { font-size:12px!important; }
  [data-hero-composition].service-visual-reputation .build-bay-status>span { font-size:10px!important; white-space:normal; }
  [data-hero-composition].development-console .build-progress { position:relative; inset:auto; margin:12px 8px 10px; grid-template-columns:repeat(4,minmax(0,1fr)); }
  [data-hero-composition].development-console .build-progress>span { display:flex; flex-direction:column; align-items:center; padding:9px 2px; }
  [data-hero-composition].development-console .build-progress b { display:block; margin:0 0 5px; }
}
@media(orientation:landscape) and (min-width:761px) and (max-width:1000px) and (max-height:600px) {
  [data-hero-composition].development-console .build-bay-status>span { font-size:11px!important; }
  [data-hero-composition].development-console .build-bay-status b { font-size:13px!important; }
  [data-hero-composition].development-console .build-progress>span { font-size:12px!important; }
}
@media(orientation:portrait) and (max-width:760px) {
  [data-hero-composition].shop-showcase .shop-buy button { min-height:24px; padding:4px 6px; font-size:10px!important; line-height:1.2; border-radius:6px; }
  [data-hero-composition].ads-console:not(.context-console) .build-bay-screen { height:332px; min-height:332px; aspect-ratio:auto; }
  [data-hero-composition].ads-console:not(.context-console) :is(.ads-radar,.ads-core) { top:144px; }
  [data-hero-composition].ads-console:not(.context-console) :is(.ads-channel-search,.ads-channel-media) { top:24px; }
  [data-hero-composition].ads-console:not(.context-console) :is(.ads-channel-social,.ads-channel-crm) { bottom:92px; }
  [data-hero-composition].ads-console:not(.context-console) .ads-links { height:300px; }
  [data-hero-composition].ads-console:not(.context-console) .build-progress { grid-template-columns:repeat(4,minmax(0,1fr)); }
  [data-hero-composition].ads-console:not(.context-console) .build-progress>span { display:flex; flex-direction:column; align-items:center; padding:9px 2px; }
  [data-hero-composition].ads-console:not(.context-console) .build-progress b { display:block; margin:0 0 5px; }
  [data-hero-composition] .ads-core-live-label { display:none!important; }
}
[data-hero-composition] .ads-core .ads-core-live-label { padding:0; border:0; background:none; border-radius:0; margin:0; }
@media(max-width:360px) {
  [data-hero-composition] :is(.shop-product-info,.shop-info) { padding-inline:10px; }
  [data-hero-composition] .build-progress { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-hero-composition] .build-progress>span { border:0; }
}