.ai-diagnosis-page {
    background: var(--site-bg);
    color: #102044;
}

.diagnosis-hero {
    position: relative;
    overflow: hidden;
    min-height: 620px;
    padding: 116px 0 64px;
    background:
        linear-gradient(90deg, rgba(1, 8, 24, .48) 0%, rgba(2, 12, 32, .32) 30%, rgba(2, 12, 32, .1) 44%, rgba(2, 12, 32, 0) 55%),
        var(--diagnosis-hero-image, url("/template/xqd/assets/images/services/ai-visibility-banner.webp")) center center / cover no-repeat,
        #020b1c;
}

.diagnosis-hero-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 440px;
}

@media (min-width: 901px) {
    .diagnosis-hero {
        background:
            linear-gradient(90deg, rgba(1, 8, 24, .36) 0%, rgba(2, 12, 32, .22) 28%, rgba(2, 12, 32, .06) 40%, rgba(2, 12, 32, 0) 50%),
            var(--diagnosis-hero-image, url("/template/xqd/assets/images/services/ai-visibility-banner.webp")) center center / cover no-repeat,
            #020b1c;
    }

    .diagnosis-hero::before,
    .diagnosis-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        display: none;
        pointer-events: none;
    }

    .diagnosis-hero-inner {
        z-index: 2;
    }
}

.diagnosis-hero-copy {
    width: min(760px, 100%);
}

.diagnosis-hero-copy h1 {
    margin: 0 0 24px;
    color: #fff;
    font-size: 56px;
    line-height: 1.08;
    letter-spacing: 0;
    font-weight: 800;
    text-shadow: 0 3px 14px rgba(0, 7, 22, .36);
}

.diagnosis-hero-copy p {
    max-width: 720px;
    margin: 0;
    color: #d8e6ff;
    font-size: 18px;
    line-height: 1.9;
    text-shadow: 0 2px 10px rgba(0, 7, 22, .34);
}

.diagnosis-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 34px;
}

.diagnosis-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 168px;
    height: 54px;
    padding: 0 28px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.diagnosis-btn:hover,
.diagnosis-btn:focus-visible {
    transform: translateY(-2px);
}

.diagnosis-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #1479ff, #075ce4);
    box-shadow: 0 16px 30px rgba(7, 94, 230, .34);
}

.diagnosis-btn-outline {
    color: #e7f0ff;
    border: 1px solid rgba(255, 255, 255, .35);
    background: rgba(255, 255, 255, .06);
}

.diagnosis-btn-outline:hover,
.diagnosis-btn-outline:focus-visible {
    border-color: rgba(123, 185, 255, .72);
    background: rgba(20, 115, 255, .14);
}

.diagnosis-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 34px;
    margin-top: 44px;
    color: #e4ecff;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 0 2px 10px rgba(0, 7, 22, .38);
}

.diagnosis-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

.diagnosis-hero-meta i {
    position: relative;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(0 0 4px rgba(157, 184, 238, .52));
}

.meta-person::before,
.meta-clock::before,
.meta-globe::before,
.meta-person::after,
.meta-clock::after,
.meta-globe::after {
    content: "";
    display: none;
}

.meta-person {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='none'%3E%3Cg stroke='%23DFEAFF' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='9.5' r='5.4'/%3E%3Cpath d='M8.2 30.2c.9-6.2 4.6-9.4 9.8-9.4s8.9 3.2 9.8 9.4'/%3E%3Cpath d='M5.8 30.2h24.4'/%3E%3C/g%3E%3Cpath d='M9.8 17.2a12.4 12.4 0 0 0-2.3 7.2' stroke='%239FB9E7' stroke-width='1.35' stroke-linecap='round' opacity='.72'/%3E%3Cpath d='M26.2 17.2a12.4 12.4 0 0 1 2.3 7.2' stroke='%239FB9E7' stroke-width='1.35' stroke-linecap='round' opacity='.72'/%3E%3C/svg%3E");
}

.meta-clock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='none'%3E%3Ccircle cx='18' cy='18' r='14' stroke='%23DFEAFF' stroke-width='2.25'/%3E%3Cpath d='M18 9.5v8.8l6.1 4' stroke='%23DFEAFF' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='18' r='1.45' fill='%23DFEAFF'/%3E%3C/svg%3E");
}

