.ai-answer-section,
.entity-section,
.authority-section{
position:relative;
z-index:2;
padding:105px 8%;
max-width:1440px;
margin:0 auto;
text-align:center;
}

.ai-answer-kicker{
margin:0 auto 18px;
color:#e6c8ff;
font-size:13px;
font-weight:900;
letter-spacing:.16em;
text-align:center;
text-transform:uppercase;
}

.ai-answer-section h2,
.entity-section h2,
.authority-section h2{
max-width:1040px;
margin:0 auto 24px;
font-size:clamp(34px,4vw,58px);
line-height:1.08;
font-weight:900;
text-align:center;
text-wrap:balance;
}

.ai-answer-intro{
max-width:900px;
margin:0 auto 46px;
color:#b8b8c8;
font-size:20px;
line-height:1.75;
text-align:center;
}

.answer-grid,
.entity-grid,
.authority-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
max-width:1180px;
margin:0 auto;
}

.answer-card,
.entity-card,
.authority-card{
min-height:210px;
padding:30px;
border:1px solid rgba(116,52,214,.16);
border-radius:22px;
background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
text-align:center;
}

.answer-card h3,
.entity-card h3,
.authority-card h3{
margin-bottom:12px;
font-size:21px;
line-height:1.22;
font-weight:900;
color:#fff;
text-wrap:balance;
}

.answer-card p,
.entity-card p,
.authority-card p{
max-width:36rem;
margin:0 auto;
color:#b8b8c8;
font-size:16px;
line-height:1.65;
}

.entity-card strong,
.authority-card strong{
color:#f3e8ff;
}

@media(min-width:901px){
.hero > div:first-child,
.service-left,
.restaurant-left{
justify-self:center;
text-align:center;
}

.hero h1,
.hero p,
.service-left h1,
.restaurant-left h1,
.hero-sub,
.hero-description,
.service-badge,
.restaurant-badge{
text-align:center;
}

.hero p,
.hero-description{
margin-left:auto;
margin-right:auto;
}

.hero-buttons,
.service-buttons,
.restaurant-buttons,
.hero-pills{
justify-content:center;
margin-left:auto;
margin-right:auto;
}
}

@media(max-width:1050px){
.answer-grid,
.entity-grid,
.authority-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:700px){
.ai-answer-section,
.entity-section,
.authority-section{
padding:78px 6%;
}

.answer-grid,
.entity-grid,
.authority-grid{
grid-template-columns:1fr;
}

.answer-card,
.entity-card,
.authority-card{
min-height:auto;
padding:24px;
}

}
