.table-wrap{overflow-x:auto;margin:24px 0;border-radius:10px;box-shadow:0 1px 6px #00000012}.compare-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.compare-table thead tr{background:#0f2848;color:#fff}.compare-table th{padding:12px 16px;text-align:left;font-weight:700;font-size:13px;white-space:nowrap}.col-template{background:#1a3a6a!important}.col-card{background:#00b900!important}.compare-table td{padding:12px 16px;border-bottom:1px solid #eef1f5;color:#444;line-height:1.6}.compare-table tbody tr:last-child td{border-bottom:none}.compare-table tbody tr:hover{background:#f8fbff}.row-label{font-weight:700;color:#0f2848!important;white-space:nowrap;background:#f8fafb}.visual-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:28px 0}.visual-compare-col{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:16px}.visual-compare-heading{font-size:14px!important;font-weight:700;text-align:center;padding:8px 14px;border-radius:6px;color:#fff!important;margin:0!important}.template-heading{background:#1a3a6a}.card-heading{background:#00b900}.phone-mockup{background:#e8edf2;border-radius:20px;padding:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.phone-screen{background:#7494b8;border-radius:12px;padding:16px 10px;flex:1;display:flex;align-items:flex-end}.mock-msg{width:85%;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000001f}.template-mock{background:#fff}.mock-img-area{background:linear-gradient(135deg,#0f284818,#1a3a6a22);height:90px;display:flex;align-items:center;justify-content:center}.mock-img-placeholder{font-size:11px;color:#89a;font-weight:600;letter-spacing:.04em}.mock-img-placeholder.small{font-size:10px}.mock-text-area{padding:10px 12px 8px}.mock-title-text{font-size:12px!important;font-weight:700;color:#0f2848!important;margin-bottom:4px!important}.mock-desc-text{font-size:10px!important;color:#888!important;line-height:1.5!important;margin-bottom:0!important}.mock-btn-area{border-top:1px solid #eef1f5}.mock-btn{display:block;text-align:center;padding:7px 0;font-size:11px;font-weight:600;color:#00b900;border-bottom:1px solid #eef1f5}.mock-btn.last{border-bottom:none}.card-mock{background:0 0;box-shadow:none;width:100%}.mock-card-carousel{display:flex;gap:8px;overflow:hidden}.mock-card{flex:0 0 45%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000001f}.mock-card.peek{flex:0 0 20%;opacity:.5}.mock-card-img{height:80px;background:linear-gradient(135deg,#00b90012,#00b90020);display:flex;align-items:center;justify-content:center}.mock-card-info{padding:10px}.mock-card-label{display:inline-block;font-size:8px;font-weight:700;color:#fff;background:#00b900;padding:1px 6px;border-radius:3px;margin-bottom:4px}.mock-card-name{font-size:11px!important;font-weight:700;color:#0f2848!important;margin-bottom:2px!important}.mock-card-price{font-size:12px!important;font-weight:800;color:#e5004f!important;margin-bottom:0!important}.visual-features{padding-left:18px;margin:0}.visual-features li{font-size:13px;color:#555;line-height:1.7;margin-bottom:4px;list-style:disc}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.diff-item{border-radius:10px;overflow:hidden;border:1px solid #e8edf2}.diff-item-header{padding:10px 16px;font-size:13px;font-weight:800;color:#fff;text-align:center}.template-bg{background:#1a3a6a}.card-bg{background:#00b900}.diff-item-body{padding:16px;background:#fff}.diff-item-body p{font-size:13px!important;line-height:1.7!important;margin-bottom:10px!important}.diff-item-body p:last-child{margin-bottom:0!important}.type-cards{display:flex;flex-direction:column;gap:16px;margin:24px 0}.type-card{border-radius:10px;overflow:hidden;border:1px solid #e8edf2}.type-card-header{display:flex;align-items:center;gap:14px;padding:14px 20px}.type-card-header.template{background:linear-gradient(135deg,#0f284810,#1a3a6a15);border-bottom:2px solid #0f284820}.type-card-header.card{background:linear-gradient(135deg,#00b90010,#00b90018);border-bottom:2px solid #00b90020}.type-card-num{font-size:13px;font-weight:800;color:#999;letter-spacing:.02em}.type-card-header h3{font-size:15px;font-weight:700;color:#0f2848;margin:0}.type-card-body{padding:16px 20px;background:#fff}.type-card-body p{font-size:14px;margin-bottom:8px}.type-card-usecase{font-size:13px!important;color:#666!important;background:#f8fafb;border-radius:6px;padding:8px 12px;margin-bottom:0!important}.flow-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0}.flow-step{background:#f8fafb;border-radius:10px;padding:20px;border:1px solid #e8edf2}.flow-step-q{font-size:15px;font-weight:700;color:#0f2848;margin-bottom:14px;padding-left:12px;border-left:3px solid #0f2848}.flow-step-branches{display:flex;flex-direction:column;gap:8px}.flow-branch{display:flex;align-items:baseline;gap:10px;font-size:14px;color:#444;line-height:1.7}.flow-branch-label{display:inline-block;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.flow-branch.yes .flow-branch-label{background:#00b900}.flow-branch.no .flow-branch-label{background:#e5004f}@media (max-width:768px){.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:10px 12px}.visual-compare,.diff-grid{grid-template-columns:1fr}}