.article-hero{background:linear-gradient(135deg,#f8f9fc,#f0effe);color:#030712;padding:120px 24px 80px;text-align:center;border-bottom:1px solid #e2e4eb}.article-hero .category{display:inline-block;padding:6px 16px;background:rgba(127,121,241,.1);border:1px solid rgba(127,121,241,.35);border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#6e68e0;margin-bottom:20px;text-transform:uppercase}.article-hero h1{font-size:42px;font-weight:900;line-height:1.15;max-width:750px;margin:0 auto 16px;letter-spacing:-.02em;color:#030712}.article-hero .subtitle{font-size:18px;color:#374151;max-width:600px;margin:0 auto 24px;line-height:1.6}.article-meta{font-size:14px;color:#6b7280}.article-meta span{margin:0 8px}.article-content{max-width:720px;margin:0 auto;padding:56px 24px 80px;background:#f8f9fc}.article-content h2{font-size:28px;font-weight:800;color:#030712;margin:48px 0 16px;letter-spacing:-.01em;padding-bottom:8px;border-bottom:3px solid #7f79f1;display:inline-block}.article-content h3{font-size:20px;font-weight:700;color:#6e68e0;margin:32px 0 12px}.article-content p{font-size:17px;color:#374151;margin-bottom:20px;line-height:1.75}.article-content ol,.article-content ul{margin:0 0 20px 24px;font-size:17px;color:#374151;line-height:1.75}.article-content li{margin-bottom:8px}.article-content strong{color:#030712}.article-content a{color:#7f79f1}.article-content a:hover{color:#6e68e0}.callout{background:#fff;border-left:4px solid #7f79f1;padding:20px 24px;border-radius:0 12px 12px 0;margin:28px 0;font-size:16px;color:#374151}.callout strong{color:#030712}.callout a{color:#7f79f1}.callout ol,.callout ul{color:#374151}.callout.tip{background:#fff;border-color:#6e68e0}.callout.stat{background:linear-gradient(135deg,#f0effe,#fff);border:1px solid rgba(127,121,241,.3);border-left:none;border-radius:16px;text-align:center;padding:28px}.callout.stat .stat-number{font-size:48px;font-weight:900;line-height:1.1;margin-bottom:8px;background:linear-gradient(135deg,#7f79f1,#6e68e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.callout.stat .stat-label{font-size:16px;color:#374151;font-weight:600}.callout.cta-box{background:linear-gradient(135deg,#f0effe,#fff);border:1px solid rgba(127,121,241,.3);border-left:none;border-radius:16px;text-align:center;padding:32px}.callout.cta-box strong{color:#030712}.callout.cta-box p{color:#374151;margin-bottom:0}.callout.cta-box .cta-btn{display:inline-block;margin-top:16px;background:linear-gradient(135deg,#7f79f1,#5b54d4);color:#fff;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:800;font-size:16px;transition:all .3s}.callout.cta-box .cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(127,121,241,.35);color:#fff}.kpi-card{background:#fff;border:1px solid #e2e4eb;border-radius:16px;padding:28px;margin:24px 0}.kpi-card h4{font-size:18px;font-weight:800;color:#030712;margin-bottom:8px}.kpi-card ol,.kpi-card p,.kpi-card ul{color:#374151}.kpi-card strong{color:#030712}.kpi-card .formula{display:inline-block;background:#f8f9fc;color:#7f79f1;padding:8px 16px;border-radius:8px;font-family:monospace;font-size:14px;margin:8px 0 12px;font-weight:700;border:1px solid #e2e4eb}.article-table{width:100%;border-collapse:collapse;margin:0;font-size:15px}.article-table th{background:#f0effe;color:#030712;padding:14px 16px;text-align:left;font-weight:700;font-size:14px;border-bottom:1px solid #e2e4eb}.article-table td{padding:12px 16px;border-bottom:1px solid #e2e4eb;color:#374151;background:#fff}.article-table tr:nth-child(2n) td{background:#fff}.article-table .highlight-col{background:rgba(127,121,241,.08)!important;color:#6e68e0!important;font-weight:600}.table-wrapper{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid #e2e4eb;overflow:hidden}.verdict-box{background:linear-gradient(135deg,#f0effe,#fff);border:1px solid rgba(127,121,241,.25);border-radius:16px;padding:32px;margin:32px 0}.verdict-box h4{font-size:20px;font-weight:800;color:#7f79f1;margin-bottom:12px}.verdict-box p{color:#374151;font-size:16px;line-height:1.7}.verdict-box strong{color:#030712}.crm-card{background:#fff;border:1px solid #e2e4eb;border-radius:16px;padding:28px;margin:24px 0;transition:border-color .2s}.crm-card:hover{border-color:rgba(127,121,241,.35)}.crm-card h4{font-size:18px;font-weight:800;color:#030712;margin-bottom:4px}.crm-card p{color:#374151}.crm-card strong{color:#030712}.crm-card .best-for{display:inline-block;padding:4px 12px;background:rgba(127,121,241,.1);color:#7f79f1;border:1px solid rgba(127,121,241,.25);border-radius:6px;font-size:13px;font-weight:700;margin-bottom:12px}.related-posts{background:#fff;padding:56px 24px;border-top:1px solid #e2e4eb}.related-inner{max-width:720px;margin:0 auto}.related-inner h3{font-size:24px;font-weight:800;margin-bottom:24px;color:#030712}.related-card{display:block;background:#fff;border:1px solid #e2e4eb;border-radius:12px;padding:24px;text-decoration:none;transition:all .2s;margin-bottom:16px}.related-card:hover{border-color:rgba(127,121,241,.35);box-shadow:0 4px 20px rgba(127,121,241,.1);transform:translateY(-2px)}.related-card h4{font-size:18px;font-weight:700;color:#030712;margin-bottom:8px}.related-card p{font-size:15px;color:#374151;line-height:1.5;margin:0}@media (max-width:768px){.article-hero{padding:100px 20px 60px}.article-hero h1{font-size:28px}.article-hero .subtitle{font-size:16px}.article-content h2{font-size:24px}.crm-card,.kpi-card{padding:20px}.article-table{font-size:13px}.article-table td,.article-table th{padding:10px 12px}}