/* Approved generated backgrounds, scoped to the three service pages. */
body[data-sy-background]{isolation:isolate;background:#0b111a}
body[data-sy-background]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#0b111a1a,#0b111a1a),var(--sy-page-background);background-position:center;background-size:cover;background-repeat:no-repeat}
body[data-sy-background=workflow]{--sy-page-background:url('/assets/backgrounds/workflow-grid.png')}
body[data-sy-background=line]{--sy-page-background:url('/assets/backgrounds/line-network.png')}
body[data-sy-background=website]{--sy-page-background:url('/assets/backgrounds/website-particles.png')}
body[data-sy-background] main{background:transparent}
body[data-sy-background] main>.detail-hero{background:transparent}
body[data-sy-background] main>.detail-section,
body[data-sy-background] main>.detail-section.alt,
body[data-sy-background] main>.detail-section:nth-of-type(even),
body[data-sy-background] main>.sy-value-section,
body[data-sy-background] main>.sy-connected,
body[data-sy-background] main>.detail-cta,
body[data-sy-background] main>.sy-section-details{background:linear-gradient(90deg,#0b111a10,#0b111a9c 22%,#0b111a9c 78%,#0b111a10)}
body[data-sy-background] .website-profile-card,
body[data-sy-background] .detail-card,
body[data-sy-background] .detail-plan,
body[data-sy-background] .website-plan-card{background-color:#121e2bf2}
@media(max-width:600px){body[data-sy-background]::before{background-size:100% 100%,100% auto;background-repeat:no-repeat,repeat-y}body[data-sy-background] main>.detail-hero{background:#0b111a25}}
