.diag-breadcrumb a{text-decoration:none;color:inherit}.diag-breadcrumb a:hover{color:#2563eb}.diag-breadcrumb .separator{margin:0 .5rem;color:#d1d5db}.diag-disclaimer{background:#fffbeb;border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:.5rem;padding:1rem;margin-bottom:2rem;display:flex;gap:1rem;align-items:flex-start;color:#92400e;font-size:.95rem;line-height:1.5;box-shadow:0 1px 2px #0000000d}.disclaimer-icon{color:#f59e0b;flex-shrink:0;padding-top:.125rem}.disclaimer-content strong{color:#b45309;font-weight:700;margin-right:.25rem}.diag-page{background-color:#f9fafb;min-height:100vh;padding-bottom:4rem}.diag-header-bg{background:#fff;border-bottom:1px solid #e5e7eb;padding-top:8rem;padding-bottom:3rem}.diag-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.diag-breadcrumb{font-size:.875rem;color:#6b7280;margin-bottom:2rem}.diag-breadcrumb ol{display:flex;list-style:none;padding:0;margin:0;align-items:center;flex-wrap:wrap}.diag-header-content{display:flex;justify-content:space-between;align-items:flex-start}.diag-brand-logo{display:none}@media (min-width: 768px){.diag-brand-logo{display:flex;width:5rem;height:5rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#9ca3af;overflow:hidden;padding:.5rem;box-shadow:0 4px 6px -1px #0000001a}.diag-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}}.diag-badge-pill{display:inline-block;background:#eff6ff;color:#1d4ed8;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.diag-title{font-size:2.5rem;font-weight:800;color:#111;margin:0 0 1rem;line-height:1.1}.diag-title span{color:#2563eb}.diag-lead{font-size:1.125rem;color:#4b5563;margin:0;line-height:1.6}.diag-body{padding-top:3rem}.diag-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.diag-layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,380px);gap:2.5rem;align-items:start}.diag-sidebar{position:sticky;top:6.5rem}}.diag-cta-card,.diag-workflow-steps{grid-column:1 / -1}.diag-cta-card .ac-appstore-icon{width:1rem;height:1rem;flex:0 0 1rem;display:inline-flex;align-items:center;justify-content:center;margin-right:0}.diag-cta-card .ac-appstore-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0)}.diag-cta-card .cta-btn.ac-btn-primary{background:#ffc320;color:#111;border:1px solid rgba(17,17,17,.2)}.diag-cta-card .cta-btn.ac-btn-primary:hover{background:#ffd562}.diag-main{min-width:0}.diag-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.diag-card.blue-border{border-top:4px solid #3b82f6}.diag-card.yellow-border{border-top:4px solid #eab308}.diag-card-body{padding:2rem}.diag-card-title{font-size:1.25rem;font-weight:700;color:#111;margin:0 0 1.5rem;display:flex;align-items:center}.icon-circle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;margin-right:.75rem}.icon-circle.blue{background:#eff6ff;color:#2563eb}.icon-circle.yellow{background:#fef9c3;color:#ca8a04}.diag-prose{font-size:1.125rem;line-height:1.7;color:#374151}.diag-prose.blue-bg{background:#f0f9ff;padding:1.5rem;border-radius:.75rem;border:1px solid #bae6fd}.diag-list{list-style:none;padding:0;margin:0}.diag-list li{display:flex;gap:.75rem;margin-bottom:1rem}.diag-list li svg{flex-shrink:0;color:#eab308;margin-top:.25rem}.diag-cta-card{background:#111;color:#fff;border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:2rem}.diag-cta-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.diag-cta-content p{color:#dbeafe;margin:0 0 1.5rem}.diag-cta-actions{display:flex;flex-direction:column;gap:1.25rem;align-items:center;justify-content:center}@media (min-width: 640px){.diag-cta-actions{flex-direction:row}}.btn-convert{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-convert:hover{background:#fff3;border-color:#fff;text-decoration:none}.diag-workflow-steps{margin-top:3rem;padding:3rem 2rem;background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem}.diag-section-title{font-size:1.5rem;font-weight:700;color:#111;text-align:center;margin-bottom:2.5rem}.workflow-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.workflow-grid{grid-template-columns:repeat(3,1fr)}}.workflow-item{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s}.workflow-item:hover{transform:translateY(-5px)}.workflow-icon{width:3rem;height:3rem;background:#eff6ff;color:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin-bottom:1rem;border:2px solid #dbeafe}.workflow-item h4{font-size:1.125rem;font-weight:600;color:#111;margin:0 0 .5rem}.workflow-item p{font-size:.875rem;color:#6b7280;margin:0}.diag-sidebar{display:flex;flex-direction:column;gap:1.5rem}.diag-info-box{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.75rem}.diag-info-box h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 1.5rem;font-weight:700}.diag-info-box dl>div{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #f3f4f6}.diag-info-box dl>div:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.diag-info-box dt{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.diag-info-box dd{font-weight:700;color:#111;margin:0}.code-mono{font-family:monospace;background:#f3f4f6;padding:.2rem .5rem;border-radius:.25rem}.btn-back{display:block;text-align:center;background:#fff;border:1px solid #e5e7eb;color:#4b5563;padding:1rem;border-radius:.75rem;text-decoration:none;font-weight:500;transition:all .2s}.btn-back:hover{border-color:#93c5fd;color:#2563eb}.system-list{list-style:none;padding:0;margin:0}.system-list li{margin-bottom:1rem}.system-link{display:flex;align-items:center;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.75rem;text-decoration:none;color:inherit;transition:all .2s}.system-link:hover{background-color:#f9fafb;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.system-icon{width:3rem;height:3rem;background:#eff6ff;color:#2563eb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.system-info{flex:1}.system-name{display:block;font-weight:700;color:#111;margin-bottom:.25rem}.system-desc{display:block;font-size:.875rem;color:#6b7280}.system-arrow{font-size:1.5rem;color:#d1d5db;transition:color .2s}.system-link:hover .system-arrow{color:#2563eb}