.meta-globe {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='none'%3E%3Ccircle cx='18' cy='18' r='14' stroke='%23DFEAFF' stroke-width='2.15'/%3E%3Cpath d='M4.8 18h26.4M18 4c3.9 3.7 6 8.2 6 14s-2.1 10.3-6 14M18 4c-3.9 3.7-6 8.2-6 14s2.1 10.3 6 14M7.3 11.4h21.4M7.3 24.6h21.4' stroke='%23DFEAFF' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.diagnosis-section {
    padding: 44px 0 12px;
}

.diagnosis-why {
    margin-top: -1px;
    padding-top: 44px;
    background: linear-gradient(180deg, #fff 0%, #f6faff 100%);
}

.diagnosis-section-head {
    max-width: 900px;
    margin: 0 auto 24px;
    text-align: center;
}

.diagnosis-section-head h2 {
    margin: 0;
    color: #071d49;
    font-size: 34px;
    line-height: 1.25;
    letter-spacing: 0;
    font-weight: 800;
}

.diagnosis-section-head p {
    margin: 13px 0 0;
    color: #627391;
    font-size: 16px;
    line-height: 1.8;
}

.diagnosis-grid {
    display: grid;
    gap: 18px;
}

.diagnosis-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.diagnosis-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.diagnosis-card,
.diagnosis-feature-card,
.diagnosis-fit-card,
.diagnosis-form-card,
.diagnosis-form-aside,
.diagnosis-faq-item {
    border: 1px solid #dce8fb;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 14px 34px rgba(30, 78, 143, .08);
}

.diagnosis-card {
    min-height: 152px;
    padding: 28px 24px 24px;
    border-radius: 8px;
    text-align: center;
}

.diagnosis-card.compact {
    min-height: 138px;
}

.diagnosis-card h3,
.diagnosis-feature-card h3,
.diagnosis-fit-card h3,
.diagnosis-process-step h3,
.diagnosis-form-aside h3 {
    margin: 0;
    color: #0d275d;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 800;
}

.diagnosis-card p,
.diagnosis-feature-card p,
.diagnosis-process-step p,
.diagnosis-form-aside p,
.diagnosis-faq-item p {
    margin: 9px 0 0;
    color: #61708a;
    font-size: 14px;
    line-height: 1.72;
}

.diagnosis-icon {
    position: relative;
    display: inline-flex;
    width: 52px;
    height: 52px;
    margin-bottom: 15px;
    border-radius: 14px;
    background: linear-gradient(135deg, #eff6ff, #e3f0ff);
    color: #1b72ff;
}

.diagnosis-feature-card .diagnosis-icon,
.diagnosis-fit-card .diagnosis-icon,
.diagnosis-form-aside .diagnosis-icon {
    flex: 0 0 auto;
    margin: 0;
}

.diagnosis-icon::before,
.diagnosis-icon::after {
    content: "";
    position: absolute;
}

.icon-search::before {
    left: 13px;
    top: 12px;
    width: 18px;
    height: 18px;
    border: 4px solid currentColor;
    border-radius: 50%;
}

.icon-search::after {
    right: 12px;
    bottom: 13px;
    width: 14px;
    height: 4px;
    border-radius: 99px;
    background: currentColor;
    transform: rotate(45deg);
}

.icon-target::before {
    inset: 12px;
    border: 4px solid currentColor;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(27, 114, 255, .14);
}

.icon-target::after {
    left: 25px;
    top: 6px;
    width: 3px;
    height: 40px;
    background: currentColor;
    box-shadow: -19px 20px 0 -1px currentColor, 19px 20px 0 -1px currentColor;
}

.icon-doc::before {
    left: 14px;
    top: 10px;
    width: 24px;
    height: 31px;
    border: 4px solid currentColor;
    border-radius: 4px;
}

.icon-doc::after {
    left: 20px;
    top: 23px;
    width: 14px;
    height: 3px;
    background: currentColor;
    box-shadow: 0 8px 0 currentColor;
}

.icon-trophy::before {
    left: 16px;
    top: 10px;
    width: 20px;
    height: 22px;
    border: 4px solid currentColor;
    border-radius: 4px 4px 12px 12px;
}

.icon-trophy::after {
    left: 18px;
    top: 34px;
    width: 16px;
    height: 4px;
    background: currentColor;
    box-shadow: 5px 6px 0 currentColor, -5px 6px 0 currentColor;
}

.icon-eye::before {
    left: 9px;
    top: 17px;
    width: 34px;
    height: 20px;
    border: 4px solid currentColor;
    border-radius: 50%;
}

.icon-eye::after {
    left: 22px;
    top: 24px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.icon-brain::before {
    left: 13px;
    top: 10px;
    width: 25px;
    height: 29px;
    border: 4px solid currentColor;
    border-radius: 44% 56% 52% 48%;
}

.icon-brain::after {
    left: 25px;
    top: 16px;
    width: 4px;
    height: 20px;
    background: currentColor;
    box-shadow: -8px 8px 0 currentColor, 8px 8px 0 currentColor;
}

.icon-users::before {
    left: 9px;
    top: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 18px 0 0 rgba(27, 114, 255, .72);
}

.icon-users::after {
    left: 6px;
    top: 33px;
    width: 39px;
    height: 12px;
    border-radius: 14px 14px 4px 4px;
    background: currentColor;
}

.icon-chart::before {
    left: 12px;
    bottom: 11px;
    width: 5px;
    height: 18px;
    border-radius: 3px;
    background: currentColor;
    box-shadow: 11px -8px 0 currentColor, 22px -15px 0 currentColor;
}

.icon-chart::after {
    left: 10px;
    right: 10px;
    bottom: 9px;
    height: 3px;
    background: currentColor;
}

.icon-light::before {
    left: 16px;
    top: 10px;
    width: 20px;
    height: 22px;
    border: 4px solid currentColor;
    border-radius: 50% 50% 42% 42%;
}

.icon-light::after {
    left: 20px;
    top: 34px;
    width: 12px;
    height: 4px;
    background: currentColor;
    box-shadow: 0 7px 0 currentColor;
}

.icon-building::before {
    left: 14px;
    top: 9px;
    width: 24px;
    height: 34px;
    border: 4px solid currentColor;
    border-radius: 4px;
}

.icon-building::after {
    left: 21px;
    top: 17px;
    width: 4px;
    height: 4px;
    background: currentColor;
    box-shadow: 9px 0 0 currentColor, 0 9px 0 currentColor, 9px 9px 0 currentColor, 0 18px 0 currentColor, 9px 18px 0 currentColor;
}

.icon-rocket::before {
    left: 17px;
    top: 8px;
    width: 19px;
    height: 31px;
    border: 4px solid currentColor;
    border-radius: 50% 50% 45% 45%;
    transform: rotate(42deg);
}

.icon-rocket::after {
    left: 12px;
    bottom: 9px;
    width: 22px;
    height: 4px;
    background: currentColor;
    transform: rotate(-45deg);
}

.icon-pin::before {
    left: 15px;
    top: 9px;
    width: 22px;
    height: 22px;
    border: 4px solid currentColor;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
}

.icon-pin::after {
    left: 23px;
    top: 17px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.icon-globe::before {
    inset: 10px;
    border: 4px solid currentColor;
    border-radius: 50%;
}

.icon-globe::after {
    left: 11px;
    right: 11px;
    top: 25px;
    height: 3px;
    background: currentColor;
    box-shadow: 0 -9px 0 -1px currentColor, 0 9px 0 -1px currentColor;
}

.icon-factory::before {
    left: 10px;
    top: 20px;
    width: 32px;
    height: 23px;
    border: 4px solid currentColor;
    border-top: 0;
}

.icon-factory::after {
    left: 14px;
    top: 12px;
    width: 9px;
    height: 18px;
    background: currentColor;
    box-shadow: 17px 7px 0 currentColor;
}

.icon-shield::before {
    left: 13px;
    top: 9px;
    width: 26px;
    height: 31px;
    border: 4px solid currentColor;
    border-radius: 12px 12px 16px 16px;
}

.icon-shield::after {
    left: 22px;
    top: 20px;
    width: 9px;
    height: 15px;
    border-right: 4px solid currentColor;
    border-bottom: 4px solid currentColor;
    transform: rotate(45deg);
}

.diagnosis-why .diagnosis-icon {
    align-items: center;
    justify-content: center;
}

.diagnosis-why .diagnosis-icon::before {
    left: 50%;
    top: 50%;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 0;
    background: currentColor;
    box-shadow: none;
    transform: translate(-50%, -50%);
    -webkit-mask: var(--diagnosis-problem-icon) center / contain no-repeat;
    mask: var(--diagnosis-problem-icon) center / contain no-repeat;
}

.diagnosis-why .diagnosis-icon::after {
    display: none;
}

.diagnosis-why .icon-search {
    --diagnosis-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20.5' cy='20.5' r='14.2'/%3E%3Cpath d='m31.2 31.2 10 10'/%3E%3C/svg%3E");
}

.diagnosis-why .icon-brain {
    --diagnosis-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='13.5'/%3E%3Ccircle cx='24' cy='24' r='7'/%3E%3Cpath d='M24 4.5v8M24 35.5v8M4.5 24h8M35.5 24h8'/%3E%3Cpath d='M31.8 16.2 37.2 10.8M16.2 31.8 10.8 37.2M16.2 16.2 10.8 10.8M31.8 31.8 37.2 37.2'/%3E%3C/svg%3E");
}

.diagnosis-why .icon-trophy {
    --diagnosis-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6.5h18v10.8c0 6.5-3.8 11.2-9 12.1-5.2-.9-9-5.6-9-12.1V6.5Z'/%3E%3Cpath d='M15 10H8.5v5.8c0 5.2 3.6 8.7 8.4 9.1M33 10h6.5v5.8c0 5.2-3.6 8.7-8.4 9.1'/%3E%3Cpath d='M24 29.5v7M17.5 41.5h13M20 36.5h8'/%3E%3C/svg%3E");
}

.diagnosis-why .icon-doc {
    --diagnosis-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 5.5h16.8l6.2 6.2v30.8h-23V5.5Z'/%3E%3Cpath d='M30.3 5.5V13h6.2'/%3E%3Cpath d='M19.5 20h11M19.5 26h11M19.5 32h8'/%3E%3Cpath d='M18.5 20h-1M18.5 26h-1M18.5 32h-1'/%3E%3C/svg%3E");
}

.diagnosis-dimension-grid .diagnosis-icon {
    align-items: center;
    justify-content: center;
}

.diagnosis-dimension-grid .diagnosis-icon::before {
    left: 50%;
    top: 50%;
    width: var(--diagnosis-dimension-icon-size, 39px);
    height: var(--diagnosis-dimension-icon-size, 39px);
    border: 0;
    border-radius: 0;
    background: currentColor;
    box-shadow: none;
    transform: translate(-50%, -50%);
    -webkit-mask: var(--diagnosis-dimension-icon) center / contain no-repeat;
    mask: var(--diagnosis-dimension-icon) center / contain no-repeat;
}

.diagnosis-dimension-grid .diagnosis-icon::after {
    display: none;
}

.diagnosis-dimension-grid .icon-eye {
    --diagnosis-dimension-icon-size: 41px;
    --diagnosis-dimension-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 26s7.8-13 21.5-13 21.5 13 21.5 13S39.7 39 26 39 4.5 26 4.5 26Z'/%3E%3Ccircle cx='26' cy='26' r='8.3'/%3E%3Ccircle cx='26' cy='26' r='2.8' fill='black' stroke='none'/%3E%3C/svg%3E");
}

.diagnosis-dimension-grid .icon-brain {
    --diagnosis-dimension-icon-size: 42px;
    --diagnosis-dimension-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22.5 7.5C14.8 9.2 10 16 10 24.5v10.7l-4 5h11.3v5.3h13.2v-8c6.5-2.1 11.2-8.2 11.2-15.5 0-9.2-7.2-15.9-16.2-15.9-1 0-2 .1-3 .4Z'/%3E%3Ccircle cx='34.5' cy='17.5' r='8.5'/%3E%3Cpath d='M34.5 13.6v7.8M30.6 17.5h7.8M28.8 11.8l11.4 11.4M40.2 11.8 28.8 23.2'/%3E%3Cpath d='M18 25.5h9.5M18 31.5h7'/%3E%3C/svg%3E");
}

.diagnosis-dimension-grid .icon-brain::before {
    width: 43px;
    height: 43px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M23.2 6.8C15.1 8.2 9.6 15.1 9.6 24.3v9.5L6 39.2h10.5v5.9h12.8v-7.4c5.5-2.3 9.2-7.9 9.2-14.6 0-9.7-6.3-16.7-15.3-16.3Z' stroke='%232477FF' stroke-width='3.05' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4 29.9h8.9M16.4 35.3h6.6' stroke='%232477FF' stroke-width='2.45' stroke-linecap='round' opacity='.85'/%3E%3Ccircle cx='34.5' cy='17.4' r='10.6' fill='%234A87F6'/%3E%3Ccircle cx='30.2' cy='13.2' r='1.25' fill='white' opacity='.9'/%3E%3Ccircle cx='38.3' cy='20.9' r='1.15' fill='white' opacity='.9'/%3E%3Cpath d='M34.5 11.9v2.3M34.5 20.7V23M30.1 17.4h2.3M36.6 17.4h2.3' stroke='white' stroke-width='1.35' stroke-linecap='round'/%3E%3Cpath d='m31.5 14.4 1.6 1.6M37.5 14.4 35.9 16M31.5 20.4l1.6-1.6M37.5 20.4l-1.6-1.6' stroke='white' stroke-width='1.15' stroke-linecap='round' opacity='.68'/%3E%3C/svg%3E") center / contain no-repeat;
    -webkit-mask: none;
    mask: none;
}

.diagnosis-dimension-grid .icon-search {
    --diagnosis-dimension-icon-size: 40px;
    --diagnosis-dimension-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='4.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='23' cy='23' r='15.5'/%3E%3Cpath d='m34.5 34.5 10 10'/%3E%3C/svg%3E");
}

.diagnosis-dimension-grid .icon-doc {
    --diagnosis-dimension-icon-size: 40px;
    --diagnosis-dimension-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='9' width='36' height='34' rx='2.5'/%3E%3Cpath d='M8 17h36M14 13h1.2M20 13h1.2M26 13h1.2'/%3E%3Cpath d='M15 25h21M15 31h17M15 37h12'/%3E%3C/svg%3E");
}

.diagnosis-dimension-grid .icon-users {
    --diagnosis-dimension-icon-size: 42px;
    --diagnosis-dimension-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Ccircle cx='21' cy='18' r='8' fill='black'/%3E%3Ccircle cx='32' cy='18' r='8' fill='black' opacity='.72'/%3E%3Cpath d='M6.5 42c1.8-9.2 7.1-13.8 14.5-13.8S33.7 32.8 35.5 42H6.5Z' fill='black'/%3E%3Cpath d='M28.5 42c-.8-5-3-8.9-6.3-11.4 2.7-1.6 5.9-2.4 9.8-2.4 7.4 0 12.7 4.6 14.5 13.8h-18Z' fill='black' opacity='.72'/%3E%3C/svg%3E");
}

.diagnosis-dimension-grid .icon-chart {
    --diagnosis-dimension-icon-size: 42px;
    --diagnosis-dimension-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7v36h36'/%3E%3Cpath d='M16 37V25M25 37V18M34 37V29'/%3E%3Cpath d='M15 24l9-8 9 7 10-12'/%3E%3Cpath d='M43 11v10H33'/%3E%3C/svg%3E");
}

.diagnosis-feature-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-height: 118px;
    padding: 24px;
    border-radius: 8px;
}

.diagnosis-gain {
    padding-top: 36px;
}

.diagnosis-gain .diagnosis-icon {
    align-items: center;
    justify-content: center;
}

.diagnosis-gain .diagnosis-icon::before {
    left: 50%;
    top: 50%;
    width: var(--diagnosis-gain-icon-size, 40px);
    height: var(--diagnosis-gain-icon-size, 40px);
    border: 0;
    border-radius: 0;
    background: currentColor;
    box-shadow: none;
    transform: translate(-50%, -50%);
    -webkit-mask: var(--diagnosis-gain-icon) center / contain no-repeat;
    mask: var(--diagnosis-gain-icon) center / contain no-repeat;
}

.diagnosis-gain .diagnosis-icon::after {
    display: none;
}

.diagnosis-gain .icon-shield {
    --diagnosis-gain-icon-size: 42px;
    --diagnosis-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='26' cy='23' r='14.5'/%3E%3Cpath d='M26 4.5 29.2 8l4.6-1 1.5 4.5 4.5 1.5-1 4.6 3.5 3.2-3.5 3.2 1 4.6-4.5 1.5-1.5 4.5-4.6-1L26 41.5l-3.2-3.5-4.6 1-1.5-4.5-4.5-1.5 1-4.6L9.7 25l3.5-3.2-1-4.6 4.5-1.5 1.5-4.5 4.6 1L26 4.5Z'/%3E%3Cpath d='m26 15.6 2.3 4.7 5.2.7-3.8 3.7.9 5.2-4.6-2.5-4.6 2.5.9-5.2-3.8-3.7 5.2-.7 2.3-4.7Z'/%3E%3Cpath d='m19.5 39-3 8 9.5-4.2 9.5 4.2-3-8'/%3E%3C/svg%3E");
}

.diagnosis-gain .icon-doc {
    --diagnosis-gain-icon-size: 40px;
    --diagnosis-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6.5h19l6 6V43H15V6.5Z'/%3E%3Cpath d='M34 6.5V14h6'/%3E%3Cpath d='M21 20h12M21 26h12M21 32h9'/%3E%3Ccircle cx='38.5' cy='39' r='3.5'/%3E%3C/svg%3E");
}

.diagnosis-gain .icon-target {
    --diagnosis-gain-icon-size: 42px;
    --diagnosis-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='27.5' r='15'/%3E%3Ccircle cx='24' cy='27.5' r='8'/%3E%3Ccircle cx='24' cy='27.5' r='2.6' fill='black' stroke='none'/%3E%3Cpath d='M31 20.5 43.5 8M35.5 8h8v8M37.8 13.7 46 13.5'/%3E%3C/svg%3E");
}

.diagnosis-gain .icon-light {
    --diagnosis-gain-icon-size: 41px;
    --diagnosis-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5 27.5c-3.2-2.6-5.1-6.2-5.1-10.2C13.4 9.9 18.9 4.8 26 4.8s12.6 5.1 12.6 12.5c0 4-1.9 7.6-5.1 10.2-2.2 1.8-3.3 3.5-3.5 6.2h-8c-.2-2.7-1.3-4.4-3.5-6.2Z'/%3E%3Cpath d='M21.5 38h9M23 44h6M26 34v-8'/%3E%3Cpath d='M26 2v-1M9.5 7.5 7.2 5.2M42.5 7.5l2.3-2.3M6 19H2.8M49.2 19H46M13 35.5l-2.3 2.3M39 35.5l2.3 2.3'/%3E%3C/svg%3E");
}

.diagnosis-fit {
    padding-top: 36px;
}

.diagnosis-fit .diagnosis-icon {
    align-items: center;
    justify-content: center;
}

.diagnosis-fit .diagnosis-icon::before {
    left: 50%;
    top: 50%;
    width: var(--diagnosis-fit-icon-size, 41px);
    height: var(--diagnosis-fit-icon-size, 41px);
    border: 0;
    border-radius: 0;
    background: currentColor;
    box-shadow: none;
    transform: translate(-50%, -50%);
    -webkit-mask: var(--diagnosis-fit-icon) center / contain no-repeat;
    mask: var(--diagnosis-fit-icon) center / contain no-repeat;
}

.diagnosis-fit .diagnosis-icon::after {
    display: none;
}

.diagnosis-fit .icon-building {
    --diagnosis-fit-icon-size: 42px;
    --diagnosis-fit-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 45.5V10.5h19v35M28 20h15v25.5M5.5 45.5h41'/%3E%3Cpath d='M15 17h4M15 24h4M15 31h4M15 38h4M29 27h4M29 34h4M37 27h2.5M37 34h2.5'/%3E%3C/svg%3E");
}

.diagnosis-fit .icon-rocket {
    --diagnosis-fit-icon-size: 42px;
    --diagnosis-fit-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M36.8 7.8c-7.8 2-14.7 7.7-19.5 16.2l-8.1 3.4 7.1 3.4 3.4 7.1 3.4-8.1C31.6 25 37.3 18.1 39.3 10.3l-2.5-2.5Z'/%3E%3Ccircle cx='30.1' cy='17' r='3.55'/%3E%3Cpath d='m17.9 23.4 10.7 10.7'/%3E%3Cpath d='M13.1 34.1 8.4 38.8M18.1 38.5 12 44.6M22.7 42.2l-3.7 3.7'/%3E%3C/svg%3E");
}

.diagnosis-fit .icon-pin {
    --diagnosis-fit-icon-size: 41px;
    --diagnosis-fit-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M26 47S11.5 32.8 11.5 20.5C11.5 12.5 17.7 6 26 6s14.5 6.5 14.5 14.5C40.5 32.8 26 47 26 47Z'/%3E%3Ccircle cx='26' cy='20.5' r='6.4'/%3E%3C/svg%3E");
}

.diagnosis-fit .icon-globe {
    --diagnosis-fit-icon-size: 42px;
    --diagnosis-fit-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='26' cy='26' r='20'/%3E%3Cpath d='M6 26h40M26 6c5.5 5.4 8.4 11.6 8.4 20S31.5 40.6 26 46M26 6c-5.5 5.4-8.4 11.6-8.4 20S20.5 40.6 26 46M10.8 14.5h30.4M10.8 37.5h30.4'/%3E%3C/svg%3E");
}

.diagnosis-fit .icon-factory {
    --diagnosis-fit-icon-size: 42px;
    --diagnosis-fit-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 44.5V25.5l11 6.2v-6.2l11 6.2v-6.2l14 7.8v11.2H8Z'/%3E%3Cpath d='M12 25.5V12h9v18M14.5 12V7.5h4'/%3E%3Cpath d='M15 37h4M25 37h4M35 37h4'/%3E%3C/svg%3E");
}

.diagnosis-fit .icon-shield {
    --diagnosis-fit-icon-size: 42px;
    --diagnosis-fit-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M26 5.5 43 12v13.5C43 35.7 36.4 42.6 26 46.5 15.6 42.6 9 35.7 9 25.5V12l17-6.5Z'/%3E%3Cpath d='m26 17 2.5 5 5.5.8-4 3.9.9 5.5-4.9-2.6-4.9 2.6.9-5.5-4-3.9 5.5-.8L26 17Z'/%3E%3C/svg%3E");
}

.diagnosis-fit-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.diagnosis-fit-card {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 86px;
    padding: 17px 14px;
    border-radius: 8px;
}

.diagnosis-fit-card h3 {
    font-size: 15px;
    line-height: 1.45;
}

.diagnosis-process {
    padding-top: 38px;
}

.diagnosis-process-line {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}

.diagnosis-process-line::before {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    top: 25px;
    height: 2px;
    background: linear-gradient(90deg, #d8e7ff, #98bbf7, #d8e7ff);
}

.diagnosis-process-step {
    position: relative;
    text-align: center;
}

.diagnosis-process-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 15px;
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(135deg, #1979ff, #095ee4);
    box-shadow: 0 10px 22px rgba(13, 101, 239, .28);
}

.diagnosis-form-section {
    margin-top: 34px;
    padding: 46px 0 42px;
    background: linear-gradient(180deg, #eaf4ff 0%, #f7fbff 100%);
}

.diagnosis-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(320px, .58fr);
    gap: 28px;
}

.diagnosis-form-card,
.diagnosis-form-aside {
    border-radius: 10px;
}

.diagnosis-form-card {
    padding: 28px 42px 34px;
}

.diagnosis-form-card h2 {
    margin: 0 0 22px;
    color: #071d49;
    font-size: 26px;
}

.diagnosis-form {
    display: grid;
    gap: 15px;
}

.diagnosis-form label {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    color: #0d275d;
    font-size: 15px;
    font-weight: 700;
}

.diagnosis-form input {
    width: 100%;
    height: 42px;
    border: 1px solid #cbdcf4;
    border-radius: 6px;
    padding: 0 15px;
    color: #102044;
    background: #fbfdff;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.diagnosis-form input:focus {
    border-color: #1979ff;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(25, 121, 255, .14);
}

.diagnosis-form input::placeholder {
    color: #a3b0c3;
}

.diagnosis-form button {
    height: 48px;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    background: linear-gradient(135deg, #1479ff, #075ce4);
    box-shadow: 0 12px 24px rgba(7, 94, 230, .25);
}

.diagnosis-form-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    color: #7c8ca7;
    font-size: 13px;
}

.diagnosis-form-note span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #a8b8ce;
}

.diagnosis-form-aside {
    display: grid;
    gap: 14px;
    padding: 24px;
}

.diagnosis-form-aside article {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-height: 112px;
    padding: 18px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f7fbff, #fff);
}

.diagnosis-form-aside .diagnosis-icon {
    align-items: center;
    justify-content: center;
}

.diagnosis-form-aside .diagnosis-icon::before {
    left: 50%;
    top: 50%;
    width: 43px;
    height: 43px;
    border: 0;
    border-radius: 0;
    background: var(--diagnosis-aside-icon) center / contain no-repeat;
    box-shadow: none;
    transform: translate(-50%, -50%);
    -webkit-mask: none;
    mask: none;
}

.diagnosis-form-aside .diagnosis-icon::after {
    display: none;
}

.diagnosis-form-aside article:nth-child(1) .diagnosis-icon {
    --diagnosis-aside-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Ccircle cx='21.5' cy='21.5' r='14.5' stroke='%232477FF' stroke-width='3.9'/%3E%3Cpath d='m32.3 32.3 10.5 10.5' stroke='%232477FF' stroke-width='4.1' stroke-linecap='round'/%3E%3C/svg%3E");
}

.diagnosis-form-aside article:nth-child(2) .diagnosis-icon {
    --diagnosis-aside-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Ccircle cx='26' cy='26' r='19.6' fill='%232477FF'/%3E%3Ccircle cx='24.2' cy='27.8' r='10.4' stroke='white' stroke-width='2.9'/%3E%3Ccircle cx='24.2' cy='27.8' r='4.3' stroke='white' stroke-width='2.5'/%3E%3Cpath d='M31.2 20.8 42.5 9.5' stroke='white' stroke-width='2.8' stroke-linecap='round'/%3E%3Cpath d='M36.2 9.7h6.6v6.6M38.4 13.9h6.7' stroke='white' stroke-width='2.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.diagnosis-form-aside article:nth-child(3) .diagnosis-icon {
    --diagnosis-aside-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Ccircle cx='26' cy='26' r='19.6' fill='%232477FF'/%3E%3Cpath d='M14.3 38V15.5M14.3 38h25.5' stroke='white' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M18.7 34v-7.2M25.4 34V21M32.1 34v-9.2' stroke='white' stroke-width='2.9' stroke-linecap='round'/%3E%3Cpath d='m18.5 26.5 6.9-6.1 7 5.2 8.2-10.4' stroke='white' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.6 15.2v7h-7' stroke='white' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.diagnosis-faq {
    padding: 42px 0 46px;
    background: #f8fbff;
}

.diagnosis-faq-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.diagnosis-faq-item {
    min-height: 132px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.diagnosis-faq-item:hover,
.diagnosis-faq-item[open] {
    border-color: #b9d4fb;
}

.diagnosis-faq-item:hover {
    box-shadow: 0 18px 38px rgba(30, 78, 143, .12);
}

.diagnosis-faq-item summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    min-height: 62px;
    padding: 20px 18px 9px;
    color: #0d275d;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.diagnosis-faq-item summary span {
    min-width: 0;
}

.diagnosis-faq-item summary::-webkit-details-marker {
    display: none;
}

.diagnosis-faq-item summary i {
    position: relative;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #b8cced;
}

.diagnosis-faq-item summary i::before,
.diagnosis-faq-item summary i::after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 8px;
    height: 2px;
    background: #1669e9;
}

.diagnosis-faq-item summary i::after {
    transform: rotate(90deg);
}

.diagnosis-faq-item[open] summary i::after {
    transform: rotate(0deg);
}

.diagnosis-faq-item p {
    padding: 0 18px 20px;
    line-height: 1.78;
}

.diagnosis-home-cta {
    padding: 0;
    background: #01163d;
}

.diagnosis-home-cta .hm-container {
    width: 100%;
    max-width: none;
}

.diagnosis-home-cta .hm-cta-banner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 30px;
    min-height: 138px;
    overflow: hidden;
    padding:
        28px
        max(520px, calc((100vw - 1600px) / 2 + 520px))
        28px
        max(40px, calc((100vw - 1600px) / 2 + 40px));
    border: 1px solid rgba(78, 165, 255, .26);
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    color: #fff;
    background: #01163d;
    box-shadow:
        0 -1px 0 rgba(123, 197, 255, .12),
        inset 0 1px 0 rgba(123, 197, 255, .18),
        inset 0 -1px 0 rgba(7, 58, 126, .58);
}

.diagnosis-home-cta .hm-cta-banner > div:not(.hm-cta-visual),
.diagnosis-home-cta .hm-cta-actions {
    position: relative;
    z-index: 2;
}

.diagnosis-home-cta .hm-cta-banner h2 {
    color: #fff;
}

.diagnosis-home-cta .hm-cta-banner p {
    color: rgba(222, 238, 255, .78);
}

.diagnosis-home-cta .hm-cta-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
}

.diagnosis-home-cta .hm-cta-actions .hm-primary-btn {
    width: auto;
    min-width: 184px;
    min-height: 44px;
    padding: 0 26px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 730;
}

.diagnosis-home-cta .hm-cta-actions .hm-primary-btn::after {
    display: none;
}

.diagnosis-home-cta .hm-cta-visual {
    position: absolute;
    right: max(0px, calc((100% - 1600px) / 2));
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 560px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 44%, rgba(0, 0, 0, .24) 53%, #000 68%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, transparent 44%, rgba(0, 0, 0, .24) 53%, #000 68%, #000 100%);
}

.diagnosis-home-cta .hm-cta-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/template/xqd/assets/images/footer/footer-ai-diagnosis-alpha.webp") right 10px center / auto calc(100% - 10px) no-repeat;
    opacity: .96;
    animation: hmCtaBrainFloat 4.8s ease-in-out infinite;
    will-change: transform, filter, opacity;
}

.diagnosis-bottom-cta {
    position: relative;
    overflow: hidden;
    padding: 42px 0;
    background:
        radial-gradient(circle at 82% 48%, rgba(24, 126, 255, .36), transparent 26%),
        linear-gradient(135deg, #03122f, #061d47);
}

.diagnosis-bottom-cta-inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 140px;
    align-items: center;
    gap: 30px;
    z-index: 1;
}

.diagnosis-bottom-cta h2 {
    margin: 0;
    color: #fff;
    font-size: 32px;
    line-height: 1.25;
}

.diagnosis-bottom-cta p {
    margin: 9px 0 0;
    color: #c9dbfb;
    font-size: 16px;
}

.cta-ai-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    border: 1px solid rgba(77, 167, 255, .6);
    border-radius: 50%;
    color: #48b8ff;
    font-size: 34px;
    font-weight: 800;
    box-shadow: inset 0 0 26px rgba(50, 154, 255, .22), 0 0 32px rgba(47, 151, 255, .22);
}

