/* Gradient fills exported from Figma node 881:216. */
.feature-a::before { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 400 517' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-21.71 -32.127 39.949 -44.106 313.04 495.09)'><stop stop-color='rgba(89,178,255,1)' offset='0'/><stop stop-color='rgba(94,180,255,0)' offset='0.6906'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 400 517' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-12.697 -33.842 42.692 -34.024 239.13 534.53)'><stop stop-color='rgba(89,178,255,1)' offset='0'/><stop stop-color='rgba(94,180,255,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 400 517' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-15.993 -44.637 41.59 -18.582 286.96 477.57)'><stop stop-color='rgba(130,88,255,1)' offset='0.49354'/><stop stop-color='rgba(130,88,255,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 400 517' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-15.707 -47.228 44.099 -27.9 328.7 525.76)'><stop stop-color='rgba(22,41,255,1)' offset='0.63414'/><stop stop-color='rgba(57,60,255,0.75)' offset='0.7256'/><stop stop-color='rgba(92,78,255,0.5)' offset='0.81707'/><stop stop-color='rgba(162,116,255,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, rgb(188, 199, 254) 0%, rgb(188, 199, 254) 100%), linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); transform: scaleY(-1); }
/* Rasterized directly from Figma fills to preserve linear burn/dodge blending. */
.feature-b::before { background-image: url("feature-b-background.png"); transform: none; }
.feature-c::before { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 400 517' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-21.71 -32.127 39.949 -44.106 313.04 495.09)'><stop stop-color='rgba(89,255,199,1)' offset='0'/><stop stop-color='rgba(94,255,202,0)' offset='0.6906'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 400 517' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-15.993 -44.637 41.59 -18.582 286.96 477.57)'><stop stop-color='rgba(88,182,255,1)' offset='0.49354'/><stop stop-color='rgba(88,182,255,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 400 517' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-15.707 -47.228 44.099 -27.9 328.7 525.76)'><stop stop-color='rgba(22,227,255,1)' offset='0.63414'/><stop stop-color='rgba(46,216,255,0.75)' offset='0.7256'/><stop stop-color='rgba(69,205,255,0.5)' offset='0.81707'/><stop stop-color='rgba(116,182,255,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, rgb(128, 239, 245) 0%, rgb(128, 239, 245) 100%), linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); }
.service-geo::before { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%), url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 361' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-27.137 -22.433 49.936 -30.797 391.3 345.7)'><stop stop-color='rgba(89,178,255,1)' offset='0'/><stop stop-color='rgba(94,180,255,0)' offset='0.6906'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 361' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-15.871 -23.631 53.365 -23.758 298.91 373.24)'><stop stop-color='rgba(89,178,255,1)' offset='0'/><stop stop-color='rgba(94,180,255,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 361' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-19.991 -31.168 51.988 -12.975 358.7 333.47)'><stop stop-color='rgba(130,88,255,1)' offset='0.49354'/><stop stop-color='rgba(130,88,255,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 361' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-19.634 -32.977 55.124 -19.482 410.87 367.12)'><stop stop-color='rgba(22,41,255,1)' offset='0.63414'/><stop stop-color='rgba(57,60,255,0.75)' offset='0.7256'/><stop stop-color='rgba(92,78,255,0.5)' offset='0.81707'/><stop stop-color='rgba(162,116,255,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, rgb(188, 199, 254) 0%, rgb(188, 199, 254) 100%), linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); }
.service-seo::before { background-image: linear-gradient(#ffffff99, #ffffff99), url("feature-b-background.png"); transform: none; }
.service-website::before { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%), url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 361' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-27.137 -22.433 49.936 -30.797 391.3 345.7)'><stop stop-color='rgba(89,255,199,1)' offset='0'/><stop stop-color='rgba(94,255,202,0)' offset='0.6906'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 361' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-19.991 -31.168 51.988 -12.975 358.7 333.47)'><stop stop-color='rgba(88,182,255,1)' offset='0.49354'/><stop stop-color='rgba(88,182,255,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 500 361' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-19.634 -32.977 55.124 -19.482 410.87 367.12)'><stop stop-color='rgba(22,227,255,1)' offset='0.63414'/><stop stop-color='rgba(46,216,255,0.75)' offset='0.7256'/><stop stop-color='rgba(69,205,255,0.5)' offset='0.81707'/><stop stop-color='rgba(116,182,255,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, rgb(128, 239, 245) 0%, rgb(128, 239, 245) 100%), linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); }
.hello { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 368' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-104.21 -22.868 191.75 -31.395 1502.6 352.41)'><stop stop-color='rgba(89,178,255,1)' offset='0'/><stop stop-color='rgba(94,180,255,0)' offset='0.6906'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 368' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-60.945 -24.089 204.92 -24.219 1147.8 380.47)'><stop stop-color='rgba(89,178,255,1)' offset='0'/><stop stop-color='rgba(94,180,255,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 368' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-79.289 -39.143 212.94 -0.00067106 1377.4 339.93)'><stop stop-color='rgba(130,88,255,1)' offset='0.49354'/><stop stop-color='rgba(130,88,255,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 368' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-75.396 -33.617 211.67 -19.859 1577.7 374.24)'><stop stop-color='rgba(22,41,255,1)' offset='0.63414'/><stop stop-color='rgba(57,60,255,0.75)' offset='0.7256'/><stop stop-color='rgba(92,78,255,0.5)' offset='0.81707'/><stop stop-color='rgba(162,116,255,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, rgb(188, 199, 254) 0%, rgb(188, 199, 254) 100%), linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); }