body.x-public-business-page .x-public-business-cards{
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:clamp(12px, 1.15vw, 16px) !important;
align-items:stretch !important;
width:100% !important;
margin-top:clamp(16px, 1.6vw, 22px) !important;
}

body.x-public-business-page .x-public-business-card{
min-width:0 !important;
min-height:clamp(158px, 13vw, 192px) !important;
padding:clamp(20px, 1.8vw, 26px) !important;
}

body.x-public-business-page .x-public-business-card strong{
font-size:clamp(1.28rem, 1.7vw, 1.85rem) !important;
}

body.x-public-business-page .x-public-business-card span{
font-size:clamp(.8rem, .76vw, .9rem) !important;
line-height:1.45 !important;
}

body.x-public-business-page .x-public-business-examples{
display:grid !important;
grid-template-columns:minmax(250px, .42fr) minmax(0, 1fr) !important;
gap:clamp(12px, 1.4vw, 18px) !important;
align-items:stretch !important;
width:100% !important;
margin-top:clamp(16px, 1.7vw, 24px) !important;
padding:clamp(12px, 1.2vw, 16px) !important;
border:1px solid rgba(33,246,181,.18) !important;
border-radius:32px !important;
background:
radial-gradient(circle at 8% 0%, rgba(33,246,181,.13), transparent 34%),
radial-gradient(circle at 100% 100%, rgba(124,243,255,.11), transparent 36%),
rgba(5,5,5,.58) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 46px rgba(0,0,0,.22) !important;
}

body.x-public-business-page .x-public-business-examples-head{
display:grid !important;
align-content:center !important;
gap:10px !important;
min-height:clamp(138px, 12vw, 184px) !important;
padding:clamp(18px, 2vw, 26px) !important;
border:1px solid rgba(124,243,255,.16) !important;
border-radius:24px !important;
background:
radial-gradient(circle at 0% 0%, rgba(124,243,255,.20), transparent 42%),
linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012)) !important;
}

body.x-public-business-page .x-public-business-examples-head span{
color:#7cf3ff !important;
font-size:10px !important;
font-weight:950 !important;
letter-spacing:.22em !important;
text-transform:uppercase !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
margin:0 !important;
max-width:9ch !important;
color:#fff !important;
font-size:clamp(34px, 4.1vw, 58px) !important;
line-height:.82 !important;
letter-spacing:-.075em !important;
text-transform:uppercase !important;
}

body.x-public-business-page .x-public-business-examples-grid{
display:grid !important;
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:clamp(12px, 1.15vw, 16px) !important;
min-width:0 !important;
}

body.x-public-business-page .x-public-business-example-card{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
display:grid !important;
grid-template-columns:auto minmax(0, 1fr) !important;
align-items:center !important;
gap:16px !important;
min-height:clamp(138px, 12vw, 184px) !important;
padding:clamp(20px, 1.9vw, 28px) !important;
border:1px solid rgba(255,255,255,.13) !important;
border-radius:26px !important;
background:rgba(4,4,4,.74) !important;
color:#fff !important;
text-decoration:none !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.22) !important;
transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease !important;
}

body.x-public-business-page .x-public-business-example-card::before{
content:"" !important;
position:absolute !important;
inset:auto -18% -54% auto !important;
z-index:-1 !important;
width:260px !important;
height:260px !important;
border-radius:50% !important;
background:radial-gradient(circle, rgba(255,255,255,.10), transparent 68%) !important;
filter:blur(12px) !important;
opacity:.72 !important;
transition:transform .28s ease, opacity .28s ease !important;
}

body.x-public-business-page .x-public-business-example-card.is-talent{
border-color:rgba(124,243,255,.22) !important;
}

body.x-public-business-page .x-public-business-example-card.is-talent::before{
background:radial-gradient(circle, rgba(124,243,255,.18), transparent 68%) !important;
}

body.x-public-business-page .x-public-business-example-card.is-brand{
border-color:rgba(255,87,87,.22) !important;
}

body.x-public-business-page .x-public-business-example-card.is-brand::before{
background:radial-gradient(circle, rgba(255,87,87,.18), transparent 68%) !important;
}

