/*inset-fallback*/
.breakdance .mesh-top-1{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-top-1::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 12% 22%,rgba(109,129,185,.37),transparent 68%),radial-gradient(48% 44% at 44% 12%,rgba(145,160,202,.34),transparent 68%),radial-gradient(44% 40% at 86% 24%,rgba(16,196,105,.24),transparent 68%);}.breakdance .mesh-top-1::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent 54%,#FFFFFF 94%);}.breakdance .mesh-top-1 > *{position:relative;z-index:1;}.breakdance .mesh-top-2{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-top-2::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 10% 18%,rgba(16,196,105,.24),transparent 68%),radial-gradient(48% 44% at 70% 12%,rgba(240,142,80,.18),transparent 68%),radial-gradient(42% 38% at 96% 26%,rgba(109,129,185,.34),transparent 68%);}.breakdance .mesh-top-2::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent 54%,#FFFFFF 94%);}.breakdance .mesh-top-2 > *{position:relative;z-index:1;}.breakdance .mesh-top-3{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-top-3::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 8% 20%,rgba(240,80,80,.14),transparent 68%),radial-gradient(48% 44% at 42% 10%,rgba(145,160,202,.32),transparent 68%),radial-gradient(44% 40% at 92% 22%,rgba(109,129,185,.34),transparent 68%);}.breakdance .mesh-top-3::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent 54%,#FFFFFF 94%);}.breakdance .mesh-top-3 > *{position:relative;z-index:1;}.breakdance .mesh-top-4{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-top-4::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 14% 16%,rgba(240,142,80,.18),transparent 68%),radial-gradient(48% 44% at 48% 10%,rgba(16,196,105,.22),transparent 68%),radial-gradient(44% 40% at 88% 24%,rgba(97,128,147,.22),transparent 68%);}.breakdance .mesh-top-4::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent 54%,#FFFFFF 94%);}.breakdance .mesh-top-4 > *{position:relative;z-index:1;}.breakdance .mesh-bottom-1{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-bottom-1::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 14% 78%,rgba(109,129,185,.37),transparent 68%),radial-gradient(48% 44% at 46% 88%,rgba(145,160,202,.32),transparent 68%),radial-gradient(44% 40% at 86% 76%,rgba(16,196,105,.24),transparent 68%);}.breakdance .mesh-bottom-1::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to top,transparent 54%,#FFFFFF 94%);}.breakdance .mesh-bottom-1 > *{position:relative;z-index:1;}.breakdance .mesh-bottom-2{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-bottom-2::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 12% 80%,rgba(240,142,80,.18),transparent 68%),radial-gradient(48% 44% at 52% 90%,rgba(240,80,80,.14),transparent 68%),radial-gradient(44% 40% at 90% 76%,rgba(109,129,185,.34),transparent 68%);}.breakdance .mesh-bottom-2::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to top,transparent 54%,#FFFFFF 94%);}.breakdance .mesh-bottom-2 > *{position:relative;z-index:1;}.breakdance .mesh-bottom-3{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-bottom-3::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 16% 78%,rgba(16,196,105,.24),transparent 68%),radial-gradient(48% 44% at 54% 88%,rgba(145,160,202,.32),transparent 68%),radial-gradient(44% 40% at 90% 78%,rgba(97,128,147,.22),transparent 68%);}.breakdance .mesh-bottom-3::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to top,transparent 54%,#FFFFFF 94%);}.breakdance .mesh-bottom-3 > *{position:relative;z-index:1;}.breakdance .mesh-bottom-4{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-bottom-4::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 10% 82%,rgba(109,129,185,.34),transparent 68%),radial-gradient(48% 44% at 46% 90%,rgba(240,142,80,.18),transparent 68%),radial-gradient(44% 40% at 88% 78%,rgba(16,196,105,.22),transparent 68%);}.breakdance .mesh-bottom-4::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to top,transparent 54%,#FFFFFF 94%);}.breakdance .mesh-bottom-4 > *{position:relative;z-index:1;}.breakdance .mesh-full-1{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-full-1::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(120px);background:radial-gradient(42% 38% at 10% 18%,rgba(109,129,185,.34),transparent 68%),radial-gradient(44% 40% at 88% 14%,rgba(16,196,105,.22),transparent 68%),radial-gradient(44% 40% at 16% 86%,rgba(240,142,80,.18),transparent 68%),radial-gradient(44% 40% at 90% 88%,rgba(145,160,202,.30),transparent 68%);}.breakdance .mesh-full-1::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:radial-gradient(56% 52% at 50% 50%,rgba(255,255,255,.40),transparent 88%);}.breakdance .mesh-full-1 > *{position:relative;z-index:1;}.breakdance .mesh-full-2{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-full-2::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(120px);background:radial-gradient(44% 40% at 12% 20%,rgba(16,196,105,.24),transparent 68%),radial-gradient(44% 40% at 86% 22%,rgba(240,142,80,.18),transparent 68%),radial-gradient(46% 42% at 44% 92%,rgba(109,129,185,.32),transparent 68%);}.breakdance .mesh-full-2::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:radial-gradient(56% 52% at 50% 50%,rgba(255,255,255,.40),transparent 88%);}.breakdance .mesh-full-2 > *{position:relative;z-index:1;}.breakdance .mesh-full-3{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-full-3::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(120px);background:radial-gradient(42% 38% at 10% 14%,rgba(240,80,80,.14),transparent 68%),radial-gradient(44% 40% at 88% 18%,rgba(109,129,185,.34),transparent 68%),radial-gradient(46% 42% at 50% 90%,rgba(97,128,147,.22),transparent 68%);}.breakdance .mesh-full-3::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:radial-gradient(56% 52% at 50% 50%,rgba(255,255,255,.40),transparent 88%);}.breakdance .mesh-full-3 > *{position:relative;z-index:1;}.breakdance .mesh-full-4{position:relative;overflow:hidden;isolation:isolate;}.breakdance .mesh-full-4::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(120px);background:radial-gradient(42% 38% at 8% 16%,rgba(109,129,185,.32),transparent 68%),radial-gradient(44% 40% at 80% 10%,rgba(16,196,105,.22),transparent 68%),radial-gradient(44% 40% at 18% 88%,rgba(240,142,80,.18),transparent 68%),radial-gradient(42% 38% at 88% 86%,rgba(240,80,80,.13),transparent 68%);}.breakdance .mesh-full-4::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:radial-gradient(56% 52% at 50% 50%,rgba(255,255,255,.40),transparent 88%);}.breakdance .mesh-full-4 > *{position:relative;z-index:1;}
/* YCDP-ROUNDED-FIX: clip mesh to rounded corners and force compositing (iOS Safari) */
.breakdance .mesh-top-1,.breakdance .mesh-bottom-1,.breakdance .mesh-full-1,.breakdance .mesh-top-2,.breakdance .mesh-bottom-2,.breakdance .mesh-full-2,.breakdance .mesh-top-3,.breakdance .mesh-bottom-3,.breakdance .mesh-full-3,.breakdance .mesh-top-4,.breakdance .mesh-bottom-4,.breakdance .mesh-full-4,.breakdance .mesh-top,.breakdance .mesh-bottom,.breakdance .mesh-full{-webkit-transform:translateZ(0);transform:translateZ(0);}
.breakdance .mesh-top-1::before,.breakdance .mesh-top-1::after,.breakdance .mesh-bottom-1::before,.breakdance .mesh-bottom-1::after,.breakdance .mesh-full-1::before,.breakdance .mesh-full-1::after,.breakdance .mesh-top-2::before,.breakdance .mesh-top-2::after,.breakdance .mesh-bottom-2::before,.breakdance .mesh-bottom-2::after,.breakdance .mesh-full-2::before,.breakdance .mesh-full-2::after,.breakdance .mesh-top-3::before,.breakdance .mesh-top-3::after,.breakdance .mesh-bottom-3::before,.breakdance .mesh-bottom-3::after,.breakdance .mesh-full-3::before,.breakdance .mesh-full-3::after,.breakdance .mesh-top-4::before,.breakdance .mesh-top-4::after,.breakdance .mesh-bottom-4::before,.breakdance .mesh-bottom-4::after,.breakdance .mesh-full-4::before,.breakdance .mesh-full-4::after,.breakdance .mesh-top::before,.breakdance .mesh-top::after,.breakdance .mesh-bottom::before,.breakdance .mesh-bottom::after,.breakdance .mesh-full::before,.breakdance .mesh-full::after{border-radius:inherit;}

