.article-container{max-width:720px;margin:60px auto;padding:0 20px;font-family:system-ui,-apple-system,sans-serif}.category-eyebrow{display:inline-block;padding:6px 14px;background:#b7791f1a;color:var(--blue-night);border-radius:999px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px}article h1,header h1{font-size:clamp(32px,4vw,48px);line-height:1.1;color:var(--blue-night);letter-spacing:-1.5px;margin-bottom:16px;font-weight:800}.article-subtitle{font-size:20px;color:var(--text-muted);margin-bottom:32px;font-weight:400;line-height:1.5}.article-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:#718096;border-bottom:1px solid var(--gray-line);padding-bottom:24px;margin-bottom:40px}.tool-hero{display:flex;align-items:center;gap:24px;background:var(--white);padding:32px;border-radius:16px;border:1px solid var(--gray-line);margin-bottom:40px;box-shadow:0 10px 25px #0000000d}.tool-hero-logo{width:120px;height:120px;border-radius:12px;background:#f8fafc;border:1px solid var(--gray-line);display:flex;align-items:center;justify-content:center;padding:16px;flex-shrink:0}.tool-hero-logo img{max-width:100%;max-height:100%;object-fit:contain}.tool-hero-info h2{margin:0 0 12px;font-size:28px;color:var(--blue-night)}.rating-badge{display:inline-block;background:var(--blue-night);color:var(--white);padding:8px 16px;border-radius:8px;font-weight:700;font-size:14px;margin-bottom:12px}.rating-badge span{color:var(--copper)}.short-answer-box{background:linear-gradient(to right,#fff,#f8fafc);border:1px solid var(--gray-line);border-left:6px solid var(--copper);padding:32px;border-radius:12px;margin-bottom:48px;box-shadow:0 4px 12px #0000000d}.short-answer-box h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--copper);margin-top:0;margin-bottom:16px}.short-answer-box ul{margin:0;padding-left:20px;font-size:16px;color:var(--blue-night);font-weight:500;line-height:1.6}.short-answer-box li{margin-bottom:12px}.toc{background:#f8fafc;border:1px solid var(--gray-line);border-radius:12px;padding:24px;margin-bottom:48px}.toc-title{font-weight:800;font-size:16px;margin-bottom:16px;color:var(--blue-night);text-transform:uppercase;letter-spacing:.5px}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin-bottom:12px;padding-left:16px;position:relative}.toc li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--copper);border-radius:50%}.toc a{text-decoration:none;color:#475569!important;font-size:15px;font-weight:500;transition:color .2s}.toc a:hover{color:var(--copper)!important}article p{margin-bottom:24px;font-size:17px;line-height:1.7;color:#334155}article h2{font-size:32px;color:var(--blue-night);margin-top:56px;margin-bottom:24px;letter-spacing:-.5px;font-weight:800}article h3{font-size:24px;color:var(--blue-night);margin-top:40px;margin-bottom:16px;font-weight:700}article a{color:var(--copper)!important;text-decoration:underline;text-underline-offset:4px;font-weight:600}.consultant-note{background:#f8fafc;border-left:4px solid var(--blue-night);padding:20px 24px;margin:32px 0;border-radius:0 8px 8px 0;font-style:italic;color:#475569;position:relative}.consultant-note:before{content:"DTC Insight";display:block;font-style:normal;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--blue-night);margin-bottom:8px}.okta-hub-container{background:#0f172a;border-radius:16px;padding:40px;margin:48px 0;position:relative;overflow:hidden;font-family:system-ui,sans-serif}.okta-hub-title{color:#f8fafc;font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:700;text-align:center;margin-bottom:30px}.hub-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;position:relative;z-index:2}.hub-column{display:flex;flex-direction:column;gap:16px}.hub-node{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#cbd5e1;text-align:center;font-weight:500;font-size:14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.hub-node:hover{transform:translateY(-3px) scale(1.02);background:#ffffff1f;box-shadow:0 10px 20px #00000040;color:#fff}.hub-node.source{border-left:4px solid #22c55e}.hub-node.target{border-right:4px solid #3b82f6}.okta-core{background:#fff;padding:24px;border-radius:50%;width:140px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 30px #ffffff1a;position:relative}.okta-core-logo{width:50px;height:50px;object-fit:contain;margin-bottom:4px}.okta-core-title{font-weight:900;font-size:16px;color:var(--blue-night);letter-spacing:-.5px;text-align:center;line-height:1.1}.okta-core-sub{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:700;margin-top:2px}.pulse-ring{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.3);animation:pulseAnim 2s infinite ease-out;z-index:-1}@keyframes pulseAnim{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.css-diagram{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;padding:40px 24px;margin:40px 0;display:flex;flex-direction:column;align-items:center;gap:24px}.diagram-title{font-weight:800;color:var(--blue-night);font-size:18px;text-transform:uppercase;letter-spacing:1.5px;text-align:center}.orch-grid{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;flex-wrap:wrap}.orch-column{display:flex;flex-direction:column;gap:12px;flex:1;min-width:150px}.orch-node{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center;font-weight:600;color:#475569;font-size:14px;box-shadow:0 4px 6px -1px #0000000d}.orch-node.core{background:var(--blue-night);color:#fff;border-color:var(--blue-night);font-size:16px;padding:20px 16px}.orch-node.ai{background:var(--copper);color:#fff;border-color:var(--copper);border-radius:999px;margin-top:-8px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.orch-arrow{font-size:24px;color:#94a3b8;font-weight:700}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:48px 0}.pc-card{background:var(--white);border:1px solid var(--gray-line);border-radius:12px;padding:32px}.pc-card h3{margin-top:0;font-size:20px;border-bottom:2px solid var(--gray-bg);padding-bottom:12px}.pc-card.pros h3{color:#16a34a}.pc-card.cons h3{color:#dc2626}.pc-list{list-style:none;padding:0;margin:0}.pc-list li{position:relative;padding-left:24px;margin-bottom:16px;font-size:15px;line-height:1.6;color:#334155}.pc-list li:before{position:absolute;left:0;top:0;font-weight:700}.pros .pc-list li:before{content:"✓";color:#16a34a}.cons .pc-list li:before{content:"✕";color:#dc2626}.faq-section{margin-top:80px;border-top:2px solid var(--gray-line);padding-top:56px}.faq-item{margin-bottom:40px}.faq-question{font-weight:800;font-size:18px;color:var(--blue-night);margin-bottom:12px;display:block}.faq-answer{color:#475569;font-size:16px;line-height:1.7}.article-cta{background:linear-gradient(135deg,var(--blue-night),#1e3a8a);border-radius:24px;padding:48px 32px;color:#fff;text-align:center;margin-top:80px}.article-cta h2{color:#fff;margin-top:0}.article-cta p{color:#ffffffe6;margin-bottom:32px}@media(max-width:768px){.pros-cons-grid{grid-template-columns:1fr}.orch-grid{flex-direction:column}.orch-arrow{transform:rotate(90deg)}.hub-grid{grid-template-columns:1fr;justify-items:center}.hub-column{width:100%;max-width:250px}}