/* Figma fill definitions; stretch each fill to its responsive surface without tiling. */
.hero, .benefit, .methods, .target, .plan, .ready, .ready-wash { background-size: 100% 100%; background-repeat: no-repeat; }
.hero { background-image: linear-gradient(180deg, rgba(7, 7, 8, 0) 0%, rgba(31, 2, 4, 0.058) 52%, rgba(82, 2, 5, 0.151) 76%, rgba(148, 3, 6, 0.278) 100%), linear-gradient(90deg, rgb(7, 7, 8) 0%, rgb(7, 7, 8) 100%); }
.benefit--upgrade { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 650 200' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.7200000286102295'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(41.667 0 0 20.833 625 8.3333)'><stop stop-color='rgba(242,5,20,0.48)' offset='0'/><stop stop-color='rgba(157,3,13,0.24)' offset='0.5'/><stop stop-color='rgba(71,0,5,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(180deg, rgb(3, 2, 2) 0%, rgb(6, 2, 3) 34%, rgb(77, 1, 5) 61%, rgb(229, 14, 31) 82%, rgb(255, 242, 246) 100%); }
.benefit--upgrade .benefit-veil { background-image: linear-gradient(180deg, rgba(3, 2, 2, 0) 0%, rgba(6, 2, 3, 0) 48%, rgba(77, 1, 5, 0.12) 68%, rgba(229, 14, 31, 0.46) 84%, rgba(255, 242, 246, 0.92) 100%); }
.benefit--limits { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 650 200' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.7200000286102295'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(41.667 0 0 20.833 625 8.3333)'><stop stop-color='rgba(242,5,20,0.48)' offset='0'/><stop stop-color='rgba(157,3,13,0.24)' offset='0.5'/><stop stop-color='rgba(71,0,5,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(180deg, rgb(3, 2, 2) 0%, rgb(6, 2, 3) 34%, rgb(77, 1, 5) 61%, rgb(229, 14, 31) 82%, rgb(255, 242, 246) 100%); }
.benefit--limits .benefit-veil { background-image: linear-gradient(180deg, rgba(3, 2, 2, 0) 0%, rgba(6, 2, 3, 0) 48%, rgba(77, 1, 5, 0.12) 68%, rgba(229, 14, 31, 0.46) 84%, rgba(255, 242, 246, 0.92) 100%); }
.benefit--fast { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 610 420' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.7200000286102295'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(39.103 0 0 43.75 586.54 17.5)'><stop stop-color='rgba(242,5,20,0.48)' offset='0'/><stop stop-color='rgba(157,3,13,0.24)' offset='0.5'/><stop stop-color='rgba(71,0,5,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(180deg, rgb(3, 2, 2) 0%, rgb(6, 2, 3) 34%, rgb(77, 1, 5) 61%, rgb(229, 14, 31) 82%, rgb(255, 242, 246) 100%); }
.benefit--fast .benefit-veil { background-image: linear-gradient(180deg, rgba(3, 2, 2, 0) 0%, rgba(6, 2, 3, 0) 48%, rgba(77, 1, 5, 0.12) 68%, rgba(229, 14, 31, 0.46) 84%, rgba(255, 242, 246, 0.92) 100%); }
.target--web { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 426 225' 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(34.355 0 0 20.089 13.742 16.071)'><stop stop-color='rgba(255,219,224,0.22)' offset='0'/><stop stop-color='rgba(171,110,117,0.11)' offset='0.5'/><stop stop-color='rgba(87,0,10,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(142.77162784282774deg, rgb(6, 5, 7) 11.511%, rgb(19, 6, 11) 35.971%, rgb(122, 6, 22) 57.554%, rgb(235, 23, 46) 71.942%, rgb(255, 143, 163) 83.453%), linear-gradient(90deg, rgb(6, 5, 7) 0%, rgb(6, 5, 7) 100%); }
.target--web .target-veil { background-image: linear-gradient(180deg, rgba(2, 2, 2, 0.72) 0%, rgba(2, 2, 2, 0.34) 44%, rgba(2, 2, 2, 0.07) 76%, rgba(2, 2, 2, 0) 100%); }
.target--game { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 426 225' 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(36.724 0 0 18.145 36.724 239.52)'><stop stop-color='rgba(255,97,46,0.28)' offset='0'/><stop stop-color='rgba(158,48,27,0.14)' offset='0.5'/><stop stop-color='rgba(61,0,8,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(136.88423786886443deg, rgb(6, 3, 4) 6.5574%, rgb(28, 2, 7) 36.066%, rgb(178, 5, 19) 61.475%, rgb(255, 31, 43) 77.869%, rgb(255, 117, 92) 88.525%), linear-gradient(90deg, rgb(6, 3, 4) 0%, rgb(6, 3, 4) 100%); }
.target--game .target-veil { background-image: linear-gradient(180deg, rgba(2, 2, 2, 0.76) 0%, rgba(2, 2, 2, 0.38) 46%, rgba(2, 2, 2, 0.08) 78%, rgba(2, 2, 2, 0) 100%); }
.methods { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 980' 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(80 0 0 59.756 1504 -47.805)'><stop stop-color='rgba(71,1,5,0.08)' offset='0'/><stop stop-color='rgba(0,0,0,0)' offset='1'/></radialGradient></defs></svg>"), url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 980' 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(100 0 0 62.821 -120 653.33)'><stop stop-color='rgba(102,2,8,0.13)' offset='0'/><stop stop-color='rgba(41,1,5,0.055)' offset='0.52'/><stop stop-color='rgba(0,0,0,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(var(--background), var(--background)); }
.target--network { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 830 474' 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(56.081 0 0 45.577 762.7 -118.5)'><stop stop-color='rgba(255,232,235,0.44)' offset='0'/><stop stop-color='rgba(255,147,161,0.28)' offset='0.22'/><stop stop-color='rgba(255,61,87,0.12)' offset='0.44'/><stop stop-color='rgba(51,0,5,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(180deg, rgb(5, 4, 5) 0%, rgb(17, 3, 5) 34%, rgb(117, 3, 13) 63%, rgb(240, 11, 31) 82%, rgb(255, 168, 184) 100%), linear-gradient(90deg, rgb(5, 4, 5) 0%, rgb(5, 4, 5) 100%); }
.plan { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 302 446' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.6200000047683716'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(19.359 0 0 46.458 290.38 0)'><stop stop-color='rgba(255,10,20,0.45)' offset='0'/><stop stop-color='rgba(159,5,11,0.225)' offset='0.5'/><stop stop-color='rgba(64,0,3,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(3, 2, 2) 36%, rgb(64, 0, 3) 60%, rgb(235, 11, 23) 82%, rgb(255, 247, 250) 100%); }
.ready { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 660' 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(68.571 0 0 51.563 720 474.38)'><stop stop-color='rgba(184,9,19,0.38)' offset='0'/><stop stop-color='rgba(138,5,14,0.26)' offset='0.22'/><stop stop-color='rgba(66,2,9,0.12)' offset='0.5'/><stop stop-color='rgba(20,3,6,0.025)' offset='0.78'/><stop stop-color='rgba(7,7,8,0)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, rgb(7, 7, 8) 0%, rgb(7, 7, 8) 100%); }
.ready-wash { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1440 660' 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(189.47 0 0 126.92 720 583.85)'><stop stop-color='rgba(255,56,77,0)' offset='0'/><stop stop-color='rgba(229,11,28,0.01)' offset='0.51923'/><stop stop-color='rgba(77,0,6,0)' offset='1'/></radialGradient></defs></svg>"); }