/* YCDP-SELFCLIP: clip the blurred gradient to the card's rounded box on the pseudo-element itself,
   so the card keeps its box-shadow (a mask on the card would clip the shadow away). */
.breakdance .mesh-top-1::before,.breakdance .mesh-bottom-1::before,.breakdance .mesh-full-1::before,.breakdance .mesh-top-2::before,.breakdance .mesh-bottom-2::before,.breakdance .mesh-full-2::before,.breakdance .mesh-top-3::before,.breakdance .mesh-bottom-3::before,.breakdance .mesh-full-3::before,.breakdance .mesh-top-4::before,.breakdance .mesh-bottom-4::before,.breakdance .mesh-full-4::before,.breakdance .mesh-top::before,.breakdance .mesh-bottom::before,.breakdance .mesh-full::before{clip-path:inset(23.6842% round var(--mesh-radius,0px));-webkit-clip-path:inset(23.6842% round var(--mesh-radius,0px));}
/* YCDP-MESH-RADIUS-DEFAULTS: the gradient clip must match the element's own corner radius.
   Sections are full-bleed and square; divs are used as cards and are rounded. */
.breakdance [class*="mesh-"]{--mesh-radius:0px;}
.breakdance div[class*="mesh-"]{--mesh-radius:20px;}
.breakdance div[class*="mesh-"].bde-preset-hero-card{--mesh-radius:24px;}



/* YCDP mesh-bottom-hero: mesh-top-2 flipped vertically (added 2026-07-28) */
.breakdance .mesh-bottom-hero{position:relative;overflow:hidden;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);}
.breakdance .mesh-bottom-hero::before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;inset:-45%;z-index:0;pointer-events:none;filter:blur(110px);background:radial-gradient(44% 40% at 10% 82%,rgba(16,196,105,.24),transparent 68%),radial-gradient(48% 44% at 70% 88%,rgba(240,142,80,.18),transparent 68%),radial-gradient(42% 38% at 96% 74%,rgba(109,129,185,.34),transparent 68%);border-radius:inherit;clip-path:inset(23.6842% round var(--mesh-radius,0px));-webkit-clip-path:inset(23.6842% round var(--mesh-radius,0px));}
.breakdance .mesh-bottom-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to top,transparent 54%,#FFFFFF 94%);border-radius:inherit;}
.breakdance .mesh-bottom-hero > *{position:relative;z-index:1;}