body.x-public-business-page .x-public-business-example-card:hover,
body.x-public-business-page .x-public-business-example-card:focus-visible{
transform:translateY(-3px) !important;
outline:none !important;
border-color:rgba(33,246,181,.46) !important;
background:rgba(7,7,7,.88) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.13), 0 26px 62px rgba(0,0,0,.34), 0 0 34px rgba(33,246,181,.08) !important;
}

body.x-public-business-page .x-public-business-example-card:hover::before,
body.x-public-business-page .x-public-business-example-card:focus-visible::before{
opacity:1 !important;
transform:scale(1.08) !important;
}

body.x-public-business-page .x-public-business-example-avatar{
position:relative !important;
isolation:isolate !important;
display:block !important;
width:68px !important;
height:68px !important;
min-width:68px !important;
border:0 !important;
border-radius:999px !important;
overflow:visible !important;
background:transparent !important;
box-shadow:0 18px 42px rgba(0,0,0,.38) !important;
}

body.x-public-business-page .x-public-business-example-avatar::before{
content:"" !important;
position:absolute !important;
inset:-4.1667% !important;
z-index:0 !important;
border-radius:inherit !important;
background:conic-gradient(from 0deg, #ffda55, #ff3f9f, #7c3cff, #00d5ff, #37ff8b, #ffda55) !important;
animation:xBusinessExampleRingSpin 3s linear infinite !important;
}

body.x-public-business-page .x-public-business-example-card.is-talent .x-public-business-example-avatar::before{
background:conic-gradient(from 0deg, rgba(255,255,255,.98), #7cf3ff, #d8ff4f, #ffda55, rgba(255,255,255,.98)) !important;
}

body.x-public-business-page .x-public-business-example-card.is-brand .x-public-business-example-avatar::before{
background:conic-gradient(from 0deg, #ff5757, #ffda55, #d8ff4f, rgba(255,255,255,.9), #ff5757) !important;
}

body.x-public-business-page .x-public-business-example-avatar::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:1 !important;
border-radius:inherit !important;
background:transparent !important;
pointer-events:none !important;
}

body.x-public-business-page .x-public-business-example-avatar img{
position:absolute !important;
inset:5.2083% !important;
z-index:2 !important;
display:block !important;
width:calc(100% - 10.4166%) !important;
height:calc(100% - 10.4166%) !important;
object-fit:cover !important;
border:0 !important;
border-radius:inherit !important;
}

body.x-public-business-page .x-public-business-example-copy{
position:relative !important;
z-index:1 !important;
display:grid !important;
align-content:center !important;
gap:7px !important;
min-width:0 !important;
}

body.x-public-business-page .x-public-business-example-copy small{
color:rgba(255,255,255,.62) !important;
font-size:9px !important;
font-weight:950 !important;
letter-spacing:.22em !important;
line-height:1 !important;
text-transform:uppercase !important;
}

body.x-public-business-page .x-public-business-example-name{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
min-width:0 !important;
}

body.x-public-business-page .x-public-business-example-name strong{
min-width:0 !important;
color:#fff !important;
font-size:clamp(24px, 2.25vw, 34px) !important;
line-height:.94 !important;
letter-spacing:-.06em !important;
}

body.x-public-business-page .x-public-business-example-name .x-public-profile-owner-star{
width:18px !important;
height:18px !important;
min-width:18px !important;
min-height:18px !important;
}

body.x-public-business-page .x-public-business-example-name .x-public-profile-owner-star svg{
width:10.8px !important;
height:10.8px !important;
}

body.x-public-business-page .x-public-business-example-copy em{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
width:max-content !important;
color:#21f6b5 !important;
font-size:10px !important;
font-style:normal !important;
font-weight:950 !important;
letter-spacing:.18em !important;
line-height:1 !important;
text-transform:uppercase !important;
}

body.x-public-business-page .x-public-business-example-copy em::after{
content:"" !important;
width:7px !important;
height:7px !important;
border-top:2px solid currentColor !important;
border-right:2px solid currentColor !important;
transform:rotate(45deg) !important;
transition:transform .22s ease !important;
}

body.x-public-business-page .x-public-business-example-card:hover em::after,
body.x-public-business-page .x-public-business-example-card:focus-visible em::after{
transform:translateX(3px) rotate(45deg) !important;
}

@keyframes xBusinessExampleRingSpin{
to{transform:rotate(360deg);}
}

@media(max-width:1120px){
body.x-public-business-page .x-public-business-cards{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

body.x-public-business-page .x-public-business-examples{
grid-template-columns:1fr !important;
}
}

@media(max-width:640px){
body.x-public-business-page .x-public-business-cards{
grid-template-columns:1fr !important;
}

body.x-public-business-page .x-public-business-examples{
padding:12px !important;
border-radius:26px !important;
}

body.x-public-business-page .x-public-business-examples-head{
min-height:0 !important;
border-radius:22px !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
max-width:100% !important;
font-size:clamp(31px, 10vw, 43px) !important;
}

body.x-public-business-page .x-public-business-examples-grid{
grid-template-columns:1fr !important;
}

body.x-public-business-page .x-public-business-example-card{
min-height:122px !important;
padding:18px !important;
border-radius:22px !important;
}

body.x-public-business-page .x-public-business-example-avatar{
width:58px !important;
height:58px !important;
min-width:58px !important;
}

body.x-public-business-page .x-public-business-example-name strong{
font-size:clamp(22px, 7vw, 30px) !important;
}
}

@media(prefers-reduced-motion:reduce){
body.x-public-business-page .x-public-business-example-avatar::before{
animation:none !important;
}
}

/* 1137: Tighten vertical rhythm around the Business examples block by 50%. */
body.x-public-business-page .x-public-business-examples{
margin-top:clamp(8px, .85vw, 12px) !important;
}

body.x-public-business-page .x-public-business-examples + .x-public-business-cards{
margin-top:clamp(8px, .8vw, 11px) !important;
}

/* 1138: Remove another 50% of spacing around the Business examples module. */
body.x-public-business-page .x-public-business-examples{
margin-top:clamp(4px, .425vw, 6px) !important;
padding-block:clamp(6px, .6vw, 8px) !important;
}

body.x-public-business-page .x-public-business-examples + .x-public-business-cards{
margin-top:clamp(4px, .4vw, 6px) !important;
}

/* 1139: More polished and compact heading treatment for the Business examples module. */
body.x-public-business-page .x-public-business-examples-head{
position:relative !important;
overflow:hidden !important;
align-content:end !important;
gap:8px !important;
min-height:clamp(112px, 9vw, 150px) !important;
padding:clamp(15px, 1.45vw, 21px) !important;
border-color:rgba(124,243,255,.18) !important;
background:
radial-gradient(circle at 12% 8%, rgba(124,243,255,.18), transparent 36%),
radial-gradient(circle at 100% 100%, rgba(33,246,181,.12), transparent 42%),
linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
rgba(5,5,5,.62) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 14px 34px rgba(0,0,0,.18) !important;
}

body.x-public-business-page .x-public-business-examples-head::before{
content:"" !important;
position:absolute !important;
right:15px !important;
top:15px !important;
width:34px !important;
height:34px !important;
border:1px solid rgba(124,243,255,.22) !important;
border-radius:14px !important;
background:
radial-gradient(circle, #7cf3ff 0 3px, transparent 3.5px),
rgba(255,255,255,.035) !important;
box-shadow:0 0 22px rgba(124,243,255,.07), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body.x-public-business-page .x-public-business-examples-head::after{
content:"" !important;
position:absolute !important;
left:15px !important;
right:15px !important;
bottom:12px !important;
height:1px !important;
background:linear-gradient(90deg, rgba(124,243,255,.44), rgba(33,246,181,.22), transparent) !important;
opacity:.55 !important;
pointer-events:none !important;
}

body.x-public-business-page .x-public-business-examples-head span{
position:relative !important;
z-index:1 !important;
display:inline-flex !important;
align-items:center !important;
width:max-content !important;
min-height:24px !important;
padding:6px 9px !important;
border:1px solid rgba(124,243,255,.16) !important;
border-radius:999px !important;
background:rgba(124,243,255,.055) !important;
color:#7cf3ff !important;
font-size:9px !important;
font-weight:950 !important;
letter-spacing:.16em !important;
line-height:1 !important;
text-transform:uppercase !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
position:relative !important;
z-index:1 !important;
max-width:100% !important;
font-size:clamp(31px, 3.15vw, 48px) !important;
line-height:.88 !important;
letter-spacing:-.07em !important;
text-transform:none !important;
text-shadow:0 18px 36px rgba(0,0,0,.34) !important;
}

@media(max-width:640px){
body.x-public-business-page .x-public-business-examples-head{
min-height:96px !important;
padding:14px !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
font-size:clamp(30px, 10vw, 40px) !important;
}
}

/* 1140: Minimal heading for Business examples, aligned with the current /x/m/ tone. */
body.x-public-business-page .x-public-business-examples-head{
position:relative !important;
overflow:hidden !important;
align-content:center !important;
gap:6px !important;
min-height:clamp(82px, 7vw, 112px) !important;
padding:clamp(14px, 1.25vw, 18px) clamp(15px, 1.35vw, 20px) !important;
border-color:rgba(255,255,255,.10) !important;
background:rgba(5,5,5,.52) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.x-public-business-page .x-public-business-examples-head::before{
content:"" !important;
position:absolute !important;
left:clamp(14px, 1.35vw, 20px) !important;
top:clamp(14px, 1.25vw, 18px) !important;
width:6px !important;
height:6px !important;
border:0 !important;
border-radius:50% !important;
background:#21f6b5 !important;
box-shadow:0 0 18px rgba(33,246,181,.38) !important;
}

body.x-public-business-page .x-public-business-examples-head::after{
content:none !important;
display:none !important;
}

body.x-public-business-page .x-public-business-examples-head span{
position:relative !important;
z-index:1 !important;
display:block !important;
width:auto !important;
min-height:0 !important;
padding:0 0 0 14px !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
color:rgba(255,255,255,.54) !important;
font-size:10px !important;
font-weight:850 !important;
letter-spacing:.14em !important;
line-height:1 !important;
text-transform:uppercase !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
position:relative !important;
z-index:1 !important;
margin:0 !important;
max-width:100% !important;
padding:0 !important;
color:#fff !important;
font-size:clamp(29px, 2.65vw, 42px) !important;
font-weight:950 !important;
letter-spacing:-.06em !important;
line-height:.9 !important;
text-transform:none !important;
text-shadow:none !important;
}

@media(max-width:640px){
body.x-public-business-page .x-public-business-examples-head{
min-height:78px !important;
padding:13px 14px !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
font-size:clamp(29px, 9vw, 38px) !important;
}
}

/* 1141: Cleaner Real Widais examples module. */
body.x-public-business-page .x-public-business-examples{
grid-template-columns:minmax(230px, .38fr) minmax(0, 1fr) !important;
gap:clamp(10px, 1vw, 14px) !important;
margin-top:clamp(14px, 1.35vw, 20px) !important;
padding:clamp(10px, 1vw, 14px) !important;
border-color:rgba(255,255,255,.12) !important;
border-radius:30px !important;
background:rgba(5,5,5,.42) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 44px rgba(0,0,0,.20) !important;
}

body.x-public-business-page .x-public-business-examples-head{
overflow:hidden !important;
align-content:center !important;
gap:8px !important;
min-height:clamp(120px, 10vw, 158px) !important;
padding:clamp(18px, 1.75vw, 24px) !important;
border-color:rgba(255,255,255,.12) !important;
border-radius:23px !important;
background:
linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
rgba(3,3,3,.72) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.x-public-business-page .x-public-business-examples-head::before,
body.x-public-business-page .x-public-business-examples-head::after{
content:none !important;
display:none !important;
}

body.x-public-business-page .x-public-business-examples-head span{
display:block !important;
width:auto !important;
min-height:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
color:rgba(255,255,255,.48) !important;
font-size:9px !important;
font-weight:900 !important;
letter-spacing:.18em !important;
line-height:1 !important;
text-transform:uppercase !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
max-width:11ch !important;
color:#fff !important;
font-size:clamp(30px, 3.05vw, 46px) !important;
font-weight:950 !important;
letter-spacing:-.07em !important;
line-height:.9 !important;
text-transform:none !important;
text-shadow:none !important;
}

body.x-public-business-page .x-public-business-examples-grid{
gap:clamp(10px, 1vw, 14px) !important;
}

body.x-public-business-page .x-public-business-example-card{
min-height:clamp(120px, 10vw, 158px) !important;
gap:clamp(13px, 1.15vw, 17px) !important;
padding:clamp(17px, 1.55vw, 23px) !important;
border-color:rgba(255,255,255,.13) !important;
border-radius:23px !important;
background:rgba(6,6,6,.70) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.x-public-business-page .x-public-business-example-card::before{
inset:auto -24% -62% auto !important;
opacity:.42 !important;
filter:blur(18px) !important;
}

body.x-public-business-page .x-public-business-example-card:hover,
body.x-public-business-page .x-public-business-example-card:focus-visible{
transform:translateY(-2px) !important;
border-color:rgba(255,255,255,.22) !important;
background:rgba(9,9,9,.82) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 42px rgba(0,0,0,.28) !important;
}

body.x-public-business-page .x-public-business-example-avatar{
width:62px !important;
height:62px !important;
min-width:62px !important;
box-shadow:0 14px 34px rgba(0,0,0,.34) !important;
}

body.x-public-business-page .x-public-business-example-copy{
gap:6px !important;
}

body.x-public-business-page .x-public-business-example-copy small{
color:rgba(255,255,255,.52) !important;
font-size:8.5px !important;
letter-spacing:.19em !important;
}

body.x-public-business-page .x-public-business-example-name strong{
font-size:clamp(22px, 2vw, 30px) !important;
}

body.x-public-business-page .x-public-business-example-copy em{
color:rgba(255,255,255,.74) !important;
font-size:9px !important;
letter-spacing:.16em !important;
}

body.x-public-business-page .x-public-business-example-card.is-talent:hover,
body.x-public-business-page .x-public-business-example-card.is-talent:focus-visible{
border-color:rgba(124,243,255,.30) !important;
}

body.x-public-business-page .x-public-business-example-card.is-brand:hover,
body.x-public-business-page .x-public-business-example-card.is-brand:focus-visible{
border-color:rgba(255,87,87,.30) !important;
}

@media(max-width:1120px){
body.x-public-business-page .x-public-business-examples{
grid-template-columns:1fr !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
max-width:100% !important;
}
}

@media(max-width:640px){
body.x-public-business-page .x-public-business-examples{
margin-top:14px !important;
padding:10px !important;
border-radius:25px !important;
}

body.x-public-business-page .x-public-business-examples-head{
min-height:94px !important;
padding:16px !important;
border-radius:21px !important;
}

body.x-public-business-page .x-public-business-examples-head h3{
font-size:clamp(28px, 8.2vw, 36px) !important;
}

body.x-public-business-page .x-public-business-example-card{
min-height:108px !important;
padding:16px !important;
border-radius:21px !important;
}

body.x-public-business-page .x-public-business-example-avatar{
width:54px !important;
height:54px !important;
min-width:54px !important;
}
}

/* 1144: Reduce Real Widais examples top margin by 30%. */
body.x-public-business-page .x-public-business-examples{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
grid-template-columns:minmax(230px, .36fr) minmax(0, 1fr) !important;
gap:clamp(12px, 1.25vw, 18px) !important;
margin-top:clamp(12.6px, 1.33vw, 19.6px) !important;
padding:clamp(14px, 1.45vw, 20px) !important;
border:1px solid rgba(33,246,181,.24) !important;
border-radius:36px !important;
background:
radial-gradient(circle at 0% 0%, rgba(124,243,255,.17), transparent 34%),
radial-gradient(circle at 86% 105%, rgba(33,246,181,.18), transparent 38%),
radial-gradient(circle at 58% 0%, rgba(216,255,79,.08), transparent 30%),
linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.012) 46%, rgba(33,246,181,.035)),
#030303 !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.12),
0 22px 58px rgba(0,0,0,.28),
0 0 54px rgba(33,246,181,.055) !important;
}

body.x-public-business-page .x-public-business-examples::before{
content:"" !important;
position:absolute !important;
inset:1px !important;
z-index:-1 !important;
border-radius:inherit !important;
background:
radial-gradient(circle at 17% 28%, rgba(124,243,255,.09), transparent 34%),
radial-gradient(circle at 82% 72%, rgba(33,246,181,.08), transparent 36%) !important;
background-size:auto !important;
opacity:.58 !important;
pointer-events:none !important;
}

body.x-public-business-page .x-public-business-examples::after{
content:none !important;
display:none !important;
background:none !important;
box-shadow:none !important;
pointer-events:none !important;
}

body.x-public-business-page .x-public-business-examples-head,
body.x-public-business-page .x-public-business-examples-grid{
position:relative !important;
z-index:1 !important;
}

body.x-public-business-page .x-public-business-examples-head{
border-color:rgba(124,243,255,.16) !important;
background:rgba(0,0,0,.34) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.x-public-business-page .x-public-business-examples-head span{
color:#7cf3ff !important;
}

body.x-public-business-page .x-public-business-examples + .x-public-business-growth{
margin-top:clamp(20px, 2.3vw, 34px) !important;
}

body.x-public-business-page .x-public-business-growth{
width:100% !important;
}

@media(max-width:1120px){
body.x-public-business-page .x-public-business-examples{
grid-template-columns:1fr !important;
}
}

@media(max-width:640px){
body.x-public-business-page .x-public-business-examples{
margin-top:11.2px !important;
padding:12px !important;
border-radius:28px !important;
}

body.x-public-business-page .x-public-business-examples + .x-public-business-growth{
margin-top:16px !important;
}
}

/* 1145: Hide the subtle guide lines under the X Business growth chart. */
body.x-public-business-page .x-business-growth-grid{
display:none !important;
opacity:0 !important;
stroke:transparent !important;
}

body.x-public-business-page .x-public-business-growth-chart::before{
display:none !important;
opacity:0 !important;
background:none !important;
}

/* 1146: Place Real Widais examples directly above the growth block. */
body.x-public-business-page .x-public-business-cards + .x-public-business-examples{
margin-top:clamp(18px, 1.75vw, 26px) !important;
}

body.x-public-business-page .x-public-business-examples + .x-public-business-growth{
margin-top:clamp(16px, 1.65vw, 24px) !important;
}

@media(max-width:640px){
body.x-public-business-page .x-public-business-cards + .x-public-business-examples{
margin-top:14px !important;
}

body.x-public-business-page .x-public-business-examples + .x-public-business-growth{
margin-top:14px !important;
}
}

/* 1305: Keep Real Widais example cards visually contained inside the rounded shell. */
body.x-public-business-page .x-public-business-examples{
overflow:hidden !important;
clip-path:inset(0 round 36px) !important;
}

body.x-public-business-page .x-public-business-example-card{
overflow:hidden !important;
border-radius:28px !important;
clip-path:inset(0 round 28px) !important;
background:
radial-gradient(circle at 94% 92%, rgba(255,255,255,.055), transparent 44%),
linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.014) 56%, rgba(0,0,0,.10)),
rgba(4,4,4,.74) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.18) !important;
}

body.x-public-business-page .x-public-business-example-card::before{
inset:0 !important;
z-index:0 !important;
width:auto !important;
height:auto !important;
border-radius:inherit !important;
filter:none !important;
opacity:.88 !important;
transform:none !important;
pointer-events:none !important;
}

body.x-public-business-page .x-public-business-example-card.is-talent::before{
background:
radial-gradient(circle at 94% 94%, rgba(124,243,255,.19), transparent 50%),
radial-gradient(circle at 8% 0%, rgba(216,255,79,.055), transparent 42%) !important;
}

body.x-public-business-page .x-public-business-example-card.is-brand::before{
background:
radial-gradient(circle at 94% 94%, rgba(255,87,87,.18), transparent 50%),
radial-gradient(circle at 8% 0%, rgba(216,255,79,.05), transparent 42%) !important;
}

body.x-public-business-page .x-public-business-example-card:hover,
body.x-public-business-page .x-public-business-example-card:focus-visible{
transform:translateY(-2px) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 18px 42px rgba(0,0,0,.24), 0 0 30px rgba(33,246,181,.065) !important;
}

body.x-public-business-page .x-public-business-example-card:hover::before,
body.x-public-business-page .x-public-business-example-card:focus-visible::before{
opacity:1 !important;
transform:none !important;
}

body.x-public-business-page .x-public-business-example-avatar,
body.x-public-business-page .x-public-business-example-copy{
position:relative !important;
z-index:1 !important;
}

@media(max-width:640px){
body.x-public-business-page .x-public-business-examples{
clip-path:inset(0 round 25px) !important;
}

body.x-public-business-page .x-public-business-example-card{
border-radius:21px !important;
clip-path:inset(0 round 21px) !important;
}
}