/* AI service: shares the approved DX layout, with distinct native diagrams. */
#op-main .opdx.opai .ai-icon{display:block;flex-shrink:0;width:28px;height:28px;color:var(--dx-navy);}
#op-main .opdx.opai .ai-visual{padding:16px;background:#F3F6FA;}
#op-main .opdx.opai .dx-soft .ai-visual{background:#fff;}
#op-main .opdx.opai .ai-visual-head{font-size:16px;font-weight:700;margin-bottom:14px;}
#op-main .opdx.opai .ai-visual-sub{font-size:14px;font-weight:700;margin:22px 0 12px;}
#op-main .opdx.opai .ai-criteria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
#op-main .opdx.opai .ai-criteria>div{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 7px;background:#fff;border:1px solid var(--dx-line);text-align:center;}
#op-main .opdx.opai .ai-criteria b{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;}
#op-main .opdx.opai .ai-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#op-main .opdx.opai .ai-stages>div{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;background:var(--dx-navy);color:#fff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);}
#op-main .opdx.opai .ai-stages>div:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);}
#op-main .opdx.opai .ai-stages>div:nth-child(2){background:#1E66B0;}
#op-main .opdx.opai .ai-stages>div:nth-child(3){background:#256DA8;}
#op-main .opdx.opai .ai-stages b{font-size:16px;}
#op-main .opdx.opai .ai-stages .ai-icon{color:#fff;width:22px;height:22px;}
#op-main .opdx.opai .ai-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;}
#op-main .opdx.opai .ai-deliverables span{background:#fff;border:1px solid var(--dx-line);padding:12px 8px;text-align:center;font-size:14px;}
#op-main .opdx.opai .ai-windowbar{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--dx-navy);color:#fff;font-size:15px;}
#op-main .opdx.opai .ai-window-dots{letter-spacing:4px;line-height:1;color:#9ECBF2;}
#op-main .opdx.opai .ai-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;}
#op-main .opdx.opai .ai-use-card{display:flex;align-items:center;gap:12px;min-height:102px;padding:16px;background:#fff;border:1px solid var(--dx-line);}
#op-main .opdx.opai .ai-use-card b{display:block;font-size:16px;}
#op-main .opdx.opai .ai-use-card span{display:block;color:#4A5563;font-size:14px;margin-top:5px;}
#op-main .opdx.opai .ai-common{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px;background:#E4EEF8;}
#op-main .opdx.opai .ai-common b,#op-main .opdx.opai .ai-common span{font-size:14px;}
#op-main .opdx.opai .ai-auto-pipeline{display:grid;grid-template-columns:1fr 14px 1.1fr 14px 1.1fr 14px 1.1fr;gap:4px;align-items:stretch;}
#op-main .opdx.opai .ai-auto-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:216px;padding:16px 6px;background:#fff;border:1px solid var(--dx-line);text-align:center;}
#op-main .opdx.opai .ai-auto-step>.ai-icon{width:34px;height:34px;}
#op-main .opdx.opai .ai-auto-step b{font-size:15px;}
#op-main .opdx.opai .ai-auto-step>span{font-size:14px;line-height:1.7;color:#4A5563;}
#op-main .opdx.opai .ai-ai-step{background:#E4EEF8;border-color:#9ECBF2;}
#op-main .opdx.opai .ai-human-step{border:2px solid var(--dx-navy);padding:15px 5px;}
#op-main .opdx.opai .ai-inputs{display:grid;gap:12px;}
#op-main .opdx.opai .ai-inputs>span{display:flex;align-items:center;gap:7px;font-size:14px;}
#op-main .opdx.opai .ai-inputs .ai-icon{width:22px;height:22px;}
#op-main .opdx.opai .ai-arrow{display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--dx-navy);}
#op-main .opdx.opai .ai-auto-footer{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;background:#E4EEF8;font-size:14px;}
#op-main .opdx.opai .ai-auto-footer .ai-icon{width:22px;height:22px;}
#op-main .opdx.opai .ai-training-work{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;}
#op-main .opdx.opai .ai-practice{padding:16px;background:#fff;border:1px solid var(--dx-line);}
#op-main .opdx.opai .ai-practice-head{display:block;font-size:15px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--dx-line);}
#op-main .opdx.opai .ai-practice dl{display:grid;gap:10px;}
#op-main .opdx.opai .ai-practice dl>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;font-size:14px;}
#op-main .opdx.opai .ai-practice dt{font-weight:700;}
#op-main .opdx.opai .ai-practice dd{padding:7px 9px;border:1px solid var(--dx-line);background:#F3F6FA;font-size:14px;}
#op-main .opdx.opai .ai-training-check{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px;}
#op-main .opdx.opai .ai-training-check .ai-icon{width:22px;height:22px;}
#op-main .opdx.opai .ai-section-lead{margin-top:20px;}
#op-main .opdx.opai .ai-product{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:36px;padding:36px;border:1px solid var(--dx-line);background:#F3F6FA;}
#op-main .opdx.opai .ai-order-diagram{display:grid;grid-template-columns:1fr 20px 1.4fr 20px 1.2fr;gap:10px;align-items:center;}
#op-main .opdx.opai .ai-order-diagram>span:not(.ai-product-arrow){display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;font-size:14px;}
#op-main .opdx.opai .ai-order-diagram .ai-icon{width:38px;height:38px;}
#op-main .opdx.opai .ai-product-arrow{font-size:22px;text-align:center;}
#op-main .opdx.opai .ai-product-copy h3{font-size:30px;}
#op-main .opdx.opai .ai-product-copy p{margin:12px 0 16px;}
#op-main .opdx.opai .ai-product-copy a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:700;}
#op-main .opdx.opai .ai-fee{display:grid;grid-template-columns:340px 1fr;gap:48px;margin-top:36px;padding:36px;background:#F3F6FA;border:1px solid var(--dx-line);}
#op-main .opdx.opai .ai-fee h3{font-size:30px;}
#op-main .opdx.opai .ai-fee>div:first-child p{font-size:15px;margin-top:12px;}
#op-main .opdx.opai .ai-fee .dx-note{margin-top:20px;}
#op-main .opdx.opai .ai-related{padding-block:0 64px;}
#op-main .opdx.opai .ai-related p{font-size:15px;}
#op-main .opdx.opai .ai-related>div{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:16px;}
#op-main .opdx.opai .ai-related a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;}
@media(max-width:900px){
 #op-main .opdx.opai .ai-product{gap:28px;padding:28px;}
 #op-main .opdx.opai .ai-fee{grid-template-columns:1fr;gap:24px;padding:28px;}
}
@media(max-width:600px){
 #op-main .opdx.opai .ai-visual{padding:12px;}
 #op-main .opdx.opai .ai-criteria{grid-template-columns:1fr 1fr;gap:10px;}
 #op-main .opdx.opai .ai-criteria>div{padding:14px 8px;gap:8px;}
 #op-main .opdx.opai .ai-criteria b{min-height:0;}
 #op-main .opdx.opai .ai-stages{grid-template-columns:1fr;gap:8px;}
 #op-main .opdx.opai .ai-stages>div,#op-main .opdx.opai .ai-stages>div:first-child{clip-path:none;justify-content:flex-start;padding:10px 16px;}
 #op-main .opdx.opai .ai-deliverables{gap:6px;}
 #op-main .opdx.opai .ai-deliverables span{padding:10px 4px;}
 #op-main .opdx.opai .ai-windowbar{padding:10px;gap:8px;}
 #op-main .opdx.opai .ai-use-grid{gap:10px;}
 #op-main .opdx.opai .ai-use-card{display:block;min-height:0;padding:12px 10px;}
 #op-main .opdx.opai .ai-use-card>.ai-icon{margin-bottom:12px;}
 #op-main .opdx.opai .ai-use-card b{font-size:15px;}
 #op-main .opdx.opai .ai-common{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:10px;}
 #op-main .opdx.opai .ai-auto-pipeline{grid-template-columns:1fr;gap:8px;}
 #op-main .opdx.opai .ai-auto-step{min-height:0;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:14px;text-align:left;}
 #op-main .opdx.opai .ai-auto-input{display:block;text-align:left;}
 #op-main .opdx.opai .ai-inputs{display:flex;justify-content:space-between;gap:10px;margin-top:12px;}
 #op-main .opdx.opai .ai-auto-step>span{grid-column:2;}
 #op-main .opdx.opai .ai-human-step{padding:13px;}
 #op-main .opdx.opai .ai-arrow{font-size:0;height:20px;}
 #op-main .opdx.opai .ai-arrow::before{content:'↓';font-size:20px;}
 #op-main .opdx.opai .ai-training-work{grid-template-columns:1fr;gap:12px;}
 #op-main .opdx.opai .ai-product{grid-template-columns:1fr;padding:24px 16px;gap:28px;}
 #op-main .opdx.opai .ai-order-diagram{gap:6px;}
 #op-main .opdx.opai .ai-order-diagram .ai-icon{width:30px;height:30px;}
 #op-main .opdx.opai .ai-product-copy h3{font-size:26px;}
 #op-main .opdx.opai .ai-fee{padding:24px 20px;}
 #op-main .opdx.opai .ai-fee h3{font-size:26px;}
 #op-main .opdx.opai .ai-related{padding-bottom:48px;}
}