ear-gradient(90deg, transparent, rgba(59,130,246,0.3), transparent);
}
.pain-bg-glow {
position: absolute;
width: 600px; height: 400px;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
background: radial-gradient(ellipse, rgba(59,130,246,0.06) 0%, transparent 70%);
pointer-events: none;
}
.pain__header {
text-align: center;
margin-bottom: 56px;
}
.pain__tag { margin-bottom: 20px; }
.pain__title {
font-family: var(--font-head);
font-size: clamp(28px, 4vw, 50px);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.02em;
color: var(--c-text);
margin-bottom: 0;
}
.pain__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin-bottom: 56px;
}
.pain__card {
padding: 28px 28px 24px;
display: flex;
gap: 18px;
align-items: flex-start;
cursor: default;
}
.pain__card-emoji {
font-size: 28px;
flex-shrink: 0;
line-height: 1;
filter: grayscale(0.2);
}
.pain__card-body {}
.pain__card-title {
font-family: var(--font-head);
font-size: 15px;
font-weight: 700;
color: var(--c-text);
margin-bottom: 6px;
line-height: 1.3;
}
.pain__card-text {
font-size: 13px;
color: var(--c-muted);
line-height: 1.55;
}
.pain__bridge {
text-align: center;
max-width: 640px;
margin: 0 auto 36px;
}
.pain__bridge-text {
font-family: var(--font-head);
font-size: clamp(18px, 2.5vw, 24px);
font-weight: 700;
color: var(--c-text);
line-height: 1.4;
margin-bottom: 8px;
}
.pain__bridge-sub {
font-size: 15px;
color: var(--c-primary-light);
font-weight: 500;
}
.pain__cta {
text-align: center;
}