@media (max-width: 1180px) {
    .diagnosis-home-cta .hm-cta-banner {
        grid-template-columns: 1fr;
        padding-right: 350px;
    }

    .diagnosis-home-cta .hm-cta-visual {
        width: 390px;
    }

    .diagnosis-grid-4,
    .diagnosis-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .diagnosis-fit-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .diagnosis-faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .diagnosis-home-cta .hm-cta-banner {
        min-height: 246px;
        padding: 34px 356px 34px 40px;
        gap: 18px;
    }

    .diagnosis-home-cta .hm-cta-banner h2 {
        max-width: 360px;
    }

    .diagnosis-home-cta .hm-cta-banner p {
        max-width: 390px;
    }

    .diagnosis-home-cta .hm-cta-visual {
        top: 42px;
        right: 24px;
        bottom: auto;
        left: auto;
        width: 314px;
        height: 148px;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .diagnosis-home-cta .hm-cta-visual::before {
        inset: 0;
        background-position: center center;
        background-size: contain;
        opacity: 1;
        filter: drop-shadow(0 18px 30px rgba(0, 119, 255, .28));
    }

    .diagnosis-hero {
        background-position: 0 0, 24% center, 0 0;
    }

    .diagnosis-hero-inner {
        justify-content: center;
        min-height: 432px;
    }

    .diagnosis-hero-copy {
        margin: 0 auto;
        text-align: center;
    }

    .diagnosis-hero-copy h1 {
        font-size: 42px;
    }

    .diagnosis-hero-copy p {
        max-width: 560px;
        margin: 0 auto;
        font-size: 16px;
    }

    .diagnosis-hero-actions,
    .diagnosis-hero-meta {
        justify-content: center;
    }

    .diagnosis-section-head h2 {
        font-size: 28px;
    }

    .diagnosis-form-layout {
        grid-template-columns: 1fr;
    }

    .diagnosis-form label {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .diagnosis-process-line {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .diagnosis-process-line::before {
        display: none;
    }

    .diagnosis-bottom-cta-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .cta-ai-mark {
        display: none;
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    .diagnosis-hero {
        min-height: 380px;
        padding: 52px 0 28px;
        background-position: 0 0, 0% center, 0 0;
    }

    .diagnosis-hero-inner {
        min-height: 300px;
    }
}

@media (max-width: 640px) {
    .diagnosis-home-cta .hm-cta-banner {
        min-height: 0;
        padding: 26px 20px 166px;
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .diagnosis-home-cta .hm-cta-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .diagnosis-home-cta .hm-cta-actions .hm-primary-btn {
        width: 100%;
        min-width: 0;
    }

    .diagnosis-home-cta .hm-cta-visual {
        top: auto;
        right: 0;
        bottom: 10px;
        left: 0;
        width: 100%;
        height: 150px;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .diagnosis-home-cta .hm-cta-visual::before {
        inset: 0;
        background-position: center center;
        background-size: contain;
    }

    .diagnosis-hero {
        min-height: 540px;
        padding: 78px 0 30px;
    }

    .diagnosis-hero-inner {
        min-height: 432px;
    }

    .diagnosis-hero-copy h1 {
        font-size: 34px;
    }

    .diagnosis-hero-actions {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        width: 100%;
    }

    .diagnosis-btn {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        padding: 0 10px;
    }

    .diagnosis-hero-meta {
        display: grid;
        gap: 14px;
        justify-items: center;
        text-align: center;
    }

    .diagnosis-grid-4,
    .diagnosis-grid-3,
    .diagnosis-fit-grid,
    .diagnosis-faq-grid {
        grid-template-columns: 1fr;
    }

    .diagnosis-process-line {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 14px;
        max-width: 420px;
    }

    .diagnosis-process-step span {
        width: 48px;
        height: 48px;
        margin-bottom: 12px;
        font-size: 14px;
    }

    .diagnosis-process-step h3 {
        font-size: 17px;
    }

    .diagnosis-process-step p {
        margin-top: 6px;
        font-size: 13px;
        line-height: 1.56;
    }

    .diagnosis-card,
    .diagnosis-feature-card,
    .diagnosis-fit-card {
        text-align: left;
    }

    .diagnosis-card {
        display: grid;
        grid-template-columns: 52px 1fr;
        column-gap: 16px;
        align-items: start;
    }

    .diagnosis-card .diagnosis-icon {
        grid-row: span 2;
        margin: 0;
    }

    .diagnosis-form-card {
        padding: 24px 18px 28px;
    }

    .diagnosis-form-note {
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
    }

    .diagnosis-bottom-cta h2 {
        font-size: 26px;
    }
}

@media (max-width: 420px) {
    .diagnosis-hero {
        min-height: 540px;
        padding: 72px 0 28px;
    }

    .diagnosis-hero-inner {
        min-height: 440px;
    }

    .diagnosis-hero-copy h1 {
        font-size: 30px;
        line-height: 1.18;
    }

    .diagnosis-section {
        padding-top: 36px;
    }

    .diagnosis-section-head {
        margin-bottom: 20px;
    }

    .diagnosis-section-head h2 {
        font-size: 24px;
    }

    .diagnosis-card,
    .diagnosis-feature-card,
    .diagnosis-fit-card,
    .diagnosis-form-aside,
    .diagnosis-faq-item {
        box-shadow: 0 10px 24px rgba(30, 78, 143, .07);
    }

    .diagnosis-faq-item summary {
        padding: 18px 16px 8px;
        font-size: 14px;
    }

    .diagnosis-faq-item p {
        padding: 0 16px 18px;
    }
}