.boai-dx{
    --dx-bg:#07111f;
    --dx-bg2:#0b1728;
    --dx-card:#0e1c2f;
    --dx-card2:#101f34;
    --dx-border:rgba(144,177,211,.18);
    --dx-text:#eef6ff;
    --dx-muted:#9db0c5;
    --dx-accent:#4aa8ff;
    --dx-accent2:#74c4ff;
    --dx-success:#72dfb3;
    --dx-warning:#ffcc72;
    --dx-danger:#ff8585;
    color:var(--dx-text);
    background:linear-gradient(180deg,var(--dx-bg),#091523 55%,#07111f);
    border:1px solid var(--dx-border);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(0,0,0,.22);
    margin:24px auto 40px;
    max-width:1180px;
}
.boai-dx *{box-sizing:border-box}
.boai-dx button,.boai-dx input,.boai-dx a{font:inherit}
.boai-dx button{touch-action:manipulation}
.boai-dx__hero{
    padding:42px 42px 30px;
    background:
        radial-gradient(circle at 85% 10%,rgba(74,168,255,.14),transparent 30%),
        linear-gradient(135deg,rgba(74,168,255,.06),transparent 45%);
    border-bottom:1px solid var(--dx-border);
}
.boai-dx__eyebrow,.boai-dx__step-label{
    display:inline-block;
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.13em;
    color:var(--dx-accent2);
}
.boai-dx__hero h1{
    color:var(--dx-text);
    font-size:clamp(34px,6vw,64px);
    line-height:1;
    letter-spacing:-.045em;
    margin:10px 0 14px;
}
.boai-dx__hero>p{
    max-width:820px;
    margin:0;
    color:#c9d8e7;
    font-size:17px;
    line-height:1.7;
}
.boai-dx__privacy{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    border:1px solid rgba(114,223,179,.23);
    background:rgba(114,223,179,.07);
    color:#bfeeda;
    padding:8px 12px;
    border-radius:999px;
    font-size:12px;
}
.boai-dx__progress{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-bottom:1px solid var(--dx-border);
    background:rgba(0,0,0,.14);
}
.boai-dx__progress-step{
    appearance:none;
    border:0;
    border-right:1px solid var(--dx-border);
    background:transparent;
    color:#8398ad;
    min-height:62px;
    cursor:pointer;
    transition:.18s ease;
}
.boai-dx__progress-step:last-child{border-right:0}
.boai-dx__progress-step span{
    display:inline-grid;
    place-items:center;
    width:24px;height:24px;
    border-radius:50%;
    border:1px solid currentColor;
    margin-right:7px;
    font-size:12px;
}
.boai-dx__progress-step.is-active{
    color:var(--dx-text);
    background:rgba(74,168,255,.07);
    box-shadow:inset 0 -2px 0 var(--dx-accent);
}
.boai-dx__progress-step.is-done{color:var(--dx-success)}
.boai-dx__panel{padding:36px 42px 42px}
.boai-dx__panel[hidden]{display:none!important}
.boai-dx__section-head{
    display:flex;
    justify-content:space-between;
    gap:30px;
    align-items:end;
    margin-bottom:25px;
}
.boai-dx__section-head h2,.boai-dx__result-head h2{
    color:var(--dx-text);
    margin:6px 0 0;
    font-size:clamp(24px,4vw,36px);
    letter-spacing:-.025em;
}
.boai-dx__section-head>p{
    color:var(--dx-muted);
    max-width:470px;
    margin:0;
    line-height:1.55;
    text-align:right;
}
.boai-dx__search-label{
    display:block;
    font-size:13px;
    font-weight:700;
    margin:0 0 8px;
    color:#c9d8e7;
}
.boai-dx__query-wrap{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid var(--dx-border);
    background:#081421;
    padding:0 15px;
    border-radius:13px;
    margin-bottom:22px;
}
.boai-dx__query-wrap:focus-within{
    border-color:rgba(74,168,255,.72);
    box-shadow:0 0 0 3px rgba(74,168,255,.09);
}
.boai-dx__query-wrap span{color:var(--dx-accent);font-size:22px}
.boai-dx__query-wrap input{
    width:100%;
    min-height:54px;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    color:var(--dx-text)!important;
    padding:0!important;
}
.boai-dx__query-wrap input::placeholder{color:#657b91}
.boai-dx__symptoms{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}
.boai-dx__symptom,.boai-dx__impact,.boai-dx__tech{
    appearance:none;
    width:100%;
    border:1px solid var(--dx-border);
    background:var(--dx-card);
    color:var(--dx-text);
    border-radius:14px;
    cursor:pointer;
    text-align:left;
    transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.boai-dx__symptom:hover,.boai-dx__impact:hover,.boai-dx__tech:hover{
    transform:translateY(-1px);
    border-color:rgba(74,168,255,.42);
    background:var(--dx-card2);
}
.boai-dx__symptom.is-selected,.boai-dx__impact.is-selected,.boai-dx__tech.is-selected{
    border-color:var(--dx-accent);
    background:linear-gradient(135deg,rgba(74,168,255,.14),rgba(74,168,255,.04));
    box-shadow:inset 0 0 0 1px rgba(74,168,255,.13);
}
.boai-dx__symptom{
    padding:14px;
    display:flex;
    gap:12px;
    align-items:center;
    min-height:78px;
}
.boai-dx__symptom-icon{
    flex:0 0 38px;
    width:38px;height:38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(74,168,255,.09);
    color:var(--dx-accent2);
    font-weight:800;
}
.boai-dx__symptom strong{display:block;font-size:14px;margin-bottom:3px}
.boai-dx__symptom small{display:block;color:var(--dx-muted);line-height:1.35;font-size:11px}
.boai-dx__tech-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.boai-dx__tech{padding:15px;min-height:74px}
.boai-dx__tech strong{display:block;margin-bottom:4px}
.boai-dx__tech span{display:block;color:var(--dx-muted);font-size:11px;line-height:1.35}
.boai-dx__tech[data-tech="generic"]{border-style:dashed}
.boai-dx__impact-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.boai-dx__impact{padding:20px}
.boai-dx__impact strong{display:block;margin-bottom:5px;font-size:16px}
.boai-dx__impact span{display:block;color:var(--dx-muted);font-size:13px;line-height:1.45}
.boai-dx__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-top:28px;
}
.boai-dx__hint{margin-right:auto;color:#8296aa;font-size:12px}
.boai-dx__primary,.boai-dx__secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:43px;
    padding:0 17px;
    border-radius:10px;
    text-decoration:none!important;
    cursor:pointer;
    font-weight:750;
    font-size:13px;
}
.boai-dx__primary{
    border:1px solid #62b8ff!important;
    background:linear-gradient(180deg,#54adf7,#318fdc)!important;
    color:#04111d!important;
}
.boai-dx__primary:hover{filter:brightness(1.07)}
.boai-dx__secondary{
    border:1px solid var(--dx-border)!important;
    background:#0b1828!important;
    color:#cbd9e7!important;
}
.boai-dx__result-head{
    display:flex;
    justify-content:space-between;
    gap:25px;
    align-items:center;
    padding-bottom:22px;
    border-bottom:1px solid var(--dx-border);
}
.boai-dx__result-head p{color:var(--dx-muted);margin:8px 0 0;max-width:740px}
.boai-dx__confidence{
    white-space:nowrap;
    border:1px solid rgba(114,223,179,.28);
    color:var(--dx-success);
    background:rgba(114,223,179,.07);
    border-radius:999px;
    padding:9px 12px;
    font-size:12px;
    font-weight:800;
}
.boai-dx__alert{
    margin:20px 0 0;
    padding:15px 17px;
    border:1px solid rgba(255,204,114,.34);
    border-radius:12px;
    background:rgba(255,204,114,.08);
    color:#f8d99e;
    line-height:1.55;
}
.boai-dx__alert.is-danger{
    border-color:rgba(255,133,133,.35);
    background:rgba(255,133,133,.08);
    color:#ffc3c3;
}
.boai-dx__result-layout{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:28px;
    margin-top:28px;
}
.boai-dx__result-layout h3{
    color:var(--dx-text);
    font-size:16px;
    margin:0 0 12px;
}
.boai-dx__checks{
    list-style:none!important;
    padding:0!important;
    margin:0!important;
    counter-reset:dxcheck;
}
.boai-dx__checks li{
    counter-increment:dxcheck;
    position:relative;
    padding:13px 13px 13px 47px;
    margin:0 0 9px;
    background:#0b1828;
    border:1px solid var(--dx-border);
    border-radius:11px;
    color:#c9d7e6;
    line-height:1.5;
    font-size:13px;
}
.boai-dx__checks li:before{
    content:counter(dxcheck);
    position:absolute;
    left:12px;top:11px;
    width:25px;height:25px;
    display:grid;place-items:center;
    border-radius:8px;
    background:rgba(74,168,255,.11);
    color:var(--dx-accent2);
    font-weight:800;
    font-size:11px;
}
.boai-dx__recommendations{display:grid;gap:9px}
.boai-dx__rec{
    display:grid;
    grid-template-columns:40px 1fr auto;
    gap:12px;
    align-items:center;
    padding:12px;
    border:1px solid var(--dx-border);
    border-radius:12px;
    background:var(--dx-card);
    text-decoration:none!important;
}
.boai-dx__rec:hover{border-color:rgba(74,168,255,.48);background:var(--dx-card2)}
.boai-dx__rec-icon{
    width:40px;height:40px;
    display:grid;place-items:center;
    border-radius:10px;
    background:rgba(74,168,255,.08);
    color:var(--dx-accent2);
    font-weight:800;
}
.boai-dx__rec strong{display:block;color:var(--dx-text);font-size:14px;margin-bottom:3px}
.boai-dx__rec small{display:block;color:var(--dx-muted);line-height:1.35}
.boai-dx__rec-arrow{color:var(--dx-accent2);font-size:19px}
.boai-dx__more,.boai-dx__summary-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border:1px solid var(--dx-border);
    background:rgba(74,168,255,.045);
    border-radius:14px;
    padding:17px;
    margin-top:22px;
}
.boai-dx__more-text strong,.boai-dx__summary-box strong{display:block;margin-bottom:4px}
.boai-dx__more-text span,.boai-dx__summary-box p{display:block;color:var(--dx-muted);font-size:12px;line-height:1.45;margin:0}
.boai-dx__summary-box{background:#091625}
.boai-dx__noscript{
    margin:20px 42px 42px;
    padding:15px;
    border:1px solid var(--dx-border);
    border-radius:12px;
    color:#c9d7e6;
}
@media (max-width:900px){
    .boai-dx__symptoms{grid-template-columns:repeat(2,minmax(0,1fr))}
    .boai-dx__tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .boai-dx__result-layout{grid-template-columns:1fr}
    .boai-dx__section-head{display:block}
    .boai-dx__section-head>p{text-align:left;margin-top:10px}
}
@media (max-width:620px){
    .boai-dx{border-radius:14px;margin-top:12px}
    .boai-dx__hero,.boai-dx__panel{padding:25px 18px}
    .boai-dx__progress-step{font-size:0;min-height:50px}
    .boai-dx__progress-step span{font-size:11px;margin:0}
    .boai-dx__symptoms,.boai-dx__tech-grid,.boai-dx__impact-grid{grid-template-columns:1fr}
    .boai-dx__actions{flex-wrap:wrap}
    .boai-dx__hint{width:100%;margin:0 0 5px}
    .boai-dx__result-head,.boai-dx__more,.boai-dx__summary-box{align-items:flex-start;flex-direction:column}
    .boai-dx__primary,.boai-dx__secondary{width:100%}
    .boai-dx__rec{grid-template-columns:38px 1fr auto